@charset "UTF-8";
/* ================================================
  Layout
================================================ */
/* Body
---------------------------------------*/
body{
	width:100% ;
	-webkit-text-size-adjust: 100%;
	font-size:16px;
	line-height: 1.5em;
	font-family: 'Noto Sans JP','Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
	background: #84b71c;
}
input,textarea,select,button {
	font-family: 'Noto Sans JP','Avenir','Helvetica Neue','Helvetica','Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif;
	color: #707070;
}
select {
	background: #FFF;
}
.Mincho {
	font-family: 'Cinzel','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

/* Base
---------------------------------------*/
.wrap{
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;}

small{
 font-size: 0.8rem ;}

/* Header
---------------------------------------*/
.sp,.sp1 {display: none !important;}

.ovfH {overflow: hidden;}
.hover {
	display: none;
	position: absolute;}

.flex {display: flex;}
.grid {display: grid;}
.gtc2{grid-template-columns: repeat(2, 1fr);}
.gtc3{grid-template-columns: repeat(3, 1fr);}
.gtc4{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap:30px 5px;}
.gtc5{grid-template-columns: repeat(5, 1fr);}
.gtcMM200{grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))}
.gr01{grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap:40px 25px;}
.fdC {flex-direction: column;}
.flexNW {display: flex;}
.flex.Jsb {justify-content: space-between;}
.flexNW.Jsb {justify-content: space-between;}
.flex.Jcn {justify-content: center;}
.flex.Jsa {justify-content: space-around;}
.flex.Jfe {justify-content: flex-end;}
.alIfs {align-items: flex-start;}
.alIfe {align-items: flex-end;}
.alIcn {align-items: center;}
.alIbl {align-items: baseline;}
.fl1 {
	flex: 1;
}
.alCfe {align-content: flex-end; margin-top: auto;}
.alignL {text-align: left;}
.alignC {text-align: center;}
.alignR {text-align: right;}
.mt0 {margin-top: 0px;}
.mt10,.umt10 > *{margin-top: 10px;}
.mt20,.umt20 > *{margin-top: 20px;}
.mt30,.umt30 > *{margin-top: 30px;}
.mt40,.umt40 > *{margin-top: 40px;}
.mt50,.umt50 > *{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt110{margin-top: 110px;}
.mt120{margin-top: 120px;}
.mt150{margin-top: 150px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.mb110{margin-bottom: 110px;}
.mb120{margin-bottom: 120px;}
.mb150{margin-bottom: 150px;}
.mr1p,.umr1p > * {margin-right: 1%;}
.mr10,.umr10 > * {margin-right: 10px;}
.mr20,.umr20 > * {margin-right: 20px;}
.mr30,.umr30 > * {margin-right: 30px;}
.mr40,.umr40 > * {margin-right: 40px;}
.mr50,.umr50 > * {margin-right: 50px;}
.mlAt {margin-left: auto;}
.gp10 {gap: 10px;}
.gp20 {gap: 20px;}
.gp30 {gap: 30px;}
.gp30 {gap: 30px;}
.gp40 {gap: 40px;}
.gp50 {gap: 50px;}
.gp60 {gap: 60px;}
.gpR10 {row-gap: 10px;}
.gpR20 {row-gap: 20px;}
.gpR30 {row-gap: 30px;}
.gpR40 {row-gap: 40px;}
.gpR50 {row-gap: 50px;}
.lh1 {
	line-height: 2.5;
}
.fCl01 {color: #13B7C2;}
iframe {
	width: 100%;
}
.fontL {
	font-size: 1.8em;
	font-weight: bold;
	line-height: normal;
}


.flex.fwrap { flex-wrap: wrap;}
.Jsb.uw33.fwrap::after {
	content: "";
	display: block;
	width: 32%;
}
.Jsb.uw25.fwrap::before {
	content: "";
	width: 23%;
	order: 1;
}
.Jsb.uw25.fwrap::after {
	content: "";
	width: 23%;
}
.w30, .uw30 > * {width: 29%;}
.w33, .uw33 > * {width: 32%;}
.w50, .uw50 > * {width: 49%;}
.w20, .uw20 > * {width: 19%;}
.w25, .uw25 > * {width: 23%;}
.w40, .uw40 > * {width: 39%;}
.w60, .uw60 > * {width: 59%;}
.w70, .uw70 > * {width: 69%;}
.w75, .uw75 > * {width: 75%;}
.w100 {width: 100%;}
.wh130 {
	width: 230px;
	max-width: 100%;
	height: 230px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	margin: auto;
}
.lead {font-size: 1.1em;line-height: 1.8;font-weight: bold;}
.red {color: #CE0000;}
.orange {color: #E86D21;}



main {
	text-align: left;
}

img {
	max-width: 100%;
	height: auto ;}
img.imgWaH100,
.imgWaH100 img{
	max-width: inherit;
	width: auto;
	height: 100%;
}

ul {
	list-style: none;}


main ul {
	list-style: disc;
	padding-left: 2em;
}
main ol{
  counter-reset: item;
	list-style-type: decimal;
  padding-left: 4em;
	margin-left: 0;
	margin: 0;
}

a:hover {
	transition: 0.3s;
	text-decoration: underline;
}
.scrollBox {
	overflow-x: scroll;
	-ms-overflow-style: none;
}
.scrollBox::-webkit-scrollbar{
  display: none;
}
.scrollBox table{
 border-top: 0 ;
 }

.btn01{
	display: inline-block;
	width: auto;
	min-width: 165px;
	padding: 7px 1em;
	font-size: 0.9rem;
	background: #e71f19;
	color: #FFF;
	text-align: center;
	line-height: normal;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 100px;
}
a.btn01:hover {
	text-decoration: none;
}


header {
	width: 100%;
	color: #FFF;
	position: relative;
}
	header .wrap{
		margin-top: -200px;
		position: relative;

	}


footer {
	color: #FFF;
	padding: 0px 0 100px;
}
  footer p {
		font-size: 1.3em;
		line-height: normal;
	}
	.copy {
		font-size: 0.9em;
		margin-top: 30px;
	}


#pageTop {
	/* display: none; */
	height: 27px;
	width: 22px;
	background: url(../img/pageTop.svg) no-repeat center center;
	margin-top: 30px;
	cursor: pointer;
	position: fixed;
	z-index: 20;
	right: 20px;
	bottom: 30px;
}


/* @media screen and (max-width:1060px) {
	.wrap{
		width:95%;
	}
} */

@media screen and (max-width:768px) {
	.wrap{
		width:95%;
  	max-width: 100%;
	}
	.smt0 {margin-top: 0;}

	.sp {
		display: block !important;
	}
	.pc {
		display: none !important;
	}
	.flex {
		flex-wrap: wrap;
		justify-content: center;
	}



	.sJcn {
		justify-content: center;
	}
	.w30,.uw30 > * {width: 100%;}
	.w33, .uw33 > *{width: 100%;}
	.w50, .uw50 > * {width: 100%;}
	.w25, .uw25 > * {width: 100%;}
	.w40, .uw40 > * {width: 100%;}
	.w60, .uw60 > * {width: 100%;}
	.w70, .uw70 > * {width: 100%;}
	.w75, .uw75 > * {width: 100%;}
	.sw100 {
		width: 100%;
	}
	.suw33 > * {width: 33%;}
	.suw50 > * {width: 48%;}


	.smt10,.sumt10 > *{margin-top: 10px;}
	.smt20,.sumt20 > *{margin-top: 20px;}
	.smt30,.sumt30 > *{margin-top: 30px;}
	.smt40{margin-top: 40px;}
	.smt50{margin-top: 50px;}
	.smt90{margin-top: 90px;}
	.smA{margin-left: auto;margin-right: auto;}
	.scrollBox {
		width: 100%;
		box-sizing: border-box;
		overflow-x: auto;
	}

	.scrollBox > * {
			min-width: 800px;
			table-layout: fixed;
    }

	.fw25 > *,
	.fw33 > *{width: 49%;}
	.fw50 > *{width: 100%;}
	.flex.wid475 div{
		width: 100%;
		margin-bottom: 20px;
	}
	.flex.sJcn {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.flex.sJfs {
		justify-content: flex-start;
	}
	.flex.sJcn > * {
		margin-left: auto;
		margin-right: auto;
	}
	.flex.flexNW {
		flex-wrap: nowrap;
	}

}



/* other
--------------------------------------------------*/