@charset "utf-8";
@media only screen and (max-width: 480px) {
/* CSS Document */
/*
===== BASE STYLE ====================================
*/
/* =========================================================
■wrapper
========================================================= */
div#wrapper {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align:left;
	overflow:hidden;
}
body{font-size:12px;}
.layoutNoMainArea {padding-top: 44px;}
/*
===== 1: HEADER ==========================================
*/
#header{
	margin: 0;
	padding: 15px 0 0 0;
	overflow:hidden;
}

#logo{float:left;}
#logo .#main{margin:0 0 10px 0;}


#menu{float:right;overflow:hidden;}
#menu .mail{margin:0 0 6px 0;}
#menu .tel{text-align:right;}

#globalmenu{clear:both;overflow:hidden;}
#globalmenu ul li{float:left;margin:0;}


.breadcrumb {
	clear:both;
	font-size: 9px;
	padding:10px 10px 45px 0;
	text-align:right;
	display:none;
}


/*
===== 2: FOOTER ==========================================
*/
div#footer{
	clear:both;
	width:100%;
	margin:0;
	padding:30px 0 30px 0;
	text-align:center;
	display: block;
	color:none;
	background-color:#edede2;
	font-size:12px;
	overflow:hidden;
}
#footer #wrapper ul{
	width:50%;
	margin:0 0 20px 0;
	float:left;
	padding-right: 5px;
	box-sizing: border-box;
}
#footer #wrapper {
	padding:25px 20px;
	box-sizing: border-box;
}
#footer #wrapper ul li{font-size:10px;}
#footer #wrapper ul p{font-weight:bold;font-size:12px;margin:0 0 5px 0;}

#copyright{text-align:left;clear:both;font-size:8px;color:#686868;padding:0px 0 0 0;}
#copyright span{display:none;}

.btm{width:980px;margin:0 auto;overflow:hidden;}
.btm .link{float:left; }
.btm .up{float:right; }

/* #footer-wrapper */
div#footer-wrapper {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align:left;
	overflow:hidden;
}

#footer #footer-wrapper ul{
	width:50%;
	margin:0 0 20px 0;
	float:left;
	padding-right: 5px;
	box-sizing: border-box;
}
#footer #footer-wrapper {
	padding:25px 20px;
	box-sizing: border-box;
}
#footer #footer-wrapper ul li{font-size:10px;}
#footer #footer-wrapper ul p{font-weight:bold;font-size:12px;margin:0 0 5px 0;}
#footer #footer-wrapper ul li > ul {
	width: 100%;
	margin: 0;
	padding-right: 0;
}

/*
===== 3: NAVIGATION ======================================
*/
#toggle{ display: block;}
#toggle a img{height:22px;}
.logo{display:none;}
div#navigation {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index:1003;
height:auto;
border-right:1px solid #eee;
}

#menuBox{
    display: none;
    padding:0px 0 0 0px;
    top:57px;
    width:100%;
  }
#menuBox .logo{display:none;}
#menuBox li{
    width: 100%;
    border-bottom:1px solid #ddd;
    background-color:#fff;
    margin:0;
	padding:0;
}
#menuBox li.logo{padding:0;}
#menuBox li.entry{margin:0px 0 0 0px;background-color:#e50712;}
#menuBox li.entry img{width:46px;height:35px;}
#menuBox li.entry + .assessment {margin: 0;}
#menuBox li.mypage{margin:0 0 0px 0;background-color:#000;}
#menuBox li.mypage img{width:57px;height:35px;}
#menuBox li.oneday{margin:0 0 0px 0;background-color:#009999;}
#menuBox li.oneday img{width:177px;height:35px;}
#menuBox li.facebook{padding:0px;margin:0;}
#menuBox li.j{font-size:10px;}
#menuBox li a{
    padding:12px 0 0 25px;
	display:block;
}
#menuBox li.entry a,
#menuBox li.mypage a,
#menuBox li.oneday a{
	padding:12px 0 0 25px;
}
#menuBox li.j a{
	padding:8px 0 8px 25px;
	position:relative;
}

  #toggle{
    display: block;
    position: relative;
    width: 100%;
  }
  #toggle img{height:35px;}
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px 0;
    color:rgba(84,83,74,1);
    text-align: center;
    text-decoration: none;
    background-color:#fff;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;

  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #999;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }

.globalMenu{
position: fixed;
top: 0;
left: 0;
margin: auto;
width: 190px;
z-index:1000;
background-color:#fff;}
.globalMenu ul{padding:0 25px 20px;}
.globalMenu ul li{margin:0 0 0px 0;}
.sbMenu{position: fixed;
bottom: 0;
left: 0;
margin: auto;
width: 140px;
height: 150px;
padding:200px 25px 0 25px;
font-size:10px;
background-color:#fff;
}
.sbMenu ul{margin:0 0 20px 0;}
.sbMenu ul li{margin:0 0 4px 0;}
#contentsMenu span{display:block;}
#contentsMenu{
width:100%;
background-image:none;;
}
#contentsMenu.fixed{
	position: fixed;
	z-index:1002;
	left: 0;
	top: 44px;
}
#contentsMenu ul{
	width:100%;
	margin: 0 auto;
	padding:0 0 0 0px;
	text-align:center;
	display: flex;
	flex-wrap: wrap;
	overflow:hidden;
	border-top:1px solid #eee;
	font-size:12px;
	align-items: stretch;
}
#contentsMenu ul li{width:50%;float:none;text-align:center;border-bottom:1px solid #eee;padding:5px 0;background-color: #fff;}
#contentsMenu ul li img{display:none;}

#bnr{display:block;}
#bnr li{margin:0 0 3px 0;}

#selectLangArea{
border-top: 0 none;
margin-top: 0;
padding-top: 0;
font-size: 1em;
}
label.Current {
border: 1px solid #e30712;
display: block;
width: 100%;
box-sizing: border-box;
padding: 2px 25px;
position: relative;
}
label.Current:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 28px;
height: 28px;
background: #e30712;
margin-right: 15px;
}
label.Current:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 9px 7.5px 0 7.5px;
border-color: #fff transparent transparent transparent;
top: 50%;
margin-top: -4px;
left: 32px;
position: absolute;
}
input#selectLang + .langList{
display: none;
}
input#selectLang:checked + .langList{
display: block;
}
.langList{
border: 1px solid #ccc;
border-bottom: 0 none;
border-top: 0 none;
}
.langList li{
margin-top: 0;
}
#menuBox li .langList li a{
display: block;
padding: 6px 0 6px 68px;
}
.langList li a:hover,
.langList li a:focus,
.langList li a:active{
color: #000;
text-decoration: none;
}


/*
===== 8: openSiteSuggestbox====================================
*/
.openSiteSuggestboxInner{
padding: 25px 15px 20px;
}

.openSiteSuggestboxBtnList{
display: block;
margin: 23px 0 0;
}
.openSiteSuggestboxBtnList li{
display: block;
}
.openSiteSuggestboxBtnList li + li{
margin-top: 10px;
margin-left: 0
}
.openSiteSuggestboxBtnList li > *{
display: table;
width: auto;
min-width: 140px;
margin: 0 auto;
}

/*
===== 4: MAIN CONTENT ====================================
*/
#panel .main {background-image: url(../img/main02.jpg)!important;background-position: 50% 50%;}
div#contents p{margin: 0 0 1.8em 0;}

h1{font-size:16px;border-left:5px solid #e30712;padding:5px 0 0 10px;margin:0 0 20px 0;}
h2{font-size:15px;margin:0 0 30px 0;line-height:150%;}
h3{font-size:14px;padding:5px 0 5px 0px;font-weight:bold;margin:0 0 10px 0;}
h4{font-size:12px;border-top:none;border-bottom:1px dotted #eee;padding:0px;margin:0 0 20px 0;}
h4 dl {width:100%;background-color:#e30712;}
h4 dt {
float:left;
text-align:center;
clear:both;
padding:5px 5px;
background-color:#e30712;
color:#fff;
font-size:10px;
}
h4 dd,
h4 dt + dd {
width:calc(100% - 20px);
margin-left:20px;
padding:5px 0px 5px 5px ;
background-color:#fff;
}
h4.hdg {
padding:5px 0px 5px 30px;
background-color:#fff;
}
h4.hdg:before {
position: absolute;
display: block;
content: "";
width: 25px;
height: 100%;
background-color: #e30712;
top: 0;
left: 0;
}
h5{margin:0 0 12px 0;font-weight:bold;}

#left{float:left;}
#right{float:right;}

#panel{overflow:hidden;margin:0 0 0 0px;}
#panel .main{
background-image:url(../../../img/ss/carrer/main.jpg);
background-size:cover;
padding:190px 0 191px 0;text-align:center;
}
#panel .main.movie{
padding:190px 0 30px 0;text-align:center;
}
#panel .main img{width:90%;}
#panel ul{width:100%;overflow:hidden;}
#panel ul li{float:left;width:50%;}
#panel ul.col3 li{width: 33%;}
#panel ul li.dis img{width:80%;margin:50px 25px 20px 25px;}
#panel ul li.dis p{margin:0px 25px;font-size:12px;color:#b2b2b2;}
#panel ul li img{width:100%;}

#panel .main.disSP .modalImg.col1 {
display: table;
width: auto;
margin: 50px auto 40px;
}
#panel .main.disSP .modalImg.col1 li {
display: table-cell;
width: auto;
}
#panel .main.disSP .modalImg.col1 li img {
width: auto;
}
#main{
	background-image:url(../../../img/ss/carrer/main.jpg);
	background-size:cover;
	height:200px;
	text-align:center;
	margin:0 0 0px 0;
}
#main img{height:60px;margin:95px 0 0 0;}

#contents{padding:0 0 100px 0;}
#title{padding:30px 0 20px 0;margin:0 0 40px 0;border-bottom:1px solid #eee;}
#title img{
	max-width:100%;
	height:auto;
}
#title.toptitleimage{margin: 30px 0 40px 0;}
#tmb2{
    width:850px;
}
#tmb2 ul{
    width:880px;
    margin:0 -30px 0 0;
    overflow:hidden;
    _zoom:1;
}
#tmb2 ul li{
    width:410px;
    padding:0;
    margin-right:30px;
	margin-bottom:20px;
    float:left;
}

#tmb3{
    width:850px;
}
#tmb3 ul{
    width:870px;
    margin:0 -20px 0 0;
    overflow:hidden;
    _zoom:1;
}
#tmb3 ul li{
    width:270px;
    padding:0;
    margin-right:20px;
	margin-bottom:20px;
    float:left;
}
#tmb3 .ph{margin:0 0 10px 0;}
#tmb3 .date{font-size:12px;}


#interview #tmb3{
    width:105%;
}
#interview #tmb3 ul{
    width:100%;
    margin:0 -5% 0 0;
    overflow:hidden;
    _zoom:1;
}
#interview #tmb3 ul li{
    width:45%;
    height:140px;
    padding:0;
    margin-right:5%;
	margin-bottom:20px;
    float:left;
    font-size:10px;
    line-height:120%;
}
#interview #tmb3 ul li img{width:100%;}
#interview #tmb3 .ph{margin:0 0 5px 0;}
#interview #tmb3 .date{font-size:10px;}

#tmb7{
    width:100%;
    padding:0 25px;
}
#tmb7 ul{
    width:104%;
    margin:0 -4% 0 0;
    overflow:hidden;
    _zoom:1;
}
#tmb7 ul li{
    width:24.5%;
    padding:0;
    margin-right:4%;
	margin-bottom:10px;
    float:left;
}
#tmb7 ul li img{width:100%;}
#tmb7 .ph{margin:0 0 5px 0;}
#tmb7 .name{font-size:10px;}

.human{position:relative;z-index:1000;margin-top: 400px;display:none;}
.kawabata{
	background-image:url(../../../img/ss/carrer/kawabata.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -100px 0px;
}
.ikeda{
	background-image:url(../../../img/ss/carrer/ikeda.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -110px 0px;
}
.noda{
	background-image:url(../../../img/ss/carrer/noda.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -100px 0px;
}
.mochizuki{
	background-image:url(../../../img/ss/carrer/mochizuki.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -120px 0px;
}
.yamanaka{
	background-image:url(../../../img/ss/carrer/yamanaka.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -120px 0px;
}
.onuma{
	background-image:url(../../../img/ss/carrer/onuma.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 0px 0;
	background-position: -120px 0px;
}
.kaneko{
	background-image:url(../../../img/ss/carrer/kaneko.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -110px 0px;
}
.kondo{
	background-image:url(../../../img/ss/carrer/kondo.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -100px 0px;
}
.kankawa{
	background-image:url(../../../img/ss/carrer/kankawa.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -100px 0px;
}
.yamada{
	background-image:url(../../../img/ss/carrer/yamada.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -120px 0px;
}
.maeda{
	background-image:url(../../../img/ss/carrer/maeda.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -120px 0px;
}
.hashimoto{
	background-image:url(../../../img/ss/carrer/hashimoto.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -120px 0px;
}
.goto{
	background-image:url(../../../img/ss/carrer/goto.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -120px 0px;
}
.ono{
	background-image:url(../../../img/ss/carrer/ono.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -120px 0px;
}
.tsukigi{
	background-image:url(../../../img/ss/carrer/tsukigi.jpg);
	background-size:cover;
	height:260px;
	margin:0px 0 100px 0;
	background-position: -120px 0px;
}

.md{border-bottom:1px solid #eee;margin:0 0 30px 0;}
#box{overflow:hidden;}
.interview{padding:0 25px;}
.interview .txt{float:none;width:100%;}
.interview .txt .faq{margin:0 0 20px 0;}
.interview .txt .faq .md{font-size:18px;font-weight:bold;padding:0 0 8px 0;margin:0 0 8px 0;}
.interview .txt .spPh{display:block;margin:0 0 30px 0;}
.interview .txt .spPh img{width:100%;}
.interview .ph{float:right;width:100%;display: none;}
.interview .ph img{width:100%;}
.interview .ph li{margin:0 0 5px 0;}

.messsage{margin:0 0 100px 0;padding:0 25px;}
.messsage .movie{float:none;width:100%;margin:0 0 20px 0;display:block;}
.messsage .txt{float:none;width:100%;}
.messsage .txt .md{font-size:18px;font-weight:bold;padding:0;margin:0 0 16px 0;border-bottom:none;}

table{width: 100%;border-collapse: collapse;}
table th{width:70px;vertical-align:middle;background-color:#f5f5f5;text-align:left;border:1px solid #eee;padding:15px 5px 15px 20px;}
table td{vertical-align:middle;padding:15px 5px 15px 20px;border:1px solid #eee;color:#717171;}

#section{margin:0 0 20px 0;padding:0 20px;}
#contents #section{margin:0 0 24px 0;padding:0 0px;}
#contents #section table{margin:0 0 30px 0;}

.section{margin:0 0 20px 0;padding:0 20px;}
#contents .section{margin:0 0 24px 0;padding:0 0px;}
#contents .section table{margin:0 0 30px 0;}

#tmb5{width:100%;}
#tmb5 ul{
    width:105%;
    margin:0 -5% 0 0;
    overflow:hidden;
    _zoom:1;
}
#tmb5 ul li{
    width:45%;
    padding:0;
    margin-right:5%;
    margin-bottom:8px;
    float:left;
}
#tmb5 ul li img{width:100%;}
#tmb5 .md img{width:96%;}
.philo_l{width:100%;float:none;padding:0px 0 0 0;}
.philo_r{width:100%;float:none;padding:0px 0 0 0;}
.philo_l .range20{border-bottom:1px solid #ddd;padding:0px 0 30px 0;}
.philo_r .range20{border-bottom:1px solid #ddd;padding:0px 0 30px 0;}

.project{padding:0 0 50px 0;}
.project .box{margin:0 0 30px 0;overflow:hidden;}
.project .box .md{font-weight:bold;font-size:20px;padding:5px 0 10px 0;line-height:120%;}
.project .box .left{float:left;width:49%;}
.project .box .right{float:right;width:49%;}
.project .box .left img{width:100%;}
.project .box .right img{width:100%;}

span.blank{background-image: url(../../../img/ss/carrer/window.png);width:11px;display: inline-block;background-repeat: no-repeat;margin:0 0 0 4px;}
.blankBt{background-image: url(../../../img/ss/carrer/window.png);background-repeat: no-repeat;background-position:73% top;}
.project span{color:#999;}
.entry{display:block;}
.prof{position:relative;overflow:hidden;top:100px;}

.messageBt{position:absolute;top:270px;left:470px;z-index:1001;}
.nameB{text-align:right;margin:0 0 16px 0;font-size:10px;}

.intMain{display: block;}
.humanSP{display:block;margin:0 0 20px 0;}
.humanSP img{height:230px;margin-bottom:-80px;}
.messageBtSP{display:block;position:relative;top:-120px;right:-180px;z-index:1001;}


.project dl {
width:100%;
}
.project dt {
float:left;
width:15%;
clear:both;
padding:0 0 12px 0;
color:#999;
}
.project dd {
width:80%;
margin-left:20%;
padding:0 0 12px 0;
}

#globalist{
    width:100%;
}
#globalist ul{
    width:105%;
    margin:0px -5% 10px 0;
    overflow:hidden;
    _zoom:1;
    font-size:10px;

}
#globalist ul li{
    width:20%;
    padding:0;
    margin-right:5%;
    margin-bottom:5px;
    float:left;
    text-align: center;
}
#globalist ul li img{width:100%;margin:0 0 0px 0;}

.messImg{float:right;width:100%;margin:0 0 20px 30px;}
.messImg img{width:100%;}

img.switch {width:100%;}
img.nagata {width:100%;}
.range40{margin-bottom:20px;}
.range60{margin-bottom:30px;}
.range100{margin-bottom:50px;}
h2.philo{font-size:14px;}
.recruit{margin:0 0 10px 0;}
.product img{width:100%;}
.product .range20{margin-bottom:10px;}
.md .clear{display:none;}
#facebook{display:block;}
#facebook img{width:60px;position:fixed;top:0px;right:0px;}
.facebook img{width:24px;position:fixed;top:10px;right:10px;z-index:1004px;}
.disPC{display:none;}
.disSP{display:block;}

div#contents .btApply{display:block;margin:40px 0 0;}

#panel .main.disSP .modalImg {
	margin-top: 120px;
}

#panel .main.disSP .modalImg {
	margin: 120px 0 -14px -14px;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 10px;
	box-sizing: border-box;
}

#panel .main.disSP .modalImg li {
	margin-bottom: 14px;
	padding-left: 14px;
	box-sizing: border-box;
}
#panel .main.disSP .modalImg li img {
	max-width: 100%;
	width: 100%;
}
#menuBox.lowMenu li.entry{
	height: auto;
}
#menuBox.lowMenu li.entry img{
	margin-top: 0;
}
#menuBox li.entry img,
#menuBox li.assessment img{
	width: auto;
}
#menuBox li.entry + .assessment {
	margin: 0;
}
#selectLangArea{
	margin-right: 0;
}
.str02 .langList > li:first-child{
margin-bottom: 0;
}
.str02 label.Current{
position: relative;
top: 0;
}
.str03 label.Current{
position: relative;
top: 0;
}
.disimage100{
max-width: 100%;
}

/*
===== 7: ====================================
*/

.linklist01 li .title,
.linklist01 li .location,
.linklist01 li .applicationClosingDate,
.linklist01 li .startDates,
.linklist01 li .status{padding-left: 15px;}

/*
===== 10: Assesment====================================
*/
#section.Assessment {
padding: 0;
}
.Assessment .AssessmentMainArea {
background-position: right 30% center;
padding-top: 44px;
}
.Assessment .AssessmentMainArea .ContentsInner {
padding: 30px 15px;
}
.Opening #section.Assessment {
padding-top: 54px;
}

/*
===== 10: Atmosphere====================================
*/
div#contents.atmosphere .column {
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 15px;
}
div#contents.atmosphere .column.col02 .col {
width: 100%;
height: auto;
min-height: 180px;
}
div#contents.atmosphere .column.col02 .col.colImage {
min-height: auto;
}
div#contents.atmosphere .column.col02 .col.colImage img {
width: 100%;
}
div#contents.atmosphere .column.colRowReverse {
-ms-flex-direction: column;
flex-direction: column;
}
div#contents.atmosphere .column > *:last-child {
margin-top: 15px;
}
div#contents.atmosphere .column .col .heading02 {
font-size: 17px;
}
div#contents.atmosphere .leadTextLayout .leadText {
font-size: 18px;
}

/*
===== 13: table vertical ====================================
*/
.tableVertical {
	border-top: 0;
	border-left: 0;
}
.tableVertical colgroup {
	display: none;
}
.tableVertical thead {
	display: none;
}
.tableVertical tbody tr {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.tableVertical tbody tr + tr {
	display: block;
	margin-top: 32px;
}
.tableVertical tbody th {
	display: block;
}
.tableVertical tbody td {
	display: flex;
	position: static;
	padding: 0;
	overflow: visible;
}
.tableVertical tbody td:not(:last-child) {
	border-bottom: 0;
}
.tableVerticalBody {
	position: relative;
	width: 50%;
	padding: 16px 12px;
}
.tableVerticalBodyInner {
	text-align: center;
}
.tableVerticalLabel {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 50%;
	padding: 16px;
	border-right: 1px solid #eee;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.tableVerticalLabel::before {
	display: block;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 1px);
	background-color: #e0e0e0;
	content: "";
}
.buttonConversion:link {
	min-width: initial;
}
.linkClickable::after, .linkClickable::before {
	height: 100%;
}
}