@charset "utf-8";

/*===============================================
●画面の横幅が769px以上
===============================================*/
@media screen and (min-width : 769px ){
#pc------------------------------------------- {
}
/*#index #helo h2 {
	width: 53.71vw;
	height: 40.71vw;
}
#index #helo h2 img {
	margin-top: 5vw;
}*/

#index #about .flex.mov_top .box h3 {
	font-size: 2.635vw;      /* 36px */
}
#index #about .flex.mov_top .box2 nav ul li a span {
	font-size: 1.618vw;      /* 18px */
	padding-top: 0.732vw;    /* 10px */
	padding-bottom: 0.732vw; /* 10px */
}


#index #products .flex.mov_top .box div h3 span {
	font-size: 3.2vw;      /* 24px */
}
#index #company .inner.mov_top p {
	width: auto;
}
#index #company .inner.mov_top .flex.mov_top div p span {
	font-size: 2.1vw;      /* 24px */
}
footer .inner .text {
	width: auto!important;
}
#companys .snav ul {
	width: 40.27vw;   /* 550px */
}
#companys .snav ul li {
	width: 10vw;
}
#history .flex div table tbody tr .year {
	width: 4vw;
}
#history .flex div table tbody tr .month {
	width: 8vw;
}
#gaiyo table tbody tr th {
	width: 15vw;
}





  #equipment .fukidashi {
    min-width: 15vw;
  }
  #equipment .honsha .buil01_fig .fukidashi {
    left: 2.2vw;
    top: -4.9vw;
  }
  #equipment .honsha .buil02_fig .fukidashi {
    left: 8vw;
    top: -3.5vw;
  }
  
  
#equipment .fukaya .buil01_fig .fukidashi {
    left: 2.9vw;
    top: -5.5vw;
}
#equipment .fukaya .buil02_fig .fukidashi {
    left: -2vw;
    top: -4.2vw;
}
#equipment .fukaya .buil03_fig .fukidashi {
    left: 2vw;
    top: 2.9vw;
}
#equipment .fukaya .buil04_fig .fukidashi {
    left: -2vw;
    top: -7vw;
}


#equipment .obusuma .buil01_fig .fukidashi {
    left: 15.5vw;
    top: -0.4vw;
}



#broach h4 {
	display: flex;
	line-height: 1em;
	align-items: center;
}
#broach .flex2 figure {
	margin-top: 0.7vw;
}




#strength .flex div .icon {
	margin-bottom: 1vw;
}
#strength .flex div h3 span {
	margin-bottom: 1vw;
	margin-top: 1vw;
	line-height: 1em;
}




#greeting div dl {
	width: auto!important;
}
#greeting div dl dd {
	font-size: 2.8vw;
	width: auto;
}




#philosophy h2 span {
	font-size: 3.296vw;
}
#philosophy .inner ul li figcaption span {
	font-size: 1.757vw;
}





#contact .box {
	width: 65vw;         /* 804px */
}
#contact .box .flex .tel+p {
	line-height: 1.8em;
	top: -0.65vw;          /* -7px */
}
#contact th .hissu {
	width: 5.5vw;         /* 48px */
}


}



/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
	
/*===============================================
●sp-tablet
===============================================*/
#sptablet------------------------------------------- {
}
#index #about .flex.mov_top .box2 nav ul li a span {
	font-size: 6vw;      /* 18px */
	padding-top: 2vw;    /* 10px */
	padding-bottom: 0.732vw; /* 10px */
}


#index #products .flex.mov_top .box div h3 span {
	font-size: 10vw;      /* 24px */
}
#index #company .inner.mov_top p {
	width: auto;
}
#index #company .inner.mov_top .flex.mov_top div p span {
	font-size: 6.5vw;      /* 24px */
}




#history .flex div table tbody tr .year {
	width: 7vw;
}
#history .flex div table tbody tr .month {
	width: 20vw;
}



#broach h4 {
	display: flex;
	line-height: 1em;
	align-items: center;
}



#strength .flex div h3 {
	position: static!important;
	margin-left: 23vw;
	margin-top: -22vw;
}
#strength .flex div h3 span {
	margin-bottom: 2vw;
}




#philosophy h2 span {
	font-size: 6vw;
}
#philosophy .inner ul li figcaption span {
	font-size: 5vw;
}




#contact th .hissu {
	width: 20vw;         /* 48px */
}


footer h2+p {
	font-size: 3vw!important;
}
}



/*===============================================
●画面の横幅が400pxまで
===============================================*/
@media screen and (max-width:400px){
/*===============================================
●sp400
===============================================*/
#sp400------------------------------------------- {
}
}



/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
/*===============================================
●sp320
===============================================*/
#sp320------------------------------------------- {
}
}



/*===============================================
●画面の横幅が481pxから768pxまで
===============================================*/
@media screen and (min-width:481px) and (max-width:768px) {
/*===============================================
●tablet
===============================================*/
#tab------------------------------------------- {
}

}