@charset "utf-8";

/*======================================================
	style.css
    theme stylesheet : tokaispacedesign,
		create : 160816,
		update --

		index
			1.static page - about
		  2.contact

======================================================*/

/*

Theme Name tokaispacedesign
Theme URI http://tokai/
Description Tokai Space Design official theme

*/

/*-----------------------------------------
//	1.static page - about
-----------------------------------------*/

#philosophy p {
  font-size: 14px;
  font-size: 1rem;
  margin-top: 1em;
line-height:1.4;
}

@media (min-width: 768px) {
  #philosophy p {
    margin-top: 1em;
     font-size: 16px;
    font-size: 1.14286rem;
    &:first-child{
      margin-top:50px; 
    }
  }
}
#profile {
  @exntend %clearfix;
}
#profile .photo {
  text-align: center;
  margin-bottom: 20px;
}
#profile h3 {
  margin-bottom: 25px;
  font-size: 16px;
  font-size: 1.14286rem;
  color:#000;
}

#profile h3 span{
  font-size: 14px;
  font-size: 1rem;
}
#profile li {
  margin-bottom:1em;
  width: 100%;
  font-size:12px;
}
#profile li:last-child{
  margin-bottom:0;
}
#profile li span {
  display: block;
}
#profile li .profile-year {
  white-space: nowrap;
}

@media (min-width: 768px) {

  #profile {
    width: 100%;
  }
  #profile h3{
    margin-bottom:50px;
  }
  #profile .box .photo {
    width: 33.6734%;
    float: left;
  }
  #profile .box div {
    width: 66%;
    float: right;
    padding-left: 30px;
    box-sizing: border-box;
  }
  #profile .box div li {
    display: table;
  }
  #profile .box div li span {
    display: table-cell;
  }
  #profile .box div li .profile-year {
    width: 5em;
    padding-right: 1em;
  }
}

#workcontents .box {
  margin-bottom: 25px;
}
#workcontents .box dt {
  font-size: 14px;
  margin-bottom: 1em;
  white-space:normal!important;
}
#workcontents .box dd {
  font-size: 12px;
  white-space:normal!important;
}

#workcontents .box {

    width: 100%;
    margin: 0 auto 50px auto;
  }
  #workcontents .box div {
    box-sizing: border-box;

  }

#workcontents .box:last-child {
  margin-bottom: 0;
}

#workcontents .box .icon-svg {
    width: 10.1%;
    min-height: 57px;
    vertical-align: middle;
    display:none;
  }
  #workcontents .box .icon-svg svg {
    width: 100%;
}

 #workcontents .box dt {
    margin-bottom: 20px;
  }

@media(min-width:481px){
  #workcontents .box{
    display:table;
  }
  #workcontents .box .icon-svg {
    width: 10.1%;
    display:table-cell;
  }
  #workcontents .box div {
  padding-left: 20px;
  display:table-cell;
  width:89%;
  }
}

@media (min-width: 768px) {
  
 #workcontents .box div{
 	padding-left:60px;
 }
 #workcontents .box .icon-svg {
  width: 70px;
 }
#workcontents .box .object{
	width:70px!important;
}
}
#access #gmap {
  margin-bottom: 15px;
}
#access #map_canvas {
  width: 100%;
  height: 300px;
}

@media (min-width:768px){
  #workcontents .box {
    width:700px;
  }
}

@media (min-width: 768px) {
  #access #gmap {
    margin-bottom: 30px;
  }
}
.content-holder {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 280px;
  padding:15px;
  box-sizing:border-box;
font-size:12px;
}

.content-holder p{
  padding-top:1em;
}

@media (min-width:768px){
  .content-holder {
    padding:30px;
  }
}

#contact p, #recruit p {
  font-size: 14px;
  font-size: 1rem;
  margin-top: 25px;
}

@media (min-width: 768px) {
  #contact p{
    margin-top: 50px;
    font-size: 16px;
    font-size: 1.14286rem;
  }
}

.contact-title {
  font-size: 14px;
  line-height: 28px;
}

.contact-mail {
  font-size: 12px;
  line-height: 20px;
}

.contact-add {
  font-family: "Chaparral-pro";
  font-size: 18px;
  line-height: 28px;
}

.contact-add a:hover, .cell-body a:hover, .content-holder-inner a:hover {
  color: #cccccc;
  text-decoration: none !important;
}

.contact-table {
  padding-bottom: 30px;
}

.contact-table-top {
  margin-top: 45px;
}

.cell-title div {
  text-align: center;
  font-size: 12px;
  letter-spacing: 10px;
  border: 1px solid #555555;
  padding: 10px 15px;
  }

.cell-body {
  padding: 15px 0 0 0;
}

@media(min-width:768px){
  .contact-table {
    display: table;
  }

  .cell-title {
    display: table-cell;
  }

  .cell-title div {
    letter-spacing: normal;
    vertical-align: middle;
    text-align: center;
    padding: 20px 25px;
    width: 31px;
  }

  .cell-body {
    display: table-cell;
    padding: 15px 0 15px 50px;
  }
}

.cell-body div {
  padding-top: 30px;
}

.cell-body ul {
  padding-bottom: 30px;
}

.cell-body span {
  font-weight: bold;
}

.cell-body-mid {
  vertical-align: middle;
}

@media (min-width: 980px) {
  .destination {
    float: left;
  }

  .destinationR {
    padding-left: 50px;
  }
}

.destination span{
  font-weight: normal !important;
}

.Intern {
  margin: 0 auto;
}

@media (min-width:481px) and (max-width:767px) {
  .Intern {
    width: 550px;

  }
}

@media (min-width:768px) {
  .Intern {
    width: 710px;
  }
}

.Intern p {
  text-align: left;
}

.address {
  font-size: 14px;
  font-size: 1rem;
}

@media (min-width: 768px) {
  .address {
    font-size: 16px;
    font-size: 1.14286rem;
  }
}

.gray-text{
	color:#555;
	font-size:16px;
}

.small{
	font-size:14px;
}

.mail-link{
  font-family: "Chaparral-pro";
}

@media (max-width:480px){
	.sp{
	display:inline;
}
	.tab{
	display:none;
}
}

@media (min-width:768px){
	.sp{
	display:none;
}
	.tab{
	display:inline;
}
}