/* Media Query
---------------------------------------------------------------------------- */
@media (max-width: 1500px) {
	#main-content #aboutUs .section-content,
	#main-content #analysis .section-content,
	#main-content #products .section-content,
	#main-content #service .section-content,
	#main-content #blog .section-content,
	#main-content #news .section-content
	{
		width: 92%;
		padding-left: 4%;
		padding-right: 4%;
	}
	#main-content #analysis .content2 li .box2 .title {
		font-size: 8pt;
	}
	#main-content #service .content2 li .box2 .title {
		font-size: 8pt;
	}
	#main-content #blog .content {
		margin-left: -4%;
		margin-right: -4%;
	}
	#footer-content .bx-upper {
		padding: 0 2.6% 40px 4%;
	}
	#footer-content .bx-lower {
		padding: 0 4%;
	}
}
@media (max-width: 1400px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1200px) {
	#header-content #navigation {
		width: 900px;
		top: 28%;
		right: 0;
	}
	#header-content #navigation-content li.menu-item-8 {
		margin-left: 2%;
	}
	#header-content #navigation-content li a {
		font-size: 10pt;
	}
	#header-content .logo {
		width: 4%;
	}
	.key-visual-sentence {
		top: 50%;
		transform: translateY(-50%);
	}
	#main-content #strengths .number {
		font-size: 36pt;
		margin-bottom: 48px;
	}
	#main-content #strengths .title {
		font-size: 16pt;
		margin-bottom: 12px;
	}
	#main-content #strengths .sentence {
		font-size: 10pt;
		margin-bottom: 48px;
	}
	#main-content #analysis .content2 li .box2 .title {
		font-size: 8pt;
	}
	#main-content #analysis .content2 li .box2 .detail {
		display: none;
	}
	#main-content #service .content2 li .box2 .title {
		font-size: 8pt;
	}
	#main-content #service .content2 li .box2 .detail {
		display: none;
	}
	#main-content #products .content .box li.img {
		width: 16%;
		margin-right: 5%;
	}
	#main-content #products .content .box li.title {
		width: 16%;
		margin-right: 3%;
	}
	#main-content #products .content .box li.title .ja {
		font-size: 10pt;
		margin-bottom: 0;
	}
	#main-content #products .content .box li.title .en {
		font-size: 10pt;
	}
	#main-content #products .content .box li.sentence {
		font-size: 10pt;
	}
	#main-content #products .content .box li.detail {
		font-size: 6pt;
		width: 6em;
	}
	#main-content #news .caption {
		width: 30%;
	}
	#main-content #news .content {
		width: 70%;
	}
	#main-content #recruit .caption-en {
		font-size: 32pt;
	}
	#main-content #recruit .caption-ja {
		font-size: 8pt;
	}
	#main-content #contact .caption-en {
		font-size: 32pt;
	}
	#main-content #contact .caption-ja {
		font-size: 8pt;
	}
}
@media (max-width: 1100px) {
}
@media (max-width: 1000px) {
	#header-content #navigation {
		display: none;
	}
	.submenu {
		display: none;
	}
	#SP-navigation-trigger {
		width: 4%;
		position: absolute;
		top: 20%;
		right: 2%;
		display: block;
	}
	.key-visual-content {
		min-width: 1000px;
		margin-top: 50px;
	}
	.key-visual-sentence .en-small {
		font-size: 20pt;
	}
	.key-visual-sentence .en-large {
		font-size: 64pt;
	}
	.key-visual-sentence .ja {
		font-size: 10pt;
	}
	#main-content #strengths .number {
		font-size: 24pt;
		margin-bottom: 32px;
	}
	#main-content #strengths .title {
		font-size: 12pt;
		margin-bottom: 8px;
	}
	#main-content #strengths .sentence {
		font-size: 8pt;
		margin-bottom: 32px;
	}
	#main-content #analysis .box {
		float: none;
		width: 100%;
	}
	#main-content #analysis .content .title {
		margin-bottom: 28px;
	}
	#main-content #analysis .content .sentence {
		margin-bottom: 28px;
	}
	#main-content #analysis .content2 {
		width: 100%;
		position: static;
		transform: none;
	}
	#main-content #analysis .content2 li {
		width: 49%;
		margin-left: 2%;
	}
	#main-content #analysis .content2 li.first {
		margin-left: 0;
	}
	#main-content #analysis .content2 li .box2 .detail {
		display: block;
	}
	#main-content #service .box {
		float: none;
		width: 100%;
	}
	#main-content #service .content .title {
		margin-bottom: 28px;
	}
	#main-content #service .content .sentence {
		margin-bottom: 28px;
	}
	#main-content #service .content2 {
		width: 100%;
		position: static;
		transform: none;
	}
	#main-content #service .content2 li {
		width: 49%;
		margin-left: 2%;
	}
	#main-content #service .content2 li.first {
		margin-left: 0;
	}
	#main-content #service .content2 li .box2 .detail {
		display: block;
	}
	#footer-content .logo {
		width: 30%;
	}
	#footer-content .navigation {
		width: 60%;
	}
	#footer-content .info {
		width: 60%;
	}
	#footer-content .sns {
		width: 30%;
	}
}
@media (max-width: 900px) {
	#header-content .logo {
		width: 5%;
		left: 2%;
	}
	#SP-navigation-trigger {
		width: 5%;
		top: 18%;
		right: 2%;
	}
	.key-visual-content {
		min-width: 900px;
	}
}
@media (max-width: 800px) {
	#header-content .logo {
		width: 6%;
	}
	#SP-navigation-trigger {
		width: 6%;
	}
	.key-visual-content {
		min-width: 800px;
	}
	.key-visual-sentence .en-small {
		font-size: 16pt;
	}
	.key-visual-sentence .en-large {
		font-size: 48pt;
	}
	.key-visual-sentence .ja {
		font-size: 8pt;
	}
	#main-content .section {
		margin: 0 auto 120px;
	}
	#main-content #strengths li {
		float: none;
		width: 100%;
	}
	#main-content #strengths .box {
	}
	#main-content #strengths .number {
		font-size: 48pt;
		margin-bottom: 64px;
	}
	#main-content #strengths .title {
		font-size: 24pt;
		margin-bottom: 16px;
	}
	#main-content #strengths .sentence {
		font-size: 12pt;
		width: 64%;
		margin-bottom: 64px;
	}
	#main-content #analysis .content2 li {
		float: none;
		width: 100%;
		margin: 20px 0;
	}
	#main-content #analysis .content2 li.first {
		margin: 20px 0;
	}
	#main-content #analysis .content2 li .box2 .title {
		color: #FFFFFF;
		font-size: 12pt;
		margin: 2% 0;
	}
	#main-content #products .content .box {
	}
	#main-content #products .content .box li {
		float: left;
	}
	#main-content #products .content .box li.img {
		width: 40%;
		margin-right: 5%;
	}
	#main-content #products .content .box li.title {
		width: 55%;
		margin-right: 0;
	}
	#main-content #products .content .box li.title .ja {
		font-size: 16pt;
		margin-bottom: 8px;
	}
	#main-content #products .content .box li.title .en {
		margin-bottom: 16px;
	}
	#main-content #products .content .box li.sentence {
		display: none;
	}
	#main-content #products .content .box li.detail {
		font-size: 8pt;
		width: 8em;
	}
	#main-content #service .content2 li {
		float: none;
		width: 100%;
		margin: 20px 0;
	}
	#main-content #service .content2 li.first {
		margin: 20px 0;
	}
	#main-content #service .content2 li .box2 .title {
		color: #FFFFFF;
		font-size: 12pt;
		margin: 2% 0;
	}
	#main-content #news .caption {
		float: none;
		width: 100%;
	}
	#main-content #news .content {
		float: none;
		width: 100%;
	}
	#main-content #recruit {
		float: none;
		width: 100%;
		margin-bottom: 0;
	}
	#main-content #contact {
		float: none;
		width: 100%;
	}
}
@media (max-width: 700px) {
	#header-content .logo {
		width: 7%;
	}
	#SP-navigation-trigger {
		width: 7%;
	}
	.key-visual-content {
		min-width: 700px;
	}
}
@media (max-width: 600px) {
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
		font-size: 10pt;
	}
	a {
		font-size: 10pt;
	}
	.key-visual-content {
		min-width: 600px;
	}
	#main-content .section-content .caption-en {
		font-size: 32pt;
	}
	#main-content .section-content .caption-ja {
		font-size: 8pt;
	}
	#header-content .logo {
		width: 8%;
	}
	#SP-navigation-trigger {
		width: 8%;
	}
	#SP-navigation-content .close-trigger {
		width: 16%;
	}
	#key-visual {
		margin: 0 auto 120px;
	}
	.key-visual-sentence {
		left: 4%;
	}
	.key-visual-sentence .en-small {
		font-size: 12pt;
	}
	.key-visual-sentence .en-large {
		font-size: 40pt;
	}
	.key-visual-sentence .ja {
		font-size: 8pt;
	}
	#main-content #analysis .content2 li .box2 .title {
		font-size: 10pt;
	}
	#main-content #service .content2 li .box2 .title {
		font-size: 10pt;
	}
	#main-content #blog li a.block {
		padding: 16px;
	}
	#main-content #blog img {
		margin-bottom: 12px;
	}
	#main-content #blog .date {
		margin-bottom: 12px;
	}
	#main-content #blog .title {
		margin-bottom: 0;
	}
}
@media (max-width: 500px) {
	#main-content #strengths .number {
		font-size: 32pt;
		margin-bottom: 40px;
	}
	#main-content #strengths .title {
		font-size: 16pt;
		margin-bottom: 12px;
	}
	#main-content #strengths .sentence {
		font-size: 10pt;
		width: 80%;
		margin-bottom: 40px;
	}
	#main-content #analysis .content .title {
		font-size: 16pt;
	}
	#main-content #products .content .box li.title .ja {
		font-size: 12pt;
		margin-bottom: 0;
	}
	#main-content #products .content .box li.title .en {
		margin-bottom: 0;
	}
	#main-content #service .content .title {
		font-size: 16pt;
	}
	#main-content #news .content dl {
		padding-bottom: 16px;
		margin-bottom: 16px;
	}
	#main-content #news .content dt {
		float: none;
		width: 100%;
	}
	#main-content #news .content dt a {
		height: 24px;
		line-height: 24px;
	}
	#main-content #news .content dd {
		float: none;
		width: 100%;
	}
	#main-content #news .content dd a {
		height: 24px;
		line-height: 24px;
	}
	#footer-content .navigation li {
		width: 50%;
	}
	#footer-content .navigation li a {
		font-size: 9pt;
	}
	#footer-content .info .name {
		font-size: 9pt;
	}
	#footer-content .info .name a {
		font-size: 9pt;
	}
	#footer-content .info .copy {
		font-size: 9pt;
	}
}
