@charset "utf-8";
/* CSS Document */

/* 共通 /////////////////////////////////////////////////////////////////////*/

body{
	font-family: "Noto Sans JP", sans-serif,"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	line-height: 180%;
	color: #333333;
	font-size: 18px;
	overflow-x: hidden;
}

a:link{
  	color: #ffffff;
	text-decoration: none;
}

a:visited{
  	color: #ffffff;
	text-decoration: none;
}

a:hover{
  	color: #fff100;
	text-decoration: none;
}

a:active{
  	color: #fff100;
	text-decoration: none;
}

.space30{
	margin-bottom: 30px;
}

.space50{
	margin-bottom: 50px;
}

.space100{
	margin-bottom: 100px;
}

.white{
	background-color: #ffffff;
}

.light-blue {
	background-color: #ecf3db;
	padding-top: 30px;
	padding-bottom: 50px;
}

.inquiry_imagearea{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.inquiry_imgsize{
	width: 100%;
}

.inquiry_titlearea{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: min(2vw,37px);
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}

.imagearea_footer {
	margin-top: 50px;
	margin-bottom: 100px;
	text-align: center;
	width: min(19.1vw,380px);
	margin-left: auto;
	margin-right: auto;
}

.imgsize_footer{
	width: 100%;
}

.btn1 {
	background-color: #FEA20F;
	border: solid 2px #fff;
	border-radius: 40px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	transition: all 0.1s linear;
}

.btn1:hover{
	color: #fff100;
	transition: all 0.1s linear;
}

.btn2{
	background-color: #56B548;
	border: solid 2px #fff;
	border-radius: 40px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	transition: all 0.1s linear;
}

.btn2:hover{
	color: #fff100;
	transition: all 0.1s linear;
}

@media all and (max-width:992px) {

.disp1 {
	display: none !important;
}
	
.disp2{
	display: inline !important;
}
	
}

@media all and (min-width:993px) {

.disp1 {
	display: inline !important;
}
	
.disp2{
	display: none !important;
}
	
}

@media all and (max-width:768px) {
	
.disp3{
	display: inline !important;
}
	
.disp4{
	display: none !important;
}
	
}

@media all and (min-width:769px) {
	
.disp3{
	display: none !important;
}
	
.disp4{
	display: inline !important;
}
	
}

@media (max-width: 576px) {

.inquiry_imagearea {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
	
.btn1{
	padding: 1vw;
  	font-size: min(4vw,17px);
}
	
.btn2{
	padding: 1vw;
  	font-size: min(4vw,17px);
}
	
.inquiry_titlearea {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}
	
}

@media all and (min-width:577px) and (max-width:768px) {

.inquiry_imagearea {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
	
.btn1{
	padding: 1vw;
  	font-size: min(4vw,17px);
}
	
.btn2{
	padding: 1vw;
  	font-size: min(4vw,17px);
}
	
.inquiry_titlearea {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}
	
}

@media all and (min-width:769px) and (max-width:992px) {

.inquiry_titlearea {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 30px;
	font-size: 25px;
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}
	
}

@media all and (min-width:993px) and (max-width:1200px) {

}

@media all and (min-width:1201px) and (max-width:1399px) {

}

@media (min-width: 1400px) {

}

/* ヘッダー navbar ////////////////////////////////////////////////////////*/

.logo {
	width: min(20vw,120px);
	height: auto;
}

nav {
    width: 100%;
    padding: 10px;
    background: rgba(81,166,60,1);
    transition: background 1s ease; /* 背景色の変更を滑らかに */
    position: fixed; /* ナビゲーションバーを固定 */
    top: 0;
    left: 0;
}

.navbar-nav {
	height: 50px;
}

nav.scrolled {
    background: rgba(81,166,60,0.8); /* スクロール後の背景色 */
}

.navbar{
	
}

.nav-item{
	margin: 0 10px;
}

.nav-posi{
	margin-left: auto;
}

.navbar-nav{
	font-size: 16px;
}

.nav-link{
	color: #333333;
}

.nav-link:hover{
	color: #fff100;
}

.header-waku1 {
	background-color: #FEA20F;
	border: solid 1px #ffffff;
	border-radius: 0 0 10px 10px;
	text-align: center;
	padding: 0 5px;
	transition: all 0.1s linear;
	position: relative;
	top: -1vw;
	right: 0;
	height: 85px;
	width: 130px;
	padding-top: 15px;
	font-size: 21px;
	font-weight: bold;
}

.header-waku1:hover{
	background-color: #FEA20F;
	border: solid 1px #ffffff;
	border-radius: 0 0 10px 10px;
	text-align: center;
	padding: 0 5px;
	transition: all 0.1s linear;
	position: relative;
	top: -1vw;
	right: 0;
	height: 85px;
	width: 130px;
	padding-top: 15px;
	font-size: 21px;
	font-weight: bold;
}

.header-waku1 .nav-link{
	color: #ffffff;
	transition: all 0.1s linear;
}

.header-waku1 .nav-link:hover{
	color: #fff100;
	transition: all 0.1s linear;
}

.header-waku2{
	background-color: #ffffff;
	border: solid 1px #35308e;
	border-radius: 30px;
	text-align: center;
	padding: 0 10px;
	transition: all 0.1s linear;
}

.header-waku2 .nav-link{
	color: #35308e;
}

.header-waku2:hover{
	background-color: #fff100;
	border: solid 1px #fff100;
	border-radius: 30px;
	text-align: center;
	padding: 0 10px;
	transition: all 0.1s linear;
}

.bg-white .navbar-toggler-icon {
	background-image: url("../cont/navbar-toggler-icon.svg");
}

@media (max-width: 1000px) {

	.fixed-top{
		background: rgba(81,166,60,1);
	}
	
}

@media (max-width: 1198px) {

.logo{
	width: 110px;
	height: auto;
}
	
.nav-item {
	margin: 0;
	border-top: solid 1px #fff;
}
	
.navbar-nav{
	display: contents;
}
	
.navbar-nav .nav-item{
    text-align: center;
}
	
.header-waku1 {
	background-color: unset;
	border: solid 1px #ffffff;
	border-radius: 0;
	text-align: center;
	padding: 0;
	transition: all 0.1s linear;
	position: unset;
	top: 0;
	right: 0;
	height: auto;
	width: auto;
	padding-top: 0;
	font-size: unset;
	font-weight: unset;
	border-left: none;
	border-right: none;
	margin-top: unset;
}
	
.header-waku1:hover {
	background-color: unset;
	border: solid 1px #ffffff;
	border-radius: 0;
	text-align: center;
	padding: 0;
	transition: all 0.1s linear;
	position: unset;
	top: 0;
	right: 0;
	height: auto;
	width: auto;
	padding-top: 0;
	font-size: unset;
	font-weight: unset;
	border-left: none;
	border-right: none;
	margin-top: unset;
	color: #fff100;
}
	
.header-waku2{
	margin-top: 20px;
}
	
.header-waku2:hover{
	border: solid 1px #fff100;
}
	
.navbar-toggler{
    border-color: #fff;
}

}

@media (max-width: 576px) {
		
}

@media all and (min-width:577px) and (max-width:768px) {
	
}

@media all and (min-width:569px) and (max-width:992px) {

}

@media all and (min-width:993px) and (max-width:1200px) {

}

@media all and (min-width:1201px) and (max-width:1399px) {

}

@media (min-width: 1400px) {

}

/* トップ top ////////////////////////////////////////////////////////*/

#top{

}

#top .top {
	width: 100%;
	height: min(42vw,850px);
	background-image: url("../cont/topbg.png");
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 150px;
	padding-bottom: 40px;
	background-position: center top;
}

#top .logoarea {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

#top .toplogo{
	
}

#top .btnarea{
	width: 95%;
	margin-left: auto;
	margin-right: auto;	
}

#top .btn1 {
	background-color: #FEA20F;
	border: solid 2px #fff;
	border-radius: 40px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	transition: all 0.1s linear;
}

#top .btn1:hover{
	color: #fff100;
	transition: all 0.1s linear;
}

#top .btn2{
	background-color: #56B548;
	border: solid 2px #fff;
	border-radius: 40px;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	transition: all 0.1s linear;
}

#top .btn2:hover{
	color: #fff100;
	transition: all 0.1s linear;
}

#top .imgarea {
	right: 13vw;
	top: 2vw;
	position: relative;
}

#top .mainimgsize {
  width: min(53vw,950px);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 3s ease;
}

#top .mainimgsize.active {
  opacity: 1;
}

@media (max-width: 576px) {

#top .top {
	width: 100%;
	height: min(100vw,499px);
	background-size: cover;
	padding-top: 110px;
	background-position: center bottom;
}
	
#top .logoarea {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
#top .imgarea {
	display: none;
}
	
#top .btnarea{
	width: 80%;
	margin-left: auto;
	margin-right: auto;		
}

#top .btn1{
	padding: 1vw;
  	font-size: min(4vw,17px);
}
	
#top .btn2{
	padding: 1vw;
  	font-size: min(4vw,17px);
}
	
}

@media all and (min-width:577px) and (max-width:768px) {

#top .mainimgsize {
	width: min(67vw,620px);
}		
	
#top .top {
	width: 100%;
	height: 540px;
	background-size: 156%;
	padding-top: 110px;
	background-position: center bottom;
}
	
#top .logoarea {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
#top .imgarea {
	display: none;
}
	
#top .btnarea{
	width: 80%;
	margin-left: auto;
	margin-right: auto;		
}
	
#top .btn1{
	font-size: 17px;
}
	
#top .btn2{
	font-size: 17px;
}
	
}

@media all and (min-width:769px) and (max-width:992px) {
	
#top .top {
	height: min(65vw,630px);
	padding-top: 120px;
}

#top .imgarea {
	right: 160px;
	top: 65px;
	position: relative;
}

#top .mainimgsize {
	width: min(68vw,618px);
}

#top .btn1{
	font-size: 17px;
	padding-top: 5px;
    padding-bottom: 5px;	
}
	
#top .btn2{
	font-size: 17px;
	padding-top: 5px;
    padding-bottom: 5px;
}
	
}

@media all and (min-width:993px) and (max-width:1200px) {

#top .top {
	height: 630px;
	padding-top: 120px;
}

#top .imgarea {
	right: 205px;
	top: 40px;
	position: relative;
}

#top .mainimgsize {
  width: 680px;
}
	
}

@media all and (min-width:1201px) and (max-width:1399px) {
	
#top .top {
	height: 650px;
	padding-top: 126px;
}

#top .imgarea {
	right: 170px;
	top: 40px;
	position: relative;
}

#top .mainimgsize {
  width: 750px;
}
	
}

@media (min-width: 1400px) {
	
#top .top {
	height:850px;
}
	
#top .imgarea {
	right: 257px;
	top: 35px;
	position: relative;
}

#top .mainimgsize {
  width: 950px;
}
	
}

/* コンテンツ1 cont1 ////////////////////////////////////////////////////////*/

#cont1{
	
}

#cont1 .imgarea1 {
	margin-top: -60px;
}

#cont1 .imgarea1{
	
}

#cont1 .imgarea2{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

#cont1 .imgarea3{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#cont1 .imgarea4 {
	text-align: center;
	width: 100%;
	padding-top: 20px;
}

#cont1 .imgarea5{
	width: 90%;
	margin-right: auto;
}

#cont1 .imgarea6{
	width: 100%;
}

#cont1 .imgarea7 {
	width: 95%;
	margin-right: auto;
}

#cont1 .imgarea8 {
	width: 95%;
	margin-left: auto;
}

#cont1 .imgarea9 {
	width: 95%;
	margin-right: auto;
}

#cont1 .imgarea10 {
	text-align: center;
	width: 100%;
	padding-top: 20px;
}

#cont1 .imgsize1{
	width: 250px;
}

#cont1 .imgsize2{
	width: 100%;
}

#cont1 .imgsize3{
	width: 100%;
}

#cont1 .imgsize4 {
	width: 140px;
}

#cont1 .title {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: min(2vw,37px);
	font-weight: bold;
	color: #51a63c;
}

#cont1 .title2 {
	padding-top: 70px;
	padding-bottom: 20px;
	margin-bottom: 60px;
	font-size: min(2vw,37px);
	font-weight: bold;
	color: #2F2725;
	text-align: center;
	border-bottom: solid 5px #2F2725;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

#cont1 .title3 {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: min(2vw,30px);
	font-weight: bold;
	color: #2F2725;
	text-align: left;
}

#cont1 .titleimg1 {
	background-image: url("../cont/cont1-11.png");
	background-repeat: no-repeat;
	color: #51a63c;
	font-size: min(2.3vw,40px);
	font-weight: bold;
	padding-left: 90px;
	padding-top: 15px;
	padding-bottom: 33px;
	background-size: 70px 70px;
}

#cont1 .titleimg2 {
	background-image: url("../cont/cont1-14.png");
	background-repeat: no-repeat;
	color: #51a63c;
	font-size: min(2.3vw,40px);
	font-weight: bold;
	padding-left: 90px;
	padding-top: 15px;
	padding-bottom: 33px;
	background-size: 70px 70px;
}

#cont1 .titleimg3 {
	background-image: url("../cont/cont1-16.png");
	background-repeat: no-repeat;
	color: #51a63c;
	font-size: min(2.3vw,40px);
	font-weight: bold;
	padding-left: 90px;
	padding-top: 15px;
	padding-bottom: 33px;
	background-size: 70px 70px;
}

#cont1 .titleimg4 {
	background-image: url("../cont/cont1-18.png");
	background-repeat: no-repeat;
	color: #51a63c;
	font-size: min(2.3vw,40px);
	font-weight: bold;
	padding-left: 90px;
	padding-top: 15px;
	padding-bottom: 33px;
	background-size: 70px 70px;
}
#cont1 .titleimg5 {
	background-image: url("../cont/cont1-20.png");
	background-repeat: no-repeat;
	color: #51a63c;
	font-size: min(2.3vw,40px);
	font-weight: bold;
	padding-left: 90px;
	padding-top: 15px;
	padding-bottom: 33px;
	background-size: 70px 70px;
}

#cont1 .cont1-1{
	margin-top: 70px;
	margin-bottom: 50px;
}

#cont1 .cont1-2{
	margin-top: 10px;
	margin-bottom: 50px;
}

#cont1 .cont1-3{
	margin-top: 10px;
	margin-bottom: 20px;
}

#cont1 .cont1-4{
	margin-top: 10px;
	margin-bottom: 50px;
}

#cont1 .cont1-5{
	margin-top: 10px;
	margin-bottom: 50px;
}

#cont1 li {
	font-size: min(2vw,34px);
	font-weight: bold;
	color: #2F2725;
	padding-top: 15px;
	padding-bottom: 15px;
	list-style: disc;
}

.flex-container {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
}

.flex-item {
  flex-grow: 1;
  text-align: center;
}

@media (max-width: 768px) {
  .flex-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}

@media (max-width: 576px) {

#cont1 .imgsize1 {
	display: none;
}	
	
#cont1 .title {
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: min(4vw,30px);
	font-weight: bold;
	color: #51a63c;
	text-align: center;
	line-height: 150%;
}
	
#cont1 .imgarea2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
	
#cont1 .imgsize2 {
	width: 95%;
}
	
#cont1 .title2 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	font-size: min(4vw,30px);
	font-weight: bold;
	color: #2F2725;
	text-align: center;
	border-bottom: solid 5px #2F2725;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
	
#cont1 li {
	font-size: min(3.6vw,30px);
	font-weight: bold;
	color: #2F2725;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style: disc;
	z-index: 5;
	position: relative;
}
	
#cont1 ul{
    padding-left: 22px;
}
	
#cont1 .imgarea3 {
	width: 200px;
	margin-left: auto;
	margin-right: unset;
	margin-top: -200px;
}
	
#cont1 .imgarea3 .imgsize3{
	opacity: 0;
	z-index: 1;
}
	
#cont1 .imgsize4 {
	width: 100px;
}
	
#cont1 .imgarea5 .imgsize3{
	display: none;
}
	
#cont1 .imgarea9 .imgsize2{
	width: 100%;
}
	
#cont1 .imgarea10 .imgsize2{
	width: 100%;
}	
	
#cont1 .titleimg1 {
	font-size: 25px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}
	
	#cont1 .titleimg1::before{
		content: url("../cont/cont1-1.svg");
  		display: inline-block;
		width: 55px;
		height: 55px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg2 {
	font-size: 25px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg2::before{
		content: url("../cont/cont1-2.svg");
  		display: inline-block;
		width: 55px;
		height: 55px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg3 {
	font-size: 25px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg3::before{
		content: url("../cont/cont1-3.svg");
  		display: inline-block;
		width: 55px;
		height: 55px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg4 {
	font-size: 25px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg4::before{
		content: url("../cont/cont1-4.svg");
  		display: inline-block;
		width: 55px;
		height: 55px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg5 {
	font-size: 25px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg5::before{
		content: url("../cont/cont1-5.svg");
  		display: inline-block;
		width: 55px;
		height: 55px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .title3 {
	font-size: 19px;
	text-align: center;
}
	
#cont1 .text {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#cont1 .imgarea7{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont1 .imgarea8{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
}

@media all and (min-width:577px) and (max-width:768px) {

#cont1 .imgsize1 {
	display: none;
}

#cont1 .title {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: min(4vw,30px);
	font-weight: bold;
	color: #51a63c;
	text-align: center;
	line-height: 150%;
}
	
#cont1 .imgarea2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
	
#cont1 .imgsize2 {
	width: 85%;
}
	
#cont1 .title2 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	font-size: min(3.4vw,37px);
	font-weight: bold;
	color: #2F2725;
	text-align: center;
	border-bottom: solid 5px #2F2725;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
	
#cont1 li {
	font-size: min(3vw,34px);
	font-weight: bold;
	color: #2F2725;
	padding-top: 5px;
	padding-bottom: 10px;
	list-style: disc;
	z-index: 5;
	position: relative;
}
	
#cont1 .imgarea3 {
	width: 200px;
	margin-left: auto;
	margin-right: unset;
	margin-top: -200px;
}
	
#cont1 .imgarea3 .imgsize3{
	opacity: 0.4;
	z-index: 1;
}
	
#cont1 .imgsize4 {
	width: 110px;
}
		
#cont1 .imgarea5 .imgsize3{
	display: none;
}
	
#cont1 .titleimg1 {
	font-size: 30px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}
	
	#cont1 .titleimg1::before{
		content: url("../cont/cont1-1.svg");
  		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg2 {
	font-size: 30px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg2::before{
		content: url("../cont/cont1-2.svg");
  		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg3 {
	font-size: 30px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg3::before{
		content: url("../cont/cont1-3.svg");
  		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg4 {
	font-size: 30px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg4::before{
		content: url("../cont/cont1-4.svg");
  		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg5 {
	font-size: 30px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg5::before{
		content: url("../cont/cont1-5.svg");
  		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .title3 {
	font-size: 23px;
	text-align: center;
}
	
#cont1 .text{
	padding-top: 20px;
	padding-bottom: 20px;
}

#cont1 .imgarea7{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont1 .imgarea8{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont1 .imgarea9 .imgsize2{
	width: 100%;
}
	
#cont1 .imgarea10 .imgsize2 {
	width: 129%;
	margin-left: -5vw;
}
	
}

@media all and (min-width:769px) and (max-width:992px) {
	
#cont1 .imgarea1 {
	margin-top: 10px;
}
	
#cont1 .imgarea1 {
	margin-top: 30px;
}
	
#cont1 .imgsize1 {
	width: 100%;
}
	
#cont1 .imgsize2 {
	width: 100%;
}
	
#cont1 .title {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: min(2.5vw,37px);
	font-weight: bold;
	color: #51a63c;
}
	
#cont1 .imgarea2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
	
#cont1 .title2 {
	padding-top: 0px;
	font-size: min(3.2vw,37px);
	margin-bottom: 20px;
}
	
#cont1 li {
	font-size: min(2.3vw,34px);
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: disc;
}
	
#cont1 .titleimg1 {
	font-size: 30px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}
	
	#cont1 .titleimg1::before{
		content: url("../cont/cont1-1.svg");
  		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg2 {
	font-size: 30px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg2::before{
		content: url("../cont/cont1-2.svg");
  		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg3 {
	font-size: 30px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg3::before{
		content: url("../cont/cont1-3.svg");
  		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg4 {
	font-size: 30px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg4::before{
		content: url("../cont/cont1-4.svg");
  		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .titleimg5 {
	font-size: 30px;
	text-align: center;
	background: none;
	padding-top: 5px;
	padding-bottom: 25px;
	padding-left: 0;
}

	#cont1 .titleimg5::before{
		content: url("../cont/cont1-5.svg");
  		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top:26px;
		margin-right: 20px;
	}
	
#cont1 .title3 {
	font-size: 23px;
	text-align: center;
}
	
#cont1 .text{
	padding-top: 20px;
	padding-bottom: 20px;
}

#cont1 .imgarea7{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont1 .imgarea8{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont1 .imgarea9 .imgsize2{
	width: 100%;
}
	
#cont1 .imgarea10 .imgsize2{
	width: 100%;
}

}

@media all and (min-width:993px) and (max-width:1200px) {

#cont1 .title {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: min(3vw,25px);
	font-weight: bold;
	color: #51a63c;
}
	
#cont1 .imgsize1 {
	width: 170px;
}

#cont1 .imgsize2 {
	width: 100%;
}
	
#cont1 .title2 {
	font-size: 32px;
	padding-top: 30px;
}
	
#cont1 li {
	font-size: 23px;
	padding: 5px 0;
}
	
#cont1 .titleimg1 {
	font-size: 30px;	
}
	
#cont1 .titleimg2 {
	font-size: 30px;	
}
	
#cont1 .titleimg3 {
	font-size: 30px;	
}
	
#cont1 .titleimg4 {
	font-size: 30px;	
}
	
#cont1 .titleimg5 {
	font-size: 30px;	
}
	
#cont1 .title3 {
	font-size: 23px;
}
	
}

@media all and (min-width:1201px) and (max-width:1399px) {

#cont1 .title {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: min(3vw,30px);
	font-weight: bold;
	color: #51a63c;
}
	
#cont1 .imgsize1 {
	width: 220px;
}
	
#cont1 .title2 {
	font-size: 37px;
}
	
#cont1 li {
	font-size: 28px;
	padding: 10px 0;
}
	
#cont1 .titleimg1 {
	font-size: 36px;	
}
	
#cont1 .titleimg2 {
	font-size: 36px;	
}
	
#cont1 .titleimg3 {
	font-size: 36px;	
}
	
#cont1 .titleimg4 {
	font-size: 36px;	
}
	
#cont1 .titleimg5 {
	font-size: 36px;	
}
	
#cont1 .title3 {
	font-size: 28px;
}
	
}

@media (min-width: 1400px) {

#cont1 .title {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: min(3vw,40px);
	font-weight: bold;
	color: #51a63c;
}
	
#cont1 .imgsize1{
	width: 250px;
}
	
#cont1 .title2 {
	font-size: 37px;
}
	
#cont1 li {
	font-size: 34px;
}
	
#cont1 .titleimg1 {
	font-size: 40px;	
}
	
#cont1 .titleimg2 {
	font-size: 40px;	
}
	
#cont1 .titleimg3 {
	font-size: 40px;	
}
	
#cont1 .titleimg4 {
	font-size: 40px;	
}
	
#cont1 .titleimg5 {
	font-size: 40px;	
}
	
#cont1 .title3 {
	font-size: 30px;
}
	
}

/* コンテンツ2 cont2 ////////////////////////////////////////////////////////*/

#cont2{
	margin-top: 30px;
}

#cont2 .title{
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: min(2vw,37px);
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}

#cont2 .text{
	text-align: center;
	margin-bottom: 30px;
}

#cont2 .cont2-main{
	background-image: url("../cont/cont2-1.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 900px;
	width: 100%;
	margin-bottom: 20px;
}

#cont2 .fade1 {
	width: 560px;
	padding-top: 80px;
	margin-left: 60px;
}

#cont2 .fade2 {
	width: 560px;
	padding-top: 90px;
	margin-left: -30px;
}

#cont2 .fade3 {
	width: 560px;
	padding-top: 80px;
	margin-left: 60px;
	margin-bottom: 110px;
}

#cont2 .fade4 {
	width: 560px;
	padding-top: 80px;
	margin-left: 60px;
}

#cont2 .fade5 {
	width: 560px;
	padding-top: 80px;
	float: right;
	margin-right: 60px;
}

#cont2 .fade6 {
	width: 560px;
	padding-top: 80px;
	float: right;
	margin-right: 60px;
	margin-bottom: 110px;
}

#cont2 .fade7 {
	width: 560px;
	padding-top: 90px;
	float: right;
	margin-right: -30px;
}

#cont2 .fade8 {
	width: 560px;
	padding-top: 80px;
	float: right;
	margin-right: 60px;
}

#cont2 .cont2-titlebar {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

#cont2 .imgsize{
	width: 100%;
}

#cont2 .contarea{
	width: 100%;
	margin-bottom: 50px;
}

#cont2 .subtitle {
	width: 100%;
	color: #51a63c;
	font-size: min(2vw,24px);
	font-weight: bold;
	margin-bottom: 20px;
}

#cont2 .subtext{
	width: 100%;
	margin-bottom: 20px;
}

#cont2 .subimgarea{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 576px) {

#cont2 .title{
	font-size: min(4.8vw,30px);
}
	
#cont2 .text{
	text-align: left;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont2 .svg-container{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

#cont2 .cont2-main {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 834px;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 50px;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
	background-image: none;
}

#cont2 .fade1 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade2 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade3 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade4 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade5 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}

#cont2 .fade6 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}

#cont2 .fade7 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}

#cont2 .fade8 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}
	
#cont2 .subtitle {
	width: 100%;
	color: #51a63c;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
	
#cont2 .subimgarea {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont2 .subtext {
	width: 90%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
	
}

@media all and (min-width:577px) and (max-width:768px) {

#cont2 .title{
	font-size: min(4.8vw,30px);
}
	
#cont2 .text{
	text-align: left;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont2 .svg-container{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#cont2 .cont2-main {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 834px;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 50px;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
	background-image: none;
}

#cont2 .fade1 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade2 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade3 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade4 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade5 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}

#cont2 .fade6 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}

#cont2 .fade7 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}

#cont2 .fade8 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}
	
#cont2 .subtitle {
	width: 100%;
	color: #51a63c;
	font-size: min(2.7vw,24px);
	font-weight: bold;
	margin-bottom: 20px;
}
	
}

@media all and (min-width:769px) and (max-width:992px) {

#cont2 .title{
	font-size: 30px;
}
	
#cont2 .text{
	text-align: left;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont2 .svg-container{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#cont2 .cont2-main {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 834px;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 50px;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
	background-image: none;
}

#cont2 .fade1 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade2 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade3 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade4 {
	width: 100%;
	padding-top: 30px;
	margin-left: 0;
}

#cont2 .fade5 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}

#cont2 .fade6 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}

#cont2 .fade7 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}

#cont2 .fade8 {
	width: 100%;
	padding-top: 30px;
	margin-right: 0;
}
	
}

@media all and (min-width:993px) and (max-width:1200px) {

#cont2 .title{
	font-size: 30px;
}
	
#cont2 .cont2-main {
	background-image: url("../cont/cont2-1.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 834px;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 50px;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:lighten;
}

#cont2 .fade1 {
	width: 460px;
	padding-top: 30px;
	margin-left: -20px;
}

#cont2 .fade2 {
	width: 460px;
	padding-top: 30px;
	margin-left: -20px;
}

#cont2 .fade3 {
	width: 460px;
	padding-top: 30px;
	margin-left: -20px;
}

#cont2 .fade4 {
	width: 460px;
	padding-top: 30px;
	margin-left: -20px;
}

#cont2 .fade5 {
	width: 460px;
	padding-top: 30px;
	float: right;
	margin-right: -20px;
}

#cont2 .fade6 {
	width: 460px;
	padding-top: 30px;
	float: right;
	margin-right: -20px;
}

#cont2 .fade7 {
	width: 460px;
	padding-top: 30px;
	float: right;
	margin-right: -20px;
}

#cont2 .fade8 {
	width: 460px;
	padding-top: 30px;
	float: right;
	margin-right: -20px;
}
	
}

@media all and (min-width:1201px) and (max-width:1399px) {

#cont2 .title{
	font-size: 36px;
}

#cont2 .cont2-main {
	background-image: url("../cont/cont2-1.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 834px;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 50px;
}

#cont2 .fade1 {
	width: 460px;
	padding-top: 30px;
	margin-left: 20px;
}

#cont2 .fade2 {
	width: 460px;
	padding-top: 30px;
	margin-left: -20px;
}

#cont2 .fade3 {
	width: 460px;
	padding-top: 30px;
	margin-left: -20px;
}

#cont2 .fade4 {
	width: 460px;
	padding-top: 30px;
	margin-left: 20px;
}

#cont2 .fade5 {
	width: 460px;
	padding-top: 30px;
	float: right;
	margin-right: 20px;
}

#cont2 .fade6 {
	width: 460px;
	padding-top: 30px;
	float: right;
	margin-right: -20px;
}

#cont2 .fade7 {
	width: 460px;
	padding-top: 30px;
	float: right;
	margin-right: -20px;
}

#cont2 .fade8 {
	width: 460px;
	padding-top: 30px;
	float: right;
	margin-right: 20px;
}
	
}

@media (min-width: 1400px) {

#cont2 .title{
	font-size: 40px;
}	
	
}

/* コンテンツ3 cont3 ////////////////////////////////////////////////////////*/

#cont3{
	margin-top: 30px;
}

#cont3 .title{
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: min(2vw,37px);
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}

#cont3 .text{
	text-align: center;
	margin-bottom: 30px;
}

#cont3 .imgsize{
	width: 100%;
}

#cont3 .contarea{
	width: 100%;
	margin-bottom: 50px;
}

#cont3 .subtitle {
	width: 100%;
	color: #2F2725;
	font-size: min(2vw,24px);
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 30px;
}

#cont3 .subtext{
	width: 100%;
	margin-bottom: 20px;
}

#cont3 .subimgarea{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#cont3 .subimgarea2{
	width: 100%;
}

@media (max-width: 576px) {

#cont3 .title{
	font-size: min(4.1vw,20px);
}

#cont3 .text {
	text-align: center;
	margin-bottom: 30px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont3 .subtitle {
	width: 100%;
	color: #2F2725;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: center;
}
	
#cont3 .subtext {
	width: 90%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
	
#cont3 .subimgarea2 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
}

@media all and (min-width:577px) and (max-width:768px) {

#cont3 .title{
	font-size: min(4.1vw,20px);
}
	
#cont3 .text {
	text-align: center;
	margin-bottom: 30px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont3 .subtitle {
	width: 100%;
	color: #2F2725;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: center;
}
	
#cont3 .subtext {
	width: 90%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
	
#cont3 .subimgarea2 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
}

@media all and (min-width:769px) and (max-width:992px) {

#cont3 .title{
	font-size: 30px;
}
	
#cont3 .text {
	text-align: center;
	margin-bottom: 30px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont3 .subtitle {
	width: 100%;
	color: #2F2725;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: center;
}
	
#cont3 .subtext {
	width: 90%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
	
#cont3 .subimgarea2 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
}

@media all and (min-width:993px) and (max-width:1200px) {

#cont3 .title{
	font-size: 30px;
}	
	
#cont3 .text {
	text-align: center;
	margin-bottom: 30px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont3 .subtitle {
	width: 100%;
	color: #2F2725;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: center;
}
	
}

@media all and (min-width:1201px) and (max-width:1399px) {

#cont3 .title{
	font-size: 36px;
}		
	
}

@media (min-width: 1400px) {

#cont3 .title{
	font-size: 40px;
}		
	
}

/* コンテンツ4 cont4 ////////////////////////////////////////////////////////*/

#cont4{
	margin-top: 30px;
}

#cont4 .title{
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: min(2vw,37px);
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}

#cont4 .main_tltle{
	font-family :"Noto Sans JP","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	text-align: left;
	font-weight: normal;
	font-size: 30px !important;
	margin-bottom: 25px;
	width: 100%;
	padding-top: 18px;
}

#cont4 .sub_title{
	font-family :"Noto Sans JP","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	text-align: left;
	color: #51a63c;
	font-weight: bold;
	font-size: 35px !important;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom:20px;
	border-bottom: solid 2px #51a63c;
	width:100%;
	line-height: 130%;
}

#cont4 .subtitle1{
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	color:#51a63c;
}

#cont4 .subtitle2{
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	color:#e84051;
}

#cont4 .text{
	text-align: center;
	margin-bottom: 30px;
}

#cont4 .text2{
	font-size: 17px;
	margin-top: 20px;
	width: 100%;
	text-align:left;
}

#cont4 .imagearea{
	width:100%;
	text-align:center;
}

#cont4 .imagesize{
	width:80%;
	height: auto;
	border-radius: 5px;
}

#cont4 .imagesize-ico {
	width: 20px;
	height: auto;
	border-radius: 5px;
	color: #083692;
}

#cont4 .company_name{
	height: auto;
	width: 100%;
	font-size: 17px;
	margin-bottom: 3px;
	font-weight: bold;
}

#cont4 .add{
	height: auto;
	width: 100%;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 3px;
}

#cont4 .system{
	height: auto;
	width: 100%;
	font-size: 17px;
	font-weight: bold;
}

#cont4 .status{
	margin-top: 25px;
	height: auto;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

#cont4 .status2{
	margin-bottom: 25px;
	height: auto;
	width: 100%;
	background-color:#e4f4fd;
	border-radius:5px;
	padding:20px;
}

#cont4 .status3{
	margin-bottom: 25px;
	height: auto;
	width: 100%;
	background-color:#fce9f1;
	border-radius:5px;
	padding:20px;
}

@media (max-width: 576px) {

#cont4 .title{
	font-size: min(4.8vw,30px);
}

#cont4 .text {
	text-align: center;
	margin-bottom: 30px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont4 .main_tltle {
	font-size: 20px !important;
	margin-bottom: 5px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont4 .sub_title {
	font-size: 23px !important;
	padding-bottom: 20px;
	width: 90%;
	line-height: 130%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont4 .status2 {
	margin-bottom: 25px;
	height: auto;
	width: 90%;
	background-color: #e4f4fd;
	border-radius: 5px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}
	
#cont4 .status3 {
	margin-bottom: 25px;
	height: auto;
	width: 90%;
	background-color: #fce9f1;
	border-radius: 5px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}
	
#cont4 .imagesize {
	width: 90%;
	height: auto;
	border-radius: 5px;
}
	
}

@media all and (min-width:577px) and (max-width:768px) {

#cont4 .title{
	font-size: min(4.8vw,30px);
}
	
#cont4 .text {
	text-align: center;
	margin-bottom: 30px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont4 .main_tltle {
	font-size: 20px !important;
	margin-bottom: 7px;
}
	
#cont4 .sub_title {
	font-family: "Noto Sans JP","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	text-align: left;
	color: #51a63c;
	font-weight: bold;
	font-size: 24px !important;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 20px;
	border-bottom: solid 2px #51a63c;
	width: 100%;
	line-height: 130%;
}
	
}

@media all and (min-width:769px) and (max-width:992px) {

#cont4 .title{
	font-size: 30px;
}
	
#cont4 .text {
	text-align: center;
	margin-bottom: 30px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont4 .sub_title {
	font-family: "Noto Sans JP","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	text-align: left;
	color: #51a63c;
	font-weight: bold;
	font-size: 27px !important;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 20px;
	border-bottom: solid 2px #51a63c;
	width: 100%;
	line-height: 130%;
}
	
#cont4 .main_tltle {
	font-size: 20px !important;
}
	
#cont4 .main_tltle {
	margin-bottom: 10px;
}
	
}

@media all and (min-width:993px) and (max-width:1200px) {

#cont4 .title{
	font-size: 30px;
}
	
#cont4 .main_tltle {
	font-family: "Noto Sans JP","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	text-align: left;
	font-weight: normal;
	font-size: 25px !important;
	margin-bottom: 13px;
	width: 100%;
	padding-top: 18px;
}
	
#cont4 .sub_title {
	font-family: "Noto Sans JP","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	text-align: left;
	color: #51a63c;
	font-weight: bold;
	font-size: 30px !important;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 20px;
	border-bottom: solid 2px #51a63c;
	width: 100%;
	line-height: 130%;
}
	
}

@media all and (min-width:1201px) and (max-width:1399px) {

#cont4 .title{
	font-size: 36px;
}
	
#cont4 .main_tltle {
	font-family: "Noto Sans JP","Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	text-align: left;
	font-weight: normal;
	font-size: 30px !important;
	margin-bottom: 10px;
	width: 100%;
	padding-top: 18px;
}
	
}

@media (min-width: 1400px) {

#cont4 .title{
	font-size: 40px;
}		
	
}

/* コンテンツ5 cont5 ////////////////////////////////////////////////////////*/

#cont5{
	margin-top: 30px;
}

#cont5 .title{
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: min(2vw,37px);
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}

#cont5 .title2 {
	text-align: left;
	color: #51a63c;
	font-size: min(2.3vw,32px);
	font-weight: bold;
	margin-bottom: 25px;
}

#cont5 .text{
	text-align: left;
	margin-bottom: 30px;
}

#cont5 .imgarea {
	width: 85%;
	margin-left: auto;
}

#cont5 .imgsize{
	width: 100%;	
}

#cont5 .subtitle1{
	text-align: center;
	color: #51a63c;
	font-size: min(2.3vw,32px);
	font-weight: bold;
	margin-bottom: 10px;
}

#cont5 .subtitle2{
	text-align: center;
	font-weight: bold;
	font-size: 20px;	
}

#cont5 .subtitle3 {
	text-align: center;
	font-weight: bold;
	font-size: min(2vw,27px);
	margin-bottom: 20px;
}

#cont5 .subimg{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#cont5 .subtext{
	width: 100%;	
}

@media (max-width: 576px) {

#cont5 .title{
	font-size: min(4.1vw,20px);
}
	
#cont5 .title2 {
	text-align: center;
	color: #51a63c;
	font-size: min(4.8vw,30px);
	font-weight: bold;
	margin-bottom: 25px;
}
	
#cont5 .text {
	text-align: left;
	margin-bottom: 30px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont5 .subtitle1 {
	text-align: center;
	color: #51a63c;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
	
#cont5 .subimg {
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 5px;
}
	
#cont5 .subtext {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
	
#cont5 .subtitle3 {
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 20px;
	margin-top: 20px;
}
	
#cont5 .subimgarea{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
#cont5 .space100{
	margin-bottom: 50px;
}
	
}

@media all and (min-width:577px) and (max-width:768px) {

#cont5 .title{
	font-size: min(4.1vw,20px);
}	
	
}

@media all and (min-width:769px) and (max-width:992px) {

#cont5 .title{
	font-size: 30px;
}		
	
}

@media all and (min-width:993px) and (max-width:1200px) {

#cont5 .title{
	font-size: 30px;
}	
	
}

@media all and (min-width:1201px) and (max-width:1399px) {

#cont5 .title{
	font-size: 36px;
}		
	
}

@media (min-width: 1400px) {

#cont5 .title{
	font-size: 40px;
}		
	
}

/* コンテンツ6 cont6 ////////////////////////////////////////////////////////*/

#cont6{
	margin-top: 30px;
}

#cont6 .title{
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: min(2vw,37px);
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}

#cont6 .title2 {
	text-align: left;
	color: #51a63c;
	font-size: min(2.3vw,32px);
	font-weight: bold;
	margin-bottom: 25px;
}

#cont6 .text{
	text-align: center;
	margin-bottom: 30px;
}

#cont6 .accordion-button{
	font-size: min(2vw,22px);
	font-weight: bold;
	background-color: #ecf3db;
}

@media (max-width: 576px) {
	
#cont6 .title{
	font-size: min(4.1vw,20px);
}
	
#cont6 .accordion-button {
	font-size: 17px;
	font-weight: bold;
	background-color: #ecf3db;
}
	
}

@media all and (min-width:577px) and (max-width:768px) {

#cont6 .title{
	font-size: min(4.1vw,20px);
}
	
#cont6 .accordion-button {
	font-size: 17px;
	font-weight: bold;
	background-color: #ecf3db;
}
	
}

@media all and (min-width:769px) and (max-width:992px) {

#cont6 .title{
	font-size: 30px;
}		
	
}

@media all and (min-width:993px) and (max-width:1200px) {

#cont6 .title{
	font-size: 30px;
}	
	
}

@media all and (min-width:1201px) and (max-width:1399px) {

#cont6 .title{
	font-size: 36px;
}	
	
}

@media (min-width: 1400px) {

#cont6 .title{
	font-size: 40px;
}		
	
}

/* コンテンツ7 cont7 ////////////////////////////////////////////////////////*/

#cont7{
	margin-top: 30px;
}

#cont7 .inquiry_titlearea{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: min(2vw,37px);
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}

#cont7 .text {
	text-align: left;
	margin-bottom: 20px;
}

#cont7 .imagearea{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#cont7 .imagearea2{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#cont7 .imgsize{
	width: 100%;
}

@media (max-width: 576px) {

#cont7 .inquiry_titlearea {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 19px;
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}
	
#cont7 .imagearea2 {
	width: 190px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
	
.imagearea_footer {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}
	
}

@media all and (min-width:577px) and (max-width:768px) {

#cont7 .inquiry_titlearea {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}
	
#cont7 .imagearea2 {
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
	
.imagearea_footer {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}
	
}

@media all and (min-width:769px) and (max-width:992px) {

#cont7 .inquiry_titlearea {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #51a63c;
	text-align: center;
}
	
.imagearea_footer {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}
	
}

@media all and (min-width:993px) and (max-width:1200px) {

}

@media all and (min-width:1201px) and (max-width:1399px) {

}

@media (min-width: 1400px) {		
	
}

/* フッターボタンエリア footerbtn ////////////////////////////////////////////////////////*/

.footerbtn {
	margin: 0 !important;
	padding: 0 !important;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1000;
}

.marginless{
  padding-right: 0;
  padding-left: 0;
}

.leftbtn{
  background-color: #FEA20F;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  font-size: 20px;
  width: 100%;
}

.rightbtn{
  background-color: #56B548;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  font-size: 20px;
  width: 100%;
}

@media (max-width: 576px) {
	
.leftbtn{
  background-color: #FEA20F;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
  font-size: 22px;
  width: 100%;
}

.rightbtn{
  background-color: #56B548;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
  font-size: 22px;
  width: 100%;
}
	
}

@media all and (min-width:577px) and (max-width:768px) {

.leftbtn{
  background-color: #FEA20F;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
  font-size: 22px;
  width: 100%;
}

.rightbtn{
  background-color: #56B548;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
  font-size: 22px;
  width: 100%;
}
	
}

.youtube {
  width: 90%;
  aspect-ratio: 16 / 9;
margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.youtube iframe {
  width: 100%;
  height: 100%;
	border: solid 10px #51a63c;
}