/* reset */

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}
body {
	line-height: 1.5;
}
ol,ul {
	list-style: none;
}
blockquote,q {
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	word-break: break-all;
}
a:link  {  
	text-decoration: none;  
	color: unset;  
}  
a:visited   {  
	text-decoration: none;  
	color: unset;  
}  
a:hover {  
	text-decoration: none;  
	color: unset;  
}  
a:active    {  
	text-decoration: none;  
	color: unset;  
}  
/* resetここまで */

*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body{
	font-size: 16px;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8em;
	color: #434343;
}
img{
	display: block;
}
a {  
	color: inherit;
}
.trans,.trans *{
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.f_min{
	font-family: "游明朝", YuMincho, 'Noto Serif JP', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: start;
	align-content: flex-start;
}
.w1280{
	width: 1280px;
	margin: auto;
}
.w1080{
	width: 1080px;
	margin: auto;
}

/* ヘッダーここから */
.header_wrap01{
	padding: 15px 20px 15px 30px;
}
.head_logo{
	line-height: 1.5em;
}
.head_logo a{
	display: block;
}
.head_logo_sub{
	font-size: 12px;
	line-height: 1.3em;
	padding-left: 40px;
}
.head_info{
	border: solid 3px #73bd00;
	border-radius: 10px;
	padding: 8px 10px 0px 20px;
	line-height: 1.5em;
	height: 90px;
	margin-right: 10px;
}
.head_tel_txt{
	font-size: 14px;
	padding-left: 40px;
	line-height: 1.6em;
}
.head_tel{
	font-size: 36px;
	position: relative;
	margin-right: 20px;
	font-weight: bold;
}
.icon_tel{
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px;
}
.head_info_R{
	font-size: 16px;
	padding-top: 15px;
	letter-spacing: 0.05em;
}
.head_icon a{
	display: block;
}
.head_access{
	margin-right: 10px;
}
.header_wrap02{
	background: #36913e;
	z-index: 10;
	position: relative;
}
.header_nav{
	padding: 0 20px 0 30px;
}
.head_nav_item a{
	color: #fff;
	font-size: 16px;
	line-height: 1.4em;
	display: block;
	width: 220px;
	text-align: center;
	padding: 11px 0 15px;
	position: relative;
	letter-spacing: 0.15em;
}
.head_nav_item_sub{
	font-size: 12px;
	line-height: 1.2em;
	font-weight: normal;
	letter-spacing: 0.05em;
}
.head_nav_item a:before{
	content: "";
	display: block;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+8,ffffff+8,ffffff+92&0+0,1+8,1+92,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(255,255,255,0)),color-stop(8%, rgba(255,255,255,1)),color-stop(92%, rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 92%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	height: 2px;
	width: 0;
	position: absolute;
	top: 46%;
	left: 50%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.head_line{
	width: 100%;
	z-index: 10;
	position: relative;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
@media only screen and (min-width:761px) {
	.header_wrap01 a:hover{
		opacity: 0.7;
	}
	a[href^="tel:"]{
		pointer-events: none;
	}
	.head_nav_item a:hover:before,.foot_nav_box li a:hover:after{
		width: 100%;
		left: 0;
	}
}
@media only screen and (max-width:760px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	img{
		max-width: 100%;
	}
	header{
		position: fixed;
		z-index: 100;
		top: 0;
		left: 0;
	}
	.w1280,.w1080{
		width: 100%;
	}
	.header_wrap01{
		padding: 5px 10px;
		background: #fff;
		position: relative;
		z-index: 100;
		height: auto;
	}
	.head_logo{
		width: calc(50% - 10px);
	}
	.head_logo a{
		display: block;
	}
	.head_logo_sub{
		display: none;
	}
	.head_logo_img{
		width: 150px;
	}
	.head_sp_nav_wrap{
		position: absolute;
		background: #73bd00;
		width: 100vw;
		height: 100vh;
		left: 0;
		top: 0;
		padding: 50px 20px 20px;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	.head_sp_nav_wrap.open{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.head_sp_nav_inner{
		margin-bottom: 30px;
	}
	.head_sp_nav{
		color: #fff;
		font-size: 14px;
	}
	.head_sp_nav_box{
		width: 50%;
	}
	.head_sp_nav_box li{
		margin-bottom: 20px;
	}
	.head_info{
		background: #fff;
		height: auto;
		padding: 10px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.head_info_L,.head_info_R{
		width: 100%;
	}
	.head_tel_txt{
		text-align: center;
		padding-left: 0;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.head_tel{
		text-align: center;
		margin-right: 0;
		font-size: 28px;
	}
	.head_info_R{
		line-height: 1.5em;
		font-size: 15px;
	}
	.head_icon{
		display: none;
	}
	.header_wrap02{
		display: none;
	}
	/* ナビメニュー */
	.nav-toggle {
		position: absolute;
		right: 20px;
		top: 10px;
		width: 34px;
		height: 40px;
		cursor: pointer;
		z-index: 10000;
		padding: 5px;
	}
	.nav-toggle div {
		position: relative;
	}
	.nav-toggle span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		border-radius: 1px;
		background: #36913e;
		color: #36913e;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	.nav-toggle span:nth-child(1) {
		top: 0;
	}
	.nav-toggle span:nth-child(2) {
		top: 8px;
	}
	.nav-toggle span:nth-child(3) {
		top: 16px;
	}
	.nav-toggle span:nth-child(4) {
		top: 20px;
		left: 50%;
		margin-left: -20px;
		font-size: 10px;
		text-align: center;
		width: 40px;
		height: 0;
		line-height: 1.0em;
	}
	.open.nav-toggle span{
		background: #fff;
		color: #fff;
	}
	.open.nav-toggle span:nth-child(1) {
		top: 8px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open.nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open.nav-toggle span:nth-child(3) {
		top: 8px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	/* ナビメニュー　ここまで */
}
/* ヘッダーここまで　トップページここから */
main{

}
.top_main_img_wrap{
	position: relative;
	margin-top: -40px;
}
/*.top_main_logo_wrap{
	position: absolute;
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(255,255,255,1)),color-stop(1%, rgba(255,255,255,1)),color-stop(92%, rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 92%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	padding: 0 100px;
	top: 0;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}*/
#top_slide{
	width: 100%;
	height: 760px;
}
#top_slide .slick-dots{
	bottom: 50px;
}
#top_slide img{
	min-width: 2000px;
	max-width: 2000px;
}
/*.top_main_logo{
	width: 20vw;
	font-size: 14px;
	line-height: 1.8em;
}
.slide_logo{
	width: 100%;
	padding-top: 20px;
}*/
.slide_line{
	position: absolute;
	width: 100%;
	bottom: 0;
}
.tp_sec01{
	padding: 0 40px;
}
.tp_news_ttl{
	color: #36913e;
	border-bottom: solid 4px #36913e;
	padding-bottom: 5px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.tp_news_ttl span:after{
	content: url(../images/top/icon_letter.png);
}
.top_news_list{
	margin-top: 15px;
	margin-bottom: 25px;
}
.top_news_list li{
	border-bottom: dashed 1px #a0a0a0;
}
.top_news_list a{
	padding: 20px 0 10px;
}
.top_news_date{
	width: 150px;
}
.top_news_ttl{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.top_link_btn,.tp02_link_btn{
	position: relative;
}
.top_link_btn a,.tp02_link_btn a{
	color: #fff;
	font-weight: bold;
	background: #73bd00;
	display: block;
	text-align: center;
	padding: 10px 0;
	border-radius: 10px;
	letter-spacing: 0.1em;
	position: relative;
}
.top_link_btn:after,.tp02_link_btn:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #36913e;
	position: absolute;
	top: 5px;
	border-radius: 10px;
	z-index: -1;
}

.tp_sec02{
	margin-top: 80px;
	padding: 0 40px;
}
.tp02_box{
	width: 317px;
}
.tp02_box_txt{
	height: 230px;
}
.tp02_box_ttl{
	color: #36913e;
	border-left: solid 6px #36913e;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 3px 20px;
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 1.6em;
}
.seminar_date{
	color: #73bd00;
	position: relative;
	letter-spacing: 0.2em;
	font-weight: bold;
}
.tp_sec03{
	margin-top: 80px;
	padding: 0 40px;
}
.h2_box{
	font-size: 27px;
	color: #36913e;
	text-align: center;
	border: solid 2px #36913e;
	border-bottom: solid 8px #36913e;
	padding: 10px 0;
	letter-spacing: 0.2em;
	font-weight: bold;
}
.tp03_txt01{
	font-size: 22px;
	font-weight: bold;
	color: #36913e;
	text-align: center;
	line-height: 1.5em;
	margin-top: 50px;
}
.tp03_txt02{
	text-align: center;
	margin-top: 30px;
}
.tp03_txt02 span{
/*	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff799));
	background: linear-gradient(transparent 0%, #fff799 0%);*/
}
.tp03_wrap{
	margin-top: 30px;
	padding-bottom: 150px;
}
@media only screen and (min-width:761px) {
	.top_news_list a:hover{
		color: #73bd00;
	}
	.top_link_btn:hover a,.tp02_link_btn:hover a {
		background: #36913e;
		top: 5px;
	}
}
@media only screen and (max-width:1600px) {
	.top_main_img_wrap{
		margin-top: -25px;
	}
	#top_slide {
		height: auto;
	}
	#top_slide img{
		margin-left: 5%;
		min-width: unset;
		max-width: 1600px;
		width: 100%;
	}
}
@media only screen and (max-width:760px) {
	.top_main_img_wrap{
		margin-top: 50px;
	}
	#top_slide{
		width: 100%;
		margin-bottom: 0;
	}
	#top_slide img{
		margin-left: 0;
	}
	#top_slide .slick-dots{
		bottom: 20px;
	}
	/*.top_main_logo_wrap{
		position: relative;
		padding: 0 20px 50px;
		
		background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,0)),color-stop(15%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
		margin-top: -60px;
	}
	.top_main_logo{
		width: 100%;
	}
	.top_main_logo  p{
		padding-left: 25%;
	}*/
	.tp_sec01{
		padding: 80px 10px;
	}
	.tp_news_wrap{
		width: 100%;
	}
	.top_news_list{
		margin-top: 10px;
	}
	.top_news_list a{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.top_news_date{
		width: 100%;
	}
	.tp_sec02{
		margin-top: 0;
		padding: 0 10px;
	}
	.h2_box{
		font-size: 22px;
	}
	.tp02_wrap,.tp03_wrap{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tp03_wrap{
		padding-bottom: 50px;
	}
	.tp02_box{
		width: 100%;
		margin-bottom: 80px;
	}
	.tp02_box_txt{
		height: auto;
		margin-bottom: 20px;
	}

	.tp_sec03{
		margin-top: 50px;
		padding: 0 10px;
	}
	.tp03_txt01{
		font-size: 22px;
	}
}

/* トップページここまで　フッターここから */
.foot_wrap{
	background: #36913e;
	padding-top: 50px;
	padding-bottom: 20px;
}
.foot_inner{
	margin-bottom: 40px;
}
.foot_L{
	color: #fff;
	padding-left: 30px;
}
.foot_logo{
	display: block;
}
.foot_nav{
	margin-top: 30px;
}
.foot_nav_box li{
	margin-bottom: 13px;
}
.foot_nav_box li a{
	display: block;
	position: relative;
	padding: 0 10px;
}
.foot_nav_box li a:after{
	content: "";
	display: block;
	content: "";
	display: block;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+8,ffffff+8,ffffff+92&0+0,1+8,1+92,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(255,255,255,0)),color-stop(8%, rgba(255,255,255,1)),color-stop(92%, rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 8%,rgba(255,255,255,1) 92%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	height: 2px;
	width: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.foot_R{
	width: 50%;
}
.foot_info{
	background: #fff;
	width: 505px;
	border-radius: 10px;
	padding: 25px 30px 10px;
	height: 100%;
	margin-left: 20px;
}
.foot_info_ttl{
	font-size: 27px;
	text-align: center;
	color: #36913e;
	font-weight: bold;
}
.foot_tel{
	font-size: 40px;
	text-align: center;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}
.foot_tel .icon_tel{
	vertical-align: text-top;
}
.foot_info_txt_wrap{
	margin-bottom: 15px;
}
.foot_info_txt{
	font-size: 18px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.foot_info_name{
	width: 25%;
}
.foot_info_cont{
	width: 75%;
}
.foot_btn a{
	display: block;
	border: solid 1px #36913e;
	color: #36913e;
	text-align: center;
	padding: 10px 0;
	font-size: 18px;
	font-weight: bold;
	border-radius: 30px;
	margin-bottom: 10px;
	line-height: 1.0em;
	height: 40px;
	letter-spacing: 0.1em;
}
.foot_btn_img{
	display: inline-block;
	margin-right: 10px;
	vertical-align:middle;
}
.copy{
	text-align: center;
	color: #fff;
}
@media(max-width:1280px) and (min-width:760px){
	body{
		width:1280px;
	}
}
@media only screen and (min-width:761px) {
	.foot_logo:hover,.foot_btn a:hover{
		opacity: 0.7;
	}
}
@media only screen and (max-width:760px) {
	body{
		width:100%;
	}
	.foot_inner{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 20px;
	}
	.foot_L{
		padding-left: 0;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin-top: 50px;
	}
	.foot_R{
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
	}
	.foot_info{
		margin-left: 0;
		width: 100%;
		padding: 20px;
	}
	.foot_info_ttl{
		font-size: 22px;
		padding-bottom: 5px;
	}
	.foot_tel{
		font-size: 28px;
		margin: 10px 0;
	}
	.foot_tel .icon_tel{
		vertical-align: text-top;
		width: 28px;
	}
	.foot_info_txt_wrap{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 13px;
		margin-bottom: 5px;
	}
	.foot_info_txt{
		width: 100%;
		line-height: 1.5em;
		font-size: 16px;
	}
	.foot_info_name{
		width: 85px;
	}
	.foot_info_cont{
		width: calc(100% - 85px);
	}
	.foot_qr{
		width: 100%;
	}
	.foot_qr_img{
		margin: auto;
	}
	.foot_btn{
		font-size: 15px;
	}
	.foot_btn a{
		font-size: 16px;
		letter-spacing: 0;
	}
	.foot_btn +.foot_btn a{
		margin-bottom: 0;
	}
	.foot_nav{
		font-size: 14px;
	}
	.foot_nav_box li{
		margin-bottom: 10px;
	}
}