/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
@media screen and (max-width: 700px) {
	
	
	
#contents {
	margin: 0px auto;
	padding-bottom: 70px;
}
#contents-in {
	margin: 0px auto;
}


#header {
	padding: 20px 0 0 0;
	text-align: center;
	background: #fff;
}

#header .logo {
	display: none;
}
#header .logo_smt {
	width: 70%;
}

#header #menu-area {
	float: right;
	width: 15%;
}
	



#header .fb {
	display: none;
	
}
#header .menu {
	display: none;
}
#header .menu_smt {
}


/* スマホ用展開メニュー */

.open-area {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 70%;
	padding: 10px 20px;
	background: #fff;
	z-index: 999;
	
	display: none;
}
	
	
	
	
	
	
	
#header .he-btn {
	width: 100%;
	margin-top: 20px;
	padding: 15px 0 5px;
	background-color: #e9e9e9;
	clear: both;
}

#lang {
	width: 68px;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
}
	
#lang.jp {
	background:url("../img/btn_lang_jp.png") no-repeat;
	background-size: 100% auto;
}

#lang.jp a {
	width: 50%;
	height: 40px;
	margin: 22px 0 0 50%;
	display: block;
}

#lang.en {
	background:url("../img/btn_lang_en.png") no-repeat;
	background-size: 100% auto;
}

#lang.en a {
	width: 50%;
	height: 40px;
	margin: 22px  50%0 0;
	display: block;
}

	
.sns {
	padding-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
.sns li {
	width: 36px;
	padding-top: 2px;
	padding-right: 20px;
	display: table-cell;
}
.sns .tw a {
	background: url("../img/btn_twitter.png") no-repeat;
	width: 36px;
	height: 32px;
	background-size: contain;
	display: block;
}
.sns .fb {
	display: table-cell !important;
}
.sns .fb a {
	background: url("../img/btn_facebook.png") no-repeat;
	width: 36px;
	height: 32px;
	background-size: contain;
	display: block;
}
.sns .insta a {
	background: url("../img/btn_insta.png") no-repeat;
	width: 36px;
	height: 32px;
	background-size: contain;
	display: block;
}

	
	
	
	
	
	

.contents {
	text-align: left;
	padding: 5px 10px 10px 10px;
}
.menu_btn {
	position: absolute;
	top: 15px;
	right: 10px;	
}

.box2 {
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	clear: both;
}
.box2 li a {
	display: block;
	padding: 20px 10px;
}

.box2 li {
	text-align: left;
}


.box3 li a {
	display: block;
	padding: 9px;
}
.box3 li {
	float: left;
}




#top-area {
	display: none;
}

#top-area-smt {
	padding: 10px;
}

#top-area-smt img {
	width: 100%;
}


/* スタッフを知る */
#top-area-smt .a01 {
	float: left;
	width: 62%;
	margin-right: 5px;
}

/* メッセージ */
#top-area-smt .a04 {
	float: left;
	width: 50%;
}

/* 会社を知る */
#top-area-smt .a07 {
	width: 100%;
	padding-bottom: 10px;
}

/* プロジェクトを知る */
#top-area-smt .a02 {
	width: 100%;
	padding-bottom: 10px;
}

/* エントリーする */
#top-area-smt .a05 {
	float: left;
	width: 50%;
}

#top-area-smt img {
	vertical-align: bottom;
}
	
#top-area-smt .a04 img {
	padding-right: 5px;
}

#top-area-smt .a05 img{
	padding-left: 5px;
}


#staff-area {
	padding: 10px;
	background: #fff;
}

#staff-area h2.title img {
	width: 100%;
}

.rookie .staff-area-l {
}


.middle .staff-area-l {
}
.expert .staff-area-l {
}

#staff-area .name {
	display: none;
}



.staff-area-l .img {
	width: 40%;
	float: left;
}
.img img {
	width: 100%;
}

.staff-area-r {
	clear: both;
}


.smttxt {
	width: 60%;
	float: left;
	margin-top: 12px;
}
.smttxt img {
	width: 100%;
}


ul.qa {
	margin-left: 10px;
	padding-top: 20px;
}

ul.qa li {
	float: left;
	margin: 0px 2px;
	position: relative;
	z-index: 10;
	
}


ul.qa li a {
	text-decoration: none;
	display: block;
	/*color: #000;*/
	/*width: 100%;
	height: 100%;*/
	border-radius: 5px 5px 0px 0px;
}
ul.qa li a span {
	display: none;
}

/*.qa1 li a,
.qa2 li a,
.qa3 li a,
.qa4 li a,
.qa5 li  a,
.spec li a,
.tokusyu li a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}*/



.q1 a {
	background: url(../img/q1_smt_off.png) no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	background-size: contain;
}
.q2 a {
	background: url(../img/q2_smt_off.png) no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	background-size: contain;
}
.q3 a {
	background: url(../img/q3_smt_off.png) no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	background-size: contain;
}
.q4 a {
	background: url(../img/q4_smt_off.png) no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	background-size: contain;
}
.q5 a {
	background: url(../img/q5_smt_off.png) no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	background-size: contain;
}
.spec a {
	background: url(../img/spec_smt_off.png) no-repeat;
	width: 30px;
	height: 18px;
	display: block;
	background-size: contain;
}
.tokusyu a {
	background: url(../img/tokusyu_smt_off.png) no-repeat;
	width: 41px;
	height: 18px;
	display: block;
	background-size: contain;
}






ul.qa li img{
	
}


.answer_area {
	clear: both;
}

.answer .ansbox {
	background: #000;
	padding: 25px 25px;
	color: #fff;
	border-radius: 15px;
	min-height: 560px;
	width: 100% !important;
}
.answer div p {
	margin-top: 30px;
	line-height: 180%;
}

.answer div img {
}







#project-area {
	padding: 10px;
	margin: 20px 0px;
	display: inline-block;
}
#project-area h2.title img {
	width: 50%;
}

#project-area ul {
}

#project-area ul li {
	float: left;
	width: 46%;
	margin: 5px;
}

#project-area ul li img {
	width: 100%;
}


#project-area ul li.our_03 {
	width: 94%;
}


#project-area figure {
	position: relative;
	overflow: hidden;
	float: left;
	margin: 1px;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	transition: .3s;
	opacity: 0;
	color: #fff;
	padding: 20px 30px;
	font-weight: normal;
}
figure:hover figcaption {
	opacity: 1;
}

.on01 {
	background: url(../img/our_01_on.png) no-repeat;
}
.on02 {
	background: url(../img/our_02_on.png) no-repeat;
}
.on03 {
	background: url(../img/our_03_on.png) no-repeat;
}
.on04 {
	background: url(../img/our_04_on.png) no-repeat;
}
.on05 {
	background: url(../img/our_05_on.png) no-repeat;
}
.on06 {
	background: url(../img/our_06_on.png) no-repeat;
}
.on07 {
	background: url(../img/our_07_on.png) no-repeat;
}




#about-area {
	padding: 10px;
	background: #fff;
}
#about-area h2.title img {
	width: 45%;
}

#about-area .sub img {
	text-align: center;
}
#about-area .sub {
	font-size: 13px;
}

#about-area-in {
	text-align: center;
}

/*#about-area-in ul.tab li {
	float: left;
	margin: 20px 5px;
}*/

#about-area-in .time-txt {
	/* margin-top: -30px; */
	background: #e9e9e9;
	
}
#about-area-in .time-txt img {
	width: 100%;
}
#about-area-in .time-txt p {
	background: #e9e9e9;
	padding: 10px 2px;
	font-size: 11px;
	margin-top: -6px;
}



/* タブっぽく並べて */
.tabs,
.tabs_smt {
	overflow:hidden;
	list-style:none;
	width: 100%;
}


.tabs li a, .tabs li a:hover,
.tabs_smt li a, .tabs_smt li a:hover{
	float: left;
	width: 32.3%;
	height:0;
	padding-top:23.6%;
	display:block;
	text-indent:-9999px;
	overflow: hidden;
	background-size:cover;
	margin: 20px 1px 0;
}



/*.tabs_smt ul {
	overflow:hidden;
	list-style:none;
	width: 100%;
}
 

 

.tabs_smt li a {
	width: 32%;
	height: 0;
	padding-top: 23.6%;
	display:block;
	background-size: cover;
}*/

/* 最初はパネルは非表示 */
/*#tabs .panel,
.tabs_smt .panel_smt {
	display:none;
}*/





.panel1 a,
.panel4 a {
	background: url(../img/rookie_en_smt_off.png) no-repeat;
	
}
.panel2 a,
.panel5 a {
	background: url(../img/middle_en_smt_off.png) no-repeat;
}
.panel3 a,
.panel6 a {
	background: url(../img/expert_en_smt_off.png) no-repeat;
}




.panel1 .selected,
.panel4 .selected {
	background: url(../img/rookie_en_smt_on.png) no-repeat;
	background-size:cover;
}
.panel2 .selected,
.panel5 .selected {
	background: url(../img/middle_en_smt_on.png) no-repeat;
	background-size:cover;
}
.panel3 .selected,
.panel6 .selected {
	background: url(../img/expert_en_smt_on.png) no-repeat;
	background-size:cover;
}






#fukuri-area {
	padding: 10px 30px 20px 30px;
	background: #fff;
}
#fukuri-area-in p.txt {
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 200%;
	font-weight: bold;
}
#fukuri-area-in p.txt span {
	background-image: linear-gradient(transparent 50%, #ffe731 50%);	
}
.fl {
	font-size: 14px;
}

#fukuri-area-in p img {
	width: 100%;
}

.at_singapore {
	display: none;
}
.at_singapore_smt {
	text-align: center;
}



#message-area {
	padding: 20px 30px;
	margin-top: 50px;
	background: #fff;
}
#message-area h2.title img {
	width: 45%;
}

#message-area-in p.txt {
	line-height: 200%;
	font-weight: bold;
}
#message-area-in p img {
	margin-bottom: 10px;
}


.togaki {
	display: none;
}
.togaki_smt img {
	width: 100%;
}




#opendesk-area {
	padding: 20px 30px;
	margin-top: 50px;
	background: #fff;
	line-height: 200%;
}
#opendesk-area h2.title {
	margin-left: -10px;
}
#opendesk-area h2.title img {
	width: 40%;
}

.bosyu {
	margin: 15px 0px;
	font-size: 18pt;
}



.btn {
	margin: 40px 0px;
	text-align: center;
}
.btn a {
	background: #ffe731;
	padding: 20px 30px;
	border-radius: 5px;
	text-decoration: none;
	margin-top: 20px;
}



#entry-area {
	padding: 20px 30px;
	margin-top: 50px;
	background: #fff;
	line-height: 200%;
}
#entry-area h2.title {
	margin-left: -30px;
}
#entry-area h2.title img {
	width: 45%;
}

#entry-area ul {
}

#entry-area ul li {
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}

#entry-area .sub {
	margin-bottom: 10px;
}
#entry-area .sub img {
}	

.bosyu_syokusyu_smt {
	text-align: center;
}

.smt_none {
	display: none;
}
	

.sub_smt {
	text-align: center;
	margin: 10px 0px;
}


.daylist,
.daylist2 {
	position: relative;
	overflow:hidden;
	list-style:none;
	margin-top: 0;
}

.daylist {
	margin-top: 20px;
}

.daylist ul
.daylist2 ul {
	width: 100%;
	/*position: absolute;*/
	top: -50px;
	left: 50px;
}	



.daylist li {
	width: 19% !important;
	height: 80px;
	position: relative;
	float: left;
}
.daylist2 li {
	width: 16.66% !important;
	height: 80px;
	position: relative;
	float: left;
}

.daylist li a,
.daylist2 li a {
	width: 100%;
	height: 100%;
	display:block;
}

.daylist li img {
	position: absolute;
	top: 15px;
	right: 5px;
}
.daylist2 li img {
	position: absolute;
	top: 15px;
	right: 0px;
}
.daylist p,
.daylist2 p {
	display: none;
}







/*.daylist img {
	width: 50%;
}*/


.day9 a,
.day9-2 a,
.day10 a,
.day12 a,
.day13 a,
.day15 a,
.day16 a,
.day17 a,
.day18 a,
.day20 a,
.day21 a,
.day22 a {
	display: block;
	
}


.day9 a {
	background: url(../img/t_9_off.png) no-repeat;
}
.day9-2 a {
	background: url(../img/t_9-2_off.png) no-repeat;
}
.day10 a {
	background: url(../img/t_10_off.png) no-repeat;
}
.day12 a {
	background: url(../img/t_12_off.png) no-repeat;
}
.day13 a {
	background: url(../img/t_13_off.png) no-repeat;
}
.day15 a {
	background: url(../img/t_15_off.png) no-repeat;
}
.day16 a {
	background: url(../img/t_16_off.png) no-repeat;
}
.day17 a {
	background: url(../img/t_17_off.png) no-repeat;
}
.day18 a {
	background: url(../img/t_18_off.png) no-repeat;
}
.day19 a {
	background: url(../img/t_19_off.png) no-repeat;
}
.day20 a {
	background: url(../img/t_20_off.png) no-repeat;
}
.day21 a {
	background: url(../img/t_21_off.png) no-repeat;
}
.day22 a {
	background: url(../img/t_22_off.png) no-repeat;
}



#shadow {
	opacity: 0.6;
    background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 500;
	top: 0;
	left: 0;
	display: none;
}

.bnr{
	margin: 40px 30px;
	text-align:center;
}

.bnr .pc{
	display:none;
}
.bnr .sp{
	display:inline;
}

.bnr img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.copy {
	text-align: right;
	margin-top: 20px;
}



}