/*
Theme Name: Lightning for Metatechno
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/*
* {
  border: dotted 1px pink;
}
*/
:root {
  --mt-bd-color: #EE3338 ;
  --metatechno_color: #EE3338 ;
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {
  .quality-policy-body {
    max-width: 950px;
  }
}
div+h2,Div+h3,div+h4,div+h5,div+h6 {
  margin-top:2rem;
}
.page-header{
  min-height:4rem;
}
.site-footer-copyright p:nth-child(2) {
  display:none;
}
.icon-image {
  width:100%;
}
.company-profile-body,
.company-history-body,
.company-offcelist-body,
.company-affiliate-companies-body,
.company-privacy-policy-body,
.security-policy-body,
.quality-policy-body,
.company-cmmi-body,
.support-next-generation-body,
.template_div_class {
  width:100%;
  margin:auto auto;
}
.mt_sp_br {
  display:none;
}
.pc_display {
  display:block;
}
.mb_display {
  display:none;
}
.mt_text_left {
  text-align:left;
}
.mt_text_center {
  text-align:center;
}
.mt_text_right {
  text-align:right;
}
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.h4-mt-style {
  padding: 3px 0 3px 10px;
}
.h4-bd-style {
  border-left: solid 10px var(--mt-bd-color );
}
#kmt_embedded_table {
  margin-bottom: 1rem ;
}
#kmt_embedded_table th {
  background-color : black;
  color:white;
  width:10rem;
  font-size: 1rem;
  border:1px solid white;
}
#kmt_embedded_table td {
  border:1px solid black;
}  
.aref_text {
  text-decoration: none;
}
.kmt_card_explanation {
  margin-top: 20px ;
  padding: 0 5px;
  text-align: center ;
}
.kmt_card_type01 {
  height: 540px;
  overflow: hidden;
  margin: 10px 8px 10px 16px;
  position: relative;
  border: 1px solid rgba(53, 57, 96, 0.83);
  box-shadow: 0 0 15px 0 rgba(53, 57, 96, 0.83); ;
}
.kmt_card_type01 img{
  width: 100%;
  padding:0 ;
}
.kmt_card_type01 .caption {
  width:		100%;
  height:		100%;
  visibility:		hidden;	/* 文字を表示しない */
  font-size:		130%;
  color:		#fff;
  top:			0;
  left:			0;
  position:		absolute;
  text-align:		center;
  -webkit-transition:	all 0.4s step-end;
  transition:		all 0.4s step-end;
}
.kmt_card_type01:hover .caption {
  visibility:		visible;	/* 文字を表示する */
}
.kmt_card_type01 .caption p {
  font-size:		90%;
  padding-top:		150px;
  color:			#fff;
  opacity:		0;	/* ホバーが解除された時すぐ消えるように、文字を表示しない */
}
.kmt_card_type01:hover .caption p {
  opacity:		1;	/* 文字を表示する */
}
.kmt_card_type01 .mask1, .kmt_card_type01 .mask2 {
	width:			100%;
	height:			50%;	/* 高さは半部のサイズ */
	position:		absolute;
	left:			0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}
.kmt_card_type01 .mask1 {
	top:			-51%;	/* 枠の上に置いて表示させない */
}
.kmt_card_type01:hover .mask1 {
	top:			0;	/* 下にずらして表示する */
}
.kmt_card_type01 .mask2 {
	bottom:			-50%;	/* 枠の下に置いて表示させない */
}
.kmt_card_type01:hover .mask2 {
	bottom:			0;	/* 上にずらして表示する */
}
.kmt_card_text {
  margin-top: 20px;
  margin-bottom:40px ;
  height:100px ;
}
.kmt_card_text p{
  text-decoration: none ;
  text-align: left ;
}
.kmt_card_table th {
  width: 80px;
  background-color:#f5f5f5 ;
}
.signature_text {
  text-align:right;
  margin:2rem 0; 
}
.declaration_area {
  border:3px double red;
  padding:10px 10px;
  border-radius:10px;
}
.certification_text {
  margin-top:50px;
}
.std-button {
  background-color: #E90000;
  color: white;
  display: inline-block;
  margin: 10px;
  padding: 20px 30px;
  border-radius:10px;
  text-decoration: none;
  font-size: 1.25rem;
  text-align: center;
}
.std-button:hover {
  background-color: #757575;
  color: white;
}
.meta_web_site_top {
  background-color : #757575;
  border-radius:10px;
  padding:5px 10px ;
  width:10rem;
  color:#fff;
  font-weight:bold;
}
.contact-meta {
  color: #3366ff;
  font-weight: bold;
}
.link-ref-inside {
  color: #3366ff;
  font-weight: bold;
}
.link-ref-outside {
  color: #1A53FF;
  font-weight: bold;
}
.link-mark-meta {
  color: #3366ff;
  font-weight: bold;
}
.telephone-area {
  margin:0 0 1.5rem 1rem ;
}

.tel-number {
  font-size: xx-large;
  text-align: center;
}
.neonode_body h3{
  font-size:1.35rem;
   margin-top:1rem;
}
.neonode_body iframe{
  margin-bottom: 0.2rem;
}
.neonode-panel-left {
  background-color:#0f2344;
  color:#fff;
}
.fax_image_class {
  display:flex;
}
.three-pr img,
.neonode-panel-right img{
  width:100%;
}
.table_th_left th{
  text-align:left;
  background-color:#f5f5f5 ;
  width:22rem;
}
.hotfax-fax-image-body .table_th th {
  width:10rem;
}
.recruit1_body .table_th_left th, 
.recruit2_body .table_th_left th, 
.company-profile-body .table_th_left th, 
.company-cmmi-body .table_th_left th,
.about-internship-body .table_th_left th, 
.hotfax-hfp-auto-body .table_th_left th,
.hotfax-g4module-body .table_th_left th,
.hotfax-cs-fax-fax-body .table_th_left th,
.hotfax-pdfcvt-body .table_th_left th {
  width:13rem;
}
.table_font_up th,
.table_font_up td{
  font-size:1rem;
}
.tabel_row_meta {
    float: left;
    width: 150px;
    height: 10px;
    margin-bottom: 10px;
}
.div_bottom {
  position:absolute;
  bottom: 0; 
}
.U-Con::after {
  content:"<-- ###Under Construction###";
  color : green;
}
.title-classification {
  height:2rem;
  margin-bottom: 1rem;
}
.matetechnolanka-offshore-body img {
  width:100%;
}
.matetechnolanka-offshore-body .pr-area {
  background-color:rgba(237,20,60,0.16);
  border-radius:5px;box-shadow: 2px 2px 2px 4px rgba(237,20,60,0.26);
  font-weight:bold;
  padding:0.5rem 0 0.5rem 2rem;
}
.matetechnolanka-offshore-body .explain-text {
  height:15rem
}
.metatechno-web-site-body .explain-text{
  height:13rem;
}
.metatechno-web-site-body .long-title {
  font-size:1.14rem;
}
.metatechno-web-site-body .link-box {
  background-color: #d4d4d4;
  border-left:2px solid red ;
  width:8rem;
  margin-left:auto;
  text-align:center ;
}
.metatechno-web-site-body .mt-pc-part {
  margin-top:2rem;
}
.intern-ship-img {/*親div*/
  position: relative;
}
.intern-ship-img p {
  position: absolute;
  color: red;/*文字は白に*/
  text-shadow: 3px 2px 3px white ;
  font-weight: bold; /*太字に*/
  font-size: 1.5em;/*サイズ2倍*/
  /* font-family :Quicksand, sans-serif; Google Font*/
  font-family :"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  top: 1rem;
  left: 6.5rem;
  margin-top: 4px ;
  margin-right: 7px;
 }
 .mail_form_dl dl {
  display: flex;
  flex-wrap: wrap;
}
.mail_form_dl dt {
  width:25%;
  font-size:1.2rem;
}
.mail_form_dl dt img {
  margin-right:1rem;
}
.mail_form_dl dd {
  background-color:#f5f5f5;
}
.item-center dt{
  margin-top:10px;
}
.not-quired-item dt {
  padding-left:50px;
}
.mt-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.mt-youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width:767px) {
  .mail_form_dl dl {
    display:block;
    margin-bottom:1rem;
  }
  .mail_form_dl dt {
    width:100%;
    margin-bottom:1rem;
  }
  .item-center dt{
    margin-bottom:0.5rem;;
  }
  .not-quired-item dt {
    padding-left:0;
  }
  .telephone-area {
    margin:0 0 1.5rem 0 ;
    text-align:center;
  }
}
.mail_form_dl dl {
  display: flex;
  flex-wrap: wrap;
}
.mail_form_dl dt {
  width:25%;
  font-size:1.2rem;
}
.mail_form_dl dt img {
  margin-right:1rem;
}
.mail_form_dl dd {
  background-color:#f5f5f5;
}
.item-center dt{
  margin-top:10px;
}
.not-quired-item dt {
  padding-left:50px;
}
.card-title {
  padding-left:0.5rem;
}
.longtitle_type1 {
  font-size:1.2rem;
  line-height:1.9em;
}
.longtitle_type2 {
  font-size:1.0rem;
  line-height:1.9em;
}
.longtitle_type3 {
  font-size:1.4rem;
  line-height:1.9em;
}
.reserve_card {
  border:none;
}
@media screen and (max-width:767px) {
  .mobile-block th,
  .mobile-block td,
  .mobile-block .table_th th,
  #kmt_embedded_table th,
  #kmt_embedded_table td,
  .recruit1_body .table_th_left th, 
  .recruit2_body .table_th_left th, 
  .company-profile-body .table_th_left th, 
  .company-cmmi-body .table_th_left th,
  .about-internship-body .table_th_left th, 
  .hotfax-hfp-auto-body .table_th_left th,
  .hotfax-g4module-body .table_th_left th,
  .hotfax-cs-fax-fax-body .table_th_left th,
  .hotfax-pdfcvt-body .table_th_left th {
      width: 100%;
      display: block;
    }
  .company-profile-body,
  .company-history-body,
  .company-offcelist-body,
  .company-affiliate-companies-body,
  .company-privacy-policy-body,
  .security-policy-body,
  .quality-policy-body,
  .company-cmmi-body,
  .support-next-generation-body,
  .template_div_class  {
    width:100%;
  }
  .longtitle_type1,
  .longtitle_type2,
  .longtitle_type3 {
    font-size:1.5rem;
  }
  .card-title-image {
    margin:auto auto;
  }
  .top-mobile-image {
    width:278px;
  }
  .mt_sp_br {
    display:block;
  }
   .metatechno-web-site-body .long-title {
    font-size:1.6rem;
    margin-bottom:0.8rem;

  }
  .metatechno-web-site-body .explain-text{
    height:9rem;
  }    
  .metatechno-web-site-body .mt-pc-part {
    margin-top:0;
  }
  .std-button {
    font-size:1rem;
  }
 .hotfax-fax-image-body .table_th th {
    width:4rem;
  }
  .fax_image_class {
    display:block;
 } 
  .recruit-info-body img {/*親div*/
    width:100%;
  }
  .intern-ship-img p {
    font-size:1.8rem;
    left:8.5rem;
  }
  .certification_text {
    margin-top:10px;
  }
  .table_font_up th {
    font-size:1.2rem;
  }
  .div_bottom {
    position:static;
  }
  .mail_form_dl dl {
    display:block;
    margin-bottom:1rem;
  }
  .mail_form_dl dt {
    width:100%;
    margin-bottom:1rem;
  }
  .item-center dt{
    margin-bottom:0.5rem;;
  }
  .not-quired-item dt {
    padding-left:0;
  }  
}