@charset "utf-8";
/*------------メインスライド----------------*/
.main_slider {}
.main_slider {
  position: relative; /* ← swiper.cssに含まれています */
}
.main_slider:before {
  content: "";
  display: block;
  padding-top: calc(749/1920*100%); /* 縦/横*100の値を書く */
}
@media screen and (max-width: 767px) {
.main_slider:before {
  content: "";
  display: block;
  padding-top: calc(749/1248*100%); /* 縦/横*100の値を書く */
}
}
.main_slider .swiper-wrapper {
  position: absolute; /* ← swiper.cssと優先順位が干渉するときは工夫してください */
  top: 0;
  left: 0;
}
.main_slider .swiper-wrapper img {
  width: 100%;
  height: auto;
}
.txt_main{
	position: absolute;
	top: 15%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 90;
}
	.main_txt01{
		margin-bottom: 60px;
	}
	.main_txt02{
		font-size: 5.5rem;
		font-weight: bold;
		font-style: italic;
		letter-spacing: 4px;
		color: #fff;
	}
@media screen and (max-width: 1400px) {

	.main_txt01{
		width:50%;
		margin:0 auto;
		margin-bottom: 40px;
	}
	.main_txt02{
		font-size: 4rem;
		letter-spacing: 4px;
	}
}
@media screen and (max-width: 767px) {
	.txt_main{
	top: 18%;
}
	.main_txt01{
		width:50%;
		margin-bottom: 15px;
	}
	.main_txt02{
		font-size: 1.6rem;
		letter-spacing: 3px;
	}
}

/*-----------------------------------*/

.scrollBox01 {
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .scrollBox01 {
    overflow: auto;
  }
}
.blog_area_top_01 {
  background-color: #fff;
  border: 1px solid #bbbbbb;
  padding: 15px;
  max-height: 240px;
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .blog_area_top_01 {
    max-height: 200px;
    margin-bottom: 20px;
    padding: 15px;
  }
}
.blog_area_top_02 {
  background: #fff;
  padding: 40px;
  max-height: 350px;
}
@media screen and (max-width: 767px) {
  .blog_area_top_02 {
    max-height: 200px;
    padding: 15px;
  }
}

.bg_top01 {
  background: url(../img/top/bg_01.jpg) center top no-repeat,#f8f8f8;
}


.bg_top02_01 {
	position: relative;
	height: 455px;
}
.bg_top02_01::before{
	content: "";
	background: url("../img/top/img_07.jpg") left top no-repeat;
	width: 50%;
	height: 455px;
	position: absolute;
	top: 0;
	right: 0;
}

.bg_top02_02 {
	position: relative;
	height: 455px;
}
.bg_top02_02::before{
	content: "";
	background: url("../img/top/img_08.jpg") right top no-repeat;
	width: 50%;
	height: 455px;
	position: absolute;
	top: 0;
	left: 0;
}

.bg_top02_03 {
	position: relative;
	height: 455px;
}
.bg_top02_03::before{
	content: "";
	background: url("../img/top/img_04.jpg") left top no-repeat;
	width: 50%;
	height: 455px;
	position: absolute;
	top: 0;
	right: 0;
}
.bg_top02_04 {
	position: relative;
	height: 455px;
}
.bg_top02_04::before{
	content: "";
	background: url("../img/top/img_06.jpg") right top no-repeat;
	width: 50%;
	height: 455px;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 767px) {
.bg_top02_01,.bg_top02_02,.bg_top02_03,.bg_top02_04 {
	height: auto;
	padding-bottom: 200px;
}
.bg_top02_01::before,
	.bg_top02_02::before,
	.bg_top02_03::before,
	.bg_top02_04::before{
		background-size: cover;
	width: 100%;
	height: 200px;
	top: auto;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
		margin-bottom: 30px;
}
}

.bg_top03{
	background: url("../img/top/bg_02.jpg") center top no-repeat;
	padding: 60px 0;
	background-size: cover;
}

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

.bg_top03{
	padding: 15px;
}
}

.bg_top_white {
  background: rgba(255, 255, 255, 0.8);
  padding: 60px;
}

@media screen and (max-width: 767px) {
  .bg_top_white {
    padding: 15px;
  }
}

/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}
.wideslider ul {
  display: inline-block;
  overflow: hidden;
}
.topslider_outer {
  position: relative;
}
/*bxslider css
-------------------------------------*/
/*bxslider css
-------------------------------------*/
.topslider_outer {
  position: relative;
}
.slide figure img {
  border: 1px solid #000;
  overflow: hidden;
  padding: 5px;
  background-color: #fff;
  margin-bottom: 15px;
}
/**/
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
  width: 100% !important;
}







/*-----------------------2020.09.04---------------------------*/

.txt_01 {
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #d2f299;
	margin-bottom: 15px;
	font-size: 1.6rem;
	font-weight: bold;
}
.txt_01::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 1px;
  background-color: #81bf28;
}

.txt_02{
	padding-left:30px;
}
.txt_03{
font-size: 2rem;
	font-weight: bold;
	margin-top: -30px;
	margin-bottom: 40px;
}