@charset "utf-8";
section{

}
section div.accordion_inner{
	display: none;
}
#mainImg{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	background: #e50012;
}
#mainImg img{
	width: 100%;	
}
section#topics{
	width: 100%;
	padding: 0 0 30px;
	display: none;
}
section#topics div.titlebox{
	background: #E50012;
	padding: 20px 0;
	margin: 0;
}
section#topics div.titlebox h1 a{
	width: calc(200px * 0.7);
	height: calc(43px * 0.7);
	margin: 0 10px;
	text-indent: -9999px;
	background: url("../img/sec_topics_title.png") no-repeat left center;
	background-size: 100%;
	filter:alpha(opacity=35);
    -moz-opacity: 0.35;
    opacity: 0.35;
}
section#topics a.open h1 a{
	filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
section#topics div.box{
	width: 94%;
	margin: 20px auto 0;
}
section#topics div.box div.leftbox{
	width: 100%;
}
section#topics div.box div.rightbox{
	width: calc(100% - 25px);
	border-left: solid 7px #E50012;
	padding: 0 0 0 15px
}

section#company{
	width: 100%;
	padding: 0;
	margin: 0;

}
section#company div.titlebox{
	padding: 0;
	margin: 0;
}
section#company div.titlebox h1{
	display: block;
	width: 100%;
	height: 0;
	padding-top: calc(88/800 * 100%);
	margin: 0;
	text-indent: -9999px;
	background: url("../img/sec_company_title_sp.png") no-repeat left top #75d154;
	background-size: 100%;
	/*filter:alpha(opacity=35);
    -moz-opacity: 0.35;
    opacity: 0.35;*/
}
section#company a.open h1{
	background: url("../img/sec_company_title_sp.png") no-repeat left bottom #75d154;
	background-size: 100%;
	/*filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;*/
}
section#company div.box{
	width: 94%;
	margin: 0 auto;
	padding: 0 0 10px;
}
section#company ul{
	width: 100%;
	margin: 0 auto 10px;
}
section#company ul li{
	line-height: 260%;	
}

section#company ul li span{
	background: url("../img/icon_open.png") no-repeat left 3px;
	padding: 0 0 0 18px;
	cursor: pointer;
}
section#company ul li span.active{
	background: url("../img/icon_close.png") no-repeat left 3px;
}
section#company div.sbox{
	padding: 10px 15px;
	border: solid 2px #ccc;
	margin: 0 0 20px;
}
section#company h2{
	font-size: 130%;
	margin: 20px auto 10px;
}
section#company h3{
	margin: 0 0 15px;	
}
section#company h3 span{
	color: #e50012;
}
section#company h4{
	color: #e50012;
	font-size: 120%;
}
section#company {
	line-height: 260%;	
}
section#company table{
	margin: 0 0 30px;
}
section#company th{
	white-space: nowrap;
	padding: 5px;
	border: solid 1px #aaa;
	border-width: 0 0 1px 0;
	vertical-align: top;
	line-height: 1.8;
	display: block;
	background: #eee;
	width: 100%;
}
section#company td{
	padding: 5px;
	border: solid 1px #aaa;
	border-width: 0 0 1px 0;
	line-height: 1.8;
	font-size: 95%;
	width: 100%;
	display: block;
}
section#company td ul{
	padding: 0 0 0 20px;
	box-sizing: border-box;
}
section#company td ul li{
	line-height: 1.8;
	list-style: disc;
}
section#company td ul li i{
	font-size: 100%;
	font-style: normal;
}
section#company td p.lbox{
	margin: 0;
	padding: 2px 0 0;
}
section#company td p i{
	font-style: normal;	
}
section#company td p i.right{
	display: block;
	text-align: right;
	width: 70%;
	margin: 0;
	padding: 0;
}
section#company td p.rbox{
	padding: 0;
	margin: 0;
}
section#company div.inn p{
	line-height: 2;
}
section#service{
	width: 100%;
	padding: 0;
}
section#service div.titlebox{
	background: #00a0cd;
	padding: 0;
}
section#service div.titlebox h1{
	width: 100%;
	height: 0;
	padding-top: calc(88/800 * 100%);
	margin: 0;
	text-indent: -9999px;
	background: url("../img/sec_service_title_sp.png") no-repeat left top #45bdf5;
	background-size: 100%;
	/*filter:alpha(opacity=35);
    -moz-opacity: 0.35;
    opacity: 0.35;*/
}
section#service a.open h1{
	background: url("../img/sec_service_title_sp.png") no-repeat left bottom #45bdf5;
	background-size: 100%;
	/*filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;*/
}
section#service div.box{
	width: 94%;
	margin: 20px auto 0;
}
section#service ul{
	width: 100%;
	margin: 0 auto 10px;
}
section#service h2{
	width: 100%;
	margin: 20px auto 10px;
	font-size: 110%;
}
section#service ul li{
	line-height: 260%;	
}
section#service ul li span{
	background: url("../img/icon_open.png") no-repeat left 3px;
	padding: 0 0 0 18px;
	cursor: pointer;
}
section#service ul li span.active{
	background: url("../img/icon_close.png") no-repeat left 3px;
}
section#service ul li div{
	padding: 10px 15px;
	border: solid 2px #ccc;
	margin: 0 0 20px;
	display: none;
}
section#service ul li h2{
	margin: 0 0 10px;
	font-size: 110%;
	line-height: 150%;	
}
section#service ul li p{
	line-height: 150%;	
}
section#works{
	width: 100%;
	padding: 0;
}
section#works div.titlebox{
	background: #93278f;
	padding: 0;
}
section#works div.titlebox h1{
	width: 100%;
	height: 0;
	padding-top: calc(88/800 * 100%);
	margin: 0;
	text-indent: -9999px;
	background: url("../img/sec_works_title_sp.png") no-repeat left top #f89545;
	background-size: 100%;
	/*filter:alpha(opacity=35);
    -moz-opacity: 0.35;
    opacity: 0.35;*/
}
section#works a.open h1{
	background: url("../img/sec_works_title_sp.png") no-repeat left bottom #f89545;
	background-size: 100%;
	/*filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;*/
}
section#works div.box{
	width: 90%;
	margin: 20px auto 20px;
}
section#works div.box div.sbox{
	margin: 0 0 30px;	
}
section#works div.box div.sbox img{
	width: 100%;	
}
section#contact{
	width: 100%;
	padding: 0;
}
section#contact div.titlebox{
	background: #e0007f;
	padding: 0;
}
section#contact div.titlebox h1{
	width: 100%;
	height: 0;
	padding-top: calc(88/800 * 100%);
	margin: 0;
	text-indent: -9999px;
	background: url("../img/sec_contact_title_sp.png") no-repeat left top #a871bc;
	background-size: 100%;
	/*filter:alpha(opacity=35);
    -moz-opacity: 0.35;
    opacity: 0.35;*/
}
section#contact a.open h1{
	background: url("../img/sec_contact_title_sp.png") no-repeat left bottom #a871bc;
	background-size: 100%;
	/*filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;*/
}
section#contact div.box{
	width: 94%;
	margin: 20px auto 20px;
}
section#contact iframe{

}
section#recruit{
	width: 100%;
	padding: 0;
}
section#recruit div.titlebox{
	background: #00a99d;
	padding: 0;
}
section#recruit div.titlebox h1{
	width: 100%;
	height: 0;
	padding-top: calc(88/800 * 100%);
	margin: 0;
	text-indent: -9999px;
	background: url("../img/sec_recruit_title_sp.png") no-repeat left top #2d9dac;
	background-size: 100%;
	/*filter:alpha(opacity=35);
    -moz-opacity: 0.35;
    opacity: 0.35;*/
}
section#recruit a.open h1{
	background: url("../img/sec_recruit_title_sp.png") no-repeat left bottom #2d9dac;
	background-size: 100%;
	/*filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;*/
}
section#recruit div.box{
	width: 94%;
	margin: 20px auto 20px;
}

table.form{
	width: 100%;
	margin: 15px auto 0;
	box-sizing: border-box;
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px #dcd3c5 solid;
}

table.form th {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	background: #faf9f7;
	width: 100%;
	display: block;
	box-sizing: border-box;
}
table.form td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	background: #faf9f7;
	width: 100%;
	display: block;
	box-sizing: border-box;
}
table.form td input,
table.form td textarea{
	width: 100%;
	box-sizing: border-box;
}
div.formBtn{
	width: 100%;
	margin: 30px auto 0;
	text-align: center;
}
div.formBtn input{
	width: 48%;
	height: 50px;
	color: #000;
	background: #fff;
	border: solid 2px #E50012;
	cursor: pointer;
}
div.formBtn input:hover{
	background: #E50012;
	color: #fff;
}
/*end*/


section#privacy{
	width: 100%;
	padding: 0 0 30px;
}
section#privacy div.titlebox{
	background: #E50012;
	padding: 0;
}
section#privacy h1{
	width: 100%;
	height: 0;
	padding-top: calc(88/800 * 100%);
	margin: 0;
	text-indent: -9999px;
	background: url("../img/sec_privacy_title_sp.png") no-repeat left center #E50012;
	background-size: 100%;
}
section#privacy div.sbox{
	width: 94%;
	margin: 20px auto 0;
}
section#privacy div.sbox ol{
	margin: 0 0 0 30px;	
}

section#sitemap{
	width: 100%;
	padding: 0;
}
section#sitemap div.titlebox{
	background: #E50012;
	padding: 20px 0;
}
section#sitemap h1{
	width: 100%;
	height: 0;
	padding-top: calc(88/800 * 100%);
	margin: 0;
	text-indent: -9999px;
	background: url("../img/sec_sitemap_title_sp.png") no-repeat left center #E50012;
	background-size: 100%;
}
section#sitemap div.sbox{
	width: 94%;
	margin: 20px auto 0;
}
/*end*/