@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


.l-content{
	padding-bottom:0;
	margin-bottom:50px;
}

@media (min-width: 600px) {
    .l-content {
        padding-top: 0;
    }
}


/************ヘッダーメニュー***************/

body{
	font-feature-settings: "palt";
	letter-spacing:.04em;
}

.c-gnav>.menu-item>a .ttl{
	font-weight:100;
}

.l-header{
	border-bottom:3px solid #B2B2B2;
	margin-bottom:20px;
	padding-bottom:-3px;
}

.l-header__gnav{
	margin-bottom:-3px;
}

.menu-item{
	padding:0 15px;
}

.c-gnav>.menu-item>a{
	padding:0;
}

.menu-item-65 {
	margin-left:15px;
}

.menu-item-65 a:hover{
	border-bottom:none;
}

.menu-item-65 .ttl{
	border-radius:50px;
	padding:5px 10px;
	color:#fff;
	background:#00b900;
}

.-body-solid .l-fixHeader{
	box-shadow:none;
}

.-body-solid .l-fixHeader::before{
	position:absolute;
	bottom:0;
	border-bottom:3px solid #b2b2b2;
}

.c-iconBtn__icon:before{
	color:#b2b2b2;
}

.c-widget__title.-spmenu{
	display:none;
}

/************フッターメニュー***************/

.l-footer__nav li:first-child a {
	border-left: none !important;
}

.l-footer__nav a {
	border-right:none !important;
	text-align:center;
	font-size:12px;
}

@media (min-width: 600px) {
    .l-footer__nav a {
        padding: 0 .75em;
    }
}

.l-footer__foot, .l-footer__widgetArea {
    padding-bottom: 30px;
    padding-top: 90px;
}

.footer_area{
	width:100%;
	max-width:850px;
	margin:0 auto;
}

.l-footer__nav li{
	flex: auto;
}

.l-footer__nav {
	margin-bottom:50px;
}

.footer_logo{
	text-align:center;
	padding:0 20px;
	margin-bottom:50px;
}

.footer_logo img{
	width:100%;
	max-width:280px;
	margin-bottom:10px;
}

.footer_logo p{
	font-size:14px;
	font-weight:100;
}

.footer_sns{
	margin-bottom:40px;
}


.footer_sns h2 {
  position: relative;
  padding: 0 65px;
  text-align: center;
	font-size:20px;
	font-weight:400;
	margin-bottom:25px;
}

.footer_sns h2:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #fff;
}

.footer_sns h2 span {
  position: relative;
  padding: 0 20px;
  background: #232323;
}

.footer_sns .col_wrap{
	justify-content: center;
	align-items: center;
}

.footer_sns .sns_col{
	padding:0 25px;
}

.footer_sns .sns_col img{
	width:100%;
	max-width:35px;
}

.footer_a{
	margin-bottom:10px;
	font-weight:400;
}

.footer_a .col_wrap{
	justify-content: center;
	align-items: center;
}

.footer_a a{
	border-right:1px solid #fff;
	padding:0 25px;
	font-size:15px;
	line-height:0;
}

.l-footer .copyright{
	font-size:12px;
}

.l-footer__nav a:hover {
    text-decoration: none;
}

.footer_a li:last-child a{
	border-right:none;
}

/*********トップページ************/




.c-filterLayer:after, .c-filterLayer:before{
	height:0;
}


#breadcrumb {
 display: none;
}

.l-header__inner, .l-fixHeader__inner{
	max-width:1146px;
}

.alignfull {
margin-left: cal( 50% - 50vw ) ;
}

.movie_content{
	height: 700px;
	max-width:1050px;
	position:relative;
	margin: 0 auto;
}

.movie_content .movie_text{
    position: absolute;
    left: 0;
    top: -30px;
	width:100%;
	max-width:900px;
}

.movie_content .movie_logo{
    position: absolute;
    right: 0;
    bottom: -10px;
	width:100%;
	max-width:800px;
}

.l-header__gnav .menu-item{
	padding-bottom:1px !important;
}



.inner_contents{
	max-width:1082px;
	margin:0 auto;
	padding: 0 var(--swl-pad_post_content, 0);
}

.top #content {
    padding-top: 1.3em;
}

.ns_bg{
	background-image:url("http://agriportkato.co.jp/wp-content/uploads/2025/11/top_bg_1.jpg");
	background-size: cover;
	padding:40px 0;
	padding-left: var(--swl-pad_container, 0);
    padding-right: var(--swl-pad_container, 0);
	color:#fff;
	margin-bottom:20px;
}



.ns_bg h2{
	background:#fff;
	border-radius:100px;
	box-shadow: -1px -1px 1px 2px rgba(0,0,0,0.5);
	padding:5px 15px 7px;
	text-align:center;
	font-size:24px;
	font-weight:100;
	color:#00b900;
	margin: 0 auto;
	letter-spacing:0.2em;
	width:100%;
	max-width:520px;
}

.ns_bg h3{
	font-size:30px;
	font-weight:500;
	font-family:'Noto Serif JP',serif;
	text-align:center;
	text-shadow: 0px 0px 8px #000;
	margin:40px 0 40px;
}

.ns_bg p{
	font-weight:100;
	font-size:18px;
	text-shadow: 0px 0px 8px #000;
}

.col_wrap {
  display : flex;
  flex-wrap : wrap;
  justify-content:flex-start;
}

.col_2 {
	width: 48%;
	margin-right:4%;
}

.col_2:nth-child(2n) {
	margin-right:0;
}

.col_3 {
	width:100%;
}

.col_3 {
	width: 32%;
	margin-right:2%;
}

.col_3:nth-child(3n) {
	margin-right:0;
}



.border_h2{
    padding: 0 0 5px 20px;
    color: #727171;
    position: relative !important;
	border-bottom: 3px solid #00b900;
	font-size:16px !important;
	font-weight:100 !important;
	margin-bottom:25px;
}

.border_h2::before{
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background: #00b900;
    top: 41%;
    left: 0%;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    margin: auto;
}

.top_works{
	margin-bottom:20px;
}

.top_works .col_3{
	position:relative;
	display: flex;
	align-items: flex-end;
}


.top_works .col_2 {
	position: relative;
	margin-bottom:10px;
	align-items: flex-end;
}

.top_works .col_3 h2{
	font-size:24px;
	line-height: 1.2em;
	width:100%;
	margin:0;
	margin-bottom:10px;
	padding:0 15px;
}

.top_works .col_3 h3{
	font-size:16px;
	font-weight:normal;
	width:100%;
	padding:0;
	padding:0 15px;
	margin:0;
	margin-bottom:25px !important;
}

.top_works .sub_title::before{
    content: "Business content";
	writing-mode: vertical-rl;
	position:absolute;
	top:0;
	left:0;
	color:#b2b2b2;
}

.{
	writing-mode: vertical-rl;
	position:absolute;
	top:0;
	left:0;
	color:#b2b2b2;
}

.top_works .col_3{
	
}

/*************
.col_inner h3{
	font-size:36px;
	text-shadow: 0px 0px 8px #000;
	white-space: nowrap;
	display:block;
  position: absolute;
	top:43%;
  left: 50%;
  transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  color: #fff;
  margin: 0;
  padding: 0;
	
}

.col_inner img{
	width:100%;
}

.top_works .col_inner a{
	display:block;
	width:80%;
	border-radius:50px;
	background:#00b900;
	color:#fff;
	font-weight:100;
	font-size:14px;
	text-align:center;
  position: absolute;
	bottom:30px;
  left: 50%;
  transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  color: #fff;
  margin: 0!important;
  padding: 0!important;
}

.top_works .col_3 .text{
	text-align:center;
	color:#727171;
	font-weight:bold;
	font-size:30px;
	line-height:1.3em;
}
***********/

.gr_bg{
	background:#727171;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:40px;
}


.gr_bg .border_h2{
    color: #fff;
	margin-bottom:25px;
}

.support_company .logo_s_1{

}

@media (max-width: 631px) {
	.support_company .logo_s_1,
	.support_company .logo_s_2,
	.support_company .logo_s_3{
		width:100%;
		text-align:center;
}
}

@media screen and (min-width: 960px) {
    .p-mainVisual__inner {
        height: 700px;
    }

}

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

.col_3 {
	width: 100%;
	margin-right:0;
}

.col_3:nth-child(3n) {
	margin-right:0;
}
	
.top_works .col_3{
	margin-bottom:40px;
}
	
.movie_content{
	height: 400px;
	max-width:1050px;
	position:relative;
	margin: 0 auto;
}
	
.movie_content .movie_text{
     top: -10px;

}

.movie_content .movie_logo{
    position: absolute;
    right: 0;
    bottom: -5px;
	width:100%;
	max-width:800px;
	}

	 .p-mainVisual__inner {
        height: 400px;
    }
	
.gr_bg .inner_contents{
padding-left: var(--swl-pad_container, 0);
    padding-right: var(--swl-pad_container, 0);
}
	
	
	.col_2 {
	width: 100%;
	margin-right:0;
}
	
	
}



/****************会社案内****************/

.company_bg {
  width: 100%;
  height: 300px;
	position: relative;
}



.company_bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-image: url("http://agriportkato.co.jp/wp-content/uploads/2025/11/page_bg.jpg"); /* 右側の画像 */
  background-size: cover;
}


.c-pageTitle{
	display:none;
}


.l-mainContent__inner>.post_content {
    margin: 0;
}


.company_main{
	position:relative;
    padding: 30px 0 100px;
    padding-left: var(--swl-pad_container, 0);
    padding-right: var(--swl-pad_container, 0);
    color: #fff;
    margin-bottom: 60px;
}

.company_main::before{
	background-image: url(http://agriportkato.co.jp/wp-content/uploads/2025/11/page_bg.jpg);
    background-size: cover;
	position:absolute;
	left:50;
	top:0;
}



.company_main .main_copy{
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
	color:#000;
	letter-spacing:.4em;
	line-height:1.2em;
	padding-top:10px;
}

.company_main .main_copy span{
	font-size:20px;
}

.company_main .main_logo {
    position: absolute;
    top: 60%;
    left: 55%;
}


.company_main .main_logo img{
	width:100%;
	max-width:330px;
}

.company_message{
	padding-bottom:60px;
}

.company_message .col_wrap{
	align-items: flex-end;
}

.company_message .col_text{
	width:50%;
	margin-right:5%;
}

.company_message .col_text p{
	font-size:12px;
	margin-bottom:15px;
	line-height:1.2em;
}

.company_message .col_ceo{
	width:20%;
}

.company_message .col_img{
	width:25%;
}

.company_message .main_copy{
	font-family: 'Noto Serif JP', serif;
	font-size:20px;
	font-weight:500;
	margin-bottom:15px;
}

.company_message .text p{
	margin-bottom:20px;
	font-weight:100;
	line-height: 1.3em;
}



.company_message .ceo_profile{
	align-items: flex-end;
}

.company_message .ceo_profile .position{
	font-family: 'Noto Serif JP', serif;
	font-size:14px;
	font-weight:500;
	width:50%;
	padding-top:9px;
}

.company_message .ceo_profile .name{
	font-family: 'Noto Serif JP', serif;
	font-size:18px;
	font-weight:500;
	width:50%;
}

.company_message .ceo_profile .license{
	font-size:10px;
	width:100%;
	line-height:1.2em;
	margin-top:10px;
}



.philosophy{
	margin-top:25px;
}


body .philosophy h4{
	font-size:18px;
	font-weight:100;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	color:#00b900;
	background:#fff;
	border-radius:50px;
	padding:5px 25px;
	margin:0 auto;
	margin-bottom:15px;
	margin-top:25px !important;
	text-align:center;
	width:100%;
	max-width:520px;
}

.philosophy h5{
	font-size:16px;
	font-weight:100;
	margin-top:20px;
	margin-bottom:10px;
}


.philosophy p{
	font-weight:100;
	font-size:14px;
	line-height: 1.3em;
}




.company_profile img{
	width:100%;
	max-width:420px;
	margin-bottom:20px;
}


.company_profile td ,.company_profile th{
	font-size:12px;
	font-weight:100;
	border:none;
	border-bottom:1px solid #727171;
	background:none;
	vertical-align:top;
	font-weight:100;
	padding-left:0;
}

.company_profile th{
	width:20%;
}

.company_profile .table_col{
	width:45%;
	margin-right:3%;
}

.company_profile .map_col{
	width:52%;
}

.company_profile .s_td{
	font-size:10px;
	padding-bottom:10px;
}

.company_profile .xxxxx{
}


/**************事業内容*************/

.works_main{
	background-image: url(http://agriportkato.co.jp/wp-content/uploads/2025/11/page_bg.jpg);
    background-size: cover;
    padding: 30px 0 100px;
    padding-left: var(--swl-pad_container, 0);
    padding-right: var(--swl-pad_container, 0);
    color: #fff;
    margin-bottom: 60px;
}

body .works_main .page_h1{
	margin-bottom:525px !important;
}

.work_contents{
	margin-bottom:100px;
}

.work_contents p{
	font-size:18px;
	font-weight:100;
	line-height:1.2em;
}

.work_contents a{
	display:block;
	background:#00b900;
	color:#fff;
	text-align:center;
	border-radius:50px;
	width:100%;
	max-width:275px;
	padding:3px 15px 4px;
	margin:0 auto;
	margin-top:40px;
}

.works_page .gr_bg{
	padding-bottom:80px !important;
	margin-bottom:60px !important;
}

.works_page .gr_bg p{
	color:#fff;
}

.works_page img{
	width:100%;
}


.col_works {
  display: flex;
  justify-content: space-between;
}


.col_works img {
  width: 100%;
}

.col_works .col_wrap p{
	font-size:18px;
}

  .col_works {
    flex-direction: column;
}







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

	
}



.parent {
  width: 210px;
  margin-bottom: 20px;
  display: flex;
}
.parent .text_area,
.parent .img_area {
  width: 100px;
}
.parent1 .text_area,
.parent3 .text_area {
   margin-right: 10px;
}
.parent2 .img_area {
   margin-right: 10px;
}

.parent1,
.parent3 {
  flex-direction: column;
}
.parent2 {
	flex-direction: column-reverse;
}

@media screen and (max-width: 959px) {
	
	
.works_02,
.works_04,
.works_06{
  flex-direction: column-reverse;
}

	
		
.works_page .col_2 {
	width: 100%;
	margin-right:0;
}


	.col_works: width: 100%;{
	mrgin-bottom:20px;
}

.work_contents a{
	margin-bottom:40px;
}

.work_contents img{
	margin-bottom:20px;
}

}