@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  ヘッダーナビ
 ================================================*/

header {
  width: 100%;
  background-color: #fff;
  border-top: #182145 solid 6px;
  color: #182145;
}

header a{
  color: #182145;
  font-family: "UD Shin Go Medium";
  font-weight: 800;w
  font-size: 1.2em;
}

header a:hover{
	color: #DF600F;
}

header a:visited{
  color: #182145;
}

@media only screen and (max-width: 735px) {
  header {
    position: relative;
  }
}

#logo {
  margin: 0.8em auto 1em;
  display: block;
}

header nav {
  max-width: 1200px;
  height: 224px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  -webkit-display: flex;
  align-items: center;
  -webkit-align-items: center;
}

header nav ul {
  list-style: none;
  display: flex;
  -webkit-display: flex;
}
@media only screen and (max-width: 735px) {
	header nav {
		width: 98%;
	  max-width: 1200px;
	  height: 120px;
	  margin: 0px auto;
	  display: flex;
	  flex-direction: row;
	  justify-content: space-around;
	  align-items: flex-start;
	  -webkit-display: flex;
	  align-items: center;
	  -webkit-align-items: center;
	}
	
.logo {
  width: 62%;
  margin-top:8px;
  margin-left:42px;
}

}
@media only screen and (max-width: 735px) {
  header nav ul {
    width: 100%;
    background-color: #DF600F;
    position: absolute;
    top: 0px;
    left: 0px;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    z-index: 980;
  }
}
@media only screen and (max-width: 735px) {
  header nav ul li {
    text-align: center;
    padding: 10px;
  }
}
header nav ul li a {
  margin: 0px 10px;
  padding: 10px;
}
@media only screen and (max-width: 735px) {
  header nav ul li a {
    margin: 0px;
    padding: 0px;
  }
}
header nav .nav__icon, header nav .nav__icon span {
  display: none;
}
@media only screen and (max-width: 735px) {
  header nav .nav__icon, header nav .nav__icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    z-index: 999;
  }
}
header nav .nav__icon {
  width: 36px;
  height: 32px;
  top:-24px;
  margin-right: 8px;
  position: relative;
  cursor: pointer;
}
header nav .nav__icon span {
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
}
header nav .nav__icon span:nth-of-type(1) {
  top: 0;
    background-color: #182145;
}
header nav .nav__icon span:nth-of-type(2) {
  top: 14px;
    background-color: #182145;
}
header nav .nav__icon span:nth-of-type(3) {
  bottom: 0;
    background-color: #182145;
}
header nav .nav__icon.active span:nth-of-type(1) {
  -webkit-transform: translateY(14px) rotate(-45deg);
  transform: translateY(14px) rotate(-45deg);
}
header nav .nav__icon.active span:nth-of-type(2) {
  display: none;
}
header nav .nav__icon.active span:nth-of-type(3) {
  -webkit-transform: translateY(-14px) rotate(45deg);
  transform: translateY(-14px) rotate(45deg);
}



/*================================================
 *  一般・共通設定
 ================================================*/

/* ローディング画面の背景 */
.loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 9999;
}
/* アニメーション */
.animation {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #182145;
  -webkit-animation: loadinganimation 1500ms ease-out forwards infinite;
  animation: loadinganimation 1500ms ease-out forwards infinite;
}
@keyframes loadinganimation {
  from,to {
		opacity: 0;
  }
  50% {
		opacity: .5;
  }
}


/*----------一般----------*/
html {
	width: 100%;
}

body {
	line-height: 1.8;
	text-align: center;
	width: 100%;
	color: #182145;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;

}

a[href^="tel:"] {
    color: #182145;
    text-direction: none;
}

a {
  text-decoration: none;
}

a img:hover {
  opacity: 0.5;
}


@media only screen and (max-width: 735px) {
img {
  width: 100%;
}
}

/*----------font----------*/
p {
	margin: 0.5em 0 1em 0;
	line-height: 2em;
	text-align: left;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

h1 { 
font-family: "Gothic MB101 Bold";
font-size:2.3rem; 
font-weight:700; 
line-height:1.25; 
margin-bottom:1em; 
}

h2 { 
font-family: "Shin Go Medium";
font-size:1.15rem; 
line-height:1.8; 
margin:2em auto; 
}

h3{ 
font-family: "Gothic MB101 Bold";
font-size:2.3rem; 
line-height:1.25; 
text-align: center;
position: relative;
display: inline-block;
text-align: center;
}
h3:before {
	content: '';
	position: absolute;
	bottom: -8px !important;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #182145;
}

h4 {
font-family: "Gothic MB101 Bold";
font-size:1.75rem; 
font-weight:700; 
line-height:1.25; 
margin-bottom:1em; 	
}

.title-orange {
font-family: "Gothic MB101 Bold";
font-size:1.38rem; 
font-weight:700; 
line-height:1.25;
margin-top:1em; 
margin-bottom:1em;
color: #DF600F;
}

.title-blue {
font-family: "Gothic MB101 Bold";
font-size:1.38rem; 
font-weight:700; 
line-height:1.25; 
margin-bottom:1em; 	
}

.btn-blue {
	font-size: 1.2em;
	margin: 2em auto 4em;
	padding: 0.8em 3em;
	text-align: center;
	color:#FFF;
	background-color: #182145;
	display: block;
}
.btn-blue a {
	color: #fff;
}
.btn-blue a:hover {
	color: #fff;
	background-color: #336699;
}
.btn-blue a:visited{
	color: #fff;
}

@media only screen and (max-width: 480px) { 
h1 { 
font-family: "Gothic MB101 Bold";
font-size:1.4rem; 
font-weight:700; 
line-height:1.25; 
margin-bottom:1em; 
}
  }
/*----------改行----------*/
.pcNone{
	display:none !important;
}

.spNone{
	display:block !important;
}


@media only screen and (max-width: 735px) {
.pcNone{
	display:block !important;
}
.spNone{
	display:none !important;
}
}

/*----------共通----------*/
.container{
	width: 100%;
	text-align: center;
	padding: 60px 0;
	clear: both;
}

.container-02{
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	clear: both;
}

.conts{
	width: 980px;
	margin: 60px auto;
}

@media only screen and (max-width: 735px) {
	.container{
	width: 100%;
	text-align: center;
	padding: 20px 0;
	clear: both;
}

.conts{
	width: 90%;
	margin: 2rem auto;
}

header nav .pcNone a img {
    width: 30%;
}
}

.title-textbox {
		margin: 0 auto 0;
		padding: 20px 20px 8px;
		width: 240px;
		height: 80px;
		background-color: rgba( 000, 000, 000, 0.55 );
		top: 80px;
		position: relative;
		color: white;
		font-size: 28px;
		text-align: center;
		line-height: 1.1em;
}
.title-textbox-smalltext {
		font-size: 16px;
		letter-spacing: 4px;
}


/*================================================
 *  ホーム
 ================================================*/
/*----------index----------*/
.slider {
width:1200px;
margin:0 auto;
padding: 0;
position:relative;
	background-color: #F5F4F4;
	max-width: 100%;
	overflow-x: hidden;
}

@media only screen and (max-width: 735px) {
.slider {
width:100%;
margin:0;
padding: 0;
position:relative;
	background-color: #F5F4F4;
overflow-x: hidden;
}
}
/*

@media screen and (max-width : 480px){
	html,
	body {
		overflow-x: hidden;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
	}
}
*/


.index-contents {
	margin: 0 auto;
	background-color: #fff;
	width: 30%;
    max-width: 600px;
	height: 80px;
	position: absolute;
	text-align: center;
	top: -5%;
left: 50%;
-webkit-transform: translate(-10%,-50%);
-moz-transform: translate(-10%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.index-contents-back {
	background-image: url("../img/index-conts-back.jpg");
	width: 100%;
	height: 380px;
	padding-top: 110px;
	position: relative;
}

.index-contents-inner {
	width: 980px;
	margin: 0 auto 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.index-contents-inner-box {
	margin: 8px;
}

.index-news-container{
	padding: 80px 0;
	width: 100%;
	background-color: #F5F4F4;
	clear: both;
	margin: 0;
}

.index-news {
	background-color: #fff;
	width: 50%;
padding: 2rem;
margin: 80px auto;
display: block;
}

.index-news-inner {
/*width: 96%;*/
background-color: #fff;
margin-top: 2rem;
}


.topics dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}
.topics dl:first-child{
	border-top: 1px solid #ccc;
}
.topics dt {
	clear: left;
	float: left;
	width: 25%;
	font-weight: 800;
	text-align: left;
}
.topics dt {
padding-bottom: 5px;
font-weight: 800;
}
.topics dd {
	margin-left: 27%;
	margin-bottom:5px;
	text-align: left;
	}
@media screen and (max-width: 935px) {
.topics dt {
	clear: left;
	float: none;
	width: initial;
	font-weight: 800;
	text-align: left;
}
.topics dd {
	margin-left:0%;
	margin-bottom:5px;
	}
}
/*****************************
iconイメージをいれた場合
*********************************/
.topics dd.icon{
	overflow: hidden;
			}
.topics dd.icon img{
    float: right;
    padding-left:30px;
		}

@media screen and (max-width: 735px) {
.topics dd.icon img{width:auto;}
}	
@media screen and (max-width: 480px) {
.topics dd.icon{
	overflow: initial;
			}
.topics dd.icon img{
    float:none;
	padding-left:initial;
	width:auto;
	margin:0 auto;
	display: block;
		}
	}
.news_img {
		width: 100%;
		margin: 15px 0;
	}	
/*****************************
end icon
*********************************/	
@media screen and (min-width: 735px) {
/*.topics dt {
	clear: left;
	float: left;
	width: 25%;
	font-weight: 800;
	text-align: left;
	}*/

		}
/*@media screen and (min-width: 400px) {
.topics dt {
clear: left;
float: left;
width: 25%;
font-weight: 800;
text-align: left;
}
}*/





@media only screen and (max-width: 735px) {
	.index-news-container{
	padding: 2rem 0;
	width: 100%;
	background-color: #F5F4F4;
	clear: both;
	margin: 0;
}

.index-news {
	background-color: #fff;
	width: 76%;
padding: 2rem;
margin: 30px auto;
display: block;
}

.index-news-inner {
	margin: 1rem 0;
	/*width: 94%; 2020年3月11日*/
	width:100%;
	background-color: #fff;
}

hr {
	width: 96%;
	border-top: 1px dashed #8c8b8b;
}

}

@media only screen and (max-width: 735px) {
	
.index-contents {
	margin: 0 auto;
	background-color: #fff;
	width: 80%;
	height: 80px;
	position: absolute;
	text-align: center;
	top: 0%;
left: 50%;
-webkit-transform: translate(-10%,-50%);
-moz-transform: translate(-10%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.index-contents-back {
	background-image: url("../img/index-conts-back.jpg");
	width: 100%;
	height: 560px;
	padding-top: 110px;
	position: relative;
	background-size:cover;
}

.index-contents-inner {
	width: 98%;
	margin: 0 auto 0;
	display: flex;
	flex-wrap: wrap;
}

.index-contents-inner-box {
	margin: 8px;
	/*width: 44%;*/
	width: 30%;
}

.index-contents-inner img {
	width: 80%;
}
}

@media only screen and (max-width: 340px) {

.index-contents-back {
	background-image: url("../img/index-conts-back.jpg");
	width: 100%;
	height: 440px;
	padding-top: 110px;
	position: relative;
	background-size:cover;
}

.index-contents-inner {
	width: 97%;
	margin: 0 auto 0;
	display: flex;
	flex-wrap: wrap;
}

.index-contents-inner-box {
	width: 44%;
	margin: 2px;
}


}
/*================================================
 *  事業内容
 ================================================*/
#service {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/service.png");
	background-size:cover;	
}

@media only screen and (max-width: 735px) {
#service {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/service-sp.jpg");
	background-size:cover;	
}

	}
	
 /*----------block----------*/
 
.service-container{
	width: 100%;
	background-color: #F5F4F4;
	clear: both;
	margin: 0;
	padding: 0;
}

.service-container{
	width: 100%;
	background-color: #F5F4F4;
	clear: both;
	margin: 0;
	padding: 0;
}

.service-container img { width: 100%; }

.service-block-inner-left{
	 width: 460px;
	 margin: 0 2rem 0 auto;
	 clear: both;
 }
 
.service-block-inner-right{
	 width: 460px;
	 margin: 0 auto 0 2rem;
	 clear: both;
	 text-align: left;
 }
 
.service-block-left{
	width: 50%;
	height: 420px;
	margin: 0;
	float: left;
	background-image: url("../img/service-01.png");
	background-size:cover;
}

.service-block-left-01{
	width: 50%;
	height: 420px;
	margin: 0;
	float: left;
	background-image: url("../img/service-03.png");
	background-size:cover;
}

.service-block-right{
	width: 50%;
	height: 420px;
	margin: 0;
	background-color: #F5F4F4;
	float:right;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.service-block-left-02{
	width: 50%;
	height: 420px;
	margin: 0;
	background-color: #F5F4F4;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.service-block-right-02{
	width: 50%;
	height: 420px;
	margin: 0;
	text-align: left;
	float:right;
	background-image: url("../img/service-02.png");
	background-size:cover;
}


.service-block-img{
	width: 100%;
	margin: 0 auto;
}

@media only screen and (max-width: 735px) {
.service-container{
		width: 90%;
	background-color: #fff;
	margin: 3rem auto;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.service-container-01{
		width: 90%;
	background-color: #fff;
	margin: 3rem auto;
	padding: 0;
	display: flex;
	flex-direction: column-reverse;
}

.service-container img { width: 100%; }

.service-block-inner-left{
	 padding: 1rem;
	 	 display: inline;
 }
 
.service-block-inner-right{
	 padding: 1rem;
	 display: inline;
 }
 
.service-block-left{
	width: 100%;
	margin: 0;
	height: 200px;
	background-image: url("../img/service-01.png");
	background-size:cover;
		 display: block;
}
.service-block-right-02{
	width: 100%;
	margin: 0;
	height: 200px;
	background-image: url("../img/service-02.png");
	background-size:cover;
	display: block;
}

.service-block-left-01{
	 width: 100%;
	margin: 0;
	height: 200px;
	background-image: url("../img/service-03.png");
	background-size:cover;
		 display: block;
}

.service-block-right{
	 width: 100%;
	margin: 0;
	background-color: #fff;
		 display: block;
		 	height: 320px;
}

.service-block-left-02{
	 width: 100%;
	margin: 0;
	background-color: #fff;
		 display: block;
		 	height: 320px;
}


.service-block-img{
	width: 100%;
	margin: 0 auto;
}
	
	}

/*----------example----------*/
.service-example {
	margin: 1.8rem auto;
	width: 890px;
	display: flex;
}
.service-example-img {
}
.service-example-title {
	width: 484px;
}

hr {
	width: 96%;
	border-top: 1px dashed #8c8b8b;
}

@media only screen and (max-width: 735px) {
	.service-example {
	margin: 1.8rem auto;
	width: 96%;
	display: flex;
	flex-direction: column;
}
.service-example-img {
}
.service-example-title {
	width: 98%;
}

hr {
	width: 96%;
	border-top: 1px dashed #8c8b8b;
}

	}
/*================================================
 *  加工素材
================================================*/
#material {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/material.png");
	background-size:cover;	
}

@media only screen and (max-width: 735px) {
	#material {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/material-sp.jpg");
	background-size:cover;	
	}
	}
 /*----------○○○○○----------*/
 
 
/*================================================
 *  設備一覧
================================================*/
#facility {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/facility.png");
	background-size:cover;	
}
@media only screen and (max-width: 735px) {
#facility {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/facilty-sp.png");
	background-size:cover;	
}
}
.facility-box {
	margin-top: 80px;
}

.facility-box-2col {
	margin: 1.8rem auto;
	width: 890px;
	display: flex;
}

.facility-box-2col-title {
	width: 484px;
	margin: 0 2rem;
	text-align: left;
}

@media only screen and (max-width: 735px) {
.facility-box {
	margin-top: 80px;
	display: flex;
	flex-direction: column;
}

.facility-box-2col {
	margin: 1.8rem auto;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.facility-box-2col-title {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
}


/*----------表----------*/
section table { width: 100%; }
.demo03 table thead{ background-color: aqua; }
.demo03 th, section td  { padding: 10px; border: 1px solid #ddd; }
.demo03 th  { background: #f4f4f4; }
.demo03 th, .demo03 td  { width: 20%; text-align: left; }
@media only screen and (max-width: 480px) { 
section table thead {display: none;}
  .demo03 { margin: 0 -10px; }
  .demo03 tr {
    display:block;
    margin-bottom: 10px;
  }
  .demo03 th {
    display:block;
    width: 94%;
  }
  .demo03 td {
    display: list-item;
    width: 90%;
    margin-left: 10%;
    border:none;
  }
}
 
 /*================================================
 *  よくある質問
 ================================================*/
 #faq {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/faq-sp.png");
	background-size:cover;	
}
@media only screen and (max-width: 735px) {
#faq {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/faq-sp.png");
	background-size:cover;	
}
}
.faq-question-section {
	width: 90%;
	margin: 0 auto;
}
	
.faq-question {
position: relative;
background: #f4f4f4;
padding: 10px 5px 10px 3.4rem;
font-family: "Gothic MB101 Bold";
font-size:1.15rem; 
color: #182145;
border-radius: 10px;
text-align: left;
}

.faq-question:before {
font-family: "Jun 501";
content: "Q";
display: inline-block;
line-height: 32px;
position: absolute;
padding: 0em;
color: white;
background: #DF600F;
font-weight: normal;
width: 32px;
text-align: center;
height: 32px;
line-height: 32px;
left: 0.8rem;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}

.faq-question-answer{
	margin: 1rem auto 2rem;
	text-align: left;
}

@media only screen and (max-width: 480px) { 
	.faq-question-section {
	width: 100%;
	margin: 0 auto;
}

.faq-question {
position: relative;
background: #f4f4f4;
padding: 10px 8px 10px 3.4rem;
font-family: "Gothic MB101 Bold";
font-size:1rem; 
color: #182145;
border-radius: 10px;
text-align: left;
}


	}
 
 /*================================================
 *  会社概要
 ================================================*/
 #company {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/company.png");
	background-size:cover;	
}
#messe{margin-bottom:50px;width:96%;}
#messe h3{margin-bottom:30px;}
#messe h3:before {background-color: #fff;}
#messe>#sign p{text-align:right;line-height:1;}
#messe>#sign p>img{width:16%;}
@media only screen and (max-width: 735px) {
#company {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/company-sp.jpg");
	background-size:cover;	
}
#messe p{line-height: 1.7;}
#messe>#sign p>img {
    width: 40%;
}
}
table { width: 96%; }
.company-table th, .company-table td  { padding: 10px; border: 1px solid #ddd; }
.company-table th  { background: #f4f4f4; width: 30%; text-align: left;  }
.company-table td  { text-align: left; }
@media only screen and (max-width: 480px) { 
	#messe{margin-bottom:50px;width:100%;}
  .company-table { margin: 0 -10px; }
  .company-table tr {
    display:block;
    margin-bottom: 10px;
  }
  .company-table th {
    display:block;
    width: 100%;
  }
  .company-table td {
    display: list-item;
    width: 90%;
    margin-left: 6%;
    border:none;
    list-style: none;
  }
}

 
 /*================================================
 *  採用情報
 ================================================*/
 #recruit {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/recruit.png");
	background-size:cover;	
}
@media only screen and (max-width: 735px) {
#recruit {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/recruit-sp.png");
	background-size:cover;	
}
}
 /*----------example----------*/
.recruit-box {
	margin: 0.8em auto;
	width: 100%;
	display: flex;
	justify-content: space-around;
}
.recruit-box-col{
	margin-top: 1rem;
	width: 398px;
}
.recruit-box-col img{
	width: 398px;
}

@media only screen and (max-width: 480px) { 
.index-contents-inner-box {
	margin: 8px;
	width: 44%;
	}
	.recruit-box {
	margin: 0.4em auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	}
	.recruit-box-col{
	width: 100%;
}
.recruit-box-col img{
	width: 100%;
}

	}
	
table { width: 96%; }
.recruit-table th, .recruit-table td  { padding: 10px; border: 1px solid #ddd; }
.recruit-table th  { background: #f4f4f4; width: 30%; text-align: left;  }
.recruit-table td  { text-align: left; }
@media only screen and (max-width: 480px) { 
  .recruit-table { margin: 0 -10px; }
  .recruit-table tr {
    display:block;
    margin-bottom: 10px;
  }
  .recruit-table th {
    display:block;
    width: 100%;
  }
  .recruit-table td {
    display: list-item;
    width: 90%;
    margin-left: 6%;
    border:none;
    list-style: none;
  }
}

 

 /*================================================
 *  お問い合わせ
================================================*/
#contact {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/contact.png");
	background-size:cover;	
}
@media only screen and (max-width: 735px) {
#contact {
	width: 100%;
	height: 300px;
	margin: 0;
	background-image: url("../img/contact-sp.jpg");
	background-size:cover;	
}
}
.contact-box {
width: 84%;
margin: 40px auto;
padding: 16px 28px;
background-color: #F5F4F4;
}

dd{
	text-align: left;
	margin-bottom: 10%;/*2019.12.15追記*/
}

.contact-text {
font-size:0.8rem; 
margin:0 auto;
text-align: center;
}
.contact-orange {
font-family: "Gothic MB101 Bold";
font-size:1.6rem; 
font-weight:700; 
margin:5rem auto 0;
color: #DF600F;
text-align: center;
line-height:1.2; 
}

.contact-text2 { 
font-family: "Shin Go Medium";
font-size:1rem; 
line-height:1.6; 
margin:1em auto 0; 
text-align: center;
}

@media only screen and (max-width: 735px) {
	.contact-box {
width: 84%;
margin: 1rem auto;
padding: 1rem;
background-color: #F5F4F4;
}
	}
/*================================================
 *  footer
 ================================================*/
footer {
	height: 120px;
	padding: 30px auto;
	font-size: 0.8em;
	text-align: center;
}

adress {
	display: block;
	margin: 1rem auto 0rem;
	text-align: center;
}

.instagram {
    background-color: #F5F4F4;
}

.instagram img {
    margin: 20px 0 0;
    width: 3%;
}

small {
	display: block;
	width: 100%;
	background-color: #182145;
	color: #FFF;
	padding: 8px 0;
	margin-top: 0;
	text-align: center;
	font-size: 0.9em;
}

.map_frame {
    top           : 0;
    bottom        : 0;
    width         : 100%;
    margin-top    : 0px;/* ヘッダーの高さ */
    margin-bottom : 0px;/* フッターの高さ */
    background-color: #F5F4F4;
}
#map-canvas {
    width         : 100%;
    height        : 240px;
}

@media only screen and (max-width: 735px) { 
footer img{
width: 88px;
}
  }
/*----------footer-menu-pc----------*/
.footer-menu-pc{
font-family: "Shin Go Medium";
margin: 0 auto;
display: block;
padding: 1rem 0;
font-size: 1rem;
}
.footer-menu-pc a{
color: #182145;
}

.footer-menu-pc a:hover {
color: #DF600F;
}

@media only screen and (max-width: 735px) { 
.footer-menu-pc {
display: none;
}
.instagram {
    background-color: #fff;
}

.instagram img {
    margin: 20px 0;
    width: 10%;
}
}
/*----------footer-menu-sp----------*/
.title-bar{
display: none;
}

#footer-menu{
display: none;
}

.footer-menu-item{
display: none;
}

.footer-menu-item a{
display: none;
}

@media only screen and (max-width: 480px) { 
.title-bar{
	width: 100%;
	margin: 0 auto 20px;
	padding: 4px auto;
	color: #fff;
	background-color: #DF600F;
	font-weight: 400;
	font-size: 1.3em;
	display: block;
}
#footer-menu{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: center;
	padding-bottom: 24px;
	display: block;
}

.footer-menu-item{
	flex-basis: 44%;
	height: 40px;
	margin: 2px; 
	padding: 20px auto; 
	font-weight: 600;
	background-color: #182145;
	font-size: 0.9em;
	color: #64B4A0;
	border: solid 2px #182145;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
		display: inline-block;
		width: 44%;
}

.footer-menu-item a{
	line-height: 2.4rem;
	height: 50%;
	color: #fff;
	text-decoration: none;
		font-size: 1.1em;
		display: inline-block;
}
  }