@charset "UTF-8";
/* CSS Document */
body {
  min-width: 1000px;
  color: #333; /* RGB */
  background-color: #FCFCFA;
  font-family: "Noto Serif JP", Noto Sans JP, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.75rem;
  text-align: center;
 -webkit-font-smoothing: antialiased;
}

/* スマホ　ボディ*/
@media screen and (max-width: 520px) {

 body {
  color: #333; /* RGB */
  background-color: #FCFCFA;
  font-family: "Noto Serif JP", Noto Sans JP, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.75rem;
  text-align: left;
  min-width: auto;
 }
}

a{text-decoration: none;}


/*見出しの指定*/
h3{
  font-family: "Noto Serif JP", Noto Sans JP, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 35px;
  color: #3c3c3c;
  text-align: left;
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: 0.8rem;
  padding-bottom: 54px;
}

h3 span{
  font-size: 23px;
  letter-spacing: 0.45rem;
  
}
h4{
  font-family: "Noto Serif JP", Noto Sans JP, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300;
  font-size: 2.7rem;
}
p{
  font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  letter-spacing: 0.05rem;
  line-height: 1.75;
  font-weight: 300;
  color: #707070;
  text-align:left;
}

/* 見出しスマホ */
@media screen and (max-width: 768px) {

h3{
  font-size: 24px;
  color: #3c3c3c;
  text-align: left;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.2rem;
  padding-bottom: 32px;
}

h3 span{
  font-size: 16px;
  letter-spacing: 0.2rem;
}

h4{
  font-size: 21px;
  color: #3c3c3c;
  text-align: left;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: 0.2rem;
  padding-bottom: 30px;
}
p{
  font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  letter-spacing: 0.08rem;
  line-height: 1.7;
  font-weight: 300;
  font-size: 14px;
}
	
	
	
img{
  max-width: 100%;
}

}

.header .nav_mobile ul li p{
	color: #fff;
}


/*矢印　黒色*/
.button-b {
  color: #3C3C3C;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.2rem;
  position: relative;
  display: block;
  width: 180px;
  padding-bottom: 10px;
  text-decoration: none;
  border-bottom:1px solid #3C3C3C;
  text-align: left;
  padding-left: 5px;
  transition: all .3s;
}
.button-b:after {
  content: "";
  width: 53px;
  height: 0.3px;
  background-color: #3C3C3C;
  position: absolute;
  top: 42%;
  right: 0;
  transition: all .3s;
}
.button-b:before {
  content: "";
  width:11px;
  height: 1px;
  background-color: #3C3C3C;
  position: absolute;
  top: 28%;
  right: -1px;
  transform: rotate(45deg);
  transition: all .3s;
}
.button-b:hover::before{
  right: -21px;
}
.button-b:hover::after{
  right: -20px;
}

@media screen and (max-width: 520px){
.button-b {
  width: 130px;
}
.button-b:after{
  width: 36px;
}	
.button-b:before{
 width:11px;
 top: 30%;
}	
	
}

/*ボタンの構造*/
.content .kasou-btn-area ul{
	width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.content .kasou-btn-area ul a{
	width: 32.5%;
}
.content .kasou-btn-area ul li{
	display: flex;
	flex-direction: row;
	align-items: center;
	background: #066336;
	border-radius: 17px;
	padding: 15px 11px 15px 18px;
	justify-content: center;
}
.content .kasou-btn-area ul li:nth-child(3){
	justify-content: space-around;
}
.content .kasou-btn-area ul li img{
	width: 25px;
}
.content .kasou-btn-area ul li:nth-child(2) img{
	width: 35px;
}
.content .kasou-btn-area ul li P{
  color: #fff;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.1rem;
  font-weight: 400;
  padding: 0 10px 0 10px;
}
.content .kasou-button-w {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  display: block;
  text-decoration: none;
  text-align: left;
  transition: all .3s;
}
.content .kasou-button-w::after {
  content: "";
  width: 16px;
  height: 1px;               /* 太さを統一 */
  background-color: #066336;
  position: absolute;
  top: 52%;                  /* 中央に固定 */
  right: 29%;
  transform: translateY(-50%);
  transition: all .3s;
}
.content .kasou-button-w::before {
  content: "";
  width: 8px;
  height: 1px;               /* 太さを合わせる */
  background-color: #066336;
  position: absolute;
  top: 46%;                  /* 中央に固定 */
  right: 25%;
  transform: translateY(-50%) rotate(45deg);
  transition: all .3s;
}
.content .kasou-btn {
  display: inline-block;
  text-decoration: none;
  border-radius: 6px;
  transition: all .2s ease;
}

/* 🔥 現在ページ（非アクティブ） */
.content .kasou-btn.is-current {
  background: #e6e6e6;       /* 薄いグレー */
  color: #999;              /* 文字も薄く */
  pointer-events: none;     /* クリック不可 */
  box-shadow: inset 0 3px 6px rgba(0,0,0,.25); /* 凹み */
  border-radius: 22px;
  cursor: not-allowed;      /* マウスでも「無効」と分かる */
  opacity: 1;               /* 明示的に指定（hover対策） */
}
.content .kasou-btn li {
  background: #006e35;
  color: #fff;
  padding: 14px 28px;
  border-radius: 6px;
  transition: all .2s ease;
}

/* 🔥 現在ページ（li を薄グレーに） */
.content .kasou-btn.is-current li {
  background: #e6e6e6;      /* 薄いグレー */
  color: #999;             /* 文字も薄く */
  box-shadow: inset 0 3px 6px rgba(0,0,0,.25); /* 凹み */
  transform: translateY(1px);
  cursor: not-allowed;
}
/* 現在のページの時だけ、中の矢印（.kasou-button-w）をグレーにする */
.content .kasou-btn.is-current .kasou-button-w {
  background-color: #ccc !important; /* または矢印を消すなら display: none; */
  filter: grayscale(100%);          /* 背景画像（矢印）を使っている場合はこれでグレーになります */
  opacity: 0.5;
}

@media screen and (max-width: 520px){
	.content .kasou-btn-area ul{
	width: 80%;
	margin: 0 auto;
    display: flex;	
	flex-direction: column;			
	}	
	.content .kasou-btn-area ul a{
		width: 100%;
		margin-bottom: 10px;
	}
	.content .kasou-btn-area ul a:last-child{
		margin-bottom: 0px;
	}
	.content .kasou-btn-area ul li{
		justify-content: space-between;
		border-radius: 30px;
		padding: 0.4rem 2rem;
	}
	.content .kasou-btn-area ul li P{
		font-size: 13px;
	}
	.content .kasou-btn.is-current {
		border-radius: 30px;
	}
}


/*メインビジュアル*/
.section-abouttop {
  background-image: url("../images/kasou-shokusai-mv.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 37.5vw;
  position: relative;
  background-position:top;
}
.section-abouttop.fadein{
  animation: fadeIn1 1.5s ease 0s 1 normal;
}

@keyframes fadeIn1 { /*animation-nameで設定した値を書く*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/

}
.about-toptitle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about-toptitle h3 {
  color: #fff;
  text-align: center;
  padding-bottom: 10px;
}
.about-toptitle span {
  color: #fff;
}
/*メインビジュアル スマホ*/
@media screen and (max-width: 520px) {
  .section-abouttop {
    padding: 200px 0px;
	background-position:center;
  }
  .about-toptitle {
    width: 100%;
}
}


/*トップメッセージ*/
.about-message {
  padding: 100px 0px 120px;
  margin: 0 auto;
  margin-top: -80px;
  z-index: 9999;
  position: relative;
  background-color: #FCFCFA;
}
.about-message p {
  font-size: 20px;
  color: #3c3c3c;
  text-align: center;
  line-height: 2;
  font-family: "Noto Serif JP";
}
@media screen and (max-width: 520px) {
  .about-message {
    padding: 40px 0px 50px;
    width: 90%;
    margin-top: -50px;
  }
  .about-message p {
    font-size: 16px;
    width: 72%;
    margin: 0 auto;
  }
  .about-message p br {
    display: none;
  }
}


/*main*/
.main-contents {
	display: flex;
	margin-bottom: 120px;
}
@media screen and (max-width: 520px) {
	.main-contents {
	margin-bottom: 80px;
}
	.main-contents .sidebar{
	display: none;
}
}


/* 左カラム：完全固定 */
.main-contents .sidebar {
	position: sticky;
	top:0;
	height: 400px;
	flex: 1 1 30%;
	min-width: 200px;
}
.main-contents .sidebar ul {
	list-style: none;
	padding: 15vw 0 0 8vw;
    box-sizing: border-box;
}
.main-contents .sidebar li {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 300;
    font-size: 1.6rem;
	text-align: left;
	letter-spacing: 0.1rem;
	margin-bottom: 20px;
}

/* 左カラムのリンクの基本スタイル */
.main-contents .sidebar li a {
  display: block;
  transition: all 0.1s;
  color: #5A5A5A; /* 通常の色 */
  opacity: 0.7;
  text-decoration: none;
}

.main-contents .sidebar li a.active {
    color: #006E35; /* 指定の緑色 */
	opacity: 1;
    font-size: 1em;
    font-weight: bold;
    position: relative; /* ●の位置基準用 */
    padding-left: 1.2em; /* ●が入るスペースを空ける */
}

/* アクティブ時に先頭に ● を表示 */
.main-contents .sidebar li a.active::before {
    content: "●";
    position: absolute;
    left: 0; /* 左端に配置 */
    color: #006E35; /* ●の色も合わせる */
	opacity: 1;
    font-size: 0.8em; /* ●のサイズ（お好みで調整してください） */
    top: 50%;
    transform: translateY(-50%); /* 垂直中央揃え */
}


/* 右カラム */
.main-contents .content {
	flex: 1 1 70%;
	padding-right: 6vw;
    box-sizing: border-box;
}


/* スマホ用スタイル */
@media screen and (max-width: 768px) {
.main-contents .sidebar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;         /* 横幅いっぱい */
	height: auto;        /* 高さは内容に応じる */
	background: #fff;
	border-bottom: 1px solid #ddd;
	z-index: 1000;       /* 上に出す */
	padding: 10px;
}
.main-contents .sidebar ul {
	display: flex;
	justify-content: space-around; /* 横並び */
	margin: 0;
	padding: 0;
}
.main-contents .sidebar li {
	margin: 0;
	font-size: 1rem;
	opacity: 0.7;
	transition: all 0.3s ease;
}
.main-contents .sidebar li.active {
	color: #007bff;
	opacity: 1;
	transform: scale(1.1);
	font-weight: bold;
}
.main-contents .content {
	margin-left: 0;       /* 左の余白をリセット */
	margin-top: 60px;     /* 上部のナビ分の余白を確保 */
	width: 100%;
	height: 100%;
	overflow-y: auto;
	padding: 20px;
}
}

@media screen and (max-width: 520px){
.main-contents .content {
	width: 100%;
	margin: -30px auto 0;
}	
}

@media screen and (max-width: 520px){
.main-contents .content {
	width: 100%;
	margin: -30px auto 0;
}	
}


#sec1,#sec2,#sec2-2,#sec2-3,#sec2-4,#sec3,#sec4{
	padding-top: 140px;
}
#sec4{
	margin-bottom: 80px;
}

@media screen and (max-width: 520px){
 #sec1,#sec2,#sec2-2,#sec2-3,#sec2-4,#sec3{
	padding-top: 80px;
 }
#sec2-2{
	padding-top: 30px;
 }
 #sec4{
	margin-bottom: 40px;
	padding-top: 70px;
 } 	
}

/*********************************
* 事業内容　苗木生産ページ
*********************************/


/*sec1 苗木事業について*/
#sec1{
 text-align: left;
}
#sec1 .text-line-right{
	display: flex;
	align-items: center;
}
#sec1 .text-line-right:after {
	content: "";
	flex-grow: 0.4;
	height: 1px;
	display: block;
}
#sec1 .text-line-right:after {
	margin-left: 2em;
	background: #BFBFBF;
}
#sec1 p .greentext{
	color: #066336;
	font-weight: bold;
}
#sec1 .sec1_image{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    width: 100%;
	margin-top: 80px;
}
#sec1 .sec1_image img{
	width: 32.5%;
}

@media screen and (max-width: 520px){
#sec1 .sec1_image{
	margin-top: 40px;
 }	
#sec1 .text-line-right:after {
	margin-left: 1em;
}
}

/*弊社の苗木*/
.naegi-syurui{
	background: #F7F7F7;
	padding: 40px 25px;
    box-shadow: 0px 0px 15px -5px #777777;
    border-radius: 28px;
	margin-top: 60px;
}
.naegi-syurui .naegi-syurui-title{
	color: #707070;
	font-size: 24px;
	margin-left: 20px;
	margin-bottom: 90px;
}
.naegi-syurui .naegi-scheedule{
	display: flex;
	flex-direction: row;
	padding-left: 120px;
	margin-bottom: 80px;
}
.naegi-syurui .naegi-scheedule .naegi-schedule-image-area{
	display: block;
}
.naegi-syurui .naegi-scheedule .naegi-schedule-image-area .naegi-schedule-image{
	margin-bottom: 40px;
}


@media screen and (max-width: 520px){
.naegi-syurui{
	padding: 24px 16px;
}
	.naegi-syurui .naegi-syurui-title{
	color: #707070;
	font-size: 18px;
	margin-left: 0px;
	margin-bottom: 40px;
	letter-spacing: 0.02rem;
}
.naegi-syurui .naegi-scheedule{
	width: 100%;
	display: flex;
    flex-direction: row;
	padding-left: 0px;
	margin-bottom: 40px;
}
.naegi-syurui .naegi-scheedule .naegi-schedule-image-area .naegi-schedule-image{
	margin-bottom: 50px;
}
}





/*事業実績*/
/*ワークス エリアpc*/
.section-works-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}
.section-works-list {
  width: 32%;
}
.section-works-list:nth-child(-n+3){
  padding-bottom: 25px;
}
.section-works-list a {
  text-decoration: none;
  margin-right: 16px;
}
.section-works-list a:last-child{
  margin-left: 0px;
}
.works-list_image {
  width: 270px;
  margin-bottom: 16px;
}
.works-list p {
  color: #3c3c3c;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 12px;
  font-weight: 400;
  line-height: 1.68;
  text-align: left;
  padding-left: 6px;
}
.works-list span {
  text-align: left;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2rem;
  display: inline-block;
  padding: 0.3rem 1.3rem;
  background-color: #066336;
  border-radius: 25px;
  margin-bottom: 8px;
  margin-left: -4px;
}
.works-list a {
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 520px){
 .section-works-area{
  margin-bottom: 0px;	
	}
  .section-workstop {
    padding: 200px 0px;
  }
  /*<!--TOPメッセージ-->*/
  .top-message {
    width: 88%;
    padding: 80px 0px;
    margin: 0 auto;
    margin-top: -50px;
    z-index: 9999;
    position: relative;
    background-color: #FCFCFA;
  }
  .top-message p {
    font-size: 20px;
    color: #3c3c3c;
    text-align: center;
    line-height: 2;
    font-family: "Noto Serif JP";
  }
  .works-discription {
    padding: 80px 0px;
    margin: 0 auto;
  }
  .section-works-list {
    display: block;
	width: 48%;
  }
  .works-list_image {
    width: 100%;
	height: auto;
    margin-bottom: 10px;
  }
  .works-list {
    margin-bottom: 10px;
  }
	.works-list span{
	font-size: 10px;
	padding: 2px 5px;
	margin-bottom: 10px;
	}   
	.works-list p{
	margin: 0;
	}
}




/*コンタクトエリアー*/
.contact {
  margin-bottom: 120px;
}
.contact-area {
  background-image: url("..//images/button_entry.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 283px;
  background-position: center;
}
.link-contact_title .section-lp_title p,.link-contact_title .section-lp_title span{
	color: #fff;
}

.contact-area a{
  display: inline-block;
  background-color: #fff;
  padding: 22px 50px;
  position: relative;
}	
.button-g::after{
  top:50%;
  right: 29px;
  height: 1px;
}	
.button-g::before{
  top:44%;
  right: 27px;
}	

.link-contact_title {
  display: flex;
  flex-direction: column;
  padding: 55px 0px 75px;
  background-color: #066336;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.link-contact_title .section-lp_title{
	display: flex;
	flex-direction: column;
	padding: 0px 92px;
}

.link-contact_title .section-lp_title p br{
	display: none;
}

.link-contact_title:before {
  border: 1px solid #fff; /* 白い実線 */
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 10px;
}
.link-contact_title h3 {
  font-size: 35px;
  color: #fff;
  text-align: center;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 7px;
  padding-bottom: 31px;
  display: inline-block;
}
#contact br {
  display: none;
}
.link-contact_title span {
  font-size: 23px;
}
.link-contact_title a {
  margin: 0 auto;
}
.link_area_background h3, .link-contact_title2 .section-lp_title2 h3{
	text-align: center;
}

.section-lp_title {
    margin-bottom: 64px;
    text-align: center;
}
@media screen and (max-width: 520px) {
  .contact {
    margin-bottom: 80px;
  }
  .contact-area {
    background-image: url("..//images/contact_image1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 200px 0px;
  }
  .link-contact_title {
    padding: 40px 45px;
	background:rgba(6,99,54,0.8);
  }
  .link-contact_title .section-lp_title{
   margin-bottom: 31px;
	padding: 0px;
	}
	
  .link-contact_title .section-lp_title p{
   font-size: 14px;
   width: 102%;
	}
  .link-contact_title:before {
    margin: 7px;
  }
  #contact br {
    display: block;
  }
  #contact {
    padding-bottom: 0px;
  }
  .link-contact_title h3 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 7px;
    padding-bottom: 0px;
    display: block;
  }
  .link-contact_title span {
    font-size: 16px;
  }
}




/*********************************
* 事業内容　植林ページ
*********************************/

/*植栽について*/
#sec2 .shokurin-contents{
	margin: 60px 0;
	padding: 16px 35px 80px;
	border-radius: 28px;
	background-color: #f5f5f5;
	border-radius: 30px;
    box-shadow: 0px 10px 10px -6px rgba(178, 178, 178, 0.3);
}
#sec2 .shokurin-contents .sec2-title{
    font-family: "Noto Serif JP", Noto Sans JP, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 300;
    font-size: 2.1rem;
	text-align: left;
	margin-bottom: 16px;
}
#sec2 .shokurin-contents .sec2-title span{
	font-size: 5.3rem;
	margin-right: 20px;
}
#sec2 .shokurin-contents .sec2-discription{
	margin-bottom: 16px;
}
#sec2 .shokurin-contents .activity-period{
	float: left;
	font-size: 1.1rem;
    padding: 0.5em 1em;
    margin: 0em 0 3em;
    border: solid 1px #CCCCCC;
}
.shokurin-contents .shokurin-contents-image{
	margin-top: 53px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}
.shokurin-contents .shokurin-contents-image .shokurin-contents-image-area{
	width: 48.5%;
}
.shokurin-contents .shokurin-contents-image .shokurin-contents-image-area:nth-child(odd){
	margin-right: 19px;
}
.shokurin-contents .shokurin-contents-image .shokurin-contents-image-area:first-child,
.shokurin-contents .shokurin-contents-image .shokurin-contents-image-area:nth-child(2){
    margin-bottom: 20px;	
}


/*再造林について*/
#sec2-2 .reforestation-contents{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	margin-top: 64px;
}
#sec2-2 .reforestation-contents .reforestation-contents-image-area{
	width: 47%;
}
#sec2-2 .reforestation-contents .reforestation-contents-image-area:first-child{
	margin-right: 20px;
}
#sec2-2 .reforestation-contents .reforestation-contents-image-area p{
	font-size: 1.1rem;
}

@media screen and (max-width: 520px) {
#sec2-2 .reforestation-contents{
	margin-top: 30px;	
}
#sec2 .shokurin-contents{
	margin: 30px 0;
	padding: 16px 16px 30px;
	background-color: #F7F7F7;
	border-radius: 28px;
	margin-top: 30px;
}
#sec2 .shokurin-contents .sec2-title{
    letter-spacing: 0.05rem;
	line-height: 1.4;
}
#sec2 .shokurin-contents .sec2-discription{
	line-height: 1.6;
}
.shokurin-contents .shokurin-contents-image .shokurin-contents-image-area{
	width: 47.5%;
}
.shokurin-contents .shokurin-contents-image .shokurin-contents-image-area:nth-child(odd){
    margin-right: 14px;
}	
	
}

/*********************************
* 事業内容　ドローンページ
*********************************/

/*弊社のドローンについて*/
#sec2 .greenbase-drone{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: 100%;
	background-color: #fff;
	padding: 50px 0px;
	margin-bottom: 60px;
}
.greenbase-drone .drone-image{
	width: 40%;
	margin-right: 60px;
	box-sizing: border-box;
	padding-left: 50px;
}
.greenbase-drone .drone-details{
	width: 60%;
}
.drone-details .drone-title{
	font-family: "Noto Serif JP", Noto Sans JP, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 300;
    font-size: 1.7rem;
	margin-bottom: 34px;
}
.greenbase-drone .drone-details p{
	font-size: 1.5rem;
}
.greenbase-drone-video{
	background: #F7F7F7;
	padding: 70px;
    box-shadow: 0px 0px 15px -5px #777777;
    border-radius: 28px;
	margin-top: 80px;
}
.greenbase-drone-video p{
	padding-top: 16px;
}
.greenbase-drone-video p:last-child{
	padding-top: 0px;
	font-size: 1.1rem;
}

@media screen and (max-width: 520px) {
	#sec2 .greenbase-drone{
	flex-direction: column;
    padding: 20px 0px;
	margin-bottom: 40px;
	}
.greenbase-drone .drone-image{
    width: 100%;
	padding: 0 20px;
	margin-right: 0px;
}
.greenbase-drone .drone-details{
	padding: 20px;
}

.greenbase-drone-video{
 padding: 18px;
 margin-top: 40px;
}	
}

/*運搬について*/
#sec2-2 .drone-unpan{
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 120px;
}
#sec2-2 .drone-unpan:last-child{
	flex-direction: row-reverse;
}
.drone-unpan .drone-unpan-details{
	width: 50%;
	box-sizing: border-box;
	padding-right: 8%;
}
.drone-unpan:last-child .drone-unpan-details{
	padding-left: 8%;
}
.drone-unpan .drone-unpan-image{
	width: 50%;
}
.drone-unpan .drone-unpan-details .drone-unpan-title{
	font-family: "Noto Serif JP", Noto Sans JP, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 300;
    font-size: 2.1rem;
	margin-bottom: 36px;
	padding-bottom: 0px;
}
.drone-unpan .drone-unpan-details p{
	padding-bottom: 60px;
}
@media screen and (max-width: 520px) {
#sec2-2 .drone-unpan{
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
	margin-top: 60px;
}
.drone-unpan .drone-unpan-details{
	width: 100%;
	padding-top: 8px;
	padding-right: 0px;
}
.drone-unpan .drone-unpan-image{
	width: 100%;
}	
#sec2-2 .drone-unpan:last-child{
	flex-direction: column-reverse;
}
.drone-unpan:last-child .drone-unpan-details{
	padding-left: 0%;
}	
.drone-unpan .drone-unpan-details .drone-unpan-title{
    margin-bottom: 16px;
}	
.drone-unpan .drone-unpan-details p{
	padding-bottom: 30px;
}	
}



/*現場のエリアについて*/
#sec2-3 .drone-area-title{
	font-size: 2rem;
	margin: 80px 0px 20px;
}
@media screen and (max-width: 520px) {
#sec2-3 .drone-area-title{
	font-size: 16px;
	margin: 30px 0px 8px;
}	
}




/*導入のメリットについて*/
#sec2-4 .drone-date{
	margin-top: 60px;
	width: 80%;
}
.drone-merit{
	margin-top: 100px;
	padding: 60px 40px;
	background-color: #fff;
}
.drone-merit-area{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.drone-merit-contents{
	display: block;
	width: 32%;
	margin-right: 28px;
}
.drone-merit-contents:last-child{
	margin-right: 0px;
}
.drone-merit-contents .merit-title{
	text-align: center;
	margin-bottom: 16px;
}
.drone-merit-contents .merit-discription{
	text-align: justify;
	margin-top: 24px;
}
@media screen and (max-width: 520px) {
#sec2-4 .drone-date{
	width: 100%;
}
.drone-merit{
padding: 22px;	
}
.drone-merit-area{
flex-direction: column;
}	
.drone-merit-contents{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 40px
 }
.drone-merit-contents .merit-title{
   margin-bottom: 8px;
}
.drone-merit-contents .merit-discription{
    margin-top: 14px;
}
}