@charset "utf-8";
/*===========================
add
===========================*/

/* 基本カラー  */

:root {
	--basic-color:#3c713a;
}


/*===========================
box1
===========================*/
.box1 p.txt1{
	font-size: 1.8em;
	font-weight: bold;
}
@media screen and (max-width: 600px) {
	.box1 p.txt1{
		font-size: 1.4em;
		font-weight: bold;
	}
}

.box1 p{
	font-size: 1.1em;
	text-shadow: 0 0 1px #ecfdff,0 0 2px #ecfdff, 0 0 3px #ecfdff, 0 0 4px #ecfdff, 0 0 5px #ecfdff, 0 0 6px #ecfdff, 0 0 7px #ecfdff, 0 0 8px #ecfdff, 0 0 9px #ecfdff, 0 0 10px #ecfdff, 0 0 11px #ecfdff, 0 0 12px #ecfdff;
	/*text-shadow: 0 0 1px #fff,0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff;*/
}







/*===========================
font
===========================*/
.fw-b{font-weight: bold;}



/*===========================
title-af-none
===========================*/
.title-af-none{
	text-shadow: none;
}
.title-af-none:after{
	content: none;
}

.title-sahdow-none{
	text-shadow: none;
}



/*===========================
wf
===========================*/
.wf-t-all ,ul.wf-t-all {
	width: fit-content;
	margin: auto;
}

@media screen and (min-width: 769px) {
	ul.wf-t,
  ol.wf-t{
		width: fit-content;
		margin: auto;
	}
}

@media screen and (min-width: 601px) {
	p.wf-pcONspOFF,
  ul.wf-pcONspOFF {
		width: fit-content !important;
		margin: auto !important;
	}
}



/*===========================
width
===========================*/
.w150px{
 width: 150px;
}

.w150px-center{
 width: 150px;
 margin: 0 auto;
}

.w200px{
 width: 200px;
}


.w100p,
li.w100p{
	width: 100% !important;
	display: block;
}


@media screen and (max-width: 768px) {
	.w100Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}
	
	.w90Tablet{
		width: 90% !important;
		box-sizing: border-box;
	}

	.w80Tablet{
		width: 80% !important;
		box-sizing: border-box;
	}

  .w70Tablet{
		width: 70% !important;
		box-sizing: border-box;
	}

  .w70Tabletsp{
		width: 70% !important;
		box-sizing: border-box;
	}

	.w50Tablet{
		width: 50% !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 600px) {
	.w100sp,
	.w90Tablet,
	.w80Tablet,
  .w70Tablet,
	.w50Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}

 .w90sp{
		width: 90% !important;
		box-sizing: border-box;
	}

	.w70sp{
		width: 70% !important;
		box-sizing: border-box;
	}

	.width-sp-50 img{
		width: 50% !important;
	}
}