﻿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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline
}

body {
	line-height: 1;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W5", "メイリオ", Meiryo, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif, "ＭＳ Ｐゴシック", "MS Pゴシック", Osaka !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

nav ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after {
	content: "";
	content: none
}

q:before,
q:after {
	content: "";
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

ul li {
	list-style-type: none
}

* {
	margin: 0;
	padding: 0
}

a {
	color: #6788bb;
	text-decoration: underline
}

a:visited {
	color: #6788bb
}

a:hover {
	text-decoration: none
}

img {
	border: none
}

@media screen and (max-width: 480px) {
	img {
		max-width: 100%
	}
}

a img:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7
}

@media screen and (max-width: 480px) {
	a img:active {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7
	}
}

a img.opc:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.note{
	margin-top: 26px;
}
@media screen and (max-width: 480px) {
.note{
	width: 95%;
	margin: 0 auto;
	margin-top: 26px;
}
}

.l-center {
	text-align: center;
	display: block;
	margin: auto
}

.l-ta-left {
	text-align: left
}

.l-ta-right {
	text-align: right
}

.l-clr,
.m-dl {
	zoom: 1;
	min-height: 1%
}

.l-clr:after,
.m-dl:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}

.l-left {
	float: left;
	display: block
}

@media screen and (max-width: 480px) {
	.l-left {
		float: none
	}
}

.l-right {
	float: right;
	display: block
}

@media screen and (max-width: 480px) {
	.l-right {
		float: none
	}
}

.l-left-always {
	float: left;
	display: block
}

.l-right-always {
	float: right;
	display: block
}

.l-idb {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.l-par {
	margin-bottom: 40px
}

.l-par:last-child {
	margin-bottom: 0
}

.l-par.last-child {
	margin-bottom: 0
}

.l-col2-1 {
	width: 50%
}

@media screen and (max-width: 480px) {
	.l-col2-1 {
		width: 100%
	}
}

.l-col3-2 {
	width: 640px
}

@media screen and (max-width: 480px) {
	.l-col3-2 {
		width: 100%
	}
}

.l-col3-1 {
	width: 300px
}

@media screen and (max-width: 480px) {
	.l-col3-1 {
		width: 100%
	}
}

.l-col4-3 {
	width: 74%
}

@media screen and (max-width: 480px) {
	.l-col4-3 {
		width: 100%
	}
}

.l-col4-1 {
	width: 22%;
	margin-right: 4%
}

@media screen and (max-width: 480px) {
	.l-col4-1 {
		width: 100%
	}
}

.l-col4-1:last-child {
	margin-right: 0
}

.l-col4-1.last-child {
	margin-right: 0
}

.l-col4-1:nth-child(4n) {
	margin-right: 0
}

.l-col4-1.nth-child-4 {
	margin-right: 0
}

.l-col4-1.nth-child-8 {
	margin-right: 0
}

.l-col4-1.nth-child-12 {
	margin-right: 0
}

.l-col4-1.nth-child-16 {
	margin-right: 0
}

.l-gut2-1 {
	width: 48%;
	margin-right: 4%
}

@media screen and (max-width: 480px) {
	.l-gut2-1 {
		width: 100%
	}
}

.l-gut2-1:nth-child(2n) {
	margin-right: 0
}

.l-gut2-1.nth-child-2 {
	margin-right: 0
}

.l-gut2-1.nth-child-4 {
	margin-right: 0
}

.l-gut2-1.nth-child-6 {
	margin-right: 0
}

.l-gut2-1.nth-child-8 {
	margin-right: 0
}

.l-gut2-1.nth-child-10 {
	margin-right: 0
}

.l-gut3-1 {
	width: 30%;
	margin-right: 5%
}

@media screen and (max-width: 480px) {
	.l-gut3-1 {
		width: 100%
	}
}

.l-gut3-1:last-child {
	margin-right: 0
}

.l-gut3-1.last-child {
	margin-right: 0
}

.l-gut3-2 {
	width: 65%;
	margin-right: 5%
}

@media screen and (max-width: 480px) {
	.l-gut3-2 {
		width: 100%
	}
}

.l-gut3-2:last-child {
	margin-right: 0
}

.l-gut3-2.last-child {
	margin-right: 0
}

.l-gut4-1 {
	width: 22%;
	margin-right: 4%
}

@media screen and (max-width: 480px) {
	.l-gut4-1 {
		width: 100%
	}
}

.l-gut4-1:last-child {
	margin-right: 0
}

.l-gut4-1.last-child {
	margin-right: 0
}

.l-gut4-1:nth-child(4n) {
	margin-right: 0
}

.l-gut4-1.nth-child-4 {
	margin-right: 0
}

.l-gut4-1.nth-child-8 {
	margin-right: 0
}

.l-gut4-1.nth-child-12 {
	margin-right: 0
}

.l-gut4-1.nth-child-16 {
	margin-right: 0
}

.l-gut4-2 {
	width: 48%;
	margin-right: 4%
}

@media screen and (max-width: 480px) {
	.l-gut4-2 {
		width: 100%
	}
}

.l-gut4-2:last-child {
	margin-right: 0
}

.l-gut4-2.last-child {
	margin-right: 0
}

.l-gut4-3 {
	width: 74%;
	margin-right: 4%
}

@media screen and (max-width: 480px) {
	.l-gut4-3 {
		width: 100%
	}
}

.l-gut4-3:last-child {
	margin-right: 0
}

.l-gut4-3.last-child {
	margin-right: 0
}

.l-gut5-1 {
	width: 16% !important;
	margin-right: 5% !important;
}

@media screen and (max-width: 480px) {
	.l-gut5-1 {
		width: 100% !important;
	}
}

.l-gut5-1:nth-child(5n) {
	margin-right: 0
}

.l-gut5-4 {
	width: 74%;
	margin-right: 5%
}

@media screen and (max-width: 480px) {
	.l-gut5-4 {
		width: 100%
	}
}

.l-gut5-4:last-child {
	margin-right: 0
}

.wrap,
.top-wrap {
	width: 980px;
	margin: auto
}

@media screen and (max-width: 480px) {
	.wrap,
	.top-wrap {
		width: 100%
	}
}

.top-index-wrap {
	padding-top: 74px;
	padding-left: 210px
}

@media screen and (max-width: 480px) {
	.top-index-wrap {
		padding: 0
	}
}

.top-wrap {
	width: 690px;
	padding-top: 40px;
	padding-bottom: 60px
}

@media screen and (max-width: 480px) {
	.top-wrap {
		width: 100%;
		padding: 20px
	}
}

.l-mt5 {
	margin-top: 5px
}

.l-mt10 {
	margin-top: 10px
}

.l-mt15 {
	margin-top: 15px
}

.l-mt20 {
	margin-top: 20px
}

.l-mt25 {
	margin-top: 25px
}

.l-mt30 {
	margin-top: 30px
}

.l-mt35 {
	margin-top: 35px
}

.l-mt40 {
	margin-top: 40px
}

.l-mt45 {
	margin-top: 45px
}

.l-mt50 {
	margin-top: 50px
}

.l-mb5 {
	margin-bottom: 5px
}

.l-mb10 {
	margin-bottom: 10px
}

.l-mb15 {
	margin-bottom: 15px
}

.l-mb20 {
	margin-bottom: 20px
}

.l-mb25 {
	margin-bottom: 25px
}

.l-mb30 {
	margin-bottom: 30px
}

.l-mb35 {
	margin-bottom: 35px
}

.l-mb40 {
	margin-bottom: 40px
}

.l-mb45 {
	margin-bottom: 45px
}

.l-mb50 {
	margin-bottom: 50px
}

.l-ml5 {
	margin-left: 5px
}

.l-ml10 {
	margin-left: 10px
}

.l-ml15 {
	margin-left: 15px
}

.l-ml20 {
	margin-left: 20px
}

.l-ml25 {
	margin-left: 25px
}

.l-ml30 {
	margin-left: 30px
}

.l-ml35 {
	margin-left: 35px
}

.l-ml40 {
	margin-left: 40px
}

.l-ml45 {
	margin-left: 45px
}

.l-ml50 {
	margin-left: 50px
}

.l-mr5 {
	margin-right: 5px
}

.l-mr10 {
	margin-right: 10px
}

.l-mr15 {
	margin-right: 15px
}

.l-mr20 {
	margin-right: 20px
}

.l-mr25 {
	margin-right: 25px
}

.l-mr30 {
	margin-right: 30px
}

.l-mr35 {
	margin-right: 35px
}

.l-mr40 {
	margin-right: 40px
}

.l-mr45 {
	margin-right: 45px
}

.l-mr50 {
	margin-right: 50px
}

.l-mlr5 {
	margin-left: 5px;
	margin-right: 5px
}

.l-mlr10 {
	margin-left: 10px;
	margin-right: 10px
}

.l-mlr15 {
	margin-left: 15px;
	margin-right: 15px
}

.l-mlr20 {
	margin-left: 20px;
	margin-right: 20px
}

.l-mlr25 {
	margin-left: 25px;
	margin-right: 25px
}

.l-mlr30 {
	margin-left: 30px;
	margin-right: 30px
}

.l-mlr35 {
	margin-left: 35px;
	margin-right: 35px
}

.l-mlr40 {
	margin-left: 40px;
	margin-right: 40px
}

.l-mlr45 {
	margin-left: 45px;
	margin-right: 45px
}

.l-mlr50 {
	margin-left: 50px;
	margin-right: 50px
}

.l-pt5 {
	padding-top: 5px
}

.l-pt10 {
	padding-top: 10px
}

.l-pt15 {
	padding-top: 15px
}

.l-pt20 {
	padding-top: 20px
}

.l-pt25 {
	padding-top: 25px
}

.l-pt30 {
	padding-top: 30px
}

.l-pt35 {
	padding-top: 35px
}

.l-pt40 {
	padding-top: 40px
}

.l-pt45 {
	padding-top: 45px
}

.l-pt50 {
	padding-top: 50px
}

.l-pb5 {
	padding-bottom: 5px
}

.l-pb10 {
	padding-bottom: 10px
}

.l-pb15 {
	padding-bottom: 15px
}

.l-pb20 {
	padding-bottom: 20px
}

.l-pb25 {
	padding-bottom: 25px
}

.l-pb30 {
	padding-bottom: 30px
}

.l-pb35 {
	padding-bottom: 35px
}

.l-pb40 {
	padding-bottom: 40px
}

.l-pb45 {
	padding-bottom: 45px
}

.l-pb50 {
	padding-bottom: 50px
}

.l-pl5 {
	padding-left: 5px
}

.l-pl10 {
	padding-left: 10px
}

.l-pl15 {
	padding-left: 15px
}

.l-pl20 {
	padding-left: 20px
}

.l-pl25 {
	padding-left: 25px
}

.l-pl30 {
	padding-left: 30px
}

.l-pl35 {
	padding-left: 35px
}

.l-pl40 {
	padding-left: 40px
}

.l-pl45 {
	padding-left: 45px
}

.l-pl50 {
	padding-left: 50px
}

.l-pr5 {
	padding-right: 5px
}

.l-pr10 {
	padding-right: 10px
}

.l-pr15 {
	padding-right: 15px
}

.l-pr20 {
	padding-right: 20px
}

.l-pr25 {
	padding-right: 25px
}

.l-pr30 {
	padding-right: 30px
}

.l-pr35 {
	padding-right: 35px
}

.l-pr40 {
	padding-right: 40px
}

.l-pr45 {
	padding-right: 45px
}

.l-pr50 {
	padding-right: 50px
}

.l-plr5 {
	padding-left: 5px;
	padding-right: 5px
}

.l-plr10 {
	padding-left: 10px;
	padding-right: 10px
}

.l-plr15 {
	padding-left: 15px;
	padding-right: 15px
}

.l-plr20 {
	padding-left: 20px;
	padding-right: 20px
}

.l-plr25 {
	padding-left: 25px;
	padding-right: 25px
}

.l-plr30 {
	padding-left: 30px;
	padding-right: 30px
}

.l-plr35 {
	padding-left: 35px;
	padding-right: 35px
}

.l-plr40 {
	padding-left: 40px;
	padding-right: 40px
}

.l-plr45 {
	padding-left: 45px;
	padding-right: 45px
}

.l-plr50 {
	padding-left: 50px;
	padding-right: 50px
}

.l-colum-10 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.l-colum-10.ss-1 {
	width: 10%
}

.l-colum-10.ss-9 {
	width: 90%
}

.l-colum-9 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.l-colum-9.ss-1 {
	width: 11%
}

.l-colum-5 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.l-colum-5.ss-1 {
	width: 20%
}

.l-colum-4 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.l-colum-4.ss-1 {
	width: 25%
}

.l-colum-4.ss-2 {
	width: 50%
}

.l-colum-4.ss-3 {
	width: 75%
}

.l-colum-2 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.l-colum-2.ss-1 {
	width: 50%
}

.l-gutter-9.ss-1 {
	width: 10%;
	margin-right: 1%
}

.l-gutter-9.ss-1:nth-child(9n) {
	margin-right: 0
}

.l-gutter-9.ss-1:last-child {
	margin-right: 0
}

.l-gutter-9.ss-1.last-child {
	margin-right: 0
}

.l-gutter-9.ss-1.nth-child-9 {
	margin-right: 0
}

.l-gutter-9.ss-1.nth-child-18 {
	margin-right: 0
}

.l-gutter-9.ss-1.nth-child-27 {
	margin-right: 0
}

.l-gutter-9.ss-1.nth-child-36 {
	margin-right: 0
}

.l-gutter-9.ss-1.nth-child-45 {
	margin-right: 0
}

.l-gutter-9.ss-8 {
	width: 87%;
	margin-right: 1%
}

.l-gutter-9.ss-8:nth-child(9n) {
	margin-right: 0
}

.l-gutter-9.ss-8:last-child {
	margin-right: 0
}

.l-gutter-9.ss-8.last-child {
	margin-right: 0
}

.l-gutter-9.ss-8.nth-child-9 {
	margin-right: 0
}

.l-gutter-9.ss-8.nth-child-18 {
	margin-right: 0
}

.l-gutter-9.ss-8.nth-child-27 {
	margin-right: 0
}

.l-gutter-9.ss-8.nth-child-36 {
	margin-right: 0
}

.l-gutter-9.ss-8.nth-child-45 {
	margin-right: 0
}

.l-gutter-8.ss-1 {
	width: 11.8%;
	margin-right: 0.8%
}

.l-gutter-8.ss-1:nth-child(8n) {
	margin-right: 0
}

.l-gutter-8.ss-1:last-child {
	margin-right: 0
}

.l-gutter-8.ss-1.last-child {
	margin-right: 0
}

.l-gutter-8.ss-1.nth-child-8 {
	margin-right: 0
}

.l-gutter-8.ss-1.nth-child-16 {
	margin-right: 0
}

.l-gutter-8.ss-1.nth-child-24 {
	margin-right: 0
}

.l-gutter-8.ss-1.nth-child-32 {
	margin-right: 0
}

.l-gutter-8.ss-1.nth-child-40 {
	margin-right: 0
}

.l-gutter-7.ss-1 {
	width: 10%;
	margin-right: 5%
}

.l-gutter-7.ss-1:nth-child(7n) {
	margin-right: 0
}

.l-gutter-7.ss-1:last-child {
	margin-right: 0
}

.l-gutter-7.ss-1.last-child {
	margin-right: 0
}

.l-gutter-7.ss-1.nth-child-7 {
	margin-right: 0
}

.l-gutter-7.ss-1.nth-child-14 {
	margin-right: 0
}

.l-gutter-7.ss-1.nth-child-21 {
	margin-right: 0
}

.l-gutter-7.ss-1.nth-child-28 {
	margin-right: 0
}

.l-gutter-7.ss-1.nth-child-35 {
	margin-right: 0
}

.l-gutter-7.ss-2 {
	width: 25%;
	margin-right: 5%
}

.l-gutter-7.ss-2:nth-child(7n) {
	margin-right: 0
}

.l-gutter-7.ss-2:last-child {
	margin-right: 0
}

.l-gutter-7.ss-2.last-child {
	margin-right: 0
}

.l-gutter-7.ss-2.nth-child-7 {
	margin-right: 0
}

.l-gutter-7.ss-2.nth-child-14 {
	margin-right: 0
}

.l-gutter-7.ss-2.nth-child-21 {
	margin-right: 0
}

.l-gutter-7.ss-2.nth-child-28 {
	margin-right: 0
}

.l-gutter-7.ss-2.nth-child-35 {
	margin-right: 0
}

.l-gutter-7.ss-3 {
	width: 40%;
	margin-right: 5%
}

.l-gutter-7.ss-3:nth-child(7n) {
	margin-right: 0
}

.l-gutter-7.ss-3:last-child {
	margin-right: 0
}

.l-gutter-7.ss-3.last-child {
	margin-right: 0
}

.l-gutter-7.ss-3.nth-child-7 {
	margin-right: 0
}

.l-gutter-7.ss-3.nth-child-14 {
	margin-right: 0
}

.l-gutter-7.ss-3.nth-child-21 {
	margin-right: 0
}

.l-gutter-7.ss-3.nth-child-28 {
	margin-right: 0
}

.l-gutter-7.ss-3.nth-child-35 {
	margin-right: 0
}

.l-gutter-7.ss-4 {
	width: 55%;
	margin-right: 5%
}

.l-gutter-7.ss-4:nth-child(7n) {
	margin-right: 0
}

.l-gutter-7.ss-4:last-child {
	margin-right: 0
}

.l-gutter-7.ss-4.last-child {
	margin-right: 0
}

.l-gutter-7.ss-4.nth-child-7 {
	margin-right: 0
}

.l-gutter-7.ss-4.nth-child-14 {
	margin-right: 0
}

.l-gutter-7.ss-4.nth-child-21 {
	margin-right: 0
}

.l-gutter-7.ss-4.nth-child-28 {
	margin-right: 0
}

.l-gutter-7.ss-4.nth-child-35 {
	margin-right: 0
}

.l-gutter-7.ss-5 {
	width: 70%;
	margin-right: 5%
}

.l-gutter-7.ss-5:nth-child(7n) {
	margin-right: 0
}

.l-gutter-7.ss-5:last-child {
	margin-right: 0
}

.l-gutter-7.ss-5.last-child {
	margin-right: 0
}

.l-gutter-7.ss-5.nth-child-7 {
	margin-right: 0
}

.l-gutter-7.ss-5.nth-child-14 {
	margin-right: 0
}

.l-gutter-7.ss-5.nth-child-21 {
	margin-right: 0
}

.l-gutter-7.ss-5.nth-child-28 {
	margin-right: 0
}

.l-gutter-7.ss-5.nth-child-35 {
	margin-right: 0
}

.l-gutter-7.ss-6 {
	width: 85%;
	margin-right: 5%
}

.l-gutter-7.ss-6:nth-child(7n) {
	margin-right: 0
}

.l-gutter-7.ss-6:last-child {
	margin-right: 0
}

.l-gutter-7.ss-6.last-child {
	margin-right: 0
}

.l-gutter-7.ss-6.nth-child-7 {
	margin-right: 0
}

.l-gutter-7.ss-6.nth-child-14 {
	margin-right: 0
}

.l-gutter-7.ss-6.nth-child-21 {
	margin-right: 0
}

.l-gutter-7.ss-6.nth-child-28 {
	margin-right: 0
}

.l-gutter-7.ss-6.nth-child-35 {
	margin-right: 0
}

.l-gutter-6.ss-1 {
	width: 15%;
	margin-right: 2%
}

.l-gutter-6.ss-1:nth-child(6n) {
	margin-right: 0
}

.l-gutter-6.ss-1:last-child {
	margin-right: 0
}

.l-gutter-6.ss-1.last-child {
	margin-right: 0
}

.l-gutter-6.ss-1.nth-child-6 {
	margin-right: 0
}

.l-gutter-6.ss-1.nth-child-12 {
	margin-right: 0
}

.l-gutter-6.ss-1.nth-child-18 {
	margin-right: 0
}

.l-gutter-6.ss-1.nth-child-24 {
	margin-right: 0
}

.l-gutter-6.ss-1.nth-child-30 {
	margin-right: 0
}

.l-gutter-6.ss-5 {
	width: 83%;
	margin-right: 2%
}

.l-gutter-6.ss-5:nth-child(6n) {
	margin-right: 0
}

.l-gutter-6.ss-5:last-child {
	margin-right: 0
}

.l-gutter-6.ss-5.last-child {
	margin-right: 0
}

.l-gutter-6.ss-5.nth-child-6 {
	margin-right: 0
}

.l-gutter-6.ss-5.nth-child-12 {
	margin-right: 0
}

.l-gutter-6.ss-5.nth-child-18 {
	margin-right: 0
}

.l-gutter-6.ss-5.nth-child-24 {
	margin-right: 0
}

.l-gutter-6.ss-5.nth-child-30 {
	margin-right: 0
}

.l-gutter-5.ss-1 {
	width: 16%;
	margin-right: 5%
}

.l-gutter-5.ss-1:nth-child(5n) {
	margin-right: 0
}

.l-gutter-5.ss-1:last-child {
	margin-right: 0
}

.l-gutter-5.ss-1.last-child {
	margin-right: 0
}

.l-gutter-5.ss-1.nth-child-5 {
	margin-right: 0
}

.l-gutter-5.ss-1.nth-child-10 {
	margin-right: 0
}

.l-gutter-5.ss-1.nth-child-15 {
	margin-right: 0
}

.l-gutter-5.ss-1.nth-child-20 {
	margin-right: 0
}

.l-gutter-5.ss-1.nth-child-25 {
	margin-right: 0
}

.l-gutter-5.ss-2 {
	width: 34%;
	margin-right: 5%
}

.l-gutter-5.ss-2:nth-child(5n) {
	margin-right: 0
}

.l-gutter-5.ss-2:last-child {
	margin-right: 0
}

.l-gutter-5.ss-2.last-child {
	margin-right: 0
}

.l-gutter-5.ss-2.nth-child-5 {
	margin-right: 0
}

.l-gutter-5.ss-2.nth-child-10 {
	margin-right: 0
}

.l-gutter-5.ss-2.nth-child-15 {
	margin-right: 0
}

.l-gutter-5.ss-2.nth-child-20 {
	margin-right: 0
}

.l-gutter-5.ss-2.nth-child-25 {
	margin-right: 0
}

.l-gutter-5.ss-3 {
	width: 52%;
	margin-right: 5%
}

.l-gutter-5.ss-3:nth-child(5n) {
	margin-right: 0
}

.l-gutter-5.ss-3:last-child {
	margin-right: 0
}

.l-gutter-5.ss-3.last-child {
	margin-right: 0
}

.l-gutter-5.ss-3.nth-child-5 {
	margin-right: 0
}

.l-gutter-5.ss-3.nth-child-10 {
	margin-right: 0
}

.l-gutter-5.ss-3.nth-child-15 {
	margin-right: 0
}

.l-gutter-5.ss-3.nth-child-20 {
	margin-right: 0
}

.l-gutter-5.ss-3.nth-child-25 {
	margin-right: 0
}

.l-gutter-5.ss-4 {
	width: 79%;
	margin-right: 5%
}

.l-gutter-5.ss-4:nth-child(5n) {
	margin-right: 0
}

.l-gutter-5.ss-4:last-child {
	margin-right: 0
}

.l-gutter-5.ss-4.last-child {
	margin-right: 0
}

.l-gutter-5.ss-4.nth-child-5 {
	margin-right: 0
}

.l-gutter-5.ss-4.nth-child-10 {
	margin-right: 0
}

.l-gutter-5.ss-4.nth-child-15 {
	margin-right: 0
}

.l-gutter-5.ss-4.nth-child-20 {
	margin-right: 0
}

.l-gutter-5.ss-4.nth-child-25 {
	margin-right: 0
}

.l-gutter-4.ss-1 {
	width: 22%;
	margin-right: 4%
}

.l-gutter-4.ss-1:nth-child(4n) {
	margin-right: 0
}

.l-gutter-4.ss-1:last-child {
	margin-right: 0
}

.l-gutter-4.ss-1.last-child {
	margin-right: 0
}

.l-gutter-4.ss-1.nth-child-4 {
	margin-right: 0
}

.l-gutter-4.ss-1.nth-child-8 {
	margin-right: 0
}

.l-gutter-4.ss-1.nth-child-12 {
	margin-right: 0
}

.l-gutter-4.ss-1.nth-child-16 {
	margin-right: 0
}

.l-gutter-4.ss-1.nth-child-20 {
	margin-right: 0
}

.l-gutter-4.ss-3 {
	width: 74%;
	margin-right: 4%
}

.l-gutter-4.ss-3:nth-child(4n) {
	margin-right: 0
}

.l-gutter-4.ss-3:last-child {
	margin-right: 0
}

.l-gutter-4.ss-3.last-child {
	margin-right: 0
}

.l-gutter-4.ss-3.nth-child-4 {
	margin-right: 0
}

.l-gutter-4.ss-3.nth-child-8 {
	margin-right: 0
}

.l-gutter-4.ss-3.nth-child-12 {
	margin-right: 0
}

.l-gutter-4.ss-3.nth-child-16 {
	margin-right: 0
}

.l-gutter-4.ss-3.nth-child-20 {
	margin-right: 0
}

.l-gutter-3.ss-1 {
	width: 32%;
	margin-right: 2%
}

.l-gutter-3.ss-1:nth-child(3n) {
	margin-right: 0
}

.l-gutter-3.ss-1:last-child {
	margin-right: 0
}

.l-gutter-3.ss-1.last-child {
	margin-right: 0
}

.l-gutter-3.ss-1.nth-child-3 {
	margin-right: 0
}

.l-gutter-3.ss-1.nth-child-6 {
	margin-right: 0
}

.l-gutter-3.ss-1.nth-child-9 {
	margin-right: 0
}

.l-gutter-3.ss-1.nth-child-12 {
	margin-right: 0
}

.l-gutter-3.ss-1.nth-child-15 {
	margin-right: 0
}

.l-gutter-3.ss-2 {
	width: 66%;
	margin-right: 2%
}

.l-gutter-3.ss-2:nth-child(3n) {
	margin-right: 0
}

.l-gutter-3.ss-2:last-child {
	margin-right: 0
}

.l-gutter-3.ss-2.last-child {
	margin-right: 0
}

.l-gutter-3.ss-2.nth-child-3 {
	margin-right: 0
}

.l-gutter-3.ss-2.nth-child-6 {
	margin-right: 0
}

.l-gutter-3.ss-2.nth-child-9 {
	margin-right: 0
}

.l-gutter-3.ss-2.nth-child-12 {
	margin-right: 0
}

.l-gutter-3.ss-2.nth-child-15 {
	margin-right: 0
}

.l-gutter-2.ss-1 {
	width: 48%;
	margin-right: 4%
}

.l-gutter-2.ss-1:nth-child(2n) {
	margin-right: 0
}

.l-gutter-2.ss-1:last-child {
	margin-right: 0
}

.l-gutter-2.ss-1.last-child {
	margin-right: 0
}

.l-gutter-2.ss-1.nth-child-2 {
	margin-right: 0
}

.l-gutter-2.ss-1.nth-child-4 {
	margin-right: 0
}

.l-gutter-2.ss-1.nth-child-6 {
	margin-right: 0
}

.l-gutter-2.ss-1.nth-child-8 {
	margin-right: 0
}

.l-gutter-2.ss-1.nth-child-10 {
	margin-right: 0
}

@media screen and (max-width: 480px) {
	.only-pc {
		display: none
	}
}

.only-sp {
	display: none
}

@media screen and (max-width: 480px) {
	.only-sp {
		display: block
	}
}

.is-visible {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.is-hidden {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

b {
	display: block;
	font-weight: bold;
	margin-bottom: 6px
}

.btn {
	text-decoration: none;
	font-size: 12px;
	line-height: 1;
	padding: 4px 18px
}

.btn.btn-mypage,
.btn.btn-entry {
	color: #fff
}

.btn.btn-mypage {
	background-color: #0d6fb8
}

.btn.btn-entry {
	background-color: #d14839
}

.btn:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7
}

@media screen and (max-width: 480px) {
	.btn:active {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7
	}
}

.m-btn-menu {
	background-image: url("/public/images/b_group/m-btn-menu.png");
	width: 28px;
	height: 34px;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover
}

.m-int-icon {
	padding: 4px 8px;
	background-color: #000;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.m-int-icon .m-int-icon-clerk {
	display: block;
	background-image: url(/public/images/spritesheet.png);
	background-position: -205px -319px;
	width: 66px;
	height: 18px
}

.m-int-icon .m-int-icon-chemistry {
	display: block;
	background-image: url(/public/images/spritesheet.png);
	background-position: -347px 0px;
	width: 98px;
	height: 18px
}

.m-int-icon .m-int-icon-engineer {
	display: block;
	background-image: url(/public/images/spritesheet.png);
	background-position: -271px -319px;
	width: 71px;
	height: 18px
}

.m-youtubewrapper {
	position: relative;
	padding-top: 69px;
	padding-bottom: 50%;
	overflow: hidden
}

.m-youtubewrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

@media screen and (max-width: 480px) {
	.m-youtubewrapper {
		text-align: center
	}
}

.m-table {
	width: 100%
}

.m-table th,
.m-table td {
	border-bottom: 1px solid #c3c3c3;
	padding: 30px 0
}

@media screen and (max-width: 480px) {
	.m-table th,
	.m-table td {
		display: list-item;
		list-style-type: none;
		padding: 20px
	}
}

.m-table th {
	font-size: 24px;
	width: 20%;
	line-height: 1.5
}

@media screen and (max-width: 480px) {
	.m-table th {
		width: 100%
	}
}

@media screen and (max-width: 480px) {
	.m-table th {
		font-size: 16px;
		font-weight: bold;
		border-bottom: none;
		padding-left: 5%;
		padding-bottom: 0
	}
}

.m-table td {
	font-size: 14px;
	width: 75%;
	padding-left: 5%;
	line-height: 2
}

@media screen and (max-width: 480px) {
	.m-table td {
		width: 100%
	}
}

@media screen and (max-width: 480px) {
	.m-table td {
		padding-top: 10px;
		line-height: 1.8
	}
}

.m-table.ss-table-std th,
.m-table.ss-table-std td {
	font-size: 14px;
	padding: 10px 0;
	vertical-align: middle
}

.m-table.ss-table-std th {
	width: 20%
}

@media screen and (max-width: 480px) {
	.m-table.ss-table-std th {
		width: 100%
	}
}

@media screen and (max-width: 480px) {
	.m-table.ss-table-std th {
		padding-bottom: 2px
	}
}

.m-table.ss-table-std td {
	width: 80%
}

@media screen and (max-width: 480px) {
	.m-table.ss-table-std td {
		width: 100%
	}
}

@media screen and (max-width: 480px) {
	.m-table.ss-table-std td {
		padding-top: 2px
	}
}

.m-table.ss-table-reverse th {
	width: 80%;
	text-align: left
}

@media screen and (max-width: 480px) {
	.m-table.ss-table-reverse th {
		width: 100%
	}
}

.m-table.ss-table-reverse td {
	width: 20%;
	text-align: right
}

@media screen and (max-width: 480px) {
	.m-table.ss-table-reverse td {
		width: 100%
	}
}

@media screen and (max-width: 480px) {
	.m-table.ss-table-reverse td {
		text-align: left
	}
}

.m-table-small th,
.m-table-small td {
	font-size: 14px;
	padding: 10px 0;
	border-bottom: none
}

.m-table-small th.l-top {
	vertical-align: top
}

.m-table-small td.l-line {
	line-height: 1.5
}

.m-table-small td.l-hidden {
	overflow: hidden
}

.m-table-long th {
	width: 35%
}

@media screen and (max-width: 480px) {
	.m-table-long th {
		width: 100%
	}
}

.m-table-long td {
	width: 65%
}

@media screen and (max-width: 480px) {
	.m-table-long td {
		width: 100%
	}
}

.m-dl dt,
.m-dl dd {
	float: left;
	margin-bottom: 10px
}

.m-dl dt {
	width: 20%
}

@media screen and (max-width: 480px) {
	.m-dl dt {
		width: 50%
	}
}

.m-dl dd {
	width: 80%
}

@media screen and (max-width: 480px) {
	.m-dl dd {
		width: 50%
	}
}

.m-dl.ss-dl-border {
	border-bottom: 1px solid #c3c3c3
}

.m-dl.ss-dl-reverse dt {
	width: 80%
}

.m-dl.ss-dl-reverse dd {
	width: 20%;
	text-align: right
}

.m-text {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 20px
}

.m-text.ss-text-no-margin {
	margin-bottom: auto
}

.m-text.ss-text-bold {
	font-weight: bold
}

.m-text.ss-text-small {
	font-size: 12px;
	line-height: 1.5
}

.m-text.ss-text-border-bottom {
	border-bottom: 1px solid #c3c3c3
}

.m-par {
	margin-bottom: 40px
}

@media screen and (max-width: 480px) {
	.m-par {
		padding: 0 20px !important;
	}
}

.m-headline {
	position: relative;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.6;
	margin-bottom: 10px;
	padding-left: 36px
}

.m-headline:before {
	content: "";
	margin-right: 6px;
	height: 28px;
	width: 30px;
	background-image: url("/public/images/b_group/int_headline.png");
	position: absolute;
	left: 0;
	top: 2px
}

@media screen and (max-width: 480px) {
	.m-headline {
		font-size: 16px
	}
}

.m-headline-ls {
	letter-spacing: 6px
}

.m-headline-bg {
	font-size: 24px;
	letter-spacing: 4px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #6788bb;
	color: #fff
}

.m-headline-height-76 {
	height: 76px
}

@media screen and (max-width: 480px) {
	.m-headline-height-76 {
		height: auto
	}
}

.m-iframe {
	position: relative;
	width: 100%;
	padding-top: 60%
}

.m-iframe .ss-iframe-body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.m-list.ss-list-disc {
	padding-left: 20px
}

.m-list.ss-list-disc li {
	list-style-type: disc
}

.m-fz8 {
	font-size: 8px
}

.m-fz8.ss-fz-lh1_5 {
	line-height: 1.5
}

.m-fz8.ss-fz-lh2 {
	line-height: 2
}

.m-fz10 {
	font-size: 10px
}

.m-fz10.ss-fz-lh1_5 {
	line-height: 1.5
}

.m-fz10.ss-fz-lh2 {
	line-height: 2
}

.m-fz12 {
	font-size: 12px
}

.m-fz12.ss-fz-lh1_5 {
	line-height: 1.5
}

.m-fz12.ss-fz-lh2 {
	line-height: 2
}

.m-fz14 {
	font-size: 14px
}

.m-fz14.ss-fz-lh1_5 {
	line-height: 1.5
}

.m-fz14.ss-fz-lh2 {
	line-height: 2
}

.m-fz16 {
	font-size: 16px
}

.m-fz16.ss-fz-lh1_5 {
	line-height: 1.5
}

.m-fz16.ss-fz-lh2 {
	line-height: 2
}

.m-fz18 {
	font-size: 18px
}

.m-fz18.ss-fz-lh1_5 {
	line-height: 1.5
}

.m-fz18.ss-fz-lh2 {
	line-height: 2
}

.m-fz20 {
	font-size: 20px
}

.m-fz20.ss-fz-lh1_5 {
	line-height: 1.5
}

.m-fz20.ss-fz-lh2 {
	line-height: 2
}

.m-fz22 {
	font-size: 22px
}

.m-fz22.ss-fz-lh1_5 {
	line-height: 1.5
}

.m-fz22.ss-fz-lh2 {
	line-height: 2
}

.m-fz24 {
	font-size: 24px
}

.m-fz24.ss-fz-lh1_5 {
	line-height: 1.5
}

.m-fz24.ss-fz-lh2 {
	line-height: 2
}

.m-fz26 {
	font-size: 26px
}

.m-fz26.ss-fz-lh1_5 {
	line-height: 1.5
}

.m-fz26.ss-fz-lh2 {
	line-height: 2
}

.bx-viewport {
	overflow: visible !important;
	width: 980px !important
}

@media screen and (max-width: 480px) {
	.bx-viewport {
		width: auto !important;
		overflow: hidden !important
	}
}

.m-top-slide-wrap .bx-viewport {
	overflow: hidden !important;
	width: 100% !important
}

.m-three {
	position: relative
}

.m-three .bx-viewport {
	overflow: hidden !important;
	width: 100% !important
}

@media screen and (max-width: 480px) {
	.m-three .bx-viewport {
		width: auto !important;
		overflow: hidden !important
	}
}

.m-three .bx-default-pager {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px
}

.m-three .bx-default-pager .bx-pager-item {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0 4px
}

.m-three .bx-default-pager .bx-pager-item a.bx-pager-link {
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	background-color: #c3c3c3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.m-three .bx-default-pager .bx-pager-item a.bx-pager-link.active {
	background-color: #6788bb
}

.m-three .bx-prev {
	position: absolute;
	top: 50%;
	left: -62px;
	text-indent: -9999px
}

.m-three .bx-next {
	position: absolute;
	top: 50%;
	right: -62px;
	text-indent: -9999px
}

.m-three .bx-prev {
	background-image: url(/public/images/spritesheet.png);
	background-position: -210px -243px;
	width: 42px;
	height: 42px
}

.m-three .bx-next {
	background-image: url(/public/images/spritesheet.png);
	background-position: -168px -243px;
	width: 42px;
	height: 42px
}

.main-container {
	overflow: hidden;
	padding-bottom: 150px
}

.slides {
	list-style: none;
	margin: 0;
	padding: 0
}

.slides li {
	width: 520px !important;
	margin: 0;
	padding: 0
}

.bx-wrapper {
	position: relative
}

.m-body {
	background-image: url("/public/images/a_common/background.png")
}

@media screen and (max-width: 480px) {
	.m-body {
		position: relative
	}
	.m-body .m-body-spmenu,
	.m-body .m-body-spbody {
		position: absolute;
		width: 100%
	}
	.m-body .m-body-spbody {
		background-image: url("/public/images/a_common/background.png");
		left: 0;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s
	}
	.m-body .m-body-spbody.is-active {
		left: -90%;
		-moz-box-shadow: #000 0 0 10px;
		-webkit-box-shadow: #000 0 0 10px;
		box-shadow: #000 0 0 10px;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s
	}
}

.m-header {
	border-top: 2px solid #e60021;
	padding: 14px 0;
	background-color: #faf7df;
	position: relative;
	z-index: 300;
}

@media screen and (max-width: 480px) {
	.m-header {
		padding-right: 14px;
		padding-left: 14px
	}
}

@media screen and (max-width: 480px) {
	.m-header .m-header-logo {
		width: 80%
	}
}

@media screen and (max-width: 480px) {
	.m-header .m-btn-menu {
		margin-top: 2px
	}
}

.m-header .m-header-links {
	margin-bottom: 8px
}

.m-header .m-header-links li {
	padding: 0 16px;
	border-right: 1px solid #6788bb
}

.m-header .m-header-links li:last-child {
	padding-right: 0;
	border-right: none
}

.m-header .m-header-links li a,
.m-header .m-header-links li a:visited {
	color: #6788bb
}

.m-header .m-header-links li a {
	text-decoration: none;
	line-height: 1
}

.m-header .m-header-links li a:hover {
	text-decoration: underline
}

.m-nav {
	background-color: #6788bb
}

.m-nav .m-nav-list {
	border-right: 1px solid #b9c7de;
	border-left: 1px solid #b9c7de
}

.m-nav .m-nav-list li {
	width: 163px;
	border-right: 1px solid #b9c7de
}

@media screen and (max-width: 480px) {
	.m-nav .m-nav-list li {
		width: 100%
	}
}

.m-nav .m-nav-list li:last-child {
	border-right: none
}

.m-nav .m-nav-list li a {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	text-decoration: none;
	text-align: center
}

@media screen and (max-width: 480px) {
	.m-nav .m-nav-list li a {
		text-align: left;
		padding: 20px;
		padding-left: 15%;
		border-bottom: 1px solid #b9c7de
	}
}

.m-nav .m-nav-list li a.is-active {
	background-color: #b9c7de;
	color: #6788bb
}

.m-nav .m-nav-list li a:hover {
	background-color: #b9c7de;
	color: #6788bb
}

@media screen and (max-width: 480px) {
	.m-nav .m-nav-list li a:active {
		background-color: #b9c7de;
		color: #6788bb
	}
}

.m-nav .m-nav-child {
	background-color: #b9c7de;
	padding: 16px 0
}

@media screen and (max-width: 480px) {
	.m-nav .m-nav-child {
		padding: 0
	}
}

.m-nav .m-nav-child .m-nav-list-child {
	text-align: center
}

.m-nav .m-nav-child .m-nav-list-child li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.m-nav .m-nav-child .m-nav-list-child li:first-child a {
	border-left: 1px solid #fff
}

.m-nav .m-nav-child .m-nav-list-child li a {
	text-decoration: none;
	color: #6788bb;
	padding: 8px 32px;
	border-right: 1px solid #fff;
	display: block
}

.m-nav .m-nav-child .m-nav-list-child li a:hover,
.m-nav .m-nav-child .m-nav-list-child li a.is-active {
	background-color: #fff
}

@media screen and (max-width: 480px) {
	.m-nav .m-nav-child .m-nav-list-child li a:active {
		background-color: #fff
	}
}

@media screen and (max-width: 480px) {
	.m-nav .m-nav-child .m-nav-list-child li {
		display: block
	}
	.m-nav .m-nav-child .m-nav-list-child li a {
		text-align: left;
		border-right: none;
		padding: 20px;
		padding-left: 15%;
		border-bottom: 1px solid #fff
	}
}

.m-subtilte {
	background-color: #fff;
	padding: 30px 0
}

@media screen and (max-width: 480px) {
	.m-subtilte {
		padding: 30px 20px
	}
}

.m-panc {
	background-color: #f0f3f8;
	padding: 10px 0
}

@media screen and (max-width: 480px) {
	.m-panc {
		display: none
	}
}

.m-panc .m-panc-list li {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.m-panc .m-panc-list li:after {
	content: ">";
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0 5px;
	margin-bottom: 4px
}

.m-panc .m-panc-list li:last-child:after {
	display: none
}

.m-panc .m-panc-list li.last-child:after {
	content: "-";
	display: none
}

.m-footer {
	background-color: #6788bb;
	padding: 30px 0
}

@media screen and (max-width: 480px) {
	.m-footer .m-footer-list {
		text-align: center;
		margin-bottom: 10px
	}
}

.m-footer .m-footer-list li {
	padding: 0 16px;
	border-right: 1px solid #fff
}

.m-footer .m-footer-list li:last-child {
	padding-right: 0;
	border-right: none
}

.m-footer .m-footer-list li a,
.m-footer .m-footer-list li a:visited {
	color: #fff
}

.m-footer .m-footer-list li a {
	text-decoration: none
}

.m-footer .m-footer-list li a:hover {
	text-decoration: underline
}

.m-footer .m-footer-copyright {
	color: #fff
}

@media screen and (max-width: 480px) {
	.m-footer .m-footer-copyright {
		text-align: center
	}
}

.m-slide,
.m-banners-small,
.m-banners-middle {
	margin-bottom: 20px
}

.m-slide {
	overflow: hidden
}

.m-slide .wrap,
.m-slide .top-wrap {
	position: relative
}

.m-slide .m-slide-title {
	position: absolute;
	z-index: 1;
	top: 130px;
	left: 30px
}

@media screen and (max-width: 480px) {
	.m-slide .m-slide-title {
		top: auto;
		left: auto;
		bottom: 0
	}
}

.m-slide .m-slide-list li {
	background-color: #000
}

.m-slide .m-slide-list li img {
	display: block;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7
}

.m-slide .m-slide-list li.is-active img {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}

.m-banners-middle-list li a,
.m-banners-middle-list li img {
	display: block
}

.m-banners-small-list li {
	margin-right: 4px
}

.m-banners-small-list li:last-child {
	margin-right: 0
}

@media screen and (max-width: 480px) {
	.m-banners-small-list li:last-child {
		margin-bottom: 0
	}
}

.m-banners-small-list li.last-child {
	margin-right: 0
}

@media screen and (max-width: 480px) {
	.m-banners-small-list li.last-child {
		margin-bottom: 0
	}
}

@media screen and (max-width: 480px) {
	.m-banners-small-list li {
		margin-right: 0;
		margin-bottom: 20px
	}
	.m-banners-small-list li img {
		height: auto;
		display: block;
		margin: auto auto;
		width: 90%;
	}
}

.m-int-staff,
.m-int-top {
	margin: 40px 0
}

@media screen and (max-width: 480px) {
	.m-int-staff,
	.m-int-top {
		margin-top: 0
	}
}

.m-int-main {
	margin-bottom: 40px;
	position: relative
}

@media screen and (max-width: 480px) {
	.m-int-main {
		margin-top: 0
	}
}

.m-int-main .m-int-main-profile {
	position: absolute;
	bottom: 0;
	background: rgba(82, 90, 145, 0.9);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#cc525a91, EndColorStr=#cc525a91);
	width: 100%;
	color: #fff;
	padding: 20px 30px;
	border-bottom: 5px solid #f3fc00
}

@media screen and (max-width: 480px) {
	.m-int-main .m-int-main-profile {
		position: static;
		background-color: #fff;
		color: #6788bb
	}
}

@media screen and (max-width: 480px) {
	.m-int-main .m-int-main-profile .m-int-icon,
	.m-int-main .m-int-main-profile .m-int-main-profile-name {
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		*zoom: 1;
		*display: inline
	}
}

.m-int-main .m-int-main-profile .m-int-icon {
	margin-top: 12px
}

@media screen and (max-width: 480px) {
	.m-int-main .m-int-main-profile .m-int-icon {
		margin-top: 0px
	}
}

.m-int-main .m-int-main-profile .m-int-main-profile-name {
	font-size: 26px;
	margin-top: 8px;
	margin-left: 20px;
	margin-right: 20px
}

@media screen and (max-width: 480px) {
	.m-int-main .m-int-main-profile .m-int-main-profile-name {
		margin-top: 4px
	}
}

.m-int-main .m-int-main-profile .m-int-main-profile-info {
	font-size: 14px;
	line-height: 1.5
}

@media screen and (max-width: 480px) {
	.m-int-main .m-int-main-profile .m-int-main-profile-info {
		margin-top: 6px
	}
}

.m-int-main img {
	display: block
}

@media screen and (max-width: 480px) {
	.m-int-main img.only-pc {
		display: none
	}
}

.m-int-main img.only-sp {
	display: none
}

@media screen and (max-width: 480px) {
	.m-int-main img.only-sp {
		display: block
	}
}

.m-int-contents-par {
	margin-bottom: 60px
}

@media screen and (max-width: 480px) {
	.m-int-contents-par {
		padding: 0 20px
	}
}

.m-int-contents-par:last-child {
	margin-bottom: 0
}

.m-int-contents-par .m-int-contents-par-child {
	margin-bottom: 40px
}

.m-int-contents-par .m-int-contents-par-child:last-child {
	margin-bottom: 0
}

.m-int-contents-par .m-int-comment {
	font-size: 14px;
	line-height: 2
}

.m-int-contents-par .m-int-schedule {
	width: 100%
}

.m-int-contents-par .m-int-schedule th,
.m-int-contents-par .m-int-schedule td {
	padding: 12px 6px;
	border-bottom: 1px dotted;
	line-height: 1.5
}

.m-int-contents-par .m-int-schedule th {
	width: 20%
}

.m-int-contents-par .m-int-schedule td {
	width: 80%
}

@media screen and (max-width: 480px) {
	.m-int-contents-par img {
		display: block;
		margin: auto;
		margin-top: 10px
	}
}

.m-int-headline,
.m-project-headline {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px
}

@media screen and (max-width: 480px) {
	.m-int-headline,
	.m-project-headline {
		line-height: 1.5
	}
}

.m-int-headline:before,
.m-project-headline:before {
	content: "";
	margin-top: -6px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	height: 28px;
	width: 30px;
	background-image: url("/public/images/b_group/int_headline.png")
}

.m-int-conclusion {
	margin-bottom: 40px
}

@media screen and (max-width: 480px) {
	.m-int-conclusion {
		margin: 20px
	}
}

.m-int-conclusion .m-int-conclusion-title,
.m-int-conclusion .m-int-conclusion-body {
	background-image: url("/public/images/b_group/background_color.png")
}

.m-int-conclusion .m-int-conclusion-title {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	padding: 14px 18px
}

.m-int-conclusion .m-int-conclusion-subtitle {
	font-size: 18px;
	font-weight: bold
}

.m-int-conclusion .m-int-conclusion-body {
	padding: 20px 30px;
	color: #fff;
	font-size: 14px;
	line-height: 2
}

.m-int-conclusion .m-int-conclusion-body .m-int-conclusion-thumb img {
	display: block
}

@media screen and (max-width: 480px) {
	.m-int-conclusion .m-int-conclusion-body .m-int-conclusion-thumb img {
		margin: auto;
		margin-bottom: 10px
	}
}

.m-int-conclusion .m-int-conclusion-body .m-int-conclusion-text {
	width: 700px
}

@media screen and (max-width: 480px) {
	.m-int-conclusion .m-int-conclusion-body .m-int-conclusion-text {
		width: 100%
	}
}


.m-int-staff-list-bottom {
	background-image: url("/public/images/a_common/background_b_group_int.png");
	padding: 40px 0
}

.m-int-staff-list li {
	margin-bottom: 4%
}

@media screen and (max-width: 480px) {
	.m-int-staff-list li {
		width: 46%;
		margin: 0 2%;
		margin-bottom: 10px
	}
}

.m-int-staff-list li a {
	display: block;
	position: relative;
	text-decoration: none;
	line-height: 1.5
}

.m-int-staff-list li a .m-int-icon {
	position: absolute;
	top: 10px;
	left: 10px
}

@media screen and (max-width: 480px) {
	.m-int-staff-list li a .m-int-icon {
		top: 0;
		left: 0
	}
}

.m-int-staff-list li a .m-int-staff-list-img {
	display: block;
	width: 100%;
	height: auto
}

.m-int-staff-list-prof {
	padding: 20px 10px;
	background-image: url("/public/images/b_group/background_color.png");
	color: #fff;
	min-height: 120px;
}

@media screen and (max-width: 480px) {
	.m-int-staff-list-prof {
		padding: 10px
	}
}

.m-int-staff-list-prof .m-int-staff-list-icon {
	margin-top: 6px;
	margin-right: 10px
}

@media screen and (max-width: 480px) {
	.m-int-staff-list-prof .m-int-staff-list-icon {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 6px
	}
}

.m-int-staff-list-prof .m-int-staff-list-icon.ghonsha {
	background-image: url(/public/images/spritesheet.png);
	background-position: -270px -285px;
	width: 26px;
	height: 26px
}

.m-int-staff-list-prof .m-int-staff-list-icon.seifun {
	background-image: url(/public/images/spritesheet.png);
	background-position: -321px 0px;
	width: 26px;
	height: 26px
}

.m-int-staff-list-prof .m-int-staff-list-icon.foods {
	background-image: url(/public/images/spritesheet.png);
	background-position: -192px -285px;
	width: 26px;
	height: 26px
}

.m-int-staff-list-prof .m-int-staff-list-icon.pharma {
	background-image: url(/public/images/spritesheet.png);
	background-position: -321px -26px;
	width: 26px;
	height: 26px
}

.m-int-staff-list-prof .m-int-staff-list-icon.petfood {
	background-image: url(/public/images/spritesheet.png);
	background-position: -244px -285px;
	width: 26px;
	height: 26px
}

.m-int-staff-list-prof .m-int-staff-list-icon.engineering {
	background-image: url(/public/images/spritesheet.png);
	background-position: -294px -201px;
	width: 26px;
	height: 26px
}

.m-int-staff-list-prof .m-int-staff-list-icon.oriental {
	background-image: url(/public/images/spritesheet.png);
	background-position: -218px -285px;
	width: 26px;
	height: 26px
}

.m-int-staff-list-prof .m-int-staff-list-text {
	width: 80%
}

@media screen and (max-width: 480px) {
	.m-int-staff-list-prof .m-int-staff-list-text {
		width: auto;
		font-size: 10px
	}
}

.m-project-main {
	background-position: center
}

.m-project-profile {
	margin-bottom: 40px
}

.m-project-profile img {
	background-image: url("/public/images/b_group/background_color.png")
}

.m-project-profile .m-project-profile-body {
	background-color: #fff;
	padding: 30px;
	padding-bottom: 40px
}

.m-project-profile .m-project-profile-body .m-project-profile-title {
	font-size: 14px
}

@media screen and (max-width: 480px) {
	.m-project-profile .m-project-profile-body .m-project-profile-title {
		margin-bottom: 10px
	}
}

.m-project-profile .m-project-profile-body .m-project-profile-subtitle {
	font-size: 20px;
	line-height: 2
}

@media screen and (max-width: 480px) {
	.m-project-profile .m-project-profile-body .m-project-profile-subtitle {
		margin-bottom: 20px
	}
}

.m-project-profile .m-project-profile-body .m-project-profile-text {
	font-size: 14px;
	line-height: 2
}

.m-project-headline {
	background-color: #000;
	color: #fff;
	padding: 8px 16px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-bottom: 30px
}

.m-project-headline:before {
	display: none
}

@media screen and (max-width: 480px) {
	.m-project-headline {
		font-size: 16px
	}
}

.m-project-contents-par {
	margin-bottom: 40px
}

@media screen and (max-width: 480px) {
	.m-project-contents-par {
		padding: 0 20px;
		text-align: center
	}
}

.m-project-contents-par img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px
}

@media screen and (max-width: 480px) {
	.m-project-contents-par img.only-pc {
		display: none
	}
}

.m-project-contents-par img.only-sp {
	display: none
}

@media screen and (max-width: 480px) {
	.m-project-contents-par img.only-sp {
		display: block
	}
}

.m-project-int {
	font-size: 14px;
	line-height: 2
}

@media screen and (max-width: 480px) {
	.m-project-int {
		text-align: left
	}
}

.m-project-int dt,
.m-project-int dd {
	line-height: 2
}

.m-project-int dt {
	margin-bottom: 20px;
	font-weight: bold;
	display: block
}

.m-project-int dt:before {
	content: "ー"
}

.m-project-int dd {
	margin-bottom: 40px
}

.m-project-int dd p {
	margin-bottom: 20px
}

.m-project-int dd .m-project-int-comment-name {
	width: 10%;
	float: left
}

@media screen and (max-width: 480px) {
	.m-project-int dd .m-project-int-comment-name {
		width: 20%
	}
}

.m-project-int dd .m-project-int-comment-body {
	width: 90%;
	float: left;
	margin-bottom: 20px
}

@media screen and (max-width: 480px) {
	.m-project-int dd .m-project-int-comment-body {
		width: 80%
	}
}

.m-recruit-workbalance-text {
	width: 580px
}

@media screen and (max-width: 480px) {
	.m-recruit-workbalance-text {
		width: 100%
	}
}

.m-recruit-workbalance {
	background-image: url(/public/images/spritesheet.png);
	background-position: 0px 0px;
	width: 119px;
	height: 134px;
	background-image: url(/public/images/spritesheet.png)
}

@media screen and (max-width: 480px) {
	.m-recruit-workbalance {
		margin: auto;
		margin-top: 10px
	}
}

.m-recruit-calendar {
	margin: 40px 0
}

.m-recruit-flow {
	margin: 40px 0
}

@media screen and (max-width: 480px) {
	.m-recruit-flow {
		margin: 20px
	}
}

.m-recruit-flow .m-recruit-flow-list li {
	margin-bottom: 40px;
	text-align: center
}

.m-recruit-flow .m-recruit-flow-list li:after {
	content: "";
	display: block;
	margin: auto;
	margin-top: 30px;
	background-image: url(/public/images/spritesheet.png);
	background-position: -34px -285px;
	width: 60px;
	height: 34px;
	background-image: url(/public/images/spritesheet.png)
}

.m-recruit-flow .m-recruit-flow-list li:last-child:after {
	display: none;
	margin: 0 auto
}

.m-recruit-flow .m-recruit-flow-list li .m-recruit-flow-list-head {
	background-color: #6788bb;
	color: #fff;
	padding: 16px 0;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 3px
}

.m-recruit-flow .m-recruit-flow-list li .m-recruit-flow-list-text {
	background-color: #fff;
	padding: 30px 0;
	font-size: 14px
}

@media screen and (max-width: 480px) {
	.m-recruit-flow .m-recruit-flow-list li .m-recruit-flow-list-text {
		padding: 20px
	}
}

.m-sitemap {
	margin: 40px 0
}

@media screen and (max-width: 480px) {
	.m-sitemap {
		margin: 20px
	}
}

.m-sitemap .m-sitemap-list li a {
	color: #6788bb;
	font-size: 14px;
	padding: 16px 0;
	display: block
}

.m-sitemap .m-sitemap-list li .m-sitemap-list-child {
	margin-left: 20px
}

.m-hq {
	margin: 40px 0
}

.m-hq .m-hq-text-height-150 {
	height: 180px
}

@media screen and (max-width: 480px) {
	.m-hq .m-hq-text-height-150 {
		height: auto
	}
}

.m-hq .m-hq-point {
	padding-left: 14px;
	position: relative
}

.m-hq .m-hq-point:before {
	content: "";
	margin-right: 4px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background-image: url(/public/images/spritesheet.png);
	background-position: -407px -50px;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 5px
}

.m-hq .m-hq-point-default:before {
	display: none
}

.m-hq .m-hq-point-red:before {
	background-image: url(/public/images/spritesheet.png);
	background-position: -377px -50px;
	width: 10px;
	height: 10px
}

.m-hq .m-hq-point-green:before {
	background-image: url(/public/images/spritesheet.png);
	background-position: -357px -50px;
	width: 10px;
	height: 10px
}

.m-hq .m-hq-point-yellow:before {
	background-image: url(/public/images/spritesheet.png);
	background-position: -347px -50px;
	width: 10px;
	height: 10px
}

.m-hq .m-hq-point-lightblue:before {
	background-image: url(/public/images/spritesheet.png);
	background-position: -367px -50px;
	width: 10px;
	height: 10px
}

.m-hq .m-hq-point-navy:before {
	background-image: url(/public/images/spritesheet.png);
	background-position: -417px -50px;
	width: 10px;
	height: 10px
}

.m-hq .m-hq-point-purple:before {
	background-image: url(/public/images/spritesheet.png);
	background-position: -387px -50px;
	width: 10px;
	height: 10px
}

.m-hq .m-hq-point-beige:before {
	background-image: url(/public/images/spritesheet.png);
	background-position: -431px -18px;
	width: 10px;
	height: 10px
}

.m-hq .m-hq-point-orange:before {
	background-image: url(/public/images/spritesheet.png);
	background-position: -431px -34px;
	width: 10px;
	height: 10px
}

.m-hq .m-hq-point-blue:before {
	background-image: url(/public/images/spritesheet.png);
	background-position: -397px -50px;
	width: 10px;
	height: 10px
}

.m-hq-address-zip {
	width: 30%;
	float: left
}

@media screen and (max-width: 480px) {
	.m-hq-address-zip {
		width: 100%
	}
}

.m-hq-address-body {
	width: 70%;
	float: left
}

@media screen and (max-width: 480px) {
	.m-hq-address-body {
		width: 100%
	}
}

.m-three-list {
	margin-top: 20px
}

@media screen and (max-width: 480px) {
	.m-three-list {
		padding: 20px
	}
	.m-three-list li {
		margin-bottom: 40px
	}
	.m-three-list li:after {
		background-image: url(/public/images/spritesheet.png);
		background-position: -34px -285px;
		width: 60px;
		height: 34px;
		visibility: visible;
		display: block;
		margin: auto
	}
	.m-three-list li:last-child {
		margin-bottom: 0
	}
	.m-three-list li:last-child:after {
		display: none
	}
	.m-three-list li img {
		margin: auto;
		display: block
	}
}

.m-three-list .m-three-list-title {
	margin-top: 60px;
	margin-bottom: 10px
}

@media screen and (max-width: 480px) {
	.m-three-list .m-three-list-title {
		margin-top: 0
	}
}

.btn-text li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

@media screen and (max-width: 480px) {
	.btn-text li {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
		line-height: 1.3;
		display: block
	}
	.btn-text li:last-child {
		margin-bottom: 0
	}
}

.btn-text li a {
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 14px;
	font-size: 14px;
	background-color: #d0c441;
	text-decoration: none;
	color: #fff
}

.btn-text li a:hover {
	color: #fff;
	background-color: #bfb330
}

.btn-text li a:visited {
	color: #fff
}
/*20191220調整*/
.m-int-main .m-int-main-profile .m-int-main-profile-info {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.05em;
}
.m-int-main .m-int-main-profile .m-int-main-profile-name {
    margin-top: 20px;
    margin-right: 30px;
}
.m-int-main .m-int-main-profile .m-int-icon {
    margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .m-int-main .m-int-main-profile .m-int-main-profile-name {
    margin-top: 14px;
    margin-left: 10px;
    margin-right: 0px;
  }
  	.m-int-main .m-int-main-profile .m-int-main-profile-info {
    	font-size: 12px;
	}
	.m-int-main .m-int-main-profile .m-int-icon {
    margin-top: 8px;
	}
	.m-int-main .m-int-main-profile {
		padding: 20px 20px;
	}
}

.m-body {
    background-image: none;
    background-color: #f8f6f2;
}
@media screen and (max-width: 480px){
	.m-body .m-body-spbody {
    background-image: none;
    background-color: #f8f6f2;

	}
	.m-banners-middle {
		margin-bottom: 0;
	}

}



/*# sourceMappingURL=style_b_group.css.map */
