@charset "utf-8";



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

白背景のトピックスで使うcss定義

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


section.second_topics {
  position: relative;
  margin: 0;
  padding: 70px 0 0 0;
	background: url(../img/common/cloudimage_green.svg) top center repeat-y;
  background-size: 3000px;
}

section.second_topics img {
  width: 100%;
}

section.second_topics article {
  box-sizing: border-box;
  margin: 0 auto 100px auto;
  padding: 0 10px 0 10px;
  max-width: 1200px;
  width: 100%;
}

section.second_topics article:nth-last-of-type(1) {
  margin-bottom: 50px;
}


/*トピックスナンバー*/
section.second_topics .topics1::after,
section.second_topics .topics2::after,
section.second_topics .topics3::after,
section.second_topics .topics4::after,
section.second_topics .topics5::after {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  right: -20px;
  width: 70px;
  height: 70px;
}

section.second_topics .topics1::after {
  background: url(../img/common/topics_red1.svg) center center no-repeat;
  background-size: 100%;
}
section.second_topics .topics2::after {
  background: url(../img/common/topics_red2.svg) center center no-repeat;
  background-size: 100%;
}
section.second_topics .topics3::after {
  background: url(../img/common/topics_red3.svg) center center no-repeat;
  background-size: 100%;
}
section.second_topics .topics4::after {
  background: url(../img/common/topics_red4.svg) center center no-repeat;
  background-size: 100%;
}
section.second_topics .topics5::after {
  background: url(../img/common/topics_red5.svg) center center no-repeat;
  background-size: 100%;
}

/*タイトル*/
section.second_topics h2 {
  margin: -20px 0 10px -10px;
}

section.second_topics h2 i {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 8px 20px 8px 12px;
  border: 1px solid #8fc31f;
  border-left: 4px solid #8fc31f;
  background-color: #ffffff;
  color: #2ba638;
  font-style: normal;
  font-size: 120%;
}

section.second_topics h2 i::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -15px;
  right: 10px;
  width: 1px;
  height: 50px;
  background-color: #8fc31f;
  transform: rotate(45deg);
}


/*枠一つの分と画像サムネ*/

section.second_topics .single_box .data {
  position: relative;
  margin: 0;
  padding: 0 0 0 300px;
}

section.second_topics .photo_thumb {
  position: absolute;
  top: 30px;
  left: 20px;
  margin: 0;
  padding: 0;
  width: 180px;
}

section.second_topics .photo_thumb li {
  margin: 0;
  padding: 4px 0;
}

section.second_topics .photo_thumb img {
  border-radius: 10px;
  border: 1px solid #a5a7a0;
}


/*枠二つ分*/
section.second_topics .column_box{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:30px;
}








/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*SP調整*/

@media (max-width: 767px) {

section.second_topics article {
  padding: 0 20px 0 20px;
}


/*枠一つの分と画像サムネ*/

section.second_topics .single_box .data {
  position: relative;
  margin: 0;
  padding: 0 0 0 0px;
}

section.second_topics .photo_thumb {
	position: relative;
  margin: 0;
  padding: 0;
	margin-bottom: 50px;
  width: 95%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap:10px;
}


/*枠二つ分*/
section.second_topics .column_box{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap:30px;
}

/*トピックスナンバー*/
section.second_topics .topics1::after,
section.second_topics .topics2::after,
section.second_topics .topics3::after,
section.second_topics .topics4::after,
section.second_topics .topics5::after {
  right: 10px;
}

section.second_topics h2 i {
  font-size: 110%;
	line-height: 1.4;
}

}/*SP調整　ここまで*/



/**/