body{
	min-width:100%;
}

.top_bun {
    font-size: 4vw;
    top: 10%;
}

*{
	text-align:justify;
}

/**スクロールヒント**/
.scroll-hint-icon-wrap{
	display:block;
}

.scroll-hint-icon{
    height: 90px !important;
	z-index:9;
}

/*-------------------------------
スマホ用幅　文　左右余白
--------------------------------*/
.w1200{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.w1000{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

.w900{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.w800{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.w600{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.sp_95{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

.sp_90{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.fl{
	float:none;
}

.fr{
	float:none;
}

.clr{
	clear:both;
}

.pt10 {
	display: block; 
	padding-top: 10px; 
	clear: both; 
}
.pt20 {
	display: block; 
	padding-top: 20px; 
	clear: both; 
}
.pt30 {
	display: block; 
	padding-top: 30px; 
	clear: both; 
}
.pt50 {
	display: block; 
	padding-top: 50px; 
	clear: both; 
}

/*-------------------------------
テーブル
--------------------------------*/
/*table th{
	display:block;
	width:100%;
}

table td{
	display:block;
	width:100%;
}:/

/*-------------------------------
ページトップへスクロール
--------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}

/*-------------------------------
レスポンシブ　スマホ画面では見えない
--------------------------------*/
.sp_none{
	display:none;
}
/*-------------------------------
レスポンシブ　スマホ画面で見える
--------------------------------*/
.full_none{
	display:inline;
}
/*-------------------------------
スクロール固定
--------------------------------*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/******************************************************
トップページ　共通
*******************************************************/
/*-------------------------------
グローバルナビゲーション
--------------------------------*/
.drawer-opened{
	overflow:hidden;
}

header{
	min-width:inherit;
	background-color:#009bda;
	position:static;
	z-index:1;
}
/**開くアイコン**/
header #nav_icon{
	position: absolute;
	/*position:fixed;*/
    top: 20px;
    right: 15px;
    display: block;
    background-image: url(../img/nav_ic1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 15vw;
    height: 15vw;
	z-index: 1000000;
}
/**閉じるアイコン**/
.drawer-opened header #nav_icon{
	background-image: url(../img/nav_ic2.png);
	z-index:1000000;
}

/* キーフレームを作成 */
@-webkit-keyframes fadein {
	0%{
		opacity:0;
	}
	75%{
		opacity:0.5;
	}
	100% {
		opacity:1;
	}
}

.drawer-opened header nav{
	display:block;
	-webkit-animation: fadein 0.5s linear 0s 1;
}
/**ナビゲーションオープン時背景**/
header nav{
	background-color: rgba(0, 155, 218, 0.9);
	color:#ffffff;
	width: 100%;
	display:none;
	/*position:absolute;*/
	position:fixed;
	top:0;
	overflow:auto;
	height:100vh;
	z-index:999999;
}

header .right {
    float: none;
}

header nav.w800{
	height:100vh;
}

header nav.w1000{
	height:100vh;
}

header nav ul{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 15vw;
    height: auto;
    overflow-y: auto;
}

header nav > ul > li{
	margin-top: 1em;
    margin-bottom: 1em;
    font-size: 5vw;
    font-weight: bold;
}

header nav > ul > li:before{
	color:#ffffff;
	content:"■";
	margin-left:-1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header nav > ul > li{
	margin-left: 1em;
	
	float: none;
    text-align:left;
    margin-right:auto;
    font-weight:normal;
    position:static;
	width: 90%;
	border:none;
}

header nav > ul > li:last-of-type{
	border:none;
}

header nav > ul > .wrap1 > a:after{
	color:#ffffff;
}

header nav ul .child{
	display:none;
	margin-top:0;
	
    position: static;
    background-color:inherit;
    z-index: 999999;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border: none;
    min-width:inherit;
    width: 100%;
}

header nav ul .child li{
	margin-top:1em;
	margin-bottom:1em;
	
	border-bottom:none;
}

nav >ul > li > a{
	color:#ffffff;
}

header nav .child a{
	color:#ffffff;
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    display: block;
}
/*-------------------------------
ヘッダー
--------------------------------*/
header{
	min-width:inherit;
}

header h1 {
    float: none;
    margin-top: 0;
    padding: 2%;
    width: 70%;
}

header .sub_nav {
    margin-top: 10px;
    margin-bottom: 0;
	width: 95%;
    margin-left: auto;
    margin-right: auto;
}

header .sub_nav > a.jpn{
	width: 45%;
    text-align: center;
    margin-top: 15px;	
}

header .sub_nav > a.eng{
	text-align: center;
    width: 45%;
    margin-top: 15px;
}

/*-------------------------------
メインビジュアル
--------------------------------*/
#home .top_img{
	min-width:inherit;
	width:100%;
	top: 0;
}

/**キャッチコピー**/
#home .catchcopy{
	position: absolute;
    top: 15%;
    width: 100%;
	opacity:0;
	z-index:-1;
}

#home .catchcopy h2{
	font-size: 10vw;
    width: 80%;
}

#home .catchcopy h2 span{
	font-size:80%;
}

/**再生ボタン**/
#home #sound_button{
	display:none;
}

#home .top_img .topslide p{
	/*position: absolute;
    font-size: 4vw;
	max-width:95%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;*/
	/*position: absolute;
    font-size: 7vw;
    max-width: 95vw;
    left: 0;
    right: 65%;
    margin-left: auto;
    margin-right: auto;
    top: 45%;*/
	position: absolute;
    font-size: 4.5vw !important;
    max-width: 80vw;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5em;
    text-align: justify;
}

#home .top_img .topslide li.bottom p{
	position: absolute;
    font-size: 4.5vw !important;
    max-width: 80vw;
	top:10%;
    left: 0;
    right: 0;
	bottom:auto;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5em;
    text-align: justify;
}

#home .top_img .topslide li.left p{
	position: absolute;
    font-size: 4.5vw !important;
    max-width: 80vw;
    top:10%;
    left: 0;
    right: 0;
	bottom:auto;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5em;
    text-align: justify;
}

#home .top_img .topslide li.left_bottom p{
	position: absolute;
    font-size: 4.5vw !important;
    max-width: 80vw;
    top:10%;
    left: 0;
    right: 0;
	bottom:auto;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5em;
    text-align: justify;
}

#home .top_img .topslide p br{
	display:none;
}

/*#home .top_img .topslide .bxslider{
	height:100%;
}

#home .top_img .topslide .bxslider li{
	height:100%;
}

#home .top_img .topslide .bx-wrapper img {
    position: relative;
    width: 750px;
    max-width: initial;
    left: -20%;
	height:100%;
}*/

.top_img .bx-wrapper .bx-next {
    background-size: cover;
    width: 5vw;
    height: 7vw;
}

.top_img .bx-wrapper .bx-next:hover {
    background-size: cover;
    width: 5vw;
    height: 7vw;
}

.top_img .bx-wrapper .bx-prev{
	background-size: cover;
    width: 5vw;
    height: 7vw;
}

.top_img .bx-wrapper .bx-prev:hover{
	background-size: cover;
    width: 5vw;
    height: 7vw;
}

/*-------------------------------
コンテンツ
--------------------------------*/
/**NEWS**/
#home .news{
	position: static;
    bottom: 0;
    width: 100%;
	opacity:1 !important;
}

#home .news .news_wrap .more.full_none{
	display:block;
}

#home .news .news_wrap .more.sp_none{
	display:none;
}

#home .news .news_wrap .wrap1 {
    width: 100%;
    display: block;
}

#home .news .news_wrap .wrap2 {
    width: 100%;
    display: block;
}

#home .news .news_wrap .wrap2 li{
	margin-top:10px;
	margin-bottom:10px;
}

#home .news .news_wrap .wrap2 li a{
	display:block;
}

#home .news .news_wrap .wrap2 li .title {
    width: 100%;
    display: block;
}

#home .main .wrap4 h3 {
    font-size: 12vw;
}

#home .main .wrap5 h3 {
    font-size: 14vw;
    line-height: 1.2em;
}

#home .main .wrap5 .iso {
    font-size: 7vw;
    text-align: center;
    margin-top: 10px;
	width:100%;
}

#home .main .wrap5 > p {
    width: 100%;
    font-size: 5vw;
    margin-top: 15px;
}


/*-------------------------------
メイン
--------------------------------*/
#home .main{
	min-width:inherit;
	margin-top: 0;
}

#home .main .main_wrap {
    float: none;
    width: 90%;
}

#home .main .main_wrap .bun p br{
	display:none;
}

#home .main .wrap1 h2{
	font-size: 11vw;
}

#home .main .wrap1 p {
    font-size: 6vw;
}

#home .main .con1 .bun {
    width: 100%;
}

#home .main .con1 .img {
    width: 100%;
	margin-top:15px;
}

#home .main .wrap5 .ninntei {
    width: 100%;
}

#home .main .wrap5 .ninntei img {
    margin: 0;
    width: 32%;
}

#home .main .wrap5 .hinshitu {
    width: 100%;
}

#home .main .wrap5 .hinshitu img {
    margin: 0;
    width: 32%;
}

/**フッタースライド**/
#home .footer_slide {
    padding-top: 40px;
    padding-bottom: 55px;
    height: 100%;
    position: static;
}

#home .footer_slide .slide1 {
    margin-top: 20vw;
	margin-bottom: 30px;
	position: static;
}

#home .footer_slide .slide1 .img {
    width: 100%;
    text-align: center;
}

#home .footer_slide .slide1 .img img {
    width: 80%;
    margin-top: -170px;
}

#home .footer_slide .slide1 .bun {
    width: 100%;
}

#home .footer_slide .slide1 .bun h2{
	font-size:14vw;
	text-align:center;
}

#home .footer_slide .slide1 .bun p {
	font-size: 6vw;
	margin-top: 5vw;
}

#home .footer_slide .slide2 {
    position: static;
}

#home .footer_slide .slide2 > .bun {
    width: 100%;
    margin-top: 0;
}

#home .footer_slide .slide2 .bun h2 {
    font-size: 10vw;
}

#home .footer_slide .slide2 > .img {
    width: 100%;
}

#home .footer_slide .slide2 .slide2_wrap .bun {
    width: 100%;
    display: block;
}

#home .footer_slide .slide2 .slide2_wrap .img{
	width:100%;
	display:block;
	margin-bottom:15px;
}

#home .footer_slide .slide2 .slide2_wrap .img img{
	margin-left:auto;
	margin-right:auto;
}

/*-------------------------------
サイドメニュー
--------------------------------*/
#home .main .side_menu .menu{	
	display:block !important;
}

#home .main .side_menu{
	right: -290px;
	
	width: 300px;
    position:absolute;
    top: 0;
    z-index: 99;
	float:none;
	margin-top: 0;
}

/*-------------------------------
フッター
--------------------------------*/
footer h1{
	float:none;
	text-align: center;	
}

footer nav {
    float: none;
    margin-top: 0px;
}

/******************************************************
サブページ
*******************************************************/

/******************************************************
会社概要　#about
*******************************************************/
#about .top_img {
    height: 25vh;
}

#about .top_img .w1000{
	top: 20%;
}

#about .sub_menu ul{
	width: 100%;
}

#about .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

#about .sub_menu li{
    width: 46%;
    padding: 2%;
    border-left: none;
    border-bottom: 2px solid #333333;
    font-size: 4vw;
    margin: 2%;
}

#about .sub_menu li:first-of-type{
	border-bottom: 2px solid #333333;
}

#about .wrap1{
	margin-top: 55px;
    margin-bottom: 55px;
}

#about .wrap1 > .fl,#about .wrap1 > .fr{
	width:100%;
	margin-bottom: 20px;
}

#about .wrap1 .img, #about .wrap1 .bun{
	width:100%;
}

#about .wrap1 .img{
	text-align:center;
	margin-top:10px;
}

#about .wrap2{
	margin-top: 55px;
    margin-bottom: 55px;
}

#about .wrap2 h3{
	margin-bottom: 10px;
	border-bottom:2px solid #333333;
}

/***社長あいさつ***/
#about #aisatu .bun{
	width:100%;
}

#about #aisatu .img {
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
}

#about #aisatu .bun p{
	margin-bottom:5px;
}

/***公認資格/その他資格***/
#about #shikaku .wrap2_1{
	width:100%;
}

#about #shikaku .wrap2_1 .img{
	text-align:center;
	margin-top: 20px;
}

#about #shikaku .wrap2_1 .img img{
	width:32%;
}

#about #shikaku .wrap2_1 .bun li span:first-of-type{
	width:100%;
	display: block;
}

#about #shikaku .wrap2_1 .bun li span:last-of-type{
	display: block;
}

/***沿革***/
#about #enkaku{
	
}

#about #enkaku table{
	
}

#about #enkaku table th{
	display: block;
    width: 99%;
    box-sizing: border-box;
}

#about #enkaku table td.month{
	display: inline-block;
    width: 18%;
    box-sizing: border-box;
    vertical-align: bottom;
}

#about #enkaku table td.title{
	display: inline-block;
    width: 81%;
    box-sizing: border-box;
    vertical-align: bottom;
}

/***所在地の案内***/
#about #syozaiti{
	
}

#about #syozaiti .wrap4_1{
	float: none;
    width: 100%;
	margin-top:15px;
	margin-bottom:15px;
}

#about #syozaiti .wrap4_2{
	float: none;
    width: 100%;
	margin-top:15px;
	margin-bottom:15px;
}

/******************************************************
お問い合わせ　#contact
*******************************************************/
#contact{
	
}

#contact .top_img{
	height: 25vh;
}

#contact .top_img .w1000{
	top: 20%;
}

#contact .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

#contact .wrap1 {
    margin-top: 55px;
    margin-bottom: 55px;
}

/******************************************************
製品の紹介　#productinfo
*******************************************************/
#productinfo .top_img {
    height: 25vh;
}

#productinfo .top_img .w1000{
	top: 20%;
}

#productinfo .sub_menu ul{
	width: 100%;
}

#productinfo .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

#productinfo .wrap1 a{
	float: none;
	max-width: 315px;
	width:95%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 0;
    margin-bottom: 25px;
}

#productinfo .wrap1 a:first-of-type{
	float:none;
	margin-left: auto;
    margin-right: auto;
}

#productinfo .wrap1 a:last-of-type{
	float:none;
	margin-left: auto;
    margin-right: auto;
}

/******************************************************
設備の診断と改修工事　#diagnosis
*******************************************************/
#diagnosis .top_img {
    height: 25vh;
}

#diagnosis .top_img .w1000{
	top: 20%;
}

#diagnosis .sub_menu ul{
	width: 100%;
}

#diagnosis .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
	line-height: 1.2em;
}

#diagnosis .wrap1 .wrap1_1{
	width: 100%;
}

#diagnosis .wrap1 .wrap1_2{
	width: 100%;
}

#diagnosis .wrap1 .wrap1_3 img:first-of-type{
	margin-right: auto;
}

#diagnosis .wrap2 .wrap2_1{
	width: 100%;
}

#diagnosis .wrap2 .wrap2_2{
	width: 100%;
}

#diagnosis .wrap2 h2 {
    font-size: 6vw;
}

#diagnosis .wrap3 h2,#diagnosis .wrap4 h2,#diagnosis .wrap5 h2 {
	border-bottom: 3px solid;
}

#diagnosis .wrap3_1_1{
	display:block;
	text-align: center;
}

#diagnosis .wrap3_1_2{
	display:block;
	vertical-align: top;
}

#diagnosis .wrap3_1_2 ul{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#diagnosis .wrap3_1_2 p{
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#diagnosis .wrap3_1_2{
	border-left:none;
	margin-left:0;
	padding-left:0;
}

#diagnosis .wrap3_1_1 .endo{
	margin-left: 0;
    text-align: left;
}

#diagnosis .wrap4_1 img{
	width: 43%;
    margin: 2% 0;
}

#diagnosis .wrap4_1 img.ic{
	width:auto;
}

#diagnosis .wrap4_1 .waku{
	height: 40vw;
    width: 40vw;
    margin: 3%;
}

#diagnosis .wrap4_1 .waku p{
	font-size: 4vw;
}

#diagnosis .wrap5{
	
}

#diagnosis .wrap5_1{
	
}

#diagnosis .wrap5_1 h3{
	font-size: 6vw;
}

#diagnosis .wrap5_1 .img_wrap p{
	font-size: 4vw;
}

/******************************************************
設備の紹介　#equipments
*******************************************************/
#equipments .top_img {
    height: 25vh;
}

#equipments .top_img .w1000{
	top: 20%;
}

#equipments .sub_menu ul{
	width: 100%;
}

#equipments .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

#equipments .wrap2 h2{
	font-size: 5.5vw;
}

#equipments .wrap2 .cap{
	text-align:center;
}

#equipments .wrap2 .wrap2_2 p{
	text-align:justify;
}

#equipments .wrap2 .wrap2_2 .cap{
	text-align:center;
}

#equipments .wrap2 .wrap2_1{
	width: 100%;
}

#equipments .wrap2 .wrap2_2{
	width: 100%;
    text-align: center;
}

#equipments .wrap2 .wrap2_3{
	width: 100%;
	text-align: center;
}

#equipments .wrap2 .wrap2_3 img{
	/*width: 47%;
    margin: 1%;*/
	width: 94%;
    margin: 1%;
    margin-left: auto;
    margin-right: auto;
}

/*#equipments .wrap3{
	overflow-x:scroll
}*/

#equipments .wrap3 .table_wrap{
	height: 60vh;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#equipments .wrap3 .scroll-hint-icon{
	/*top: 5%;*/
}

#equipments .wrap3 table{
	width:1000px;
}

/******************************************************
ボイラー関係設備及び部品　#boiler
*******************************************************/
#boiler .top_img {
    height: 25vh;
}

#boiler .top_img .w1000{
	top: 20%;
}

#boiler .sub_menu ul{
	width: 100%;
}

#boiler .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

#boiler .sub_menu li{
    width: 46%;
    padding: 2%;
    border-left: none;
    border-bottom: 2px solid #333333;
    font-size: 3.5vw;
    margin: 2%;
}

#boiler .sub_menu li:first-of-type{
	border-bottom: 2px solid #333333;
}

#boiler .wrap1 h2 {
    font-size: 8.5vw;
    line-height: 1.2em;
    margin-bottom: 15px;
}

#boiler .wrap1 .wrap1_1 {
    width: 100%;
}

#boiler .wrap1 .wrap1_1 .map_wrap {
	width:100%;
	overflow-x:scroll;
}

#boiler .wrap1 .wrap1_1 .bun > div{
	width:100%;
	min-height: auto;
}

#boiler .wrap1 .wrap1_2 {
    margin-left: 0;
    width: 100%;
}

#boiler .wrap2 .wrap2_1 {
    width: 48%;
    margin: 1%;
    display: block;
    color: #333333;
    float: left;
}

#boiler .wrap2 .wrap2_1 p {
    line-height: 1.2em;
    font-size: 4vw;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#boiler .wrap1 .wrap1_2 img{
	/*max-width: initial;
    width: 600px;*/
	width: 100%;
    height: auto;
}

#boiler .wrap1 .wrap1_1 .map {
    margin: 5%;
}

#boiler .wrap2 .wrap2_1:nth-of-type(2n):after{
	content:"";
	display:block;
	clear:both;
	height: 20px;
}

#boiler .wrap1 .wrap1_2 > div >.bx-wrapper .bx-viewport{
	min-height:70vw !important;
}


/******************************************************
ガスタービン関係設備及び部品　#gasturbine
*******************************************************/
#gasturbine .top_img {
    height: 25vh;
}

#gasturbine .top_img .w1000{
	top: 20%;
}

#gasturbine .sub_menu ul{
	width: 100%;
}

#gasturbine .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

#gasturbine .sub_menu li{
    width: 46%;
    padding: 2%;
    border-left: none;
    border-bottom: 2px solid #333333;
    font-size: 3.5vw;
    margin: 2%;
}

#gasturbine .sub_menu li:first-of-type{
	border-bottom: 2px solid #333333;
}

#gasturbine .wrap1 h2 {
    font-size: 8.5vw;
    line-height: 1.2em;
    margin-bottom: 15px;
}

#gasturbine .wrap1 .wrap1_1 {
    width: 100%;
}

#gasturbine .wrap1 .wrap1_1 .map_wrap {
	width:100%;
	overflow-x:scroll;
}

#gasturbine .wrap1 .wrap1_2 {
    margin-left: 0;
    width: 100%;
}

#gasturbine .wrap2 .wrap2_1 {
    width: 48%;
    margin: 1%;
    display: block;
    color: #333333;
    float: left;
}

#gasturbine .wrap2 .wrap2_1 p {
    line-height: 1.2em;
    font-size: 4vw;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#gasturbine .wrap1 .wrap1_2 img{
	/*max-width: initial;
    width: 600px;*/
	width: 100%;
    height: auto;
}

#gasturbine .wrap1 .wrap1_1 .map {
    margin: 5%;
}

#gasturbine .wrap2 .wrap2_1:nth-of-type(2n):after{
	content:"";
	display:block;
	clear:both;
	height: 20px;
}

#gasturbine .wrap1 .wrap1_2 > div >.bx-wrapper .bx-viewport{
	min-height:70vw !important;
}

/******************************************************
産業用機械　#others
*******************************************************/
#others .top_img {
    height: 25vh;
}

#others .top_img .w1000{
	top: 20%;
}

#others .sub_menu ul{
	width: 100%;
}

#others .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

#others .sub_menu li{
    width: 46%;
    padding: 2%;
    border-left: none;
    border-bottom: 2px solid #333333;
    font-size: 3.5vw;
    margin: 2%;
}

#others .sub_menu li:first-of-type{
	border-bottom: 2px solid #333333;
}

#others .wrap1 h2 {
    font-size: 8.5vw;
    line-height: 1.2em;
    margin-bottom: 15px;
}

#others .wrap1 .wrap1_1 {
    width: 100%;
}

#others .wrap1 .wrap1_1 .map_wrap {
	width:100%;
	overflow-x:scroll;
}

#others .wrap1 .wrap1_2 {
    margin-left: 0;
    width: 100%;
}

#others .wrap2 .wrap2_1 {
    width: 48%;
    margin: 1%;
    display: block;
    color: #333333;
    float: left;
}

#others .wrap2 .wrap2_1 p {
    line-height: 1.2em;
    font-size: 4vw;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#others .wrap1 .wrap1_2 img{
	/*max-width: initial;
    width: 600px;*/
	width: 100%;
    height: auto;
}

#others .wrap1 .wrap1_1 .map {
    margin: 5%;
}

#others .wrap2 .wrap2_1:nth-of-type(2n):after{
	content:"";
	display:block;
	clear:both;
	height: 20px;
}

#others .wrap1 .wrap1_2 > div >.bx-wrapper .bx-viewport{
	min-height:70vw !important;
}

/******************************************************
採用情報　#recruit
*******************************************************/
#recruit .top_img {
    /*height: 25vh;*/
}

#recruit .bx-wrapper{
	margin-bottom:15px;
}

#recruit .sub_menu{
	margin-top:15px;
}

#recruit .top_img .w1000{
	top: 20%;
}

#recruit .sub_menu ul{
	width: 100%;
}

#recruit .sub_menu ul li{
    /*width: 50%;*/
	width: 48%;
}

#recruit .sub_menu ul li a {
    font-size: 4vw;
	padding: 8%;
}

#recruit .wrap1 dl {
    width: 48%;
}

#recruit .wrap1 dl dd .job {
    top: -13%;
    left: -17%;
    font-size: 3vw;
}

/*#recruit .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

#recruit .wrap1 h2{
	font-size: 10vw;
    line-height: 1.4em;
}

#recruit .wrap1 h2 span{
	display:block;
	text-align:right;
}

#recruit .wrap1 h2 img{
	width: 20%;
}

#recruit .ex_bg{
	position: static;
}

#recruit .wrap1_1_bg{
	margin-top: 0;
}

#recruit .wrap1 .wrap1_1{
	width: 100%;
    margin: 0;
}

#recruit .wrap1 .wrap1_1_1 .img1{
	display: block;
    margin-left: auto;
    margin-right: 0px;
}

#recruit .wrap1 .wrap1_1_1.b .img1{
	margin-right: 0;
}

#recruit .wrap1 .wrap1_1_1.c .img1{
    margin-right: 0;
}

#recruit .wrap1 .wrap1_1_2 h3{
	font-size: 7vw;
}

#recruit .wrap1 .wrap1_1_2 p{
	width: 95%;
    margin-left: 0;
}

#recruit .wrap2_bg .w1000 > h2{
	font-size: 10vw;
    line-height: 1.2em;
}

#recruit .wrap2_bg .w1000 > h2 span{
	display:block;	
}

#recruit .wrap2_bg .w1000 > h2 span img{
	width: 55%;
}

#recruit .wrap2{
	margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}

#recruit .wrap2 .wrap2_1 h2{
	font-size: 5vw;
    padding-bottom: 15vw;
    margin-bottom: 0vw;
}

#recruit .wrap2.fr .wrap2_1 h2{
	margin-top: 0;
    padding-bottom: 20vw;
    margin-bottom: -5vw;
}

#recruit .wrap2 .wrap2_2{
	width:100%;
}

#recruit .wrap2 .wrap2_2 .wrap2_2_1{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:300px;
	
}

#recruit .wrap2 .wrap2_2 .fl{
	width:50%;
	float:left;
	margin-top: 7vw;
}

#recruit .wrap2 .wrap2_2 .fr{
	width: 50%;
    margin-top: 0;
    margin-right: 0;
	float:right;
}

#recruit .wrap2 .wrap2_3{
	width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#recruit .wrap2 .wrap2_3 p{
	text-align:center;
}*/

/******************************************************
社長メッセージ　#recruit-message
*******************************************************/
#recruit-message .top_img {
    /*height: 25vh;*/
}

#recruit-message .bx-wrapper{
	margin-bottom:15px;
}

#recruit-message .sub_menu{
	margin-top:15px;
}

#recruit-message .top_img .w1000{
	top: 20%;
}

#recruit-message .sub_menu ul{
	width: 100%;
}

#recruit-message .sub_menu ul li{
    width: 48%;
}

#recruit-message .sub_menu ul li a {
    font-size: 4vw;
	padding: 8%;
}

/******************************************************
会社を知る　#recruit-company
*******************************************************/
#recruit-company .top_img {
    /*height: 25vh;*/
}

#recruit-company .bx-wrapper{
	margin-bottom:15px;
}

#recruit-company .sub_menu{
	margin-top:15px;
}

#recruit-company .top_img .w1000{
	top: 20%;
}

#recruit-company .sub_menu ul{
	width: 100%;
}

#recruit-company .sub_menu ul li{
    width: 48%;
}

#recruit-company .sub_menu ul li a {
    font-size: 4vw;
	padding: 8%;
}

#recruit-company h3 br{
	display:none;
}

#recruit-company .wrap2 .img{
	float: none;
    width: 100%;
    margin-top: 35px;
}

#recruit-company .wrap2 .bun{
	float:none;
	width:100%;
}

#recruit-company .wrap3 img {
    margin: 1%;
    width: 98%;
}

/******************************************************
環境を知る　#recruit-environment
*******************************************************/
#recruit-environment .top_img {
    /*height: 25vh;*/
}

#recruit-environment .bx-wrapper{
	margin-bottom:15px;
}

#recruit-environment .sub_menu{
	margin-top:15px;
}

#recruit-environment .top_img .w1000{
	top: 20%;
}

#recruit-environment .sub_menu ul{
	width: 100%;
}

#recruit-environment .sub_menu ul li{
    width: 48%;
}

#recruit-environment .sub_menu ul li a {
    font-size: 4vw;
	padding: 8%;
}

#recruit-environment h3 {
    margin-bottom: 20px;
}

#recruit-environment .wrap1 .wrap1_1 .bun{
	float:none;
	width:100%;
}

#recruit-environment .wrap1 .wrap1_1 .img{
	float:none;
	width:100%;
}

#recruit-environment .wrap1 .wrap1_1:nth-of-type( 2n ) .bun{
	float:none;
}

#recruit-environment .wrap1 .wrap1_1:nth-of-type( 2n ) .img{
	float:none;
}

#recruit-environment .wrap2{
	
}

#recruit-environment .wrap2 .wrap2_1{
	font-size:0;
}

#recruit-environment .wrap2 .wrap2_1 img{
	width:50%;
}

/******************************************************
募集要項　#recruit-requirements
*******************************************************/
#recruit-requirements .top_img {
    /*height: 25vh;*/
}

#recruit-requirements .bx-wrapper{
	margin-bottom:15px;
}

#recruit-requirements .sub_menu{
	margin-top:15px;
}

#recruit-requirements .top_img .w1000{
	top: 20%;
}

#recruit-requirements .sub_menu ul{
	width: 100%;
}

#recruit-requirements .sub_menu ul li{
    width: 48%;
}

#recruit-requirements .sub_menu ul li a {
    font-size: 4vw;
	padding: 8%;
}

#recruit-requirements h3 {
    margin-bottom: 20px;
}

#recruit-requirements .wrap1 table{
	display:block;
	width:100%;
}

#recruit-requirements .wrap1 table tr{
	display:block;
	width:100%;
}

#recruit-requirements .wrap1 table th{
	display:block;
	width:100%;
}

#recruit-requirements .wrap1 table td{
	display:block;
	width:100%;
}

#recruit-requirements .wrap1 table td p{
	
}

#recruit-requirements .wrap1 table td p span{
	max-width: 70%;
}

#recruit-requirements .wrap3 table{
	display:block;
	width:100%;
}

#recruit-requirements .wrap3 table tbody{
	display:block;
	width:100%;
}

#recruit-requirements .wrap3 table tr{
	display:block;
	width:100%;
}

#recruit-requirements .wrap3 table th{
	display:block;
	width:100%;
}

#recruit-requirements .wrap3 table td{
	display:block;
	width:100%;
}

/******************************************************
募集要項　#recruit-qa
*******************************************************/
#recruit-qa .top_img {
    /*height: 25vh;*/
}

#recruit-qa .bx-wrapper{
	margin-bottom:15px;
}

#recruit-qa .sub_menu{
	margin-top:15px;
}

#recruit-qa .top_img .w1000{
	top: 20%;
}

#recruit-qa .sub_menu ul{
	width: 100%;
}

#recruit-qa .sub_menu ul li{
    width: 48%;
}

#recruit-qa .sub_menu ul li a {
    font-size: 4vw;
	padding: 8%;
}

#recruit-qa h3 {
    margin-bottom: 20px;
}

#recruit-qa .wrap1 .wrap1_1 .bun{
	float:none;
	width:100%;
}

#recruit-qa .wrap1 .wrap1_1 .img{
	float:none;
	width:100%;
}

#recruit-qa .wrap1 .wrap1_1:nth-of-type( 2n ) .bun{
	float:none;
}

#recruit-qa .wrap1 .wrap1_1:nth-of-type( 2n ) .img{
	float:none;
}

#recruit-qa .wrap2 .wrap2_1{
	margin-top: 25px;
    margin-bottom: 25px;
}

#recruit-qa .wrap2 .wrap2_1 .bun{
	float:none;
	width:100%;
}

#recruit-qa .wrap2 .wrap2_1 .img{
	float:none;
	width:100%;
}

#recruit-qa .wrap2 .wrap2_1:nth-of-type( 2n ) .bun{
	float:none;
}

#recruit-qa .wrap2 .wrap2_1:nth-of-type( 2n ) .img{
	float:none;
}

/******************************************************
CAD　#recruit-cad
*******************************************************/
#recruit-cad .top_img {
    /*height: 25vh;*/
}

#recruit-cad .bx-wrapper{
	margin-bottom:15px;
}

#recruit-cad .sub_menu{
	margin-top:15px;
}

#recruit-cad .top_img .w1000{
	top: 20%;
}

#recruit-cad .sub_menu ul{
	width: 100%;
}

#recruit-cad .sub_menu ul li{
    width: 48%;
}

#recruit-cad .sub_menu ul li a {
    font-size: 4vw;
	padding: 8%;
}

#recruit-cad h3 {
    margin-bottom: 20px;
}

#recruit-cad .wrap1 .wrap1_1 .bun{
	float:none;
	width:100%;
}

#recruit-cad .wrap1 .wrap1_1 .img{
	float:none;
	width:100%;
}

#recruit-cad .wrap1 .wrap1_1:nth-of-type( 2n ) .bun{
	float:none;
}

#recruit-cad .wrap1 .wrap1_1:nth-of-type( 2n ) .img{
	float:none;
}

/******************************************************
動画ギャラリー　.movie
*******************************************************/
.movie{
	
}

.movie .top_img {
    height: 25vh;
}

.movie .top_img .w1000{
	top: 20%;
}

.movie .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

.movie iframe{
	width: 98%;
    margin: 1%;
}

/******************************************************
個人情報保護方針　#privacypolicy
*******************************************************/
#privacypolicy .top_img {
    height: 25vh;
}

#privacypolicy .top_img .w1000{
	top: 20%;
}

#privacypolicy .sub_menu ul{
	width: 100%;
}

#privacypolicy .top_img h2{
	font-size: 9vw;
    margin-top: 4vh;
}

#privacypolicy .sub_menu li{
    width: 46%;
    padding: 2%;
    border-left: none;
    border-bottom: 2px solid #333333;
    font-size: 3.5vw;
    margin: 2%;
}

#privacypolicy .sub_menu li:first-of-type{
	border-bottom: 2px solid #333333;
}

#privacypolicy .wrap1 .img, #about .wrap1 .bun{
	width:100%;
}

#privacypolicy .wrap1{
	margin-top: 55px;
    margin-bottom: 55px;
}

#privacypolicy .wrap1 h3{
	margin-bottom: 10px;
	border-bottom:2px solid #333333;
}

/******************************************************
お知らせ　#news
*******************************************************/
#news .top_img {
    height: 25vh;
}

#news .top_img .w1000{
	top: 20%;
}

#news .sub_menu ul{
	width: 100%;
}

#news .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

#news .main .title{
	display:block;
	width:100%;
	margin-top:10px;
}

#news .fl{
	width: 100%;
}

#news .wp-pagenavi a, #news .wp-pagenavi span{
	display: inline-block;
}
/******************************************************
個別投稿　#single
*******************************************************/
#single .top_img {
    height: 25vh;
}

#single .top_img .w1000{
	top: 20%;
}

#single .sub_menu ul{
	width: 100%;
}

#single .top_img h2{
	font-size: 10vw;
    margin-top: 4vh;
}

#single .img .one{
	
}

#single .img .two > a{
	float:none;
	width:100%;
}

#single .img .two > a:nth-of-type(2n){
	float:none;
	width:100%;
	margin-left:0;
}

#single .img .three > a{
	float:none;
	width:100%;
	margin:0;
}

#single p,#single a{
	word-break: break-all;
}

/******************************************************
ページ送り　#single_navi
*******************************************************/
#single_navi{
	font-size:4vw;
	padding-left: 0%;
    padding-right: 0%;
}

#single_navi .post_previous{
	width: 31%;
}

#single_navi .post_previous a{
	padding: 5%;
}

#single_navi .post_previous a:before{
	
}

#single_navi .post_list{
	
}

#single_navi .post_list a:before{
	
}

#single_navi .post_next{
	width: 31%;
}

#single_navi .post_next a{
	padding: 5%;
}

#single_navi .post_next a:after{
	
}

#single_navi a{
	
}