@charset "utf-8";
/*****************************************************
	
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
	
*****************************************************/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,th,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;}
.line {font-size:1px;line-height:1px;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
 -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*--- default */
body {
	color: #231815;
	font-size: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Noto Sans JP","Caveat","Courgette", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
	　　-webkit-text-size-adjust: 100%;
}
.clear{
	clear:both;}
.w100{
	width:100%;
	height:auto;
}
.w80{
	width:80%;
	height:auto;
}
.w75{
	width:75%;
	height:auto;
}
.w70{
	width:70%;
	height:auto;
}
.w65{
	width:65%;
	height:auto;
}
.w60{
	width:60%;
	height:auto;
}
.w55{
	width:55%;
	height:auto;
}.w50{
	width:50%;
	height:auto;
}
.w45{
	width:45%;
	height:auto;
}.w40{
	width:40%;
	height:auto;
}
.w35{
	width:35%;
	height:auto;
}
.w30{
	width:30%;
	height:auto;
}

.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}

.bottom_space-b{
	margin-bottom:70px!important;
}
.bottom_space-ss{
	margin-bottom:10px!important;
}
.top_space{
	margin-top:30px!important;
}

.drawer-navbar{
	display:none;
}
.bt{
	text-align:center;
	margin:50px auto 70px;
}
.bt a{
	background:#2859b2;
	color:#fff;
	border-radius:50px;
	padding:15px 2em;
	min-width: 270px;
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	
}

.bt a:hover{
	background:#4c81e1;
	color:#fff;
}
/*****************************************************
	
	基本設定、リンクカラーなど
	
*****************************************************/
#wrap{
	width: 100%;
	height: auto;
	margin:0 auto;
	position:relative;
}

a{
	outline:0;
}
a:link {
	color: #231815;
	text-decoration:none;
}

a:visited{
	color:#333;
	text-decoration:none;
}

a:hover{
	color:#e60012;
	text-decoration: none;
}

a:active{
	color:#06e;
	text-decoration:none;
}
.clear:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
a,a img {
    -webkit-transition: 0.5s ease-in-out;
       -moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
}
a img:hover  {
    opacity: 0.5;
    filter: alpha(opacity=50);
} 
p{word-wrap: break-word;}
.box{overflow:hidden;}

/*****************************************************
	
	ヘッダー

*****************************************************/

.head-box{
 width:100%;
 margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
 position:relative;
}
#header-rogo{
 width: 20%;
 max-width: 250px;
 margin: 30px 0 30px 50px;
}
#header-rogo a{display:block;}
#header-rogo img{width:100%;max-width: 250px;}

.head-box ul{
 width: calc(100% - 300px);
 display: inline-block;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 -webkit-align-items: stretch;
 align-items: center;
 margin: 0px 82px 0px 0px;
 justify-content: flex-end;
}
.head-box ul li:first-child{
 width: calc(100% - 300px);
 max-width:200px;
 font-size:70%;
 font-weight:bold;
}
.head-box ul li:first-child span{
 display:block;
 font-size:180%;
 padding-left:5px;
}
.head-box ul li:first-child span:before{
 content:"";
 background: url(../image/common/denwa.svg)no-repeat center;
 background-size:100%;
 padding: 0px 10px;
 margin: 0 5px 0 0;
}
.head-box ul li:last-child{
 width: calc(100% - 250px);
 max-width: 250px;
 text-align:center;
 background:#2859b2;
 box-sizing:border-box;
 font-size:7%;
 margin:0 0 0 10px;
}
.head-box ul li a:last-child:before{
 content:"";
 background: url(../image/common/e-mail.svg)no-repeat center;
 background-size:100%;
 padding: 2px 10px;
 margin: 0 5px 0 0;
}
.head-box ul li a{
 color:#fff;
 padding: 14px 2%;
 display:block;
}
.head-box ul li a:hover{
 background:#4c81e1;
}
@media screen and (max-width:800px){
#header-rogo{
 min-width: 180px;
}
.head-box ul li:first-child{
 display:none;
}
.head-box ul li:last-child{
 display:none;
}
}
@media screen and (max-width:600px){}
@media screen and (max-width:480px){
#header-rogo{
 width: 80%;
 min-width: 150px;
 margin: 0;
 padding: 7% 0 6% 5%;
}
}

/*****************************************************
	
	ナビ部分

*****************************************************/

header #navArea{
 width: 100%;
}
nav.gnav .inner ul li{
 text-align:center;
 line-height: 1.5em;
 color:#231815;
}
nav.gnav .inner {
 font-size:85%;
 letter-spacing:0em;
}
nav.gnav .inner .jp{
 font-size:65%;
}
nav.gnav .inner ul{
 width:100%;
 max-width:1200px;
 margin:0 auto;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-align-items: stretch;
 align-items: stretch;
}
nav .inner ul li{
	margin:0 auto 10px;
 -webkit-align-self: center;
	align-self: center;
}
nav.gnav .inner ul li a{
 display:block;
 padding:20px 0;
}
nav.gnav .inner ul li a span{
 display:block;
}
nav.gnav .inner ul li:last-child{
 display:none;
}

@media screen and (max-width:1080px){
header #navArea{
	width:60%;
	overflow:hidden;
}

nav.gnav .inner ul{
 display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;-webkit-align-items: center;align-items: center;
 display:block;
 padding: 10px 0.5em;
 box-sizing:border-box;
}

nav.gnav .inner ul li{
	text-align:center;
	line-height: 1.5em;
 border-bottom:1px dashed #ccc;
 padding-bottom:15px;
 margin-bottom:15px;
}
nav.gnav .inner {
	font-size:85%;
	letter-spacing:0em;
}
nav.gnav .inner .jp{
	font-size:65%;
}
nav.gnav .inner ul li a{
 display:block;
 color:#211714;
}
nav.gnav .inner ul li a span{
	display:block;
}
nav.gnav .inner ul li a:hover{
   opacity: 0.6;
    filter: alpha(opacity=60);
}
nav.gnav .sp{
	display:none;
}

nav.gnav .inner ul{
	display: block;
	margin:0 auto 0;
}
	nav .inner ul li{
	margin:0 auto 10px;
}
#navArea{width:100%;}
nav.gnav .inner ul{
	width: 100%;
	margin:70px 0;
}
nav.gnav .inner{
	font-size: 108%;
}
/*============ toggle_btn =============*/

.toggle_btn {
  display: block;
  position: fixed;
  top: 0px;
  right: 00px;
  width: 84px;
  height: 84px;
  transition: all .5s;
  cursor: pointer;
  z-index:100;
  background-color: #eee;
}
.toggle_btn:hover {
   width: 80px;

}
.toggle_btn:after {
 content:'メニュー';
 font-size:60%;
 text-align:center;
 width:100%;
 position:absolute;
 bottom: 15px;
 left:0%;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.open .toggle_btn:after {
 content:'閉じる';

}

.toggle_btn span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left:-15px;
  width: 30px;
  height: 2px;
  background-color: #414141;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {top: 30%;}
.toggle_btn span:nth-child(2) {top: 40%;margin-top:-1px;}
.toggle_btn span:nth-child(3) {bottom: 50%;}

.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(4px) rotate(-315deg);
  transform: translateY(4px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(315deg);
  transform: translateY(-7px) rotate(315deg);
  bottom: 55%;
}

/*============ mask =============*/

#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1.0;
  z-index: 0;
  cursor: pointer;
}

/*============ nav =============*/
nav.gnav .inner {
 font-size:85%;
 letter-spacing:0em;
 background:#fff;
}
nav.gnav{
  display: block;
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  width: 50%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all 1.0s;
  z-index: -1;
  opacity: 0;
}

.open nav.gnav {
  opacity: 1;
  z-index: 10;
  right: 0;
}

}

@media screen and (max-width:800px){
.pagesubmenu{
	display:none;
}
nav.gnav .inner ul li:last-child{
 display:block;
}
}
@media screen and (max-width:400px){
.toggle_btn {
  width: 70px;
  height: 70px;
}
.toggle_btn:hover {
   width: 90px;
}
}

.pagesubmenu{
	position:fixed;
	right:0;
	z-index:1;
	top: 200px;
	font-size:90%;
	letter-spacing:0.1em;	
}

.pagesubmenu{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;	
}
.pagesubmenu .jp{
	font-size:80%;
	margin:0.5em 0 0;
}
.pagesubmenu li a{
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	background:#fff;
	border:3px solid #73645a;
	padding:1.0em 2em 1.5em 0.75em;
	position:relative;
	border-radius:5px;
	right:-1.6em;
}
.pagesubmenu li a:hover{
	opacity:1;
	right:-0.7em;
}
.pagesubmenu li:first-child a i{
	background:url(../image/common/ic-mail.svg)no-repeat center;
	background-size:20px;
	padding:0 18px 35px 20px;
}
.pagesubmenu li:last-child a i{
	background:url(../image/common/ic-insta.svg)no-repeat center;
	background-size:20px;
	padding:0 18px 35px 20px;
}


/*****************************************************
	
	フッター

*****************************************************/

#footer{
 width:100%;
 clear:both;
 overflow:hidden;
 padding: 0 0 5%;
 border-top: 1px solid #eee;
}
.ft-inner{
 border-top: 1px solid #eee;
}
.ft-menu{
 width:95%;
 max-width:1200px;
 margin:0 auto;
}
.ft-menu ul{
 margin:0 auto;
 padding:5% 0;
 display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-around;justify-content: space-around;-webkit-align-items: stretch;align-items: center;
}
.ft-menu ul li{
 width: 16.6%;
 text-align:center;
 font-size: 90%;
}
.ft-menu ul li a{
 display:block;
 padding:3% 0;
 font-weight:bold;
}
.ft-menu ul li a span{
 display:block;
}
.ft-rogo{
 width: 15%;
}
.foot-info{
 width: 95%;
 max-width: 1200px;
 margin: 80px auto 0;
 text-align:center;
}
.foot-info ul li:nth-child(3){
 padding:0 0 20px;
}
.foot-info ul li:first-child{
 max-width:220px;
 margin:0 auto 30px;
}
.ft-rogo img{
 width:100%;
}
#footer-wrap{
 display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-around;justify-content: flex-start;-webkit-align-items: stretch;align-items: stretch;
}
.copyright{
 text-align:center;
 padding: 5% 0;
  font-size:80%;
}
@media screen and (max-width:800px){
.ft-inner{
 border-top: 0px solid #eee;
}
.ft-menu ul li{
 width:100%;
 text-align:left;
 border-bottom: 1px dashed #ddd;
}
.ft-rogo{
 width: 100%;
 max-width: 100px;
 margin:0 auto 30px;
}
.foot-info{
 width: 100%;
 margin: 0 0 0 0;
 text-align:center
}
}
@media screen and (max-width:800px){
.foot-info{
 width:90%;
 font-size:80%;
 margin:0 auto;
}
}
/*****************************************************

	フロントコンテンツ
	
*****************************************************/

#content{
 clear: both;
 width:100%;
 margin: 0px auto;
}

/*============ about-area =============*/


ul#about-area{
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 position:relative;
 width: 100%;
 max-width:1200px;
 margin:0 auto;
 padding: 10% 0;
}
ul#about-area li{
 flex: 0 1 50%;
}
ul#about-area li .text-box{
 width: 100%;
 max-width: 400px;
 padding: 3%;
 background: #e1eff9;
 line-height: 1.7em;
 box-sizing: border-box;
 position:absolute;
 top: 45%;
 left: 18%;
 z-index:0;
}

ul#about-area li .photo-box{
 padding:250px 0;
 z-index: 0;
 background:url(../image/part/doa.jpg)no-repeat center;
 background-size: cover;
}
 .text-box h2{
  text-align:center;
  padding:0 0 20px;
  font-size:150%;
 }
.green-bt{
 width:100%;
 max-width: 250px;
 margin:20px auto;
}
.green-bt a{
 background:#399aa4;
 color:#fff;
 padding: 6%;
 box-sizing:border-box;
 font-size:90%;
 display:block;
 position:relative;
 z-index: 5;
}
.green-bt a:after{
 content:"";
 padding: 10px 18px;
 background: url(../image/common/yajirushi.svg)no-repeat center;
 position:absolute;
 z-index:10;
 right: 15px;
}
.green-bt a:hover{
 background:#61d8e4;
 color:#fff;
}

@media screen and (max-width:1200px){
ul#about-area li .text-box{
 width: 90%;
 padding: 5%;
 left: 18%;
}
}

@media screen and (max-width:1080px){
ul#about-area li .text-box{
 width:100%;
 left: 9%;
 z-index: 5;
}
}
@media screen and (max-width:900px)	{
ul#about-area li .text-box{
 left: 0%;
}
}
@media screen and (max-width:800px)	{
ul#about-area li .text-box{
 top:40%;
 left: 0%;
}
ul#about-area{
 padding: 10% 0  30%;
}
ul#about-area li .text-box{
 width: 50%;
}
}
@media screen and (max-width:480px)	{
ul#about-area{
 padding: 10% 0 ;
}
ul#about-area li{
 flex: 0 1 100%;
 background: #e1eff9;
}
ul#about-area li .text-box{
  width:100%;
 position: relative;
 top: 0%;left: 0%;
 z-index:0;
 margin:0 auto;
 padding:5%;
}
ul#about-area li .photo-box{
 padding:35% 0;
 z-index: 0;
 background-size: cover;
}
}

/*============ service-area =============*/
#service-area{
 width:100%;
 clear:both;
 padding:12% 0;
 margin: 5% 0 0;
 background:url(../image/part/garasu.jpg)no-repeat center;
 background-size:cover;
}

#service-area div{
 display: flex;
 justify-content: flex-end;
 align-items: center;
 width: 100%;
 max-width:1200px;
 margin:0 auto;
 align-content: center;
}
#service-area div h2{
 text-align:center;
 font-size: 250%;
}
#service-area div h2 span{
text-align:center;
 display:block;
 font-size:40%;
}
@media screen and (max-width:1200px){
#service-area div h2{
 text-align:center;
 font-size: 150%;
}
}
@media screen and (max-width:480px){
#service-area div{
 width: 80%;
}
}
/*============ jigyo-area =============*/
#jigyo-area{
 width:100%;
 max-width: 900px;
 margin:0 auto;
 padding:5% 0;
}
#jigyo-area ul{
 width:100%;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: stretch;
}
#jigyo-area ul li{
 width: 20%;
 margin:2.5% 2.5%;
}
#jigyo-area ul li a{
 display:block;
 text-align:center;
 border-radius: 50%;
 padding:50% 0;
 background: url(../image/jigyo/kenchiku.jpg)no-repeat center;
 background-size:cover;
 box-sizing:border-box;
}
#jigyo-area ul li p{
 text-align:center;
 padding:20px 0 0;
 line-height:1.5em;
}

#jigyo-area ul li a:hover{
 opacity:0.6;
 filter: alpha(opacity=60);
}
#jigyo-area ul li:hover{
 color:#e60012;
 cursor: pointer;
}

#jigyo-area ul li:nth-child(2) a{
 background: url(../image/jigyo/gaikou.jpg)no-repeat center ;
 background-size:cover;
}
#jigyo-area ul li:nth-child(3) a{
 background: url(../image/jigyo/kagi.jpg)no-repeat center;
 background-size:cover;
}
#jigyo-area ul li:nth-child(4) a{
 background: url(../image/jigyo/rifomu.jpg)no-repeat center;
 background-size:cover;
}
#jigyo-area ul li:nth-child(5) a{
 background: url(../image/jigyo/koukyou.jpg)no-repeat center;
 background-size:cover;
}
#jigyo-area ul li:nth-child(6) a{
 background: url(../image/jigyo/kakou.jpg)no-repeat center;
 background-size:cover;
}
#jigyo-area ul li:nth-child(7) a{
 background: url(../image/jigyo/torituke.jpg)no-repeat center;
 background-size:cover;
}
#jigyo-area ul li:nth-child(8) a{
 background: url(../image/jigyo/mente.jpg)no-repeat center;
 background-size:cover;
}
@media screen and (max-width:800px){
#jigyo-area{
 width: 90%;
}
#jigyo-area ul li{
 width: 28%;
 margin:2.6%;
}
#jigyo-area ul li p{
 font-size:90%;
}
}
@media screen and (max-width:480px){
#jigyo-area{

 padding:10% 0;
}
}
/*============ recruit-area =============*/
#recruit-area{
 padding: 10% 0;
 background: url(../image/part/haikei03.jpg)no-repeat center;
 background-size:cover;
 box-sizing:border-box;
}
.recruit-box{
 width:20%;
 max-width:300px;
 min-width:240px;
 margin:0 auto;
 background:#fff;
 padding:1%;
 box-sizing:border-box;
}
.recruit-box h2{
 display:block;
 text-align:center;
 font-size:180%;
 padding:15px 0;
}
.recruit-box h2 span{
 display:block;
 font-size:40%;
}
.recruit-box .green-bt{
 width:100%;
 max-width:100%;
 margin:0;
}
.recruit-box .green-bt a{
 background:#399aa4;
 color:#fff;
 padding: 6% ;
 box-sizing:border-box;
 font-size:90%;
 display:block;
 position:relative;
}
/*****************************************************
	
	ページコンテンツ

*****************************************************/

#page-content{
 width:100%;
 margin:0 0 10%;
 }
.title-bg{
  width:100%;
 background:#e1eff9;
}
.title-box{
 max-width:1200px;
 margin:0 auto;
 text-align:center;
 padding:80px 0;
}

.title-box h1{
 text-align:center;
 font-size:180%;
}

#page-content h2{
 color:#2859b2;
 font-size:150%;
 padding:0 0 30px;
}

.pk-list{
 width:100%;
}
.pk-list ul{
 width:95%;
 max-width:1200px;
 margin:30px auto 80px;
 line-height:1.5em;
}
.pk-list ul li{
 width: 50%;}

.pk-list  ul li{
 display: inline;/*横に並ぶように*/
 list-style: none;
 font-weight: normal;/*太字*/
 font-size:0.8em;
}
.pk-list  li:after {/* >を表示*/
  content: '>';
  padding: 0 0.8em;
}
.pk-list li:last-child:after{content:'';}

/*武富ガラスについて*/
#aisatu{
 width:95%;
 margin:0 auto 80px;
 max-width:1200px;
}

#aisatu ul{
 width:100%;
 display:flex;
 flex-wrap: wrap;
 justify-content: space-around;
 align-items: stretch;
}

#aisatu ul li{
 width:60%;
} 
 
#aisatu ul li:last-child{
 width:30%;
 margin:0 auto;
 text-align:center;

} 
#aisatu ul li:last-child img{
 width:100%
}

#aisatu ul li span{
 font-weight:bold;
 display:block;
 text-align:right;
} 

#mado-obi{
 width:100%;
 padding:20% 0;
 margin:10% auto;
 background:url(../image/part/about_10466.jpg)no-repeat center;
 background-size:cover;
}
#enkaku,
#gaiyo{
 width:95%;
 max-width:1200px;
 margin:0 auto 50px;
}

#enkaku dl,
#gaiyo dl{
 word-wrap: break-word;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin:7px 2%;
	border-bottom:1px dashed #b5b5b6;
}
#enkaku dl dt,
#gaiyo dl dt{
	width:10%;
	padding:5px 1em;
	margin:0 20px 0 0;
	font-size:95%;
}
#enkaku dl dd,
#gaiyo dl dd{
 width:90%;
	display:block;
	padding:5px 0;
}
#gaiyo dl dd .map{
 width:100%;
 padding:5% 0;
}
#gaiyo dl dd .map iframe{
 width:100%;
}
@media screen and (min-width:1200px){
#mado-obi{
 padding:250px 0;
 background-size: 100%;
} 
}
@media screen and (max-width:680px){
#aisatu{
 width:90%;
}
#aisatu ul li{
 width:100%;
 margin:0 0 5%;
}
#aisatu ul li:last-child{
 width:100%;
 margin:0 0 0%;
}
#enkaku dl,
#gaiyo dl{
 width:90%;
 display: block;
 margin:7px auto;
 padding:10px 5px 15px;
}

#enkaku dl dt,
#gaiyo dl dt{
 width:90%;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 padding:0;
 margin:0;
}
#enkaku dl dd,
#gaiyo dl dd{
 width:100%;
}
}
@media screen and (max-width:480px){}

/*事業内容*/
.jigyo-box-r,
.jigyo-box{
 width:100%;
 margin:0 auto;
}
.jigyo-box {
 background:#f2f3f5;	
}
.jigyo-box-r dl,
.jigyo-box dl{
 width:100%;
 max-width:1200px;
 margin:0 auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
 align-items: stretch;
}
.jigyo-box-r dl dt,
.jigyo-box dl dt{
 width: 45%;
 align-self: center;
}
.jigyo-box-r dl dt .photo-s,
.jigyo-box dl dt .photo-s{
 box-sizing:border-box;
 padding:5%;
 
}
.jigyo-box-r dl dt img,
.jigyo-box dl dt img{
 width: 100%;
}
.jigyo-box-r dl dd,
.jigyo-box dl dd{
 width:45%;
 box-sizing:border-box;
 padding: 5%;
 align-self: center;
}
.jigyo-box-r dl dd .title-s,
.jigyo-box dl dd .title-s{
 text-align:center;font-size:120%;
 font-weight:bold;
 padding:0 0 20px;
}
.jigyo-box-r dl dt{order: 2;}
.jigyo-box-r dl dd{order: 1;}

@media screen and (max-width:680px){
.jigyo-box-r dl,
.jigyo-box dl{
 width:90%;
 padding: 3% 0;
}
.jigyo-box-r dl dt,
.jigyo-box dl dt{
 width: 100%;
}
.jigyo-box-r dl dd,
.jigyo-box dl dd{
 width:100%;
}
.jigyo-box-r dl dt{order: 1;}
.jigyo-box-r dl dd{order: 2;}
}

#contact-area{
 margin:5% 0;
 background: url(../image/jigyo/contact-bg.jpg)no-repeat center;
 background-size:cover;
 box-sizing:border-box;
}
.kuro{
 background-color:#2222228c;
padding: 10% 0;
}
.contact-box{
 width:25%;
 max-width:350px;
 min-width:260px;
 margin:0 auto;
 padding:1%;
 box-sizing:border-box;
}
.contact-box p{
 display:block;
 text-align:center;
 font-size:120%;
 font-weight:bold;
 padding:15px 0;
 color:#fff;
 position:relative;
 z-index:1;
}
.contact-box p span{
 display:block;

}
.recruit-box .green-bt{
 width:100%;
 max-width:100%;
 margin:0;
}
.contact-box .contact-bt a{
 background:#399aa4;
 color:#fff;
 padding: 6%;
 box-sizing:border-box;
 font-size:90%;
 display:block;
 position:relative;
 text-align: center;
}
.contact-box .contact-bt a:hover{
 background:#35bcc9;
}
.contact-box .contact-bt a:before{
 content:"";
 background: url(../image/common/e-mail.svg)no-repeat center;
 background-size:100%;
 padding: 2px 10px;
 margin: 0 5px 0 0;
}
@media screen and (min-width:1200px){

.kuro{
  padding:100px 0;
}
}

/*求人情報*/

#recruit{
 width:95%;
 max-width:1200px;
 margin:0 auto;
}
#recruit table{
  border-collapse: collapse;
  width: 100%;
 
}
#recruit .tb01 th,
#recruit .tb01 td{
  border: solid 1px #dcdddd;
  box-sizing:border-box;
  padding:3%;
  word-wrap: break-word;
}
#recruit .tb01 th {
 background: #f2f3f5;
 text-align:center;
}

@media screen and (max-width: 680px) {
#recruit .tb01 {
    width: 100%;
  }
#recruit table.tb01 th,
#recruit table.tb01 td {
    display: block;
    border-bottom:none;
  }
#recruit .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}

/*武富ガラスについて*/

#achiev{
 width:100%;
 max-width:1200px;
 margin:0 auto 5%;
}

#achiev ul{
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: stretch;
}

#achiev ul li{
 width:30%;
 border:3px solid #e1eff9;
 padding:2%;
 margin: 1.66%;
 box-sizing:border-box;
}
#achiev ul li .ph{margin:0 0 20px;}
#achiev ul li .ph img{
 width:100%;
}
#achiev ul li .titles{
 padding:0 0 10px;
 font-size: 100%;
 line-heifgr:1.5em;
}
@media screen and (max-width: 680px) {
#achiev{
 width:90%;
}
#achiev ul li{
 width:48%;
 margin: 1%;
}
}
/*プライバシーポリシー*/
#privacy{
 width:95%;
 max-width:1200px;
 margin:0 auto 5%;
}
.aki{
 margin:0 auto 8%;
}
/*技術・資格*/

#technology{
margin: 0 auto 5%;
}
.tec-box{
 width:95%;
 max-width:1200px;
 margin: 0 auto;
}
.tec-box ul{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
 align-items: stretch;
}

.tec-box ul li{
 width: 30%;
 margin:1.5% auto;
 box-sizing:border-box;
}
.tec-box ul li div{
 margin:0 auto 10px;
}
.tec-box ul li img{
 width:100%;
}
.tec-box ul li p{
 text-align:center;
 font-size:90%;
}
.tec-bg{
 width:100%;
 padding:20% 0;
 margin:50px auto;
 background:url(../image/part/haikei04.jpg)no-repeat center;
 background-size:100%;
}
.cap-box{
  width:95%;
  max-width:1200px;
  margin: 0 auto;
}
.cap-box ul{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
 align-items: stretch;
}

.cap-box ul li{
 width:45%;
 border:5px solid #e1eff9;
 padding:2%;
 margin:1.5% auto;
 box-sizing:border-box;
 font-size:90%;
}

@media screen and (min-width: 1200px) {
.tec-bg{
 padding:250px 0;
 margin:100px auto;
}
}

/*お問い合わせ*/

#inquiry{
 width:100%;
 max-width:1200px;
 margin:0 auto;
}

#inquiry .maile-waku{
 border:30px solid#e1eff9;
 margin:50px auto;
}

#mailformpro{
 width: 95%;
 padding:3%;
 margin:0 auto;
 box-sizing:border-box;
}
.mailform{
display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: stretch;align-items: stretch;
 width:100%;
 border-bottom:1px dashed #a9aaaa;
 padding:3% 0;
}

.mailform dt{
 width:18%;
 padding: 0 2%;
 color:#2859b2;
 -webkit-align-self: center;
	align-self: center;
}
.mailform dd{
 width:80%;
}
.nerei-s select{
 width: 100%;
 padding:3%;
 border:0;
 border-radius:5px;
 background:#efefef;
}

.nerei-s select option{
 color: #a9aaaa;
}
.mailform .tel-s input,
.mailform .email-s input,
.mailform .name-s input{
 width: 94%!important;
 padding: 3%;
 border:0;
 border-radius:5px;
 background:#efefef;
}
.mailform input{
 border:0;
 border-radius:5px;
 background:#efefef;
}
.toi{
 display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: stretch;align-items: stretch;
 width:100%;
}
.toi .toi-l{
 width:45%;
}
.toi .toi-r{
 width:45%;
}
.toi .mfp_col5{
 background:rgba(0,0,0,0);
}
.mailform textarea{
 width: 94%!important;
 border:0;
 padding:3%;
 border-radius:5px;
 background:#efefef;
}
.mfp_buttons{
 width:100%;
 max-width:300px;
 margin:5% auto;
}
.mfp_buttons button{
 width:100%;
 border:0;
 background: #2859b2;
 color:#fff;
 text-align:center;
 display:block;
 padding:8% 0;
 border-radius:50vh;
 cursor: pointer;
}
.mfp_buttons button:hover{
  background:#4c81e1;
}
@media screen and (max-width: 800px) {
#inquiry{
 width:95%;
 margin:0 auto;
} 
}

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

#inquiry .maile-waku{
 border:20px solid#e1eff9;
} 
.mailform{
display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: stretch;align-items: stretch;
 padding:4% 0;
}
#mailformpro{
 width: 94%;
 padding: 3%;
 margin:0 auto;
 box-sizing:border-box;
}
.mailform dt{
 width:100%;
 padding: 0 2% 2% 0;
}
.mailform dd{
 width:100%;
}
.toi{
 display:block;width:100%;
}
.toi .toi-l{
 width:100%;
}
.toi .toi-r{
 width:100%;
}
label{
 font-size:80%;
}
}

.about-ph{
 width:100%;
 max-width:1000px;
 margin:80px auto;
}

.about-ph ul{
 display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-around;justify-content: space-around;-webkit-align-items: stretch;align-items: stretch;
}

.about-ph ul li{
 width:45%;
}

.about-ph ul li img{
 width:100%;
}
@media screen and (max-width: 480px) {
.about-ph ul li{
 width:90%;
 margin:0 0 20px;
}
.about-ph ul li:last-child{
 margin:0 0 0px;
} 
}
.inner-area{
 margin-top:50px;
}