/*===============================================================================
 common
===============================================================================*/

/*--------------------------
 .special
----------------------------*/

.special.com .block .sublink{
	margin-top:80px;
	border-top:2px solid #8CC11E;
	padding-top:30px;
}
.special.com .block .sublink ul{
	list-style:none;
	display:table;
	width:100%;
}
.special.com .block .sublink ul li{
	list-style:none;
	display:table-cell;
	vertical-align:top;
	width:8.125%;
	padding-right:0.5%;
	padding-left:0.5%;
}
.special.com .block .sublink ul li img{
	width:100%;
	height:auto;
}
.special.com .block .sublink ul li a{
	display:block;
	padding:5px;
	border:1px solid #8CC11E;
	color:#8CC11E;
	font-weight:500;
}
.special.com .block .sublink ul li a:hover,
.special.com .block .sublink ul li a.now{
	background-color:#8CC11E;
	color:#fff;
}

/*===============================================================================
 PC/tablet
===============================================================================*/
@media screen and (min-width: 769px){
body {
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrap,.about.s1.com .aboutcontents {
	width:91.40625%;
}
/*--------------------------
 head
----------------------------*/
#head {
	width:100%;
	margin: 0 auto 0 auto;
	display:inline-block;
	color: #fff;
	font-size:0rem;
	padding-top:4.2%;
}
	#head {
		width:91.40625%;
		top: 0;
		position:fixed;
		display:inline-block;
		z-index:99999;
		background:url(../images/bgphoto_main.jpg) center top no-repeat;
		background-size:109.4% auto;
	}
	.home.fst #head{
		background:url(../images/top_bganime/top_bganime9.jpg) center top no-repeat;
		background-size:109.4% auto;
	}
/*--------------------------
 head h1
----------------------------*/
#head h1 {
	width:74.35%;
	height: auto;
	display:block;
	position: relative;
	float:left;
}
#head h1:before {
		content: "";
		display: block;
		padding-top: 5.74%;
}
#head h1 a{
	background:url(../images/co_logo.png) 0 0 no-repeat;
	background-size:contain;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
}
/*--------------------------
 head subMenu
----------------------------*/
#head .subMenu {
	width:23.93%;
	height:auto;
	display:block;
	overflow:hidden;
	position:relative;
	float:right;
}
#head .subMenu:before {
	content: "";
	display: block;
	padding-top: 17.85%;
}
#head .subMenu ul{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#head .subMenu li{
	position:relative;
	width:48.21%;
	height:auto;
	display:inline-block;
	margin-bottom:3%;
}
#head .subMenu li:before {
	content: "";
	display: block;
	padding-top: 14.81%;
}
#head .subMenu li a,
#head .subMenu li span{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:pointer;
}
/*--------------------------
 head globalMenu
----------------------------*/
#head .globalMenu {
	clear:both;
	width:100%;
	height:auto;
	display:inline-block;
	position:relative;
	z-index:99999;
	margin-top:2.82%;
}
#head .globalMenu:before {
	content:"";
	display:block;
	padding-top:2.82%;
	padding-top:3.82%;
}
#head .globalMenu ul{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#head .globalMenu li{
	width:21.36%;
	height:auto;
	display:inline-block;
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
	margin-right:4.5%;
	background-size:cover;
}
#head .globalMenu li:last-child{
	margin-right:0;
}
#head .globalMenu li:before{
	content: "";
	display: block;
	padding-top: 12%;
}
#head .globalMenu li a,
#head .globalMenu li span{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
#head .globalMenu li.gmenu01{
	border-top:3px solid #fff;
}
#head .globalMenu li.gmenu02{
	border-top:3px solid #fff;
}
#head .globalMenu li.gmenu03{
	border-top:3px solid #fff;
}
#head .globalMenu li.gmenu04{
	border-top:3px solid #fff;
}

#head .globalMenu li ul{
	display:none;
	margin-top:12%;
	padding-top:1%;
}
#head .globalMenu li ul li{
	width:100%;
	padding:0 0 1% 0;
}
#head .globalMenu li ul li a,
#head .globalMenu li ul li span{
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
}
/*--------------------------
 head menu image
----------------------------*/
#head .subMenu li.smenu01 a,
#head .subMenu li.smenu01 span{
	background-image:url(../images/co_smenu01.png);
}
#head .subMenu li.smenu02 a,
#head .subMenu li.smenu02 span{
	background-image:url(../images/co_smenu02.png);
}
#head .subMenu li.smenu03 a,
#head .subMenu li.smenu03 span{
	background-image:url(../images/co_smenu03.png);
}
#head .subMenu li.smenu04 a,
#head .subMenu li.smenu04 span{
	background-image:url(../images/co_smenu04.png);
}
#head .globalMenu li.gmenu01{
	background-image:url(../images/co_gmenu01.png);
}
#head .globalMenu li.gmenu02{
	background-image:url(../images/co_gmenu02.png);
}
#head .globalMenu li.gmenu03{
	background-image:url(../images/co_gmenu03.png);
}
#head .globalMenu li.gmenu04{
	background-image:url(../images/co_gmenu04.png);
}
#head .globalMenu li.gmenu01:hover,
#head .globalMenu li.gmenu01._o{
	background-image:url(../images/co_gmenu01_o.png);
}
#head .globalMenu li.gmenu02:hover,
#head .globalMenu li.gmenu02._o{
	background-image:url(../images/co_gmenu02_o.png);
}
#head .globalMenu li.gmenu03:hover,
#head .globalMenu li.gmenu03._o{
	background-image:url(../images/co_gmenu03_o.png);
}
#head .globalMenu li.gmenu04:hover,
#head .globalMenu li.gmenu04._o{
	background-image:url(../images/co_gmenu04_o.png);
}
#head .globalMenu li.gmenu01._o ul,
#head .globalMenu li.gmenu02._o ul,
#head .globalMenu li.gmenu03._o ul,
#head .globalMenu li.gmenu04._o ul{
	/*display:block !important;*/
}
#head .globalMenu li.gmenu01 ul li.s1 a,
#head .globalMenu li.gmenu01 ul li.s1 span{
	background-image:url(../images/co_gmenu01_s1.png);
}
#head .globalMenu li.gmenu01 ul li.s1 a:hover,
#head .globalMenu li.gmenu01 ul li.s1 span:hover{
	background-image:url(../images/co_gmenu01_s1_o.png);
}
#head .globalMenu li.gmenu01 ul li.s2 a,
#head .globalMenu li.gmenu01 ul li.s2 span{
	background-image:url(../images/co_gmenu01_s2.png);
}
#head .globalMenu li.gmenu01 ul li.s2 a:hover,
#head .globalMenu li.gmenu01 ul li.s2 span:hover{
	background-image:url(../images/co_gmenu01_s2_o.png);
}
#head .globalMenu li.gmenu02 ul li.s1 a,
#head .globalMenu li.gmenu02 ul li.s1 span{
	background-image:url(../images/co_gmenu02_s1.png);
}
#head .globalMenu li.gmenu02 ul li.s1 a:hover,
#head .globalMenu li.gmenu02 ul li.s1 span:hover{
	background-image:url(../images/co_gmenu02_s1_o.png);
}
#head .globalMenu li.gmenu02 ul li.s2 a,
#head .globalMenu li.gmenu02 ul li.s2 span{
	background-image:url(../images/co_gmenu02_s2.png);
}
#head .globalMenu li.gmenu02 ul li.s2 a:hover,
#head .globalMenu li.gmenu02 ul li.s2 span:hover{
	background-image:url(../images/co_gmenu02_s2_o.png);
}
#head .globalMenu li.gmenu03 ul li.s1 a,
#head .globalMenu li.gmenu03 ul li.s1 span{
	background-image:url(../images/co_gmenu03_s1.png);
}
#head .globalMenu li.gmenu03 ul li.s1 a:hover,
#head .globalMenu li.gmenu03 ul li.s1 span:hover{
	background-image:url(../images/co_gmenu03_s1_o.png);
}
#head .globalMenu li.gmenu04 ul li.s1 a,
#head .globalMenu li.gmenu04 ul li.s1 span{
	background-image:url(../images/co_gmenu04_s1.png);
}
#head .globalMenu li.gmenu04 ul li.s1 a:hover,
#head .globalMenu li.gmenu04 ul li.s1 span:hover{
	background-image:url(../images/co_gmenu04_s1_o.png);
}
#head .globalMenu li.gmenu04 ul li.s2 a,
#head .globalMenu li.gmenu04 ul li.s2 span{
	background-image:url(../images/co_gmenu04_s2.png);
}
#head .globalMenu li.gmenu04 ul li.s2 a:hover,
#head .globalMenu li.gmenu04 ul li.s2 span:hover{
	background-image:url(../images/co_gmenu04_s2_o.png);
}
#head .globalMenu li.gmenu04 ul li.s3 a,
#head .globalMenu li.gmenu04 ul li.s3 span{
	background-image:url(../images/co_gmenu04_s3.png);
}
#head .globalMenu li.gmenu04 ul li.s3 a:hover,
#head .globalMenu li.gmenu04 ul li.s3 span:hover{
	background-image:url(../images/co_gmenu04_s3_o.png);
}
#head .globalMenu li.gmenu04 ul li.s4 a,
#head .globalMenu li.gmenu04 ul li.s4 span{
	background-image:url(../images/co_gmenu04_s4.png);
}
#head .globalMenu li.gmenu04 ul li.s4 a:hover,
#head .globalMenu li.gmenu04 ul li.s4 span:hover{
	background-image:url(../images/co_gmenu04_s4_o.png);
}
/*--------------------------
 footer
----------------------------*/
#footer{
	display:table;
}
#footer ul{
	display:table-cell;
}
#footer p{
	display:table-cell;
}
/*--------------------------
 scrollUp
----------------------------*/
#scrollUp {
	bottom: 30px;
}

/*===============================================================================
 pages
===============================================================================*/
/*--------------------------
 home #opening
----------------------------*/
.home .block{
	width:100%;
	height:auto;
	margin-bottom:100%;
}
.index .block:before,
.fst .block:before,
.home .block:last-child:before{
	content: "";
	display: block;
	padding-top: 50.43%;
	margin-bottom:0;
}
.error.fst .block:before{
	content: "";
	display: block;
	padding-top: 0;
	margin-bottom:0;
}
.index.recruit.pickup .block:before{
	content: "";
	display: block;
	padding-top: 0;
	margin-bottom:0;
	padding-top: 34.19%;
}
/*--------------------------
 home #top
----------------------------*/
#top.block .block-s1{
	background-image:url(../images/top_s1.png);
	width:43.67%;
	height:auto;
	top:10.12%;
	left:0;
}
#top.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 56.94%;
}
#top.block .block-s2{
	background-image:url(../images/top_s2.png);
	width:27.69%;
	height:auto;
	top:14.5%;
	left:55.47%;
}
#top.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 15.74%;
}
#top.block .block-s3{
	background-image:url(../images/top_s3_2.png);
	width:27.69%;
	height:auto;
	top:80.62%;
	left:39.23%;
}
#top.block .block-s3:before{
	content: "";
	display: block;
	padding-top: 15.74%;
}
#top.block .block-s3-3{
	background-image:url(../images/top_s3_3.png);
	width:21.37%;
	height:auto;
	top:37.62%;
	left:49.23%;
}
#top.block .block-s3-3:before{
	content: "";
	display: block;
	padding-top: 76.00%;
}
#top.block .block-s4{
	background-image:url(../images/top_s4.png);
	text-indent:inherit;
	width:19.74%;
	height:auto;
	top:30.62%;
	left:80.25%;
}
#top.block .block-s4:before{
	content: "";
	display: block;
	padding-top: 119.91%;
}
#top.block .block-s4 ul{
	position:absolute;
	width:73.56%;
	height:61.37%;
	margin:36% auto 0 auto;
	top:0;
	left:12.77%;
	padding:5px;
	overflow:hidden;
	overflow-y:auto;
	font-size:1.4rem;
}
#top.block .block-s4 ul li{
	margin-bottom:2em;
}
#top.block .block-s4 ul li span{
	display:block;
}
/*--------------------------
 home #about
----------------------------*/
#about.block .block-s1{
	background-image:url(../images/about_s1.png);
	width:36.49%;
	height:auto;
	top:5%;
	right:2.56%;
}
#about.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 77.98%;
}
#about.block .block-s2{
	background-image:url(../images/about_s2.png);
	width:23.58%;
	height:auto;
	top:10%;
	left:5.47%;
}
#about.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 144.20%;
}
/*--------------------------
 home #works
----------------------------*/
#works.block .block-s1{
	background-image:url(../images/works_s1.png);
	width:29.91%;
	height:auto;
	top:13.75%;
	left:0;
}
#works.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 65.71%;
}
#works.block .block-s2{
	background-image:url(../images/works_s2.png);
	width:31.02%;
	height:auto;
	top:25.5%;
	right:2.56%;
}
#works.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 92.01%;
}
/*--------------------------
 home #special
----------------------------*/
#special.block .block-s1{
	background-image:url(../images/special_s1.png);
	width:59.05%;
	height:auto;
	top:25.5%;
	right:7.692%;
}
#special.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 48.48%;
}
/*--------------------------
 home #recruit
----------------------------*/
#recruit.block .block-s1{
	background-image:url(../images/recruit_s1.png);
	width:22.87%;
	height:auto;
	top:13%;
	left:0;
}
#recruit.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 103.09%;
}
#recruit.block .block-s2{
	background-image:url(../images/recruit_s2.png);
	width:24.19%;
	height:auto;
	top:5%;
	left:51.11%;
}
#recruit.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 87.86%;
}
#recruit.block .block-s3{
	background-image:url(../images/recruit_s3.png);
	width:21.45%;
	height:auto;
	top:30.62%;
	right:0;
}
#recruit.block .block-s3:before{
	content: "";
	display: block;
	padding-top: 96.81%;
}
#recruit.block .block-s4{
	background-image:url(../images/recruit_s4.png);
	width:24.19%;
	height:auto;
	bottom:5%;
	left:25.11%;
}
#recruit.block .block-s4:before{
	content: "";
	display: block;
	padding-top: 87.86%;
}
/*--------------------------
 .works
----------------------------*/
.works.com .imgArea img{
	width:73%;
	height:auto;
}
/*--------------------------
 .about
----------------------------*/
.about.com .imgArea img{
	width:73%;
	height:auto;
}
}
/* PC ---------------------------------------------------------------------*/
@media screen and (min-width: 1200px){
body {
	min-width:1260px;
}
#wrap {
	min-width:1170px;
}
#head {
	min-width:1170px;
}
#head .globalMenu {
	min-width:1170px;
}
#contents,
.about.s1.com .aboutcontents {
	min-width: 1170px;
}
#head .globalMenu li{
	min-width:250px;
}
}
/* tablet ---------------------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 1199px){
body {
	-webkit-text-size-adjust: 100%;
}
#wrap {
	width:91.40625%;
}
.works.com .txtArea .sublink li{
	width:45%;
	height: auto;
}
}

/*===============================================================================
 smartphone
===============================================================================*/
@media screen and (max-width: 768px){
body{
	font-size: 1.2rem;
	-webkit-text-size-adjust: 100%;}
#head {
	width:100%;
	background:#fff;
	padding-top:20px;
}
#head {
	top: 0;
	position:fixed;
	z-index:99999;
	padding-top:20px;
}
#head h1 {
	width:90.625%;
	height:auto;
	display:block;
	position: relative;
	margin:0 auto 0 auto;
}
.home #head h1 {
	margin:20px auto 0 auto;
}
#head h1:before {
	content: "";
	display: block;
	padding-top: 9%;
}
#head h1 a{
	background:url(../images/sm_logo.png) 0 0 no-repeat;
	background-size:contain;
	position: absolute;
	width:100%;
	height:100%;
	top: 0;
	left: 0;
	display:block;
	text-indent:-9999px;
}
#head .subMenu {
	width:90.625%;
	margin: 0 auto 10px auto;
	height:auto;
	display:block;
	position:relative;
}
#head .subMenu:before {
	content: "";
	display: block;
	padding-top: 3.36%;
}
#head .subMenu ul{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#head .subMenu li{
	position:absolute;
	display:block;
	height:auto;
}
#head .subMenu li.smenu01{
	width:20.8%;
	top:0px;
	left:0px;
}
#head .subMenu li.smenu01:before{
	content:"";
	display:block;
	padding-top:16.12%;
}
#head .subMenu li.smenu02{
	width:25.6%;
	top:0px;
	left:20.8%;
}
#head .subMenu li.smenu02:before{
	content:"";
	display:block;
	padding-top:13.09%;
}
#head .subMenu li.smenu03{
	width:30.1%;
	top:0px;
	left:46.4%;
}
#head .subMenu li.smenu03:before{
	content:"";
	display:block;
	padding-top:11.17%;
}
#head .subMenu li.smenu04{
	width:23.3%;
	top:0px;
	right:0;
}
#head .subMenu li.smenu04:before{
	content:"";
	display:block;
	padding-top:14.39%;
}
#head .subMenu li a,
#head .subMenu li span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:pointer;
}
#head .subMenu li.smenu01 a,
#head .subMenu li.smenu01 span{
	background-image:url(../images/sm_smenu01.png);
}
#head .subMenu li.smenu02 a,
#head .subMenu li.smenu02 span{
	background-image:url(../images/sm_smenu02.png);
}
#head .subMenu li.smenu03 a,
#head .subMenu li.smenu03 span{
	background-image:url(../images/sm_smenu03.png);
}
#head .subMenu li.smenu04 a,
#head .subMenu li.smenu04 span{
	background-image:url(../images/sm_smenu04.png);
}
#head .globalMenu {
	width:90.625%;
	margin: 0 auto;
	min-height:30px;
	display:block;
	position:relative;
	z-index:99999;
	padding-bottom:10px;
}
#head .globalMenu li{
	position:absolute;
	width:23.3%;
	height:auto;
	font-size:1.5rem;
	border-top:3px solid #000;
	display:inline-block;
}
#head .globalMenu li a,
#head .globalMenu li span{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
	margin-bottom:5px;
}
#head .globalMenu li.gmenu01{
	top:0px;
	left:0px;
}
#head .globalMenu li.gmenu02{
	top:0px;
	left:25.4%;
}
#head .globalMenu li.gmenu03{
	top:0px;
	right:25.4%;
}
#head .globalMenu li.gmenu04{
	top:0px;
	right:0px;
}
#head .globalMenu li.gmenu01 a,
#head .globalMenu li.gmenu01 span{
	background-image:url(../images/sm_gmenu01.png);
}
#head .globalMenu li.gmenu02 a,
#head .globalMenu li.gmenu02 span{
	background-image:url(../images/sm_gmenu02.png);
}
#head .globalMenu li.gmenu03 a,
#head .globalMenu li.gmenu03 span{
	background-image:url(../images/sm_gmenu03.png);
}
#head .globalMenu li.gmenu04 a,
#head .globalMenu li.gmenu04 span{
	background-image:url(../images/sm_gmenu04.png);
}

#head .globalMenu li.gmenu01._o a,
#head .globalMenu li.gmenu01._o span{
	background-color:#F9BE00;
	background-image:url(../images/sm_gmenu01_o.png);
}

#head .globalMenu li.gmenu02._o a,
#head .globalMenu li.gmenu02._o span{
	background-color:#7DCCF3;
	background-image:url(../images/sm_gmenu02_o.png);
}

#head .globalMenu li.gmenu03._o a,
#head .globalMenu li.gmenu03._o span{
	background-color:#AACC03;
	background-image:url(../images/sm_gmenu03_o.png);
}

#head .globalMenu li.gmenu04._o a,
#head .globalMenu li.gmenu04._o span{
	background-color:#F09DC1;
	background-image:url(../images/sm_gmenu04_o.png);
}
#head .globalMenu li ul{
	display:none !important;
}

/* footer */
#footer ul{
	display:block;
	text-align:center;
	padding:5px;
	font-size:1rem;
}
#footer li {
	line-height:1em;
	padding-left: 3px;
	padding-right: 3px;
}
#footer p{
	display:block;
	text-align:right;
	padding:5px;
	font-size:1rem;
}
#footer{
	position:relative;
}
/*===============================================================================
 pages
===============================================================================*/
/* contents */
#contents,.about.s1.com .aboutcontents{
	width:90.625%;
	position:relative;
	margin: 0 auto;
}
/* block */
.block{
	clear:both;
	margin-bottom:0px;
}
body.com .block{
	padding:30px !important;
}

#scrollUp {
	bottom: 20px !important;
}
.section p{
	font-size:1.2rem;
	line-height:2em;
}
.sec.com h3,
.sec.com h4{
	font-size:1.3rem;
	line-height:1.3em;
}
.com h2{
	text-indent:inherit;
	line-height:1.3em;
}
/*--------------------------
 home #opening
----------------------------*/
.home #opening h2{
	position:absolute;
	text-indent:-99999px;
	width:30.17%;
	height:auto;
	top:7.71%;
	left:65.00%;
	display:block;
	background:url(../images/opening.png) 0 0 no-repeat;
	background-size:contain;
}
.home #opening h2:before{
	content: "";
	display: block;
	padding-top: 124.57%;
}
.home .block{
	width:100%;
	height:auto;
	margin-bottom:100%;
}
.home .block:before,
.index .block:before,
.fst .block:before{
	content: "";
	display: block;
	padding-top: 132%;
	margin-bottom:0;
}
.fst.csoon .block:before{
	content: "";
	display: block;
	padding-top: 110%;
	margin-bottom:0;
}
.error.fst .block:before{
	content: "";
	display: block;
	padding-top: 0;
	margin-bottom:0;
}
.pickup .block:before{
	padding-top: 180%;
}
/*--------------------------
 home #top
----------------------------*/
#top.block .block-s1{
	background-image:url(../images/top_sm/top_s1.png);
	/*width:81.03%;*/
	width:70%;
	height:auto;
	top:15.42%;
	left:1.90%;
}
#top.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 55.74%;
}
#top.block .block-s2{
	/*background-image:url(../images/top_sm/top_s2.png);*/
	background-image:url(../images/top_s2.png);
	width:69.66%;
	height:46px;
	top:3.54%;
	left:23.79%;
}
#top.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 11.39%;
}
#top.block .block-s3{
	/*background-image:url(../images/top_sm/top_s3.png);*/
	background-image:url(../images/top_s3_2.png);
	width:69.66%;
	height:46px;
	bottom:0%;
	left:1.79%;
}
#top.block .block-s3:before{
	content: "";
	display: block;
	padding-top: 11.39%;
}
#top.block .block-s3-3{
	background-image:url(../images/top_s3_3.png);
	width:40.37%;
	bottom:15%;
	left:8%;
}
#top.block .block-s3-3:before{
	content: "";
	display: block;
	padding-top: 76.00%;
}
#top.block .block-s4{
	background-image:url(../images/top_sm/top_s4.png);
	width:43.45%;
	height:auto;
	top:50.56%;
	left:58.45%;
	text-indent:inherit !important
}
#top.block .block-s4:before{
	content: "";
	display: block;
	padding-top: 110.32%;
}
#top.block .block-s4 ul{
	position:absolute;
	width:73.56%;
	height:61.37%;
	margin:36% auto 0 auto;
	top:0;
	left:12.77%;
	padding:5px;
	overflow:hidden;
	overflow-y:auto;
	font-size:1.4rem;
}
#top.block .block-s4 ul li{
	margin-bottom:1em;
}
/* #about */
#about.block .block-s1{
	background-image:url(../images/top_sm/about_s1.png);
	width:63.97%;
	height:auto;
	top:3.92%;
	left:32.76%;
}
#about.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 67.65%;
}
#about.block .block-s2{
	background-image:url(../images/top_sm/about_s2.png);
	width:58.79%;
	height:auto;
	top:43.14%;
	left:0;
}
#about.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 106.45%;
}
/* #works */
#works.block .block-s1{
	background-image:url(../images/top_sm/works_s1.png);
	width:60.00%;
	height:auto;
	top:7.45%;
	left:6.21%;
}
#works.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 59.20%;
}
#works.block .block-s2{
	background-image:url(../images/top_sm/works_s2.png);
	width:59.31%;
	height:auto;
	top:53.99%;
	right:0;
}
#works.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 87.50%;
}
/* #special */
#special.block .block-s1{
	background-image:url(../images/top_sm/special_s1.png);
	width:93.28%;
	height:auto;
	top:7.97%;
	left:3.28%;
}
#special.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 48.24%;
}
/* #recruit */
#recruit.block .block-s1{
	background-image:url(../images/top_sm/recruit_s1.png);
	width:40.17%;
	height:auto;
	top:20.04%;
	left:0px;
}
#recruit.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 104.96%;
}
#recruit.block .block-s2{
	background-image:url(../images/top_sm/recruit_s2.png);
	background-image:url(../images/recruit_s2.png);
	width:47.24%;
	height:auto;
	top:5%;
	right:0;
}
#recruit.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 81.93%;
}
#recruit.block .block-s3{
	background-image:url(../images/top_sm/recruit_s3.png);
	width:38.97%;
	height:auto;
	top:43.46%;
	left:55.69%;
}
#recruit.block .block-s3:before{
	content: "";
	display: block;
	padding-top: 99.12%;
}
#recruit.block .block-s4{
	background-image:url(../images/recruit_s4.png);
	width:44.19%;
	height:auto;
	bottom:5%;
	left:10.11%;
}
#recruit.block .block-s4:before{
	content: "";
	display: block;
	padding-top: 87.86%;
}
/*--------------------------
 .comingsoon
----------------------------*/
.csoon .block p{
	width:63.28%;
	height:19.62%;
	top:46.93%;
	left:19.48%;
}
/*--------------------------
 .message
----------------------------*/
.message .message_block{
	position:absolute;
	display:block;
	background:url(../images/message_sm.png) 0 0 no-repeat;
	width:83.62%;
	height:auto;
	background-size:cover;
	top:18.17%;
	left:8.19%;
}
.message .message_block:before{
	content:"";
	display:block;
	padding-top:100%;
}
.message .message_block .msg{
	display:none;
}
.message .message_block .msg:before{
	display:none;
}
/*--------------------------
 .works
----------------------------*/
.works.index h2{
	width:11.38%;
	top:3%;
	left:81.90%;
}
.works.index h2:before{
	padding-top:225.76%;
}
.works.index .block ul li.m1{
	width:63.62%;
	top:8.76%;
	left:0;
}
.works.index .block ul li.m2{
	width:42.07%;
	top:43.93%;
	left:44.31%;
}
.works.index .block ul li.m1{
	width:59.83%;
	top:5%;
	left:0;
}
.works.index .block ul li.m2{
	width:39.48%;
	top:36%;
	left:41.96%;
}
.works.sec.com h3,
.works.sec.com h4{
	font-size:1.3rem;
	line-height:1.3em;
}
.works.com h2{
	text-indent:inherit;
	line-height:1.3em;
}
.works.com h2.m1,
.works.com h2.m21,
.works.com h2.m22{
	background-image:none;
	width:auto;
	height:auto;
}
.works.com h2.m22{
	padding-top:3rem;
}
.works.com .m1_btn{
	display:inline-block;
}
.works.com .m1_btn img{
	width:auto;
	height:1.2rem;
}
.works.com .section{
	display:table;
}
.works.com .imgArea{
	display:table-cell;
	width:30%;
}
.works.com .imgArea img{
	width:73%;
	height:auto;
}
.works.com .txtArea{
	display:table-cell;
	width:70%;
}
.works.com .txtArea .sublink li{
	width:45%;
	height: auto;
}
.works.sec.com h5,
.works.com .txtArea .sublink li{
    font-size: 1.2rem;
}

/*--------------------------
 .recruit
----------------------------*/
.recruit.index h2{
	width:11.38%;
	top:8.89%;
	left:83.28%;
}
.recruit.index .block ul li.m1{
	width:29.83%;
	top:5.49%;
	left:43.79%;
}
.recruit.index .block ul li.m2{
	width:37.59%;
	top:20.52%;
	left:0;
}
.recruit.index .block ul li.m3{
	width:45.69%;
	top:36.86%;
	left:54.31%;
}
.recruit.index .block ul li.m4{
	width:20.00%;
	top:56.21%;
	left:59.48%;
}
.recruit.index .block ul li.m5{
	width:37.59%;
	top:40.39%;
	left:9.66%;
}
.recruit.index .block ul li.m6{
	width:24.66%;
	top:73.20%;
	left:32.41%;
}
.recruit.com .block ul,
.recruit.com .block ol,
.recruit.com .block p{
	font-size:1.2rem;
	line-height:2.0em;
}
.recruit.com .block ol {
	margin:0 0 4em 0;
	margin:0 0 8rem 0;
}
.recruit.com .block .btn{
	font-size:1.4rem;
}
.recruit.com .block table td,
.recruit.com .block table th{
	font-size:1.2rem;
	width:90%;
	display:block;
	padding:2% 5%;
}
.recruit.com .block table.type2{
	border-top:none;
}
.recruit.com .block table.type2 thead{
	display:none;
}
.recruit.com .block table.type2 tobdy{
	border-top:1px solid #000;
}
.recruit.com .block table.type2 tr:first-child th[scope="row"]{
	border-top:1px solid #000;
}
.recruit.com .block table.type2 td,
.recruit.com .block table.type2 th,
.recruit.com .block table.type2 th.nodis{
	font-size:1.2rem;
	width:90% !important;
	display:block;
	padding:2% 5%;
	border-bottom:none;
}
.recruit.com .block table.type2 td:nth-of-type(1) ,
.recruit.com .block table.type2 td:nth-of-type(3) {
	padding:2% 5% 0 5%;
}
.recruit.com .block table.type2 td:last-child,
.recruit.com .block table.type2 th:first-child{
	border-bottom:1px solid #000;
}
.recruit.com .block table.type2 th:first-child{
	border-bottom:1px solid #000;
}
.recruit.com .block table.type2 th.nodis{
	background-image:none;
	background-color:#FCF0D3;
}
.recruit.com .block table.type3 td,
.recruit.com .block table.type3 th{
	font-size:1.2rem;
	width:auto;
	display:table-cell;
	padding:2%;
}
.recruit.com.past .block dt,
.recruit.com.past .block h3,
.recruit.com.past .block li{
	font-size: 1em;
	font-size:1.3rem;
	line-height: 1.5em;
}
.recruit.com.past .block dd{
	font-size: 1em;
	font-size:1.2rem;
	line-height: 2em;
}
.recruit.com h2.m1,
.recruit.com h2.m2,
.recruit.com h2.m3{
	background-image:none;
	width:auto;
	height:auto;
	text-indent:0;
}

/*--------------------------
 .recruit - pickup
----------------------------*/
.recruit.index.pickup h2{
	position:absolute;
	text-indent:-9999px;
	background:url(../images/recruit_s3_h2.png) 0 0 no-repeat;
	background-size:contain;
	width:15%;
	height:auto;
	top:15%;
	left:auto;
	right:5%;
}
.recruit.index.pickup h2:before{
	content: "";
	display: block;
	padding-top: 332.88%;
}
.recruit.index.pickup h2 span{
	display:none;
}
.recruit.index.pickup .block ul{
	display:inline-block;
	position:absolute;
	top:5%;
	left:0;
	width:100%;
	height:auto;
}
.recruit.index.pickup .block ul li{
	position:relative;
	background-color:#fff;
	display:inline-block;
	float:none;
	margin:5%;
	text-indent:0;
	width:60%;
}
.recruit.index.pickup .block ul li:before{
	content: "";
	display: block;
	padding-top: 66.20%;
}
.recruit.index.pickup .block ul li:first-child{
	margin-left:5%;
}
.recruit.index.pickup .block ul li img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	border:.3em solid #fff;
}




/*--------------------------
 .about s1
----------------------------*/

.about.sec.com h3,
.about.sec.com h4,
.about.thd.com h3,
.about.thd.com h4{
	font-size:1.3rem;
	line-height:1.3em;
}
.about.com h2{
	text-indent:inherit;
	line-height:1.3em;
}
.about.com.s2 h2.m1{
	background-image:none;
	width:auto;
	height:auto;
	text-indent:0;
	color:#EE8100;
}
.about.index.s1 h2{
	background:url(../images/top_sm/about_s1_h2.png) 0 0 no-repeat;
	background-size:contain;
	width:11.38%;
	height:auto;
	top:5.75%;
	left:78.28%;
}
.about.index.s1 h2:before{
	padding-top:269.70%;
}
.about.index.s1 .block ul li.m1{
	width:56.72%;
	top:5.75%;
	left:0;
}
.about.index.s1 .block ul li.m1 a{
	background:url(../images/top_sm/about_s1_m1.png) 0 0 no-repeat;
	background-size:contain;
}
.about.index.s1 .block ul li.m1:before{
	padding-top: 71.73%;
}
.about.index.s1 .block ul li.m2{
	width:31.21%;
	top:55.16%;
	left:12.07%;
}
.about.index.s1 .block ul li.m2 a,
.about.index.s1 .block ul li.m2 span{
	background:url(../images/top_sm/about_s1_m2.png) 0 0 no-repeat;
	background-size:contain;
}
.about.index.s1 .block ul li.m2:before{
	padding-top: 133.70%;
}
.about.index.s1 .block ul li.m3{
	width:42.76%;
	top:41.44%;
	left:53.45%;
}
.about.index.s1 .block ul li.m3 a,
.about.index.s1 .block ul li.m3 span{
	background:url(../images/top_sm/about_s1_m3.png) 0 0 no-repeat;
	background-size:contain;
}
.about.index.s1 .block ul li.m3:before{
	padding-top: 109.68%;
}
.about.s1.com .aboutcontents{
	width:90.625%;
	margin:0 auto 15px auto;
}
body.about.s1.com #contents{
	margin-bottom:10px !important
}
/*--------------------------
 .about s2
----------------------------*/
.about.index.s2 h2{
	background:url(../images/top_sm/about_s2_h2.png) 0 0 no-repeat;
	background-size:contain;
	width:26.90%;
	height:auto;
	top:3.40%;
	left:inherit;
	right:0;
}
.about.index.s2 h2:before{
	padding-top:140.38%;
}
.about.index.s2 .block ul li.m1{
	width:62.93%;
	top:9.02%;
	left:0;
}
.about.index.s2 .block ul li.m1 a{
	background:url(../images/top_sm/about_s2_m1.png) 0 0 no-repeat;
	background-size:contain;
}
.about.index.s2 .block ul li.m1:before{
	padding-top: 55.89%;
}
.about.index.s2 .block ul li.m2{
	width:53.28%;
	top:64.05%;
	left:46.90%;
}
.about.index.s2 .block ul li.m2 a,
.about.index.s2 .block ul li.m2 span{
	background:url(../images/top_sm/about_s2_m2.png) 0 0 no-repeat;
	background-size:contain;
}
.about.index.s2 .block ul li.m2:before{
	padding-top: 66.02%;
}
.about.index.s2 .block ul li.m3{
	width:50.00%;
	top:42.35%;
	left:0;
}
.about.index.s2 .block ul li.m3 a,
.about.index.s2 .block ul li.m3 span{
	background:url(../images/top_sm/about_s2_m3.png) 0 0 no-repeat;
	background-size:contain;
}
.about.index.s2 .block ul li.m3:before{
	padding-top: 105.86%;
}
/*--------------------------
 .special
----------------------------*/

.special.index h2{
	background:url(../images/top_sm/special_h2.png) 0 0 no-repeat;
	background-size:contain;
	width:18.97%;
	height:auto;
	top:3.79%;
	left:inherit;
	right:0;
}
.special.index h2:before{
	padding-top:270.00%;
}
.special.index .block ul li.m1{
	width:35.52%;
	top:3.79%;
	left:35.34%;
	background:url(../images/top_sm/special_m1.png) 0 0 no-repeat;
	background-size:contain;
}
.special.index .block ul li.m1:before{
	padding-top: 83.50%;
}
.special.index .block ul li.m2{
	width:28.28%;
	top:48.32%;
	left:71.72%;
	background:url(../images/top_sm/special_m2.png) 0 0 no-repeat;
	background-size:contain;
}
.special.index .block ul li.m2:before{
	padding-top: 117.68%;
}
.special.index .block ul li.m3{
	width:21.38%;
	top:3.79%;
	left:0;
	background:url(../images/top_sm/special_m3.png) 0 0 no-repeat;
	background-size:contain;
}
.special.index .block ul li.m3:before{
	padding-top: 171.77%;
}
.special.index .block ul li.m4{
	width:29.31%;
	top:57.39%;
	left:36.72%;
	background:url(../images/top_sm/special_m4.png) 0 0 no-repeat;
	background-size:contain;
}
.special.index .block ul li.m4:before{
	padding-top: 99.41%;
}
.special.index .block ul li.m5{
	width:33.28%;
	top:28.89%;
	left:41.38%;
	background:url(../images/top_sm/special_m5.png) 0 0 no-repeat;
	background-size:contain;
}
.special.index .block ul li.m5:before{
	padding-top: 100.52%;
}
.special.index .block ul li.m6{
	width:26.38%;
	top:64.84%;
	left:0;
	background:url(../images/top_sm/special_m6.png) 0 0 no-repeat;
	background-size:contain;
}
.special.index .block ul li.m6:before{
	padding-top: 156.21%;
}
.special.index .block ul li.m7{
	width:31.21%;
	top:34.38%;
	left:6.03%;
	background:url(../images/top_sm/special_m7.png) 0 0 no-repeat;
	background-size:contain;
}
.special.index .block ul li.m7:before{
	padding-top: 117.68%;
}
.special.index .block ul li.m8{
	width:48.79%;
	top:76.99%;
	left:49.66%;
	background:url(../images/top_sm/special_m8.png) 0 0 no-repeat;
	background-size:contain;
}
.special.index .block ul li.m8:before{
	padding-top: 51.59%;
}
.special.com .block p.discp img{
	width:50%;
}
/*--------------------------
 .special
----------------------------*/

.special.com .block .sublink{
	margin-top:40px;
}
.special.com .block .sublink ul{
	display:inline-block;
}
.special.com .block .sublink ul li{
	display:inline-block;
	width:20%;
	padding-right:2%;
	padding-left:2%;
	padding-bottom:20px;
}


/*--------------------------
 .internship
----------------------------*/
body.internship.com .block{
	padding-bottom:2rem !important;
}
.internship.index .block:before{
}
.internship.index .block{
	padding:5px;
	text-align:center;
}
.internship.index h2{
	width:80%;
	margin-left:-40%;
	top:5%;
}
.internship.index .block p{
	top:15%;
	font-size:1.2rem !important;
}
.internship.index .block ul{
	display:inline-block;
	width:90%;
	margin:0 auto;
	top:38%;
	left:50%;
	margin-left:-42.5%;
	position:absolute;
}
.internship.index .block ul li{
	position:relative;
	display:inline-block;
	width:45% !important;
	left:auto !important;
	float:left;
}
.internship.index .block ul li:nth-child(1),
.internship.index .block ul li:nth-child(2){
	margin-bottom:5%;
}
.internship.index .block ul li:nth-child(2),
.internship.index .block ul li:nth-child(4){
	float:right;
}
.internship.index .block ul li.m2:before{
	padding-top:88.00%
}
body.internship.com .block .comenu{
	width:16.30%;
	left:2.72%;
}
body.internship.com .block .comenu li{
	margin:10% auto 0 auto;
}
body.internship.com.voice .block .cobg .body .box .table-cell{
	margin-bottom:1.5rem;
}
body.internship.com * p,
body.internship.com * dt,
body.internship.com * dd{
	font-size:1.2rem !important;
	line-height:2em !important;
}
body.internship.com .block .cobg .body .table-cell h5{
	font-size:1.4rem !important;
	line-height:2em !important;
}
body.internship.com .block .cofoot {
    margin: 2rem auto 0 auto;
    padding-top: 2rem;
}
body.internship.com.voice .block .cobg .body .box h3{
	font-size:1.4rem !important;
	padding:1rem !important;
}
body.internship.com.voice .block .cobg .body .box h3 span.date{
	padding-top:1rem !important;
	font-size:1rem !important;
}
body.internship.com .block .cofoot img{
	width:80%;
	height:auto;
}
}

/* tablet ---------------------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 1240px){
/*--------------------------
 head
----------------------------*/
	#head {
		background:url(../images/bgphoto_main.jpg) center top no-repeat;
		background-size:auto auto;
	}
}
/* smartphone ---------------------------------------------------------------------*/
@media only screen and (max-width: 768px) and (orientation:portrait) {
body.internship.com .block .cobg .body .table,
body.internship.com .block .cobg .body .table-cell,
body.internship.com.voice .block .cobg .body .box .table,
body.internship.com.voice .block .cobg .body .box .table-cell{
	display:block;
}
body.internship.com .block .cobg .body .table-cell,
body.internship.com .block .cobg .body .table-cell h5,
body.internship.com .block .cobg .body .table-cell .timetable,
body.internship.com.voice .block .cobg .body .box .table-cell{
	width:100%;
}
body.internship.com .block .cofoot img{
	width:100%;
	height:auto;
}
body.internship.com.voice .block .cobg .body, body.internship.com.interview .block .cobg .body{
	width:90% !important;
	margin:0 auto !important;
}
body.internship.com.report .block .pagehead h3{
	background:url(../images/internship/report/is_sp_report_stit.png) 0 0 no-repeat;
}
body.internship.com.report .block .pagehead p{
	margin-bottom:2rem;
}
body.internship.com.report .block .cobg .body h4{
	margin-bottom:2rem;
}
body.internship.com.report .block .pagehead h3:before{
	padding-top:60.77%;
}
body.internship.com .block .pagehead p{
	margin-bottom:3em;
}
body.internship.com.interview .block .cobg .body.pc{
	display:none;
}
body.internship.com.interview .block .cobg .body.sp{
	display:block;
}
body.internship.com.interview .block .imgleft,
body.internship.com.interview .block .imgright{
	padding:0 !important;
	background-size: 60% !important;
	background-position:center bottom !important;
}
body.internship.com.interview .block .imgleft p, body.internship.com.interview .block .imgright p{
	padding-bottom:20em;
}
body.internship.com.interview .block .imgleft h5, body.internship.com.interview .block .imgright h5{
	font-size:1.4rem !important;
}
body.internship.com.interview .block .interviewbg .body:before{
	padding-top: 100%;
}
body.internship.com.interview.uchiyama .block .interviewbg .body{
	background:url(../images/internship/interview/is_sp_interview_uchiyama_tit.png) 0 0 no-repeat;
}
body.internship.com.interview.inoue .block .interviewbg .body{
	background:url(../images/internship/interview/is_sp_interview_inoue_tit.png) 0 0 no-repeat;
}
body.internship.com.interview.sato .block .interviewbg .body{
	background:url(../images/internship/interview/is_sp_interview_sato_tit.png) 0 0 no-repeat;
}
body.internship.com.interview .block .advice h4{
	width:60%;
}
.internship.index .block p{
	top:15%;
	font-size:0.8rem !important;
}
body.internship.com .block .pagehead .pagetitle{
	padding-bottom:0.5rem;
}
body.internship.com .block .pagehead h2:before{
	content:"";
	padding-top: 7%;
	display:block;
}
body.internship.com .block .pagehead h2 span{
	display:none;
}
body.internship.com.report .block .pagehead h2{
	background:url(../images/internship/report/is_sp_report_tit.png) 0 0 no-repeat;
}
body.internship.com.voice .block .pagehead h2{
	background:url(../images/internship/voice/is_sp_voice_tit.png) 0 0 no-repeat;
}
body.internship.com.interview .block .pagehead h2{
	background:url(../images/internship/interview/is_sp_interview_top_tit.png) 0 0 no-repeat;
}
body.internship.com.interview .block .pagehead .pagetitle{
	margin-bottom:0.5rem;
}
body.internship.com.interview .block .pagehead .sptit{
	background:url(../images/internship/interview/is_sp_interview_tits.png) right 0 no-repeat;
	background-size:contain !important;
	width:73.50%;
	margin-left:15%;
	margin-bottom:2rem;
}
body.internship.com.interview .block .pagehead .sptit{
	content:"";
	padding-top: 7%;
	display:block;
}

.works.com .txtArea .sublink li{
	width:45%;
	height: auto;
}
.works.sec.com h5,
.works.com .txtArea .sublink li{
    font-size: 1.2rem;
}
}
@media only screen and (max-width: 320px) and (orientation:portrait) {
.special.com .block .sublink ul li{
	display:inline-block;
	width:28%;
	padding-right:2%;
	padding-left:2%;
	padding-bottom:20px;
}
}
@media only screen and (max-width: 480px) {
.special.com .block .sublink ul li{
	display:inline-block;
	width:28%;
	padding-right:2%;
	padding-left:2%;
	padding-bottom:20px;
}
.works.com .txtArea .sublink li{
	width:93%;
	height: auto;
}
.works.com .txtArea .sublink li a span:first-child {
	width:30%;
}
}
@media screen and (max-width: 480px) and (max-height: 600px){
.works.com .m1_btn img{
	width:auto;
	height:1rem;
}
}

@media screen and (max-width: 600px) and (max-height: 360px){
.works.com .m1_btn img{
	width:auto;
	height:1rem;
}
}



/* print ---------------------------------------------------------------------------*/
@media print{
body {
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#014E23;
	background:#014E23 url(../images/bgphoto_print.jpg) center top no-repeat;
	background-size:contain;
	width:100%;
	height:100%;
	-webkit-print-color-adjust: exact;
}
body.home {
	background:#014E23 url(../images/bgphoto_print_top.jpg) center top no-repeat;
	background-size:contain;
	width:100%;
	height:100%;
	-webkit-print-color-adjust: exact;
}
*{
	-webkit-print-color-adjust: exact;
}
#wrap {
	width:91%;
}
.backstretch{
	display:none !important;
}
/*--------------------------
 head
----------------------------*/
#head {
	width:100%;
	margin: 0 auto 0 auto;
	display:inline-block;
	color: #fff;
	font-size:0rem;
	padding-top:4.2%;
	background-color:transparent;
}
/*--------------------------
 head h1
----------------------------*/
#head h1 {
	width:74.35%;
	height: auto;
	display:block;
	position: relative;
	float:left;
}
#head h1:before {
		content: "";
		display: block;
		padding-top: 5.74%;
}
#head h1 a{
	background:url(../images/co_logo.png) 0 0 no-repeat;
	background-color:transparent;
	background-size:contain;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
}
/*--------------------------
 head subMenu
----------------------------*/
#head .subMenu {
	width:23.93%;
	height:auto;
	display:block;
	overflow:hidden;
	position:relative;
	float:right;
}
#head .subMenu:before {
	content: "";
	display: block;
	padding-top: 17.85%;
}
#head .subMenu ul{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#head .subMenu li{
	position:relative;
	width:48.21%;
	height:auto;
	display:inline-block;
	margin-bottom:3%;
}
#head .subMenu li:before {
	content: "";
	display: block;
	padding-top: 14.81%;
}
#head .subMenu li a,
#head .subMenu li span{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
	cursor:pointer;
}
/*--------------------------
 head globalMenu
----------------------------*/
#head .globalMenu {
	clear:both;
	width:100%;
	height:auto;
	display:inline-block;
	position:relative;
	z-index:99999;
	margin-top:2.82%;
}
#head .globalMenu:before {
	content:"";
	display:block;
	padding-top:2.82%;
	padding-top:3.82%;
}
#head .globalMenu ul{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#head .globalMenu li{
	width:21.36%;
	height:auto;
	display:inline-block;
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
	margin-right:4.5%;
	background-size:cover;
}
#head .globalMenu li:last-child{
	margin-right:0;
}
#head .globalMenu li:before{
	content: "";
	display: block;
	padding-top: 12%;
}
#head .globalMenu li a,
#head .globalMenu li span{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}
#head .globalMenu li.gmenu01{
	border-top:3px solid #fff;
}
#head .globalMenu li.gmenu02{
	border-top:3px solid #fff;
}
#head .globalMenu li.gmenu03{
	border-top:3px solid #fff;
}
#head .globalMenu li.gmenu04{
	border-top:3px solid #fff;
}

#head .globalMenu li ul{
	display:none;
	margin-top:12%;
	padding-top:1%;
}
#head .globalMenu li ul li{
	width:100%;
	padding:0 0 1% 0;
}
#head .globalMenu li ul li a,
#head .globalMenu li ul li span{
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
}
/*--------------------------
 head menu image
----------------------------*/
#head .subMenu li.smenu01 a,
#head .subMenu li.smenu01 span{
	background-image:url(../images/co_smenu01.png);
}
#head .subMenu li.smenu02 a,
#head .subMenu li.smenu02 span{
	background-image:url(../images/co_smenu02.png);
}
#head .subMenu li.smenu03 a,
#head .subMenu li.smenu03 span{
	background-image:url(../images/co_smenu03.png);
}
#head .subMenu li.smenu04 a,
#head .subMenu li.smenu04 span{
	background-image:url(../images/co_smenu04.png);
}
#head .globalMenu li.gmenu01{
	background-image:url(../images/co_gmenu01.png);
}
#head .globalMenu li.gmenu02{
	background-image:url(../images/co_gmenu02.png);
}
#head .globalMenu li.gmenu03{
	background-image:url(../images/co_gmenu03.png);
}
#head .globalMenu li.gmenu04{
	background-image:url(../images/co_gmenu04.png);
}
#head .globalMenu li.gmenu01:hover,
#head .globalMenu li.gmenu01._o{
	background-image:url(../images/co_gmenu01.png);
}
#head .globalMenu li.gmenu02:hover,
#head .globalMenu li.gmenu02._o{
	background-image:url(../images/co_gmenu02.png);
}
#head .globalMenu li.gmenu03:hover,
#head .globalMenu li.gmenu03._o{
	background-image:url(../images/co_gmenu03.png);
}
#head .globalMenu li.gmenu04:hover,
#head .globalMenu li.gmenu04._o{
	background-image:url(../images/co_gmenu04.png);
}
#head .globalMenu li.gmenu01._o ul,
#head .globalMenu li.gmenu02._o ul,
#head .globalMenu li.gmenu03._o ul,
#head .globalMenu li.gmenu04._o ul{
	/*display:block !important;*/
}
#head .globalMenu li.gmenu01 ul li.s1 a,
#head .globalMenu li.gmenu01 ul li.s1 span{
	background-image:url(../images/co_gmenu01_s1.png);
}
#head .globalMenu li.gmenu01 ul li.s1 a:hover,
#head .globalMenu li.gmenu01 ul li.s1 span:hover{
	background-image:url(../images/co_gmenu01_s1.png);
}
#head .globalMenu li.gmenu01 ul li.s2 a,
#head .globalMenu li.gmenu01 ul li.s2 span{
	background-image:url(../images/co_gmenu01_s2.png);
}
#head .globalMenu li.gmenu01 ul li.s2 a:hover,
#head .globalMenu li.gmenu01 ul li.s2 span:hover{
	background-image:url(../images/co_gmenu01_s2.png);
}
#head .globalMenu li.gmenu02 ul li.s1 a,
#head .globalMenu li.gmenu02 ul li.s1 span{
	background-image:url(../images/co_gmenu02_s1.png);
}
#head .globalMenu li.gmenu02 ul li.s1 a:hover,
#head .globalMenu li.gmenu02 ul li.s1 span:hover{
	background-image:url(../images/co_gmenu02_s1.png);
}
#head .globalMenu li.gmenu02 ul li.s2 a,
#head .globalMenu li.gmenu02 ul li.s2 span{
	background-image:url(../images/co_gmenu02_s2.png);
}
#head .globalMenu li.gmenu02 ul li.s2 a:hover,
#head .globalMenu li.gmenu02 ul li.s2 span:hover{
	background-image:url(../images/co_gmenu02_s2.png);
}
#head .globalMenu li.gmenu03 ul li.s1 a,
#head .globalMenu li.gmenu03 ul li.s1 span{
	background-image:url(../images/co_gmenu03_s1.png);
}
#head .globalMenu li.gmenu03 ul li.s1 a:hover,
#head .globalMenu li.gmenu03 ul li.s1 span:hover{
	background-image:url(../images/co_gmenu03_s1.png);
}
#head .globalMenu li.gmenu04 ul li.s1 a,
#head .globalMenu li.gmenu04 ul li.s1 span{
	background-image:url(../images/co_gmenu04_s1.png);
}
#head .globalMenu li.gmenu04 ul li.s1 a:hover,
#head .globalMenu li.gmenu04 ul li.s1 span:hover{
	background-image:url(../images/co_gmenu04_s1.png);
}
#head .globalMenu li.gmenu04 ul li.s2 a,
#head .globalMenu li.gmenu04 ul li.s2 span{
	background-image:url(../images/co_gmenu04_s2.png);
}
#head .globalMenu li.gmenu04 ul li.s2 a:hover,
#head .globalMenu li.gmenu04 ul li.s2 span:hover{
	background-image:url(../images/co_gmenu04_s2.png);
}
#head .globalMenu li.gmenu04 ul li.s3 a,
#head .globalMenu li.gmenu04 ul li.s3 span{
	background-image:url(../images/co_gmenu04_s3.png);
}
#head .globalMenu li.gmenu04 ul li.s3 a:hover,
#head .globalMenu li.gmenu04 ul li.s3 span:hover{
	background-image:url(../images/co_gmenu04_s3.png);
}
#head .globalMenu li.gmenu04 ul li.s4 a,
#head .globalMenu li.gmenu04 ul li.s4 span{
	background-image:url(../images/co_gmenu04_s4.png);
}
#head .globalMenu li.gmenu04 ul li.s4 a:hover,
#head .globalMenu li.gmenu04 ul li.s4 span:hover{
	background-image:url(../images/co_gmenu04_s4.png);
}
/*--------------------------
 footer
----------------------------*/
#footer{
	display:block;
}
#footer ul{
	display:none;
}
#footer p{
	display:block;
	font-size:1rem;
}
/*--------------------------
 scrollUp
----------------------------*/
#scrollUp {
	display:none !important;
}

/*===============================================================================
 pages
===============================================================================*/
/*--------------------------
 home #opening
----------------------------*/
.home .block{
	width:100%;
	height:auto !important;
	margin-bottom:0 !important;
}
.index .block:before,
.fst .block:before{
	content: "";
	display: block;
	padding-top: 45.43% !important;
	margin-bottom:0 !important;
}
.home .block:before{
	content: "";
	display: block;
	padding-top: 43.43% !important;
	margin-bottom:0 !important;
}
.home .block:first-child:before{
	padding-top: 30.43% !important;
	margin-bottom:15% !important;
}
.error.fst .block:before{
	content: "";
	display: block;
	padding-top: 0;
	margin-bottom:0;
}
/*--------------------------
 home #top
----------------------------*/
#top.block .block-s1{
	background-image:url(../images/top_s1.png);
	width:43.67%;
	height:auto;
	top:10.12%;
	left:0;
}
#top.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 56.94%;
}
#top.block .block-s2{
	background-image:url(../images/top_s2.png);
	width:27.69%;
	height:auto;
	top:14.5%;
	left:55.47%;
}
#top.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 15.74%;
}
#top.block .block-s3{
	background-image:url(../images/top_s3.png);
	width:17.69%;
	height:auto;
	top:43.62%;
	left:49.23%;
}
#top.block .block-s3:before{
	content: "";
	display: block;
	padding-top: 114.49%;
}
#top.block .block-s4{
	background-image:url(../images/top_s4.png);
	text-indent:inherit;
	width:19.74%;
	height:auto;
	top:30.62%;
	left:80.25%;
}
#top.block .block-s4:before{
	content: "";
	display: block;
	padding-top: 119.91%;
}
#top.block .block-s4 ul{
	position:absolute;
	width:73.56%;
	height:61.37%;
	margin:36% auto 0 auto;
	top:0;
	left:12.77%;
	padding:5px;
	overflow:hidden;
	overflow-y:auto;
	font-size:1.4rem;
}
#top.block .block-s4 ul li{
	margin-bottom:2em;
}
#top.block .block-s4 ul li span{
	display:block;
}
/*--------------------------
 home #about
----------------------------*/
#about.block .block-s1{
	background-image:url(../images/about_s1.png);
	width:36.49%;
	height:auto;
	top:5%;
	right:2.56%;
}
#about.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 77.98%;
}
#about.block .block-s2{
	background-image:url(../images/about_s2.png);
	width:23.58%;
	height:auto;
	top:10%;
	left:5.47%;
}
#about.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 144.20%;
}
/*--------------------------
 home #works
----------------------------*/
#works.block .block-s1{
	background-image:url(../images/works_s1.png);
	width:29.91%;
	height:auto;
	top:13.75%;
	left:0;
}
#works.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 65.71%;
}
#works.block .block-s2{
	background-image:url(../images/works_s2.png);
	width:31.02%;
	height:auto;
	top:25.5%;
	right:2.56%;
}
#works.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 92.01%;
}
/*--------------------------
 home #special
----------------------------*/
#special.block .block-s1{
	background-image:url(../images/special_s1.png);
	width:59.05%;
	height:auto;
	top:25.5%;
	right:7.692%;
}
#special.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 48.48%;
}
/*--------------------------
 home #recruit
----------------------------*/
#recruit.block .block-s1{
	background-image:url(../images/recruit_s1.png);
	width:24.87%;
	height:auto;
	top:13%;
	left:0;
}
#recruit.block .block-s1:before{
	content: "";
	display: block;
	padding-top: 103.09%;
}
#recruit.block .block-s2{
	background-image:url(../images/recruit_s2.png);
	width:29.57%;
	height:auto;
	top:5%;
	left:41.11%;
}
#recruit.block .block-s2:before{
	content: "";
	display: block;
	padding-top: 87.86%;
}
#recruit.block .block-s3{
	background-image:url(../images/recruit_s3.png);
	width:21.45%;
	height:auto;
	top:30.62%;
	right:0;
}
#recruit.block .block-s3:before{
	content: "";
	display: block;
	padding-top: 96.81%;
}

.recruit.com .block table.type3{
	border-collapse:separate;
	border-spacing:1px;
	border:1px outset #000;
}
.recruit.com .block table.type3 td,
.recruit.com .block table.type3 th{
	border-bottom:1px outset #000;
	border-right:1px outset #000;
}
.recruit.com .block table.type3 thead th,
.recruit.com .block table.type3 tr.bd th,
.recruit.com .block table.type3 tr.bd td{
	border-bottom:1px outset #000;
}
.recruit.com .block table.type3 th.bdl,
.recruit.com .block table.type3 td.bdl {
	border-left:1px outset #000;
}
/*--------------------------
 .works
----------------------------*/
.works.sec.com h3, .works.sec.com h4{
	font-size:1.6rem;
}
.works.com .imgArea img{
	width:73%;
	height:auto;
}
.works.com h2.m1,
.works.com h2.m21,
.works.com h2.m22{
	background-image:none;
	width:auto;
	height:auto;
	text-indent:0;
	color:#00ADEA;
}
/*--------------------------
 .about
----------------------------*/
.about.sec.com h3, .about.sec.com h4{
	font-size:1.6rem;
}
.about.com .imgArea img{
	width:73%;
	height:auto;
}
.about.com.s2 h2.m1{
	background-image:none;
	width:auto;
	height:auto;
	text-indent:0;
	color:#EE8100;
}
.section p{
	font-size:1.3rem;
	line-height:1.5em;
}
body.com .block{
	padding:40px !important;
}

/*--------------------------
 .internship
----------------------------*/
body.internship.index .block:before{
	padding-top:70% !important;
}
body.internship.index * p,
body.internship.com * p,
body.internship.com * h2,
body.internship.com * h3,
body.internship.com * h4,
body.internship.com * h5,
body.internship.com * h6,
body.internship.com * dt,
body.internship.com * dd{
	font-size:1.2rem !important;
}
body.internship.voice.com .table-cell p{
	font-size:1rem !important;
	line-height:1.5 !important
}
body.internship.com .cofoot{
	display:none !important;
}
body.internship.com.report .schedule{
	display:table !important;
}
body.internship.com.report .block .pagehead p,
body.internship.com.voice .block .pagehead p{
	margin-bottom:3em !important;
}
body.internship.com.report .block .cobg .body h4{
	padding-top:1.5rem !important;
	margin-bottom: 2em !important;
}
body.internship.com.report .schedule div.days{
	display:table-cell;
	width:20%;
	background-color:#fff !important;
}
body.internship.com.report .schedule div.days dt,
body.internship.com.report .schedule div.days dd,
body.internship.com.report .schedule div.days .imgArea{
	font-size:1rem !important;
	line-height:1.5 !important;
}
}