@charset "UTF-8";
/*
Theme Name: nano-child
Template:nano_tcd065
Author:　Shimaya
Version:1.4
*/

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/*
  言語スイッチボタン [
---------------------------------------- */

.lang-select {
    position: absolute;
	width:150px;
	height:auto;
    top: 30px;
    right: 30%;
	margin: 0;	
	padding: 10px;
	z-index:50;
	color:#fff;
	display : -webkit-box;
	display : -webkit-flex; 
	display : -ms-flexbox;
	display : flex;
	justify-content: center; 
	align-items: center; 
	background-color: #000;
}
.lang-img {
	width:100%;
	display : -webkit-box;
    display : -webkit-flex; 
    display : -ms-flexbox;
    display : flex;
    justify-content: flex-start; 
    align-items: center;
	background-color: #000;
	border-style: none;
	color: #fff;
	font-size: 12px;
}
.lang-img img {
	height:16px;
}
.init-bt {
	position: relative;
	width:100%;
	font-size: 14px;
	padding-left: 5px;
	color:#fff;
}
.language-swicher {
	position: absolute;
	display: none;
	top:35px;
	left:0;
	list-style: none;
	width:150px;
	padding: 10px 10px 10px 10px;
	background-color: #000;
	-webkit-filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, .2));
    filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, .2));
	transition: 0.3s;
	z-index:50;
}
.language-swicher li {
	padding: 5px 0 5px 0;
}
.language-swicher a {
	color:#fff;
	text-decoration: none;
}
#dropdown__btn.is-open::after {
  content: "";
  width: 100%;
  height: 100%;
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
}
#dropdown__btn.is-open+.language-swicher{
  display: block;	
}


@media screen and (max-width: 1200px) {
	.lang-select {
      top: 14px;
      right: 30%;
  }
}
@media screen and (max-width: 639px) {
	.lang-select {
      top: 60px;
      right: 0;
  }
}

/*
  トップスライダーの文字とボタンの出方修正 [
---------------------------------------- */
.p-header-content__btn {
    opacity: 1;
    margin-top: 22px;
    transition: opacity 1s ease 2s;
}
.p-header-content__title {
	opacity: 1;
}

/*
  キャプションをセンター寄せ [
---------------------------------------- */
figcaption {
text-align : center;
}
/*
   トップメイン部分ボタン非表示 [
---------------------------------------- */
.p-index-content02 .p-btn {
  display:none;
}

/*
   アーカイブページ共通 [
---------------------------------------- */
.p-archive-header {
    padding: 92px 30px;
}
.p-archive-header__title {
	margin-bottom:50px;
}

/*
   下層ページ共通 [
---------------------------------------- */
.pages-section__title {
	display:block;
	width:100%;
	font-size:22px;
	font-weight:bold;
	padding:15px 10px;
	margin-bottom:30px;
	border-left: 5px solid #d80100;
	border-bottom:1px solid #ccc;
}

.img-default {
	max-width: 100%;
	height:auto;
	margin: 0;
}
.pages-section__title {
	display:block;
	width:100%;
	font-size:22px;
	font-weight:bold;
	padding:15px 10px;
	margin-top:30px;
	margin-bottom:30px;
	border-left: 5px solid #d80100;
	border-bottom:1px solid #ccc;
}

.pages-section__contentsarea {
	display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display : flex;
    justify-content: center; 
    align-items: center;
	width:100%;
}
.pages-section__img {
	flex:20%;
}
.pages-section__text {
	flex:60%;
}
.fixed-page__wrapper {
	width:100%;
	margin-bottom:100px;
}
.fixed-page__container {
	padding:50px 30px 0 30px;
}

/*
   トップページ [
---------------------------------------- */
/*
.p-index-content02 .p-btn {
	display:none;
}
*/


/*
   会社案内ページ [
---------------------------------------- */
.company-profile__table {
  margin: 20px auto;
	width:100%;
}
.company-profile__table h2 {
	font-size:22px;
	font-weight:bold;
	margin:10px 10px 10px 0;
	padding:0;
}
.company-profile__table p {
	margin:0;
	padding:0;
}
.company-profile__table th {
  background: #555555;
  border: solid 1px #eee;
  color: #fff;
  padding: 10px;
}
.company-profile__table td {
　border: solid 1px #eee;
  padding: 10px 10px 10px 20px;
	margin:0;
}
 
@media screen and (max-width: 640px) {
	.company-profile__table {
		border: none!important;
	}
.company-profile__table th,
	.company-profile__table td {
	display: block!important;
	width: 100%!important;
  }
}

/*
   納品までの流れ [
----------------------------------------------------------- */
.materials-flow__wrapper {
	width:100%;
	margin:0!important;
	padding: 50px 0;
}
.materials-flowbox__box {
	position: relative;
	width:100%;
	padding: 20px;
	margin: 0 auto!important;
	margin-top: 100px!important;
	background-color: #fff;
    box-shadow: 5px 5px 20px rgba(0,0,0, 0.25);
}
.materials-flowbox__box:first-of-type {
	margin-top: 0!important;
}
.materials-flowbox__box::after {
	display: block;
	position: absolute;
	bottom:-80px;
	left:50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	transform: translateX(-50%);
	content: "\e90e";
	font-family: "design_plus";
	color: #d90000;
	font-size: 60px!important;
	font-weight: bold!important;
}
.materials-flowbox__box:last-child::after {
	content: "";
}
.materials-flowbox__num {
	display: block;
	font-size: 30px!important;
	color:#d90000;
	font-weight: bold;
	padding: 10px 0;
	margin: 0!important;
}
.materials-flowbox__h2 {
	display: block;
	padding: 10px 0;
	border-bottom:1px solid #eee;
}
.materials-flowbox__contents {
	display: block;
}
.materials-flowbox__mailtext { 
	color: #fff;
}
.materials-flowbox__mailtext::before { 
	content: "\F0E0";
	font-family: "design_plus";
	font-size: 14px;
	margin-right:12px;
	color: #fff;
}
.materials-flowbox__bt {
	display: block;
	width:100%;
	height:100%;
	text-decoration: none!important;
}
.materials-flowbox__teltext::before {
	content: "\f095";
	font-family: "design_plus";
	font-size: 14px;
	margin-right:12px;
}
.materials-flowbox__mail {
	display: block;
	position: relative;
	padding: 5px 20px;
	background-color: #d90000;
	color:#fff;
	margin-bottom: 10px;
	transition: 0.3s;
}
.materials-flowbox__mail:hover {
	background-color: #AF0000;
	transition: 0.3s;
}
.materials-flowbox__tel {
	display: block;
	position: relative;
	background-color: #eee;
	border:1px solid #000;
	padding: 5px 20px;
	display : -webkit-box;
    display : -webkit-flex; 
    display : -ms-flexbox;
    display : flex;
    justify-content: left; 
    align-items: center; 
}
.materials-flowbox__telnum {
	font-size:20px!important;
	font-weight: bold!important;
	color:#d90000;
	margin: 0 10px!important;
}
.materials-flowbox__attention {
	font-size:14px!important;
	margin: 0!important;
  }
.materials-flowbox__mail p,
.materials-flowbox__tel p {
	margin: 0;
}
@media screen and (max-width: 639px) {
	.materials-flowbox__tel {
      flex-direction: column; 
	  text-align: left;
  }
	.materials-flowbox__attention {
      font-size:12px!important;
  }
}

/*
   求人応募フォーム [
----------------------------------------------------------- */
.font-red {
	color:#AF0000;
	font-size: 14px;
}
#contact-age {
	width:300px;
}
#contact-tel {
	width:300px;
}
#contact-zip {
	width:300px;
}
#contact-pref {
	width:300px;
}
#occupation {
	display : -webkit-box;
    display : -webkit-flex; 
    display : -ms-flexbox;
    display : flex;
    justify-content: flex-start; 
    align-items: center; 
}