@charset "UTF-8";

/*--------------------------------------------------------------------
スマホ調整
---------------------------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:1199px) {
	

/*------------------------------------*/
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
	#wrap_topcon .com {
		position: absolute;
	}

/*------------------------------------*/
}

@media (min-width: 1141px) {
	

/*------------------------------------*/
}

@media (min-width: 1025px) {

/*------------------------------------*/
}

@media (min-width: 992px) {
	#wrap_topservice .flexbox .txtbox .title {
		min-height: 60px;
	}

/*------------------------------------*/
}
	


@media (max-width: 1360px) {
	/*#wrap_companies .boxA .flexbox .fade-left,
	#wrap_companies .boxA .flexbox .fade-right {
		transform: translateX(0);
		opacity: 1;
	}*/

/*------------------------------------*/
}

@media (max-width: 1300px) {
	#wrap_company .boxA .txtarea {
		padding-left: 10%;
	}
	#wrap_company .boxA .txtarea h2 {
		font-size: 30px;
	}
	#wrap_company .boxA .txtarea.fade-left,
	#wrap_company .boxA .pharea.fade-right {
		transform: translateX(0);
	}
	
/*------------------------------------*/
}


@media (max-width: 1199px) {
	/*.wrapper {
		width: 80%;
	}*/
	.fade-left,
	.fade-right {
		transform: translateX(0);
	}
	
	/*トップページ*/
	#wrap_topcon .com {
		width: 100%;
		box-shadow: none;
		padding: 0;
	}
	#wrap_topcon {
		padding: 0;
	}
	#wrap_topcon .wrap {
		margin-bottom: 30px;
	}
	
	#wrap_topservice .flexbox .box {
		padding-left: 10px;
		padding-right: 10px;
	}
	#wrap_topservice .flexbox .txtbox {
		padding: 15px;
	}
	
	#topnews .tbbox .title {
		width: 30%;
	}
	#topnews .tbbox .newslist {
		width: 70%;
	}
	#topnews h2 {
		font-size: 40px;
	}
	
	#wrap_company .boxB .quality {
		width: 100%;
	}
	#wrap_company .boxB .quality li .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	#aquawrap #service .flexbox {
		display: block;
	}
	#aquawrap #service .flexbox .txt,
	#aquawrap #service .flexbox .telnum {
		width: 100%;
	}
	#aquawrap #service .flexbox .txt {
		margin-bottom: 20px;
	}
	#aquawrap #service .flexbox .telnum {
		text-align: left;
	}

/*------------------------------------*/
}

@media (max-width: 1140px) {
	.onepress-menu.onepress-menu-mobile a {
		font-size: 16px;
		color: #333;
	}
	
	#wrap_companies .boxC .flexbox01 .txt {
		width: 60%;
	}
	
	/*トップページ*/
	#wrap_topcon .txtarea h2,
	section#services h2,
	#wrap_recbnr h2 {
		font-size: 42px;
	}
	
	#wrap_topcon .txtarea .txt {
		font-size: 20px;
	}
	
/*------------------------------------*/
}

@media (max-width: 1024px) {
	#topaqua .wrap {
		width: 80%;
		text-align: center;
	}
	#topaqua .ph .logo,
	#topaqua .ph .item {
		width: 50%;
	}
	#topaqua .ph .txt {
		width: 100%;
		padding-left: 0;
		margin: 20px auto;
	}
	
	#wrap_company .boxB .quality li .txt {
		font-size: 18px;
		line-height: 1.7;
	}
	
	#wrap_company .boxG .listbox {
		padding-left: 5px;
		padding-right: 5px;
	}
	#wrap_company .boxH ul li {
		padding: 0 5px;
	}
	
/*------------------------------------*/
}

@media (max-width: 991px) {
	.wrapper {
		width: 90%;
	}
	.template-fullwidth-stretched #primary,
	#primary {
		padding-top: 50px;
	}
	.flexbox01 .txt,
	.flexbox02 .txt {
		box-shadow: none;
		padding: 0;
	}
	.flexbox01,
	.flexbox02 {
		display: block;
	}
	.wid01 {
		width: 100%;
	}
	
	
	#wrap_topcon .box {
		width: 100%;
	}
	#wrap_topcon .txtarea {
		margin-bottom: 20px;
	}
	#wrap_topcon .pharea {
		padding: 0;
	}
	#wrap_topservice .flexbox .box {
		width: 100%;
	}
	#wrap_topservice .flexbox .box1,
	#wrap_topservice .flexbox .box2 {
		margin-bottom: 30px;
	}
	#wrap_topservice .flexbox .txtbox {
		padding-bottom: 20px;
		padding-top: 20px;
	}
	
	#topnews .tbbox,
	#topnews .tbbox .td {
		display: block;
	}
	#topnews .tbbox .title,
	#topnews .tbbox .newslist {
		width: 100%;
	}
	#topnews .tbbox .title .morebtn.pc {
		display: none;
	}
	#topnews .tbbox .morebtn.sp {
		display: block;
		margin-top: 30px;
		text-align: center;
	}
	#topnews .tbbox .morebtn.sp .inner {
		display: inline-block;
		border: 1px solid #fff;
		padding: 10px 30px;
		line-height: 1.3;
	}
	#topnews .wrap {
		padding: 30px;
	}
	#topnews .newslist .date {
		padding-right: 25px;
	}
	#topnews .newslist .date .day {
		font-size: 20px;
	}
	#topnews .newslist .date .year {
		font-size: 14px;
	}
	#topnews .newslist .ptitle {
		font-size: 16px;
	}
	
	#wrap_recbnr h2 {
		margin-bottom: 10px;
	}
	
	/*事業内容*/
	#wrap_service .boxA {
		padding-bottom: 50px;
	}
	#wrap_service .boxB {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	#wrap_service .boxA .flexbox02,
	#wrap_service .boxB .flexbox02,
	
	#wrap_farm .boxA .flexbox01 .txt,
	#wrap_farm .boxA .flexbox01 .ph {
		display: block;
	}
	#wrap_service .boxA .txt,
	#wrap_service .boxA .ph,
	#wrap_service .boxB .txt,
	#wrap_service .boxB .ph,
	
	#wrap_rec .boxB .txt,
	#wrap_rec .boxB .ph,
	
	#wrap_farm .boxA .flexbox01 .txt,
	#wrap_farm .boxA .flexbox01 .ph {
		width: 100%;
	}
	#wrap_service .boxA .txt,
	#wrap_service .boxB .txt,
	
	#wrap_rec .boxB .txt {
		top: 0;
	}
	#wrap_service .boxA .ph,
	#wrap_service .boxB .ph,
	
	#wrap_rec .boxB .ph {
		text-align: center;
		position: relative;
	}
	#wrap_service .boxB .flexbox02.box1,
	#wrap_service .boxB .flexbox02.box2,
	#wrap_service .boxB .flexbox02.box3 {
		margin-bottom: 0;
	}
	#wrap_service .boxB .wrapper {
		background-color: #fff;
		padding: 50px;
	}
	#wrap_service .boxB .ph {
		margin-bottom: 50px;
	}
	#wrap_service .boxB .box3 .ph {
		margin-bottom: 0;
	}
	#wrap_service .boxC .flextop .box {
		padding: 10px 50px;
	}
	#mapflex .wrapbox .box .txt {
		box-shadow: none;
		padding-left: 0;
		padding-right: 0;
	}
	#mapflex .wrapbox .arrow,
	#mapflex .arrowbox .arrow.ar02 {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#wrap_service .boxC .flexcnt {
		padding: 30px;
	}
	
	#wrap_rec .boxB .flexbox02.box1,
	#wrap_rec .boxB .flexbox02.box2,
	#wrap_rec .boxB .flexbox02.box3,
	#wrap_rec .boxB .flexbox02.box4,
	
	#wrap_farm .boxA .flexbox01 {
		margin-bottom: 50px;
	}
	#reclist {
		padding: 20px;
	}
	#wrap_page #reclist h3 {
		margin-top: 20px;
		font-size: 24px;
	}
	
	#wrap_farm .boxA .flexbox01 .txt {
		margin-top: 0;
	}
	#wrap_farm .boxA .flexbox01 .ph {
		position: relative;
	}
	#wrap_page h3.style01,
	#wrap_page #wrap_farm .boxB h3 {
		font-size: 24px;
	}
	#wrap_farm .boxB .inner {
		width: 100%;
	}
	#wrap_farm .boxB .contactbox .inner {
		display: block;
	}
	#wrap_farm .boxC {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	#bnr_minori .txt {
		font-size: 18px;
		line-height: 1.5;
	}
	
	
	#wrap_company .boxA .wrap {
		display: block;
	}
	#wrap_company .boxA .txtarea,
	#wrap_company .boxA .pharea {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#wrap_company .boxA .txtarea .txt {
		margin-bottom: 20px;
	}
	#wrap_company .boxA {
		padding-bottom: 50px;
	}
	#wrap_company .boxB,
	#wrap_company .boxC,
	#wrap_company .boxD,
	#wrap_company .boxE,
	#wrap_company .boxF,
	#wrap_company .boxG,
	#wrap_company .boxH,
	#wrap_company .boxI {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	#wrap_company .boxD {
		padding-top: 0;
	}
	
	#wrap_company .boxB .quality ol li {
		width: 100%;
		padding: 0;
	}
	#wrap_company .boxB .quality ol li:first-child {
		margin-bottom: 20px;
	}
	#wrap_company .boxF .flexbox {
		display: block;
	}
	#wrap_company .boxF .flexbox .fade-right,
	#wrap_company .boxF .flexbox .fade-left {
		transform: translateX(0);
		opacity: 1;
	}
	#wrap_company .boxF .flexbox .txt,
	#wrap_company .boxF .flexbox .ph {
		width: 100%;
	}
	#wrap_company .boxF .flexbox .txt {
		padding: 0;
		margin-bottom: 20px;
	}
	
	#histlist {
		padding-left: 30px;
		padding-right: 30px;
	}
	#histlist ul.fade-in {
		opacity: 1;
	}
	
	#wrap_company .boxG .listbox {
		width: 50%;
		padding-left: 10px;
		padding-right: 10px;
	}
	#wrap_company .boxG .listbox.fade-up,
	#aquawrap .fade-up {
		transform: translateY(0);
		opacity: 1;
	}
	#wrap_companies .boxA {
		margin-bottom: 50px;
	}
	#wrap_companies .boxA .flexbox .ph {
		width: 40%;
	}
	#wrap_companies .boxB {
		padding-bottom: 30px;
		padding-top: 50px;
	}
	#wrap_companies .boxB .flexbox01 .txt,
	#wrap_companies .boxB .flexbox01 .ph {
		width: 100%;
		margin: 0;
	}
	#wrap_companies .boxB .flexbox01 .txt {
		top: 0;
	}
	#wrap_companies .boxB .flexbox01 .ph {
		position: relative;
		text-align: center;
	}
	#wrap_companies .boxB .flexbox01 {
		margin-bottom: 50px;
	}
	#wrap_page #wrap_companies .boxB h3 {
		margin-bottom: 50px;
	}
	#wrap_companies .boxB .sokoflex {
		width: 100%;
		display: block;
	}
	#wrap_companies .sokoflex .txt,
	#wrap_companies .sokoflex.box2 .txt {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	#wrap_companies .sokoflex .ph {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	
	#wrap_companies .boxC .flexbox01 {
		margin-bottom: 50px;
		background-color: #fff;
		padding-bottom: 30px;
		padding: 30px;
	}
	#wrap_companies .boxC .flexbox01 .txt {
		width: 100%;
		margin-top: 0;
		padding: 0;
	}
	#wrap_companies .boxC .flexbox01 .ph {
		position: relative;
		width: 100%;
		text-align: center;
	}
	#aqua02 .flexbox .box {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#wrap_page #aquawrap .wrap {
		padding: 30px;
	}
	#wrap_page #aqua02 .flexbox .box h4 {
		font-size: 18px;
	}
	#merit ul li {
		padding: 0 5px 20px;
	}
	#aqua05 .flexbox .box:first-child,
	#aqua04 .flexbox .box:first-child {
		padding-left: 0;
		padding-right: 10px;
	}
	#aqua05 .flexbox .box:last-child,
	#aqua04 .flexbox .box:last-child {
		padding-left: 10px;
		padding-right: 0;
	}
	
/*--- 991px ---------------------------------*/
}

@media (max-width: 880px) {
	#wrap_recbnr {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	#wrap_recbnr .wrap {
		display: block;
	}
	#wrap_recbnr .txtwrap {
		padding-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	#wrap_recbnr .btnwrap .btnbox {
		text-align: center;
	}
	
/*------------------------------------*/
}

@media (max-width: 767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	
	#wrap_page h2 {
		font-size: 30px;
	}
	#wrap_page h3,
	#wrap_page #reclist h3 {
		font-size: 22px;
	}
	#wrap_page #reclist h4 {
		font-size: 18px;
	}
	
	
	nav#site-navigation ul.onepress-menu li#menu-item-454 {
		display: block;
		letter-spacing: 0;
	}
	footer#colophon #footer-widgets #footer-3 {
		display: none;
	}
	footer#colophon #footer-widgets {
		padding-bottom: 0;
		padding-top: 30px;
	}
	#f_logo {
		margin-bottom: 20px;
	}
	#f_logo img {
		max-width: 200px;
		width: 100%;
	}
	#f_info {
		text-align: center;
	}
	#fmap {
		text-align: center;
	}
	#fmap .inner {
		display: inline-block;
	}
	#f_info ul {
		margin-bottom: 10px;
	}
	#f_info ul li {
		font-size: 16px;
	}
	
	/*トップページ*/
	#wrap_topcon .txtarea h2,
	section#services h2,
	#topnews h2,
	#wrap_recbnr h2 {
		font-size: 36px;
	}
	
	section#about {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	#wrap_topcon .txtarea h3 {
		font-size: 16px;
	}
	#wrap_topcon .txtarea .txt {
		margin-bottom: 10px;
		font-size: 18px;
	}
	#wrap_topcon .com {
	}
	
	section#services .container {
		top: -30px;
	}
	section#services .section-subtitle {
		font-size: 16px;
	}
	section#services .section-desc {
		margin-top: 10px;
	}
	section#services .section-desc {
		font-size: 15px;
		line-height: 1.5;
	}
	.section-title-area {
		margin-bottom: 20px;
	}
	
	#topaqua .wrap {
		width: 90%;
	}
	
	#topnews .newslist ul li,
	#topnews .newslist .date,
	#topnews .newslist .txt {
		display: block;
	}
	#topnews .newslist .date,
	#topnews .newslist .txt {
		width: 100%;
		padding: 0;
	}
	#topnews .newslist .date {
		text-align: left;
		display: flex;
		flex-wrap: wrap;
	}
	#topnews .newslist .date .year {
	}
	#topnews .newslist .date .year:after {
		content: '月';
	}
	#topnews .newslist .date .day:after {
		content: '日';
	}
	#topnews .newslist .date .year,
	#topnews .newslist .date .day {
		font-size: 14px;
		line-height: 1.3;
	}
	#topnews .newslist .ptitle {
		line-height: 1.5;
	}
	
	/*事業内容*/
	#wrap_service .boxC .flexcnt {
		padding: 20px;
	}
	#wrap_page .boxC  h2 {
		margin-bottom: 30px;
	}
	#wrap_service .boxC .flextop .box {
		font-size: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}
	#wrap_page #wrap_service .boxC .flexcnt h3 {
		font-size: 24px;
	}
	#mapflex .wrapbox .box .title {
		font-size: 20px;
		padding: 10px;
	}
	#bnr_minori a {
		display: block;
	}
	#bnr_minori .ph,
	#bnr_minori .txt {
		width: 100%;
	}
	#bnr_minori .ph {
		margin-bottom: 20px;
	}
	#bnr_minori .txt {
		padding: 0;
	}
	#bnr_minori .btnbox .inner {
		display: block;
		font-size: 16px;
	}
	
	#wrap_farm .galwrap .gallery-icon img {
		height: 200px;
	}
	
	#wrap_company .boxF .flexbox {
		padding: 0;
		box-shadow: none;
	}
	
	#wrap_company .boxE .wrapper {
		width: 100%;
	}
	
	#wrap_company .boxG .listbox {
		width: 100%;
		padding: 0;
		
	}
	#wrap_company .boxH ul li {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#wrap_form table {
		overflow: hidden;
		display: block;
	}
	#wrap_page #wrap_form table th,
	#wrap_page #wrap_form table td {
		float: left;
		width: 100%;
	}
	
	#wrap_companies .boxA .flexbox {
		display: block;
	}
	#wrap_companies .boxA .flexbox .txt,
	#wrap_companies .boxA .flexbox .ph {
		width: 100%;
	}
	#wrap_companies .boxA {
		margin-bottom: 50px;
	}
	
	#merit ul li,
	#aqua04 .flexbox .box,
	#aqua05 .flexbox .box {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#aqua05 .flexbox .box:first-child,
	#aqua04 .flexbox .box:first-child {
		padding-left: 0;
		padding-right: 0;
	}
	#aquawrap #aqua02 .imgbox {
		width: 100%;
	}
	
/*--- 767px ---------------------------------*/
}

@media (max-width: 600px) {
	.wrapper {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	#wrap_service .boxC {
		padding-left: 20px;
		padding-right: 20px;
	}
	#wrap_page .boxC h2 {
		font-size: 26px;
	}
	
	
	#wrap_topcon .txtarea h2,
	section#services h2,
	#topnews h2,
	#wrap_recbnr h2 {
		font-size: 30px;
	}
	
	section#about {
		padding-bottom: 20px;
	}
	section#services {
		padding-top: 20px;
	}
	section#services .bgimg {
		display: none;
	}
	.section-title-area {
		background: url(images/bg_top_service.jpg) no-repeat center;
		background-size: cover;
		padding: 30px 20px 20px;
		margin-bottom: 0;
	}
	section#services .container {
		top: 0;
	}
	section#services .section-subtitle {
	}
	section#services .section-desc {
	}
	#wrap_topservice .flexbox .box {
		padding-left: 0;
		padding-right: 0;
	}
	#wrap_topservice .flexbox .txtbox h3 {
		font-size: 24px;
	}
	
	#topaqua .wrap {
		width: 100%;
	}
	#topaqua .ph .txt {
		font-size: 24px;
	}
	
	#recruibnr {
		background-image: url(images/bg_reqbnr_sp.jpg);
	}
	
	#wrap_service .boxB .wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	#wrap_page #wrap_service .boxC .flexcnt h3 {
		font-size: 20px;
	}
	#mapflex .wrapbox .box .title {
		font-size: 18px;
	}
	#wrap_service .boxC .flowmap {
		margin-top: 20px;
	}
	#wrap_service .boxC .flextop .box {
		font-size: 18px;
	}
	#wrap_service .boxC .flexcnt {
		border: none;
		padding: 0;
	}
	#mapflex .wrapbox .box {
		width: 50%;
	}
	#mapflex .wrapbox .box:first-child {
		padding-right: 5px;
	}
	#mapflex .wrapbox .box:last-child {
		padding-left: 5px;
	}
	#mapflex .wrapbox .arrow {
		display: none;
	}
	#wrap_farm .galwrap .gallery-icon img {
		height: 150px;
	}
	#wrap_farm .boxB .telbox {
		display: block;
	}
	#wrap_farm .boxB .telbox .title {
		padding: 0;
	}
	
	#wrap_company .boxA .txtarea .txt {
		font-size: 20px;
	}
	#wrap_page #aqua02 .title h4 {
		font-size: 20px;
	}

/*--- 600px ---------------------------------*/
}

@media (max-width: 500px) {
	#wrap_service .boxC .flextop.btm .wrap {
		display: block;
		text-align: center;
	}
	#wrap_service .boxC {
		padding-bottom: 50px;
		padding-top: 50px;
	}

/*------------------------------------*/
}

@media (max-width: 440px) {
	#wrap_topcon .txtarea h2,
	section#services h2,
	#topnews h2,
	#wrap_recbnr h2 {
		font-size: 30px;
	}
	
	#wrap_page h2,
	#wrap_company .boxA .txtarea h2  {
		font-size: 26px;
		margin-bottom: 30px;
	}
	#wrap_page h3,
	#wrap_page h3.style01,
	#wrap_page #wrap_farm .boxB h3 {
		font-size: 20px;
	}
	#wrap_page #wrap_farm .boxB h3 {
		margin-bottom: 10px;
	}
	.mgnB50 {
		margin-bottom: 30px;
	}
	#wrap_page h3.style01 {
		margin-bottom: 20px;
	}
	#wrap_page #wrap_farm .boxC h4 {
		font-size: 18px;
	}
	#wrap_farm .boxC {
		padding-bottom: 20px;
	}
	
	#wrap_page table {
		overflow: hidden;
		display: block;
	}
	#wrap_page table th,
	#wrap_page table td,
	#wrap_page #reclist table th,
	#wrap_page #reclist table td {
		float: left;
		width: 100%;
	}
	#wrap_farm .galwrap .gallery-icon img {
		height: 120px;
	}

/*------------------------------------*/
}