/** font **/
@font-face {
	  font-family: 'Kaiso-Next-B';
	  src: url('../font/Kaiso-Next-B.otf') format('opentype'),
	       url('../font/Kaiso-Next-B.woff') format('woff');
	}
@font-face {
	font-family: 'Honoka-Min';
	src: url('../font/Honoka-Min.otf') format('opentype'),
	       url('../font/Honoka-Min.woff') format('woff');
	}

.form-control {
	  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}



/** custom **/
/** main class **/
body {
	width:92%;
	max-width: 1366px;
	margin: 0 auto;
	background:#FFF;
	color:#000;
	font-family: 'Kaiso-Next-B';
}
footer {
	margin-top:10px;
	}

/** header class **/
.page_tittle {
	height:55px;
	background:linear-gradient(to right,#CCC,#FFF,#FFF);
	font-size:24px;
	padding: 10px;
	margin-bottom:10px;
	}

/** nav class **/
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #FFF #FFF #CCC #FFF;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #FFF #FFF #000 #FFF;
}


.dropdown-item.active, .dropdown-item:active {
    color:#000;
    text-decoration:none;
    background-color:#efefef;
}


/** outer class **/
.center-center {
  display: flex;
  justify-content: center;
  align-items: center;
  }

.center-left {
  display: flex;
  justify-content: left;
  align-items: center;
  }

/** margin class **/
.m-10 {
	margin:10px;
	}
.mt-20 {
	margin-top:20px;
	}
.mb-20 {
	margin-bottom:20px;
	}

/** padding class **/
.p-10 {
	padding:10px;
	}

.p-20 {
	padding:20px;
	}

.p-30 {
	padding:30px;
	}

.p-40 {
	padding:40px;
	}

.p-50 {
	padding-top: 90px;
	padding-right: 50px;
	padding-bottom: 90px;
	padding-left: 50px;
	}

.pr-15 {
	padding-right:15px;
	}

/** height class **/
.h-40 {
	height:40px;
	}
	

/** width class **/
.w-100pct {
	width:100%;
	}

.w-95pct {
	width: 95%;
	margin: 0 auto;
}

/** color class **/
.nav-tabs {
	border-bottom:none;
	}

/** img class **/
.top img {
	margin:0 auto;
	}

.recruit_img:hover {
	opacity: 0.5 ;
}

.b_img:hover {
	opacity: 0.3 ;
}


/** border class **/
.bt-3 {
	border-top:3px solid #000;
	}

.bb-3 {
	border-bottom:3px solid #000;
	}

/** font class  **/
.nav_font {
	font-size: 22px;
	color: #000;
	}

/** smart phone **/
.header_logo_width {
	max-width: 184px;
	width: 30%;
	}

/** table class **/
.about_table td,.about_table th {
    padding: 0rem;
    vertical-align: top;
}

.about_table th {
    padding-right:20px;
}


.recruit_table td,.recruit_table th {
    padding: 1rem;
    vertical-align: top;
}

.recruit_table th {
    padding-right:20px;
}

/** about_parts class **/
.google-maps {
 width:100%;
 height:100%;
 }

/** theme_parts class **/
.theme_bar_1 {
	 background:url(../img/theme_img_1.png);
	 background-position:left;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background-size: cover;
	 color:#000;
	}

.theme_area_1 {
	background-color:#2A3132;
	color:#FFF;
	font-size:1.2em;
	font-weight: 100; 
	font-family: 'Honoka-Min'; 
	}

.theme_area_2 {
	margin-top:10px;
	margin-bottom:10px;
	background-color: #256a9f;
	background-image:
	 linear-gradient(45deg,  #336B87 25%, transparent 25%,
	  transparent 75%,  #336B87 75%,  #336B87),
	 linear-gradient(-45deg,  #336B87 25%, transparent 25%,
	  transparent 75%,  #336B87 75%,  #336B87);
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;

	color:#FFF;
	font-size:1.2em;
	font-weight: 100; 
	font-family: 'Honoka-Min';
	}


.theme_bar_tittle {
	font-size:1.5em;
	font-weight: 900; 
	font-family: 'Honoka-Min';
	}


.theme_tittle {
    font-size:25px;
    position: absolute;
    left: 10%;
    top: 6%;
    padding-top: 10px;
    }

/** introduction **/
.introduction_top_text {
	font-size:60px;
	max-width:850px;
	}

.introduction_bar_tittle {
	font-size:60px;
	}
	
.introduction_bar_text {
	font-size:12px;
	padding-left:auto;
	}

	
.introduction_bar_1 {
	 background:url(../img/introduction_img_1.png);
	 background-position:left;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background-size: cover;
	 color:#ff0078;
	}
	
.introduction_area_1 {
	background-color:#ff0078;
	color:#FFF;
	font-size:24px;
	}

.introduction_bar_2 {
	 background:url(../img/introduction_img_2.png);
	 background-position:left;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background-size: cover;
	 color:#f2fb00;
	}
	
.introduction_area_2 {
	background-color:#f2fb00;
	color:#000;
	font-size:24px;
	}
	
.introduction_bar_3 {
	 background:url(../img/introduction_img_3.png);
	 background-position:left;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background-size: cover;
	 color:#0084ff;
	}
	
.introduction_area_3 {
	background-color:#0084ff;
	color:#000;
	font-size:24px;
	}

.introduction_bar_4 {
	 background:url(../img/introduction_img_4.png);
	 background-position:left;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background-size: cover;
	 color:#00d838;
	}
	
.introduction_area_4 {
	background-color:#00d838;
	color:#FFF;
	font-size:24px;
	}

/** req **/

.req_tittle {
	font-size:24px;
	}

.req_area_1 {
	background-color:#ff90d9;
	color:#FFF;
	}

.req_area_2 {
	background-color:#ffa749;
	color:#FFF;
	}

.req_area_3 {
	background-color:#00883c;
	color:#FFF;
	}

.req_area_4 {
	background-color:#2b0088;
	color:#FFF;
	}