@charset "UTF-8";

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
html,body{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:100%;
	letter-spacing:0.05em;
	line-height:1.6;
	box-sizing:border-box;
}
img{
	max-width:100%;
}
.pc{
	display:block;
}
.sp{
	display:none;
}

header{
	width:100%;
}


/* ////////////事業内容///////////// */
div#business{
	width:100%;
	background:#f7f8f8;
	padding:3em 0;
}
div#business section,
div#company section{
	width:1000px;
	margin:0 auto;
}
div#business section h1,
div#company section h1{
	width:200px;
	margin:0 auto 3em auto;
}
div#business section ul{
	border-collapse: separate;
	border-spacing: 10px 0;
	display: table;
}
div#business section ul li{
	display:table-cell;
	vertical-align: middle;
	width:190px;
	height:190px;
	margin:0 12px 0 0;
	border:1px solid #333;
	font-size:12px;
	padding:0 2em;
	text-align:center;
}
li.consul{
	background:url(../images/icon01.png) no-repeat 10px 5px;
	background-size:auto 50px;
}
li.education{
	background:url(../images/icon02.png) no-repeat 10px 5px;
	background-size:auto 50px;
}
li.cm{
	background:url(../images/icon03.png) no-repeat 10px 5px;
	background-size:auto 50px;
}
li.create{
	background:url(../images/icon04.png) no-repeat 10px 5px;
	background-size:auto 50px;
}
li.writing{
	background:url(../images/icon05.png) no-repeat 10px 5px;
	background-size:auto 50px;
}
div#business article{
	width:100%;
	background:url(../images/arrow.png) no-repeat center top;
	background-size:auto 80px;
	margin:20px 0 0 0;
}
div#business article p{
	padding:110px 0 0 0;
	text-align:center;
	font-size:24px;
	border-bottom:4px double #000;
}

@media(min-width: 600px) and (max-width: 959px){
.pc{
	display:none;
}
.sp{
	display:block;
}
	div#business section,
	div#company section{
	width:100%;
	padding:0 1em;
}
div#business section h1,
div#company section h1{
	width:30%;
	margin:0 auto 2em auto;
}
div#business section ul{
	display:block;
	width:70%;
	margin:0 auto;
}
div#business section ul li{
	display:block;
	width:100%;
	border:1px solid #333;
	font-size:100%;
	padding:18% 2em 0 2em;
	margin:1em 0 0 0;
	float:none;
	font-size:14px;
	text-align:center;
}
li.consul{
	background:url(../images/icon01.png) no-repeat 10px 5px;
	background-size:auto 30%;
}
li.education{
	background:url(../images/icon02.png) no-repeat 10px 5px;
	background-size:auto 30%;
}
li.cm{
	background:url(../images/icon03.png) no-repeat 10px 5px;
	background-size:auto 30%;
}
li.create{
	background:url(../images/icon04.png) no-repeat 10px 5px;
	background-size:auto 30%;
}
li.writing{
	background:url(../images/icon05.png) no-repeat 10px 5px;
	background-size:auto 30%;
}
div#business article{
	width:100%;
	background:url(../images/arrow.png) no-repeat center top;
	background-size:auto 50%;
	margin:0 0 0 0;
}
div#business article p{
	padding:10% 0 0 0;
	text-align:center;
	font-size:24px;
	border-bottom:4px double #000;
}
}
@media (max-width: 599px){
body{
	font-size:12px;
}
.pc{
	display:none;
}
.sp{
	display:block;
}
	div#business section,
	div#company section{
	width:100%;
	padding:0 1em;
}
div#business section h1,
div#company section h1{
	width:30%;
	margin:0 auto 2em auto;
}
div#business section ul{
	display:block;
	width:70%;
	margin:0 auto;
}
div#business section ul li{
	display:block;
	width:100%;
	border:1px solid #333;
	font-size:100%;
	padding:35% 2em 0 2em;
	margin:1em 0 0 0;
	float:none;
	font-size:14px;
	text-align:center;
}
li.consul{
	background:url(../images/icon01.png) no-repeat 10px 5px;
	background-size:auto 30%;
}
li.education{
	background:url(../images/icon02.png) no-repeat 10px 5px;
	background-size:auto 30%;
}
li.cm{
	background:url(../images/icon03.png) no-repeat 10px 5px;
	background-size:auto 30%;
}
li.create{
	background:url(../images/icon04.png) no-repeat 10px 5px;
	background-size:auto 30%;
}
li.writing{
	background:url(../images/icon05.png) no-repeat 10px 5px;
	background-size:auto 30%;
}
div#business article{
	width:100%;
	background:url(../images/arrow.png) no-repeat center top;
	background-size:auto 40%;
	margin:0 0 0 0;
}
div#business article p{
	padding:15% 0 0 0;
	text-align:center;
	font-size:18px;
	border-bottom:4px double #000;
}
}


/* ////////////会社概要///////////// */
div#company{
	width:100%;
	background:#fff;
	padding:3em 0;
}
div#company article{
	padding:0 0 3em 0;
	border-bottom:1px solid #666;
}
div#company article h2{
	font-size:21px;
}
div#company p{
	margin:0 0 2em 0;
}
div#company article dl dt{
	width:80px;
	padding:2px 0;
	border:1px solid #000;
	float:left;
	clear:left;
	text-align:center;
	margin:0 0 10px 0;
}
div#company article dl dd{
	width:900px;
	float:left;
	padding:2px 20px 2px 10px;
	margin:0 20px 0 0;
}
div#company article h3{
	text-align:right;
	font-size:24px;
}
div#company article h3 span{
	font-size:70%;
}
@media(min-width: 600px) and (max-width: 959px){
	div#company{
	width:100%;
	background:#fff;
	padding:3em 0;
}
div#company article{
	padding:0 0 3em 0;
	border-bottom:1px solid #666;
}
div#company article h2{
	font-size:21px;
}
div#company p{
	margin:0 0 2em 0;
}
div#company article dl dt{
	width:10%;
	padding:2px 0;
	border:1px solid #000;
	float:left;
	clear:left;
	text-align:center;
	margin:0 0 10px 0;
}
div#company article dl dd{
	width:85%;
	float:left;
	padding:2px 20px 2px 10px;
	margin:0 20px 0 0;
}
div#company article h3{
	text-align:right;
	font-size:24px;
}
div#company article h3 span{
	font-size:70%;
}
}
@media (max-width: 599px){
	div#company{
	width:100%;
	background:#fff;
	padding:3em 0;
}
div#company article{
	padding:0 0 3em 0;
	border-bottom:1px solid #666;
}
div#company article h2{
	font-size:18px;
}
div#company p{
	margin:0 0 2em 0;
}
div#company article dl dt{
	width:40%;
	padding:2px 0;
	border:1px solid #000;
	text-align:center;
	margin:0 0 5px 0;
}
div#company article dl dd{
	width:100%;
	padding:0;
	margin:0 0 10px 0;
}
div#company article h3{
	text-align:right;
	font-size:14px;
	font-weight:bold;
}
div#company article h3 span{
	font-size:70%;
}
}


/* ////////////footer///////////// */
footer{
	width:100%;
	background:url(../images/footbg.jpg) no-repeat center top;
	background-size:cover;
	padding:10em 0;
}
footer section{
	width:800px;
	margin:0 auto;
	padding:2em;
	background:url(../images/fsection_bg.png);
}
p.copy{
	width:100%;
	padding:1em 0;
	color:#fff;
	text-align:center;
	background:#3e3a39;
	font-size:12px;
}
@media(min-width: 600px) and (max-width: 959px){
footer{
	width:100%;
	background:url(../images/footbg.jpg) no-repeat center top;
	background-size:cover;
	padding:10em 0;
}
footer section{
	width:70%;
	margin:0 auto;
	padding:2em;
	background:url(../images/fsection_bg.png);
}
p.copy{
	width:100%;
	padding:1em 0;
	color:#fff;
	text-align:center;
	background:#3e3a39;
	font-size:12px;
}
}
@media (max-width: 599px){
	footer{
	width:100%;
	background:url(../images/footbg.jpg) no-repeat center top;
	background-size:cover;
	padding:5em 0;
}
footer section{
	width:90%;
	margin:0 auto;
	padding:1em;
	font-size:14px;
	background:url(../images/fsection_bg.png);
}
p.copy{
	width:100%;
	padding:1em 0;
	color:#fff;
	text-align:center;
	background:#3e3a39;
	font-size:12px;
}
}