html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font: inherit;
	vertical-align: baseline;
	line-height: 1;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family: "小塚ゴシック Pr6N R","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #333333;
}

.mainVideo {
	pointer-events: none;
}

.mainVideo {
	pointer-events: none;
}

.mainVideoSP {
	display: none;
	pointer-events: none;
}

.container {
	width: 960px;
	margin: 0 auto;
	max-width: 100%;
}

.brSp {
	display: none;
}

header {
	position: relative;
}

header img.imgFv {
	width: 100%;
}

.imgFvSp {
	display: none;
	width: 100%;
}

.showOnSP {
	display: none;
}

.hideOnSP {
	display: block;
}

.defaultCursor {
	cursor: default;
	pointer-events: none;
}

header img.imgLogo {
	position: absolute;
	top: 46px;
	left: 48px;
	width: 290px;
}


header img.imgScrollDown {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 84px;
	height: 81px;
	-webkit-animation: mover 1s infinite  alternate;
	animation: mover 1s infinite  alternate;
}


img.vert-move {
	-webkit-animation: mover 1s infinite  alternate;
	animation: mover 1s infinite  alternate;
}

@-webkit-keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(-20px); }
}
@keyframes mover {
	0% { transform: translateY(0); }
	100% { transform: translateY(-20px); }
}

.companyContentBox {
	text-align: center;
}

.companyContentBox span{
	color: #64c8ff;
}

.companySlogan {
	font-weight: bold;
	font-size: 32px;
	margin-bottom: 45px;
	margin-top: 100px;
}

.companyMessage p {
	font-size: 17px;
	line-height: 1.5;
	margin-top: 25px;
}

.staff {
	position: relative;
}

.staffPhoto {
	width: 100%;
}

.staffPhoto img {
	width: 25%;
	float: left;
}

.staffTopCover {
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
}

.staffPC img {
	width: 100%;
	position: relative;
	top: -20px;
	z-index: -1;
}

.staffSP {
	display: none;
}

.contactBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 60px auto 70px auto;
}

/* ボタンの光沢 */
.is-reflection a {
	overflow: hidden;
}
.is-reflection a:after {
	-moz-animation: is-reflection 4s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-ms-animation: is-reflection 4s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-o-animation: is-reflection 4s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-webkit-animation: is-reflection 4s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	animation: is-reflection 4s ease-in-out infinite;
	background-color: #fff;
	content: " ";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: -180px;
	transform: rotate(45deg);
	width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
@keyframes is-reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* CVボタン矢印揺れ */
.is-trembling a:before {
	-webkit-animation-name:is-trembling;
	-webkit-animation-duration:.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease;
	-moz-animation-name:is-trembling;
	-moz-animation-duration:1s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
	0% {-webkit-transform:translate(-3px, 0);}
	100% {-webkit-transform:translate(0, 0);}
}

/* ボタンをバウンドさせる */
.is-bounce {
	animation: bounce 4s infinite;
	-moz-animation: bounce 4s infinite;
	-webkit-animation: bounce 4s infinite;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
@-webkit-keyframes bounce {
	0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
	5% {-webkit-transform: translateY(-6px);}
	12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
	20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
	25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
	32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
.is-bounce + .is-bounce {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

/* ぷるるるるん！ */
.is-purun {
	-webkit-animation: is-purun 5s infinite;
	-moz-animation: is-purun 5s infinite;
	animation: is-purun 5s infinite;
}
@-webkit-keyframes is-purun {
	0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
	4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
	8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
	12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
	18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
	25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes is-purun {
	0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
	4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
	8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
	12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
	18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
	25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/* アニメーションを遅延させる */
.is-purun + .is-purun {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.contactLine {
	/*width: 470px;
	height: 207px;*/
	width: 49%;
    padding: 0;
	background: transparent;
	display: flex;
	align-items: center;
	/*box-sizing: border-box;*/
	/*border: 8px solid #4dce4d;*/
	/*position: relative;*/
	overflow: hidden;
}

.contactLine > a {
	display: block;
	width: 100%;
	/*padding: 46px 0;*/
}

.contactLine p {
	position: absolute;
	top: 50%;
	right: 30px;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.8px;
	color: #ffffff;
}

.imgContactLine {
    width: 100%;
    height: auto;
}

.imgContactLineSp {
	display: none;
}

.contactPhone {
	/*width: 470px;
	height: 207px;*/
	width: 49%;
    /*padding: 24px 0;*/
	/*box-sizing: border-box;*/
	/*border: 8px solid #6496dc;*/
	text-align: center;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
}

.contactPhone p {
	display: block;
	width: 100%;
	margin-top: 11px;
}

.contactPhone a {
	display: block;
    width: 100%;
    color: unset;
}

.contactPhoneWrapper {
	width: 100%;
}

.contactPhoneNumber {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 37.7px;
	font-weight: bold;
	width: 100%;
	margin-top: 11px;
	font-family: Helvetica, sans-serif;
}

.contactPhoneNumber img{
	width: 46px;
	height: 35px;
	margin-right: 10px;
}

.contactPhone .contactPhoneFirst {
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
}

.contactPhone .contactPhoneLast {
	font-size: 17px;
	font-weight: bold;
}

.contactPhone .contactPhoneBtn {
	font-size: 17px;
	font-weight: bold;
	background: #c8dcff;
	width: 308px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	margin: 13px auto 11px auto;
}

.staffBlock {
	background: url(../images/staffBg.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.awsTitle {
	text-align: center;
	position: relative;
}

.awsTitle:before {
	content: '';
	background-image: url(../images/border.svg);
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 35px;
}

.awsTitle .jpTitle {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2;
	display: block;
	padding-top: 50px;
}

.awsTitle .enTitle {
	font-size: 12px;
	display: block;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-top: 14px;
}

.staffList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20px 0 44px 0;
}

.staffList li{
	width: 48.958333333%;
	margin-top: 20px;
	border: 12px solid #fff;
	box-sizing: border-box;
	position: relative;
	display: flex;
}

.staffList .staffImgSp {
	display: none;
}

.staffList li a {
	display: flex;
}

.staffList li img {
	width: 100%;
}

.department {
	position: absolute;
	top: 8px;
	right: 11px;
	width: 167px;
	height: 167px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(120,200,220,0.8);
	color: #fff;
	font-size: 20.45px;
	font-weight: bold;
	border-radius: 50%;
	letter-spacing: -2px;
}

.closeModel {
	position: relative;
	width:100%;
	text-align:center;
	margin-top:30px;
	margin-bottom: 20px;
}

.closebt {
	height: 52px;
	width: 52px;
	margin: 0 auto;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	cursor:pointer;
	background-image: url("../images/closebt.svg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.closebt:hover {
	transform:rotate(90deg);
}

.modal-content {
	margin-bottom: 167px;
}

.modal-content .container {
	background: #fff;
}

.modalImg {
	display: flex;
	border: 15px solid #fff;
	box-sizing: border-box;
	position: relative;
	opacity: 0;
}

.modalImg img {
	width: 100%;
}

.modalDepartment {
	position: absolute;
	left: 17px;
	bottom: -108px;
}

.modalDepartment .title {
	width: 285px;
	height: 285px;
	background: #29abe2;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.modalDepartment .number {
	position: absolute;
	top: -25px;
	left: 0;
	width: 103px;
	height: 103px;
	background: #fff;
	color: #29abe2;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 66.16px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
}

.modelTitle {
	font-size: 24px;
	font-weight: bold;
	padding: 0 75px;
	text-align: right;
	line-height: 1.4;
	margin-bottom: 45px;
	opacity: 0;
}

.modelTitle p {
	display: inline-block;
	text-align: left;
	margin-top: 45px;
	max-width: 528px;
}

.modalDesc {
	display: flex;
	align-items: center;
	margin-top: 25px;
	padding-bottom: 40px;
	opacity: 0;
}

.modalDesc .modalTag {
	width: 21.25%;
	height: 100px;
	background: url(../images/modalTag.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #fff;
}

.modalDesc p {
	width: 75%;
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
}

.recruiterBlock {
	margin-top: 60px;
	overflow: hidden;
}

.recruiterContent {
	margin-top: 20px;
}

.recruiterItem {
	position: relative;
}

.recruiterDecs{
	position: absolute;
	width: 50.2%;
	right: 0;
	/*top: 32px;*/
	top: 50%;
	transform: translateY(-50%);
}

.recruiterDecs .bgBlue80 {
	width: 100%;
	padding: 20px 20px 15px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color: rgba(41, 171, 226, 0.8);
}

.recruiterImg {
	width: 70.8%;
}

.recruiterImg img{
	width: 100%;
}

.recruiterDecs h4.title{
	color: #FFF;
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 8px;
	font-weight: normal;
}

.recruiterDecs p{
	text-align: justify;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
}

.movieBlock {
	background: url(../images/movieBg.png);
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 60px;
	padding-bottom: 95px;
	overflow: hidden;
}

.movieContent {
	margin-top: 30px;
}

.movieContent iframe{
	width: 100%;
	height: 556px;
}

.mainFooter {
	background-color: #95DCDC;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	line-height: 2;
	padding: 13px 0;
	position: relative;
	margin-top: 125px;
}

.companyBlock {
	margin-top: 60px;
	overflow: hidden;
}

.conpanyContent {
	margin-top: 30px;
}

.lblCompany {
	background-color: #29ABE2;
	color: #FFF;
	font-size: 18px;
	line-height: 2.45;
	text-align: center;
	text-decoration: none;
	display: block;
	border-radius: 14px;
	font-weight: bold;
}

.listInfoCompany {
	margin-top: 60px;
}

.listInfoCompany ul {
	width: 100%;
}

.listInfoCompany ul li{
	border-top: 1px solid #B3B3B3;
	display: flex;
	padding: 25px;
	align-items: center;
	font-size: 18px;
}

.listInfoCompany ul li:last-child{
	border-bottom: 1px solid #B3B3B3;
}

.listInfoCompany ul li .label {
	font-weight: bold;
	width: 19.8%;
}

.listInfoCompany ul li .labelSub {
	width: 24%;
}

.listInfoCompany ul li .description p{
	line-height: 1.2;
}

.listInfoCompany ul li .description p a{
	color: #333333;
}

.listInfoCompany ul li .description p.lineHeightSpec{
	line-height: 1.4;
}

.spColRight {
	display: flex;
	align-items: center;
	width: 80.2%;
	flex-wrap: wrap;
}

.listInfoCompany ul li .spColRight .labelSub {
	width: 30%;
	line-height: 1.5;
}

.listInfoCompany ul li .spColRight .description {
	width: 70%;
	line-height: 1.5;
}

.listInfoCompany ul li .spColRight .description p {
	line-height: 1.5;
}

/* to top button */
#toTop {
	position: absolute;
	top: -80px;
    right: 50%;
    transform: translate(50%,0%);
	cursor: pointer;
    width: 58px;
    height: 28px;
    background-image: url('../images/toTop.svg');
    background-size: 100% 100%;
}
/* end to top button */

@media only screen and (max-width: 992px){
	.staffList li a {
		display: grid;
	}

	.recruiterDecs {
		width: 70%;
	}

	.listInfoCompany ul li {
		font-size: 14px;
	}
}

@media only screen and (max-width: 768px){
	.recruiterDecs {
		position: initial;
		transform: translateY(0%);
		width: 100%;
	}

	.recruiterImg {
		width: 100%;
		display: grid;
		margin-bottom: 10px;
	}

	.spColRight {
		flex-wrap: wrap;
		width: 74.65%;
	}

	.listInfoCompany ul li .labelSub {
		width: auto;
	}

	.listInfoCompany ul li .label {
		width: 25.35%;
	}

	.listInfoCompany ul li .description {
		width: 74.65%;
	}

	.listInfoCompany ul li .spColRight .description {
		width: 100%;
	}

	.modalImg {
		border: 0;
		display: block;
	}

	.modelTitle p {
		max-width: 390px;
	}
}

@media only screen and (max-width: 480px){
	.container {
		width: 100%;
		box-sizing: border-box;
	}

	.showOnSP {
		display: block;
	}

	.hideOnSP {
		display: none;
	}

	.brSp {
		display: block;
	}

	.imgFvSp {
		display: block;
	}

	.imgFv {
		display: none;
	}

	header img.imgLogo {
		width: 115px;
		top: 20px;
		left: 10px;
	}

	header img.imgScrollDown {
		width: 42px;
		height: 39px;
	}

	.companySlogan {
		font-size: 16px;
		margin-top: 30px;
		margin-bottom: 25px;
	}

	.companyMessage p {
		font-size: 12px;
		margin-top: 15px;
	}

	.staffPC {
		display: none;
	}

	.staffSP {
		display: block;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-top: 30px;
	}

	.staffSP img {
		width: 50%;
		height: 100%;
	}
	
	.contactBox {
		padding: 0 10px;
		margin-top: 27px;
		margin-bottom: 26px;
	}

	.contactLine {
		width: 48.45%;
		height: auto;
		flex-wrap: wrap;
		align-items: center;
		/*border: 4px solid #4dce4d;*/
		padding: 0;
	}

	.contactLine > a {
		padding: 0;
	}

	.contactPhone {
		width: 48.45%;
		height: auto;
		/*border: 4px solid #6496dc;*/
		padding: 0;
	}

	.imgContactLineSp {
		display: block;
	}

	.imgContactLine {
		display: none;
	}

	.contactLineWrapper {
		text-align: center;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.contactLine p {
		position: initial;
		font-size: 12px;
		margin-top: 8px;
		top: initial;
		left: initial;
		transform: initial;
		-ms-transform: initial;
	}

	.contactPhone p {
		margin-top: 5px;
	}

	.contactPhone .contactPhoneFirst {
		font-size: 10px;
	}

	.contactPhoneNumber {
		font-size: 18.85px;
		margin-top: 5px;
	}

	.contactPhoneNumber img {
		width: 23px;
		height: 17.5px;
		margin-right: 3px;
	}

	.contactPhone .contactPhoneBtn {
		width: 83.6%;
		height: 17px;
		font-size: 11px;
		border-radius: 8px;
		margin-top: 6px;
		margin-bottom: 7px;
	}

	.contactPhone .contactPhoneLast {
		font-size: 9px;
	}

	.staffList .staffImgPc {
		display: none;
	}

	.staffList .staffImgSp {
		display: block;
	}

	.staffList {
		box-sizing: border-box;
		padding: 0 10px 22px 10px;
		margin-top: 8px;
	}

	.staffList li {
		width: 48.6%;
		display: inline-block;
		border: 5px solid #fff;
		overflow: hidden;
		margin-top: 9px;
	}

	.staffList li a {
		display: initial;
	}
	
	.department {
		font-size: 12px;
		height: 21px;
		border-radius: 0;
		width: 85.54%;
		top: initial;
		bottom: 11px;
		left: -5px; 
	}

	.closeModel {
		padding: 8px 0 0;
		margin: 0;
		background-color: #FFF;
	}

	.closebt {
		width: 25px;
		height: 25px;
		background-image: url("../images/closebt_sp.svg");
	}

	.modalDepartment .title {
		width: 113px;
		height: 113px;
		font-size: 11px;
	}

	.modalDepartment .number {
		width: 40px;
		height: 40px;
		font-size: 26.25px;
		top: -10px;
	}

	.modalDepartment {
		left: 10px;
		bottom: -82px;
	}

	.modelTitle {
		font-size: 15px;
		padding-left: 140px;
		padding-right: 35px;
		margin-bottom: 20px;
	}

	.modelTitle p {
		margin-top: 15px;
		min-height: 63px;
	}

	.modalDesc {
		flex-wrap: wrap;
		margin-top: 15px;
		padding-bottom: 0;
	}

	.modalDesc p {
		width: 100%;
		margin: 0;
		font-size: 12px;
		padding: 10px;

	}

	.modalDesc .modalTag {
		width: 100%;
		height: 25px;
		font-size: 15px;
		background: url(../images/modalTag_sp.svg);
	}

	.awsTitle:before {
		height: 20px;
	}

	.awsTitle .jpTitle {
		font-size: 16px;
		padding-top: 30px;
	}

	.awsTitle .enTitle {
		font-size: 9px;
		margin-top: 7px;
	}

	.recruiterBlock {
		margin-top: 30px;
		padding: 0 10px;
	}

	.animatedModal.zoomIn {
		background-color: #FFF !important;
	}

	.recruiterDecs .bgBlue80 {
		padding: 10px;
	}

	.recruiterDecs h4.title {
		font-size: 16px;
		text-align: center;
	}
	
	.recruiterContent {
		margin-top: 15px;
	}

	.recruiterDecs p {
		font-size: 10px;
	}

	.movieBlock {
		margin-top: 30px;
		background: url(../images/movieBg_sp.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.staffBlock {
		background: url(../images/staffBg_sp.png);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.movieContent {
		padding: 0 10px;
		margin-top: 15px;
	}

	.movieContent iframe{
		height: 205px;
	}

	.movieBlock {
		padding-bottom: 25px;
	}

	.hideOnSp {
		display: none;
	}

	.mainFooter {
		font-size: 10px;
		padding: 8px 0;
		margin-top: 70px;
	}

	.lblCompany {
		font-size: 12px;
		border-radius: 7px;
		line-height: 1.85;
	}

	.companyBlock {
		margin-top: 30px;
	}

	.conpanyContent {
		margin-top: 15px;
		padding: 0 10px;
	}

	.listInfoCompany ul li .spColRight .labelSub {
		margin-bottom: 5px;
	}

	.listInfoCompany ul li {
		padding: 15px 10px;
		font-size: 12px;
	}

	.listInfoCompany ul li .smallTextSp {
		font-size: 10px;
	}

	.listInfoCompany {
		margin-top: 30px;
		/*padding-bottom: 30px;*/
	}

	.companyBlock {
		margin-top: 15px;
	}
	
	.modal-content {
		margin-bottom: 10px;
	}

	#toTop {
		width: 29px;
		height: 14px;
		top: -40px;
	}

	.mainVideo {
		display: none;
	}

	.mainVideoSP {
		display: block;
	}

	.listInfoCompany ul li .spColRight .labelSub {
	    width: 100%;
	    line-height: 1;
	}

	.listInfoCompany ul li .spColRight .description p {
		line-height: 1;
	}

	.listInfoCompany ul li .spColRight .labelSub {
		margin-top: 10px;
		margin-bottom: 3px;
	}

	.rightDbLine {
		margin-top: -10px;
	}
}

@media only screen and (max-width: 375px){
	
}

@media only screen and (max-width: 320px){
	
}