@charset "utf-8";

/*###########################################################

 全ページ共通のレスポンシブ
 
#############################################################/*/

@media screen and (max-width: 1600px) {
	/* ==================== 全ページ共通の横メニュー ==================== */
	.yokomenu-bg .container{max-width:100%;}
}




@media screen and (max-width: 1500px) {
	/*/////////////　newsお知らせ　////////////////*/
	.ilist-img4 {left: -8%;}
}




@media screen and (max-width: 1420px) {
	/*/////////////　Recruit採用情報　////////////////*/
	.ilist-img7 {top: -225px;right: -19%;}
	/*数字で見る----*/
	.section.index-recruit {padding: 40px 0 50px 0;}
	.suuji-wrap {max-width: 1205px;}
	ul.suuji-flex-ul li {font-size: 85%;padding-top: 14px;width: 23.2%;height: 240px;}
	.dsp_hpt{-webkit-transform: scale(0.9);transform: scale(0.9);transform-origin: top center;padding-top: 139px;}
}





@media screen and (max-width: 1380px) {
	/* ==================== 全ページ共通の横メニュー ==================== */
	.top-rogo a {width: 340px;height: 27px;}
	.top-rogo p {font-size: 10.5px;}
	ul#yoko-menu {max-width: 780px;}
}





@media screen and (max-width: 1320px) {
	/*/////////////　introduction　////////////////*/
	.intro-box{margin: 0 5%;}
	.intro-eng {width: 66%;height: 0;padding-top: 13%;}
	.intro-img {width: 35%;margin: -35px -10px 0 0;}
	.ilist-img2{bottom: -66px;left:55px;width: 20%;top:unset;}
	.ilist-img3{bottom: -47px;left: 27%;width: 18%;right: unset;}

	/*/////////////　newsお知らせ　////////////////*/
	.btn-more-title {margin: 20px 0 0 12px;}
	.ilist-img4 {left: 58px;}
	
	/*幅wide画像*/
	.width-img1 {height: 520px;background-size: 1700px;background-position: right -100px top;}

	/*/////////////　Recruit採用情報　////////////////*/
	.ilist-img7 {top: -292px;right: -8%;}
}





@media screen and (max-width: 1270px) {
	/*/////////////　Recruit採用情報　////////////////*/
	/*数字で見る----*/
	.suuji-wrap {max-width: 1100px;}
	ul.suuji-flex-ul li {width: 23%;margin: 0 0.7% 21px 0.7% !important;}
	.kigyou {height: 200px;margin: 17px 50px 0 30px;}
	.kigyou div p {font-size: 110%;}
	.illust {max-width: 250px;margin-top: 10px;vertical-align: top;}
}





@media screen and (max-width: 1200px) {
	/*//////// 全ページ共通のheader //////////////*/
	#header {height: 64px;border-bottom: 1px solid #ccc;background-color:#fff;}
	.top-rogo {top: 13px;}
	.top-rogo a {width: 290px;height: 24px;}
	.top-rogo p {font-size: 10px;margin-top: 2px;}


	/* 縮小時のheader*/
	#header.smaller{top:0px;background-color: #fff;}
	#header.smaller .top-rogo{top:13px;}


	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	ul#yoko-menu{display:none;}
	
	#menubtn{position:fixed;z-index:700;top:9px;right:12px;background:transparent;width:60px;height:46px;display:block;cursor:pointer;}/*overflow:hidden;text-indent:-8989px;*/
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -42px;background-color:transparent;}

	#menubtn.off a {background-color:transparent;outline:none !important;}
	#menubtn.on a {background-color:transparent;outline:none !important;}
	
	/*右側のメニューボタン*/
	.menu-trigger {position:absolute;right: 0;top: 10px;z-index:200;width:42px;height:26px;display: inline-block;transition: all .4s;box-sizing: border-box;left: 0;margin: 0 auto;}
	.menu-trigger span {position: absolute;left: 0;width: 100%;height:2px;background-color: #0059b2;display: inline-block;transition: all .4s;box-sizing: border-box;}
	
	/*
	.menu-trigger::after {position: absolute;left: 0;bottom: -25px;content: 'メニュー';display: block;width: 100%;color: #003540;font-size:79%;font-weight: 600;text-decoration: none;text-align: center;transition: all .4s;white-space: nowrap;letter-spacing: -0.2em;}
	.menu-trigger.active::after {content: '閉じる';color:#fff;bottom: -33px;font-weight: normal;}
	a.menu-trigger{text-decoration:none;}
	*/
	.menu-trigger span:nth-of-type(1) {}
	.menu-trigger span:nth-of-type(2) {top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
	.menu-trigger span:nth-of-type(3) {bottom: 0;}
	
	.menu-trigger.active span{height: 2px;background-color: #555;}
	.menu-trigger.active span:nth-of-type(1) {z-index: 10;-webkit-transform: translateY(9px) rotate(-317deg) scale(1.15);transform: translateY(12px) rotate(-317deg) scale(1.15);}
	.menu-trigger.active span:nth-of-type(2) {display: none;}
	.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(317deg) scale(1.15);transform: translateY(-12px) rotate(317deg) scale(1.15);}


	/*------------------------------------
	ページ上部右の出てくるナビmenu
	------------------------------------*/
	#navi_sp {display: none;position: fixed;width:100%;z-index:49;overflow-y: scroll;height:100%;right: 0;top: 0;background-color:#004385;}
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;}

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding: 75px 10px 6px 10px;margin: 0;list-style:none none outside;background-image:none;text-align: center;font-family: YakuHanMP, 'Noto Serif JP', serif;font-weight: 500;}
	#navi_sp ul#yoko-menu-sp li {margin: 23px 0;}
	#navi_sp ul#yoko-menu-sp li a {font-size:100%;color: #fff;text-decoration: none;line-height:1.2;}
	#navi_sp ul#yoko-menu-sp li a:hover{opacity:0.7;}


	/*submenu------------------------------*/
	#navi_sp ul#yoko-menu-sp li.spbox01{display:inline-block;width:50%;margin:1px 0;}
	#navi_sp ul#yoko-menu-sp li.spbox00 > a{}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(../img/header_menu_down.png) no-repeat left center / 11px;padding-left:15px;}
	#navi_sp ul#yoko-menu-sp li.spbox02.selected > a{background:url(../img/header_menu_up.png) no-repeat left center / 11px;padding-left:15px;opacity: 0.5;}

	#navi_sp ul#yoko-menu-sp ul.sub{border-top: 1px solid rgba(240,240,240,0.5);border-bottom: 1px solid rgba(240,240,240,0.5);margin: 10px auto 0 auto;padding: 5px 0 0 0;font-size: 93%;width:70%;}
	#navi_sp ul#yoko-menu-sp ul.sub li {margin: 20px 0;}

	/*個人情報取り扱いpdf
	#navi_sp ul#yoko-menu-sp li.spbox00.btn-pdf{display: table;margin: 0 auto 15px auto;font-size: 90%;background-position: 0 0;}*/

	/*subsubmenu
	#navi_sp ul#yoko-menu-sp ul.sub ul.children{display:block !important;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li {margin:3px 0;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li a{text-indent:30px;}
	*/

	/*メニューの閉じる*/
	#navi_sp p#menuclose{padding: 0 0 25px 0;}
	#navi_sp p#menuclose a{font-size:86%;color:#FFF;padding:8px 0;line-height: 1.0;display: block;background:#444 url(../img/header_menu_close.gif) no-repeat right 10px center;cursor: pointer;width: 230px;margin: 0 auto;text-align: center;}
	#navi_sp p#menuclose a:hover{background-color:#666;opacity:1;}	


	/*TOPページ上部の背景big画像-------------*/
	.headerimgs-wrapper {margin-top: 64px;}
	body.home .slider-pro .sp-mask,
	body.home .slider-pro .sp-mask.sp-grab{height:800px !important;}
	body.home .slider-pro .sp-slide,
	body.home .slider-pro .sp-image-container{height: inherit !important;align-items: center;display: flex;justify-content: center;}
	body.home .slider-pro .sp-image-container a{display: contents;}
	body.home .slider-pro .sp-image-container img {max-width: unset;height: 800px !important;width: auto !important;margin-left:0 !important;}

	.index-bigimg-text1 img {max-width: 67%;}
	.index-bigimg-text2 img {max-width: 55%;}

	/*/////////////　newsお知らせ　////////////////*/
	.section#index-news h2 {margin: 0 0 35px 3%;}
	
	/*/////////////　Recruit採用情報　////////////////*/
	.recruit-banner-wrap {padding: 0 4% 50px 4%;}
}





@media screen and (max-width: 1150px) {
	/*/////////////　Recruit採用情報　////////////////*/
	.recruit-banner {width: 850px;height: 260px;}
	.recruit-banner a > img {height: 260px;width: auto;}
	.bxslider-recruit-banner div {padding: 25.5% 0;width: 457px !important;right: 0;}
}





@media screen and (max-width: 1100px) {
	/*/////////////　Recruit採用情報　////////////////*/
 .ilist-img7 {right: 2%;}
}





@media screen and (max-width: 1000px) {
	/*/////////////　introduction　////////////////*/
	.intro-box {padding:40px 5% 50px 5%;}
	.intro-midashi1 {font-size: 2.5vw;}
	.intro-box .naka-kuwashii {margin: 20px 0 0 auto;width: 300px;}
	.ilist-img2 {bottom: -37px;left: 35px;width: 22%;}
	.ilist-img3 {bottom: -15px;}

	/*/////////////　newsお知らせ　////////////////*/
	.ilist-img6 {width: 325px;}

	/*/////////////　Recruit採用情報　////////////////*/
	.section.index-recruit h2::before {width: 195px;height: 98px;top: -56px;left: -152px;}
	.index-recruit-midashi {font-size: 165%;}
	.index-recruit-illit {margin: 0 8% 40px 8%;}
	.recruit-banner-wrap {padding: 0;background-color: transparent;width: 100%;}
	.recruit-banner {width: 730px;height: 220px;}
	.recruit-banner a > img {height: 226px;}
	.bxslider-recruit-banner div {padding: 21.5% 0;width: 388px !important;}
	.recruit-banner .bx-wrapper {border: none;}
	/*数字で見る----*/
	ul.suuji-flex-ul li {width: 31%;font-size: 80%;padding-top: 12px;height: 218px;background-size: 200px;}
	ul.suuji-flex-ul li .suuji {height: 121px;}
.dsp_hpt {-webkit-transform: scale(0.8);transform: scale(0.8);padding-top: 143px;}
}






@media screen and (max-width: 900px) {
	/*TOPページ上部の背景big画像-------------*/
	body.home .slider-pro .sp-mask,
	body.home .slider-pro .sp-mask.sp-grab{height:600px !important;}
	body.home .slider-pro .sp-image-container img {height: 600px !important;}

	.index-bigimg-text1 img {max-width: 67%;}
	.index-bigimg-text2 img {max-width: 55%;}
	
	.btn-scroll-box {display: none;}

	/*/////////////　newsお知らせ　////////////////*/
	.section#index-news h2 {margin: 0 0 15px 3%;font-size: 230%;}
	.news-wrapp {text-align: center;padding: 30px 5% 50px 5%;}
	.news-wrapp-inner {float: none;width: 100%;margin: 0 0 10px 0;}
	.news-box dd {text-align: left;}
	.btn-more-title {margin:0;float: none;display: inline-block;vertical-align: middle;top: 17px;position: relative;width: auto;}
	.btn-more {float: none;margin:0;display: inline-block;vertical-align: middle;}
	.btn-more > a .btn-circle {right: unset;left: -10px;}
	.ilist-img4 {left: 46px;bottom: -122px;z-index: 5;}

	/*幅wide画像*/
	.width-img1 {height: 350px;background-size: 1100px;background-position: right -50px top;}

	/*/////////////　Recruit採用情報　////////////////*/
	.ilist-img7 {width: 170px;}
	
	
	/*/////////////////  全ページ共通のフッター ////////////////*/
	ul.footermenu-ul > li {margin: 0 0.7em 7px 0.7em;font-size: 92%;}
	dl.footer-zip-dl dt {margin-right: 30px;}
}






@media screen and (max-width: 800px) {
	/*/////////////　Recruit採用情報　////////////////*/
	.kigyou {height: 170px;margin: 17px 50px 0 10px;border-radius: 12px;padding: 23px 0 0 50px;width: 400px;}
	.illust {max-width: 210px;}
	.recruit-banner {width: 100%;}

	/*/////////////////  全ページ共通のフッター ////////////////*/
	.footermenu-box {display: none;}
	#footer {padding: 35x 0 0 0;}
	dl.footer-zip-dl {margin: 0 auto 25px auto;}
	dl.footer-zip-dl dt {margin-right: 0;display: block;text-align: center;}
	dl.footer-zip-dl dt .top-rogo {margin: 0 auto;display: table;}
	dl.footer-zip-dl dt .top-rogo a {width: 320px;height: 25px;}
	dl.footer-zip-dl dt .tel {margin: 3px auto 0 auto;}
	dl.footer-zip-dl dd {display: table;margin: 20px auto 0 auto;}
	dl.footer-zip-dl dd .iso img {max-width: 62px;}
	dl.footer-zip-dl dd .iso p {font-size: 11px;}
	.copyright {padding: 12px 0 12px 0;}
}





@media screen and (max-width: 750px) {
	/*全ページ共通のテーブル構造　-------------------*/
	#wrapper {font-size: 93% !important;}
	
	/*lozad.jによるアニメーション------*/
	.fadein-			{opacity: 1;transition:none;}
	.fadein-left	{opacity: 1;transform:none;transition:none;}
	.fadein-right	{opacity: 1;transform:none;transition:none;}
	.fadein-up		{opacity: 1;transform:none;transition:none;}
	.zoomin				{opacity: 1;transform:none;transition:none;}
	.widthleft		{opacity: 1;transform:none;transition:none;}
	.widthright		{opacity: 1;transform:none;transition:none;}

	.transition-delay,
	.transition-delay1,
	.transition-delay2,
	.transition-delay3,
	.transition-delay4,
	.transition-delay5,
	.transition-delay6,
	.transition-delay7,
	.transition-delay8,
	.transition-delay9,
	.transition-delay10,
	.transition-delay11,
	.transition-delay12{transition-delay:0s;}

	/*TOPページ上部の背景big画像-------------*/
	.sp-buttons {display: none;}

	/*/////////////　introduction　////////////////*/
	.section.intro {padding: 70px 0 0 0;}
	.intro-com {margin-top: 10px;}
	.intro-box .naka-kuwashii {width: 250px;}
	.ilist-img2 {bottom: 20px;}
	.ilist-img3 {bottom: 46px;left: 29%;}

	/*/////////////　newsお知らせ　////////////////*/
	.section#index-news{padding: 140px 0 70px 0;}
	.section#index-news h2 {margin: 0 0 15px 30px;font-size: 200%;}
	 h2 small {font-size: 15px;}
	.ilist-img6 {width: 250px;top: -70px;right: 40px;}
	.ilist-img4 {left: 46px;bottom: -60px;z-index: 5;width: 90px;}

	.widthleft {margin-bottom: 60px;}
				
	/*/////////////　Recruit採用情報　////////////////*/
	.section.index-recruit {background-size: 1654px;}
	.ilist-img7 {width: 140px;top: -245px;right: 0;}
	.section.index-recruit h2 {font-size: 190%;margin: 0 auto 30px auto;}
	.section.index-recruit h2::before {width: 162px;height: 84px;left: -106px;}
	.index-recruit-midashi {font-size: 145%;margin-bottom: 10px;}
	.index-recruit-com1 {margin-bottom: 23px;font-size: 100%;}
	.recruit-banner {height: 200px;}
	.recruit-banner a > img {height: 202px;}
	/*数字で見る----*/
	ul.suuji-flex-ul li {font-size: 70%;padding-top: 4px;height: 180px;background-size: 162px;}
	ul.suuji-flex-ul li .suuji {height: 91px;}
	.dsp_hpt {-webkit-transform: scale(0.7);transform: scale(0.7);padding-top: 123px;}
	.kigyou {height: 140px;padding: 23px 0 0 40px;width: 317px;}
	.kigyou div p {font-size: 100%;}
	.illust {max-width: 195px;margin-top: 5px;}

	/*/////////////////  全ページ共通のフッター ////////////////*/
  body.naka #footer {font-size: 93% !important;}
}





@media screen and (max-width: 640px) {	
	/*全ページ共通のページ下部の上部へ戻る */
	#pagetop a {width: 40px;height: 40px;bottom: 10px;right: 10px;}
	
	/*TOPページ上部の背景big画像-------------*/
	body.home .slider-pro .sp-mask,
	body.home .slider-pro .sp-mask.sp-grab{height:500px !important;}
	body.home .slider-pro .sp-image-container img {height: 500px !important;}

	.index-bigimg-text1 img {max-width: 75%;}
	.index-bigimg-text2 img {max-width: 60%;}
	.index-bigimg-text2 {margin-top: 15px;}

	/*/////////////　Recruit採用情報　////////////////*/
	.section.index-recruit {background-size: 1400px;}
	.index-recruit-midashi {font-size: 130%;}
	.index-recruit-illit {margin: 0 3% 30px 3%;}
	.recruit-banner-wrap {margin: 0 auto 40px auto;}
	.recruit-banner {height: 180px;}
	.recruit-banner a > img {height: 182px;}
	.bxslider-recruit-banner div {padding: 17.6% 0;width: 340px !important;}
	/*数字で見る----*/
	.suuji-wrap {max-width: 90%;}
	ul.suuji-flex-ul li {width: 46%;margin: 0 1% 21px 1.5% !important;}
	.kigyou {height: 124px;padding: 16px 0 0 34px;width: 286px;margin: 12px 38px 0 10px;font-size: 90%;}
	.illust {max-width: 174px;margin-top: 0;}
}





@media screen and (max-width: 600px) {	
	/*/////////////　introduction　////////////////*/
	.intro-midashi1 {font-size: 3.5vw;}
 .intro-eng {float: none;width: 87%;padding-top: 20%;margin-top:42px;}
	.intro-img {float: none;width:100%;margin: -17px 0 0 0;text-align:center;}
	.intro-img img{width: 186px;margin-right: 60px;}
	.intro-box .naka-kuwashii {width: 280px;margin: 20px auto 0 auto;}
	.ilist-img2 {position: relative;bottom: -17px;left: 5px;width: 130px;}
	.ilist-img3 {bottom: 35px;left:175px;width: 115px;}
}





@media screen and (max-width: 560px) {
	/*全ページ共通のテーブル構造　-------------------*/
	.container {padding: 0 15px;}
	#wrapper {font-size: 86% !important;}

	.section.naname.no-bottom {background-size: 2000px;}

	.tel a {background: url(../img/tel.png) no-repeat left top 8px /21px;padding-left: 28px;}
		
	/*/////////////　newsお知らせ　////////////////*/
	.section#index-news {padding: 110px 0 70px 0;}
	.ilist-img6 {width: 215px;top: -50px;right: 30px;}

	/*幅wide画像*/
	.width-img1 {background-size: 800px;height: 255px;}

	/*/////////////　Recruit採用情報　////////////////*/
	.section.index-recruit {background-size: 910px;}
	.ilist-img7 {width: 125px;top: -230px;}
	.recruit-banner {height: 155px;}
	.recruit-banner a > img {height: 155px;}	
	.bxslider-recruit-banner div {padding: 17.6% 0;width: 312px !important;}
	/*数字で見る----*/
	.suuji-wrap {max-width: 96%;}
	ul.suuji-flex-ul li {font-size: 70%;padding-top: 0;height: 150px;background-size: 155px;margin: 0 1% 14px 1.5% !important;}
	ul.suuji-flex-ul li .suuji {height: 67px;font-size: 90%;}
	.dsp_hpt {-webkit-transform: scale(0.6);transform: scale(0.6);padding-top: 106px;}
	.kigyou {height: 109px;padding: 16px 0 0 30px;width: 243px;margin: 12px 38px 0 0;font-size: 85%;}
 .illust {max-width: 150px;margin-top: -147px;position: absolute;right: 10%;}
	
	/*/////////////////  全ページ共通のフッター ////////////////*/
  body.naka #footer {font-size: 86% !important;}
}





@media screen and (max-width: 500px) {
	/*/////////////　Recruit採用情報　////////////////*/
	.recruit-banner {height: 130px;}
	.recruit-banner a > img {height: 130px;}
	.recruit-banner .bx-viewport {height: 130px !important;}
	.bxslider-recruit-banner div {padding: 18% 0;width: 280px !important;background-position: right -40px top !important;}
}





@media screen and (max-width: 450px) {
	/*全ページ共通のテーブル構造　-------------------*/
	.section.naname.no-bottom {background-size: 1200px;padding: 105px 0 60px 0;}
	
	/*TOPページ上部の背景big画像-------------*/
	body.home .slider-pro .sp-mask,
	body.home .slider-pro .sp-mask.sp-grab{height:420px !important;}
	body.home .slider-pro .sp-image-container img {height: 420px !important;}

	.index-bigimg-text1 img {max-width: 90%;}
	.index-bigimg-text2 img {max-width: 77%;}
	.index-bigimg-text2 {margin-top: 5px;}

	/*/////////////　introduction　////////////////*/
	.section.intro {padding: 50px 0 0 0;}
	.intro-box {padding: 25px 5% 37px 5%;}
	.intro-midashi1 {font-size: 3.7vw;}
	.intro-eng {width: 93%;margin-top: 36px;}
	.intro-img {margin: -7px 0 0 0;}
	.intro-img img {width: 150px;}
	.ilist-img2 {width: 115px;}
	.ilist-img3 {left: 138px;width: 94px;bottom: 34px;}
	.intro-box .naka-kuwashii {height: 55px;}

	/*/////////////　newsお知らせ　////////////////*/
	.section#index-news {margin-top: 50px;}
	.section#index-news h2 {margin: 0 0 11px 23px;}
	.ilist-img6 {width: 203px;top: -140px;right: 24px;}
	.ilist-img4 {left: 33px;bottom: -90px;width: 78px;}
	.news-box dt {float: none;text-align: left;}
	.news-box dd {padding: 6px 10px 0 10px;}
	.news-box dl a {padding: 7px 1% 10px 2%;}
	.news-wrapp {padding: 20px 5% 44px 5%;border-radius: 15px;}

	/*/////////////////  全ページ共通のフッター ////////////////*/
 dl.footer-zip-dl dt .top-rogo a {width: 290px;height: 25px;}
	.zip {margin-top: 10px;font-size: 80%;}
	.tel a {background: url(../img/tel.png) no-repeat left top 6px /16px;padding-left: 21px;font-size: 165%;}
	dl.footer-zip-dl dd .iso img {max-width: 48px;}
	dl.footer-zip-dl dd .iso p {padding: 0 0 5px 5px;}
}





@media screen and (max-width: 420px) {
	/*全ページ共通のテーブル構造　-------------------*/
	#wrapper {font-size: 80% !important;}
	
	h3::before {height: 23px;top: 9px;}
		
	/* ==================== 全ページ共通の横メニュー ==================== */
	.top-rogo {top: 22px;}
	.top-rogo p {display: none;}
 .top-rogo a {width: 260px;height: 22px;}
 #header.smaller .top-rogo {top: 22px;}
	
	/*/////////////　introduction　////////////////*/
	.ilist-img2 {width: 94px;}
	.ilist-img3 {left: 113px;width: 80px;}
	
	/*/////////////　newsお知らせ　////////////////*/
	.section#index-news h2 {font-size: 185%;}
	h2 small {font-size: 14px;}
	.ilist-img6 {width: 184px;}
	.ilist-img4 {left: 24px;bottom: -119px;width: 72px;}
	.btn-more { margin: 0 0 0 -11px;-webkit-transform: scale(0.8);transform: scale(0.8);}
	.btn-more-title {top: 14px;}
 .news-box dl a {padding: 7px 0 10px 1%;font-size: 95%;}
	/*幅wide画像*/
	.width-img1 {height: 190px;background-size: 600px;}

	/*/////////////　Recruit採用情報　////////////////*/
	.section.index-recruit h2 {font-size: 180%;}
	.ilist-img7 {width: 107px;top: -218px;}
	.index-recruit-midashi {font-size: 115%;}
	.section.index-recruit h2::before {width: 130px;height: 67px;left: -82px;top: -42px;}
	.index-recruit-com1 {font-size: 93%;text-align:left;}
	.index-recruit-com1 br{display:none;}
	/*数字で見る----*/
	.suuji-wrap {max-width: 100%;}
	ul.suuji-flex-ul li {height: 136px;background-size: 134px;}
	ul.suuji-flex-ul li .title {height: 47px;color: #0ba8e3;font-size: 130%;}
	ul.suuji-flex-ul li .suuji {height: 59px;}
	.dsp_hpt {-webkit-transform: scale(0.55);transform: scale(0.55);padding-top: 106px;}
 .illust {max-width: 130px;margin-top: -142px;right: 8%;}
	
	.recruit-banner {height: 110px;}
	.recruit-banner a > img {height: 110px;}
	.recruit-banner .bx-viewport {height: 110px !important;}
 .bxslider-recruit-banner div {padding: 17% 0;width: 215px !important;}
	.kigyou {margin: 12px 38px 0 8px;}
}






@media screen and (max-width: 350px) {
	/* ==================== 全ページ共通の横メニュー ==================== */
	.top-rogo {top: 23px;}
 .top-rogo a {width: 230px;height: 21px;}

	/*/////////////　Recruit採用情報　////////////////*/
	.recruit-banner {height: 95px;}
	.recruit-banner a > img {height: 95px;}
	.recruit-banner .bx-viewport {height: 95px !important;}
	.bxslider-recruit-banner div {padding: 17% 0;width: 193px !important;}

	/*/////////////////  全ページ共通のフッター ////////////////*/
	dl.footer-zip-dl dt .top-rogo a {width: 250px;height: 21px;}
}