@charset "shift_jis"; 

/*********************************************************
€Κέθ
*********************************************************/
/*

/*
©o΅
*********************************************************/
h1{
	margin-top:10px;
	background:var(--gray-f7);
	font-weight:400;
	padding:5px;
	font-size:0.8em;
	line-height:1.5em;
	color:#666;
	overflow: hidden;
	width:110%;
	margin-left:-5%;
 	}
h2{
	width:60%;
	max-width:600px;
	margin:auto;
	text-align:center;
	font-size:1.4em;
	line-height:1em;
	font-weight:bold;
	padding:1em 0;
	color:#fff;
	font-family: "ΰΎ©Μ", "YuMincho", "ΰΎ©", "Yu Mincho", "qMmΎ© ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "qMmΎ© ProN", "Hiragino Mincho ProN", "qMmΎ© Pro", "Hiragino Mincho Pro", "HGSΎ©E", "lr oΎ©", "MS PMincho", serif;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.3),-1px 1px 3px rgba(0,0,0,0.3),1px -1px 3px rgba(0,0,0,0.3), -1px -1px 3px rgba(0,0,0,0.3);
	background: #225eac;
	background:        -webkit-gradient(linear, left top, right top, from(rgba(34,151,172,.85)), to(rgba(34,94,172,.85)));
	background:         linear-gradient(to right, rgba(34,151,172,.85) 0%, rgba(34,94,172,.85) 100%);
	background:    -moz-linear-gradient(left, rgba(34,151,172,.85) 0%, rgba(34,94,172,.85) 100%);
	background:      -o-linear-gradient(left, rgba(34,151,172,.85) 0%, rgba(34,94,172,.85) 100%);
	background: -webkit-linear-gradient(left, rgba(34,151,172,.85) 0%, rgba(34,94,172,.85) 100%);
	background:-ms-linear-gradient(left, rgba(234,151,172,.85), rgba(34,94,172,.85));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#D92297ac,EndColorStr=#D958eac);
	}
h3{
	position:relative;
	font-family: "ΰΎ©Μ", "YuMincho", "ΰΎ©", "Yu Mincho", "qMmΎ© ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "qMmΎ© ProN", "Hiragino Mincho ProN", "qMmΎ© Pro", "Hiragino Mincho Pro", "HGSΎ©E", "lr oΎ©", "MS PMincho", serif;
	text-align:center;
	color:var(--siteColor);
	font-weight:bold;
	font-size:1.4em;
	line-height:1.3em;
	margin-bottom:20px;
	}
.h3eng{
	display:block;
	color:#222;
	font-size:0.6em;
	line-height:1.5em;
	margin-top:5px;
	}
h3:before{
	display:block;
	border-top: var(--siteColor) dotted 8px;
	width:40px;
	height:8px;
	content:'';
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
  }

h4{
	font-family: "ΰΎ©Μ", "YuMincho", "ΰΎ©", "Yu Mincho", "qMmΎ© ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "qMmΎ© ProN", "Hiragino Mincho ProN", "qMmΎ© Pro", "Hiragino Mincho Pro", "HGSΎ©E", "lr oΎ©", "MS PMincho", serif;
	background:var(--bgGra01);
	padding:10px;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.3em;
	color:#fff;
	margin-bottom:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.3),-1px 1px 3px rgba(0,0,0,0.3),1px -1px 3px rgba(0,0,0,0.3), -1px -1px 3px rgba(0,0,0,0.3);
	}

h5{
	padding:5px;
	border-bottom:var(--siteColor) solid 2px;
	font-weight:bold;
	margin-bottom:10px;
	font-size:1.1em;
	line-height:1.3em;

	}

@media only screen and (min-width : 768px){
	h2{
		font-size:1.6em;
		line-height:1.2em;
		}
	h3{
		font-size:2.0em;
		line-height:1.3em;
		margin-bottom:30px;
		}
	h4{
		font-size:1.4em;
		line-height:1.3em;
		padding:20px;
		}
	h5{
		font-size:1.2em;
		line-height:1.3em;
		padding:10px;
		}


}
@media only screen and (min-width : 1025px){
	h2{
		font-size:2em;
		line-height:1.2em;
		}
	h3{
		margin-bottom:40px;
		}
	h4{
		font-size:1.6em;
		line-height:1.3em;
		padding:30px;
		margin-bottom:40px;
		}
}
@media only screen and (min-width : 1200px){
	h1{
		position:absolute;
		top:15px;
		right:290px;
		background:none;
		padding:0;
		z-index:199;
		font-size:0.855em;
		line-height:1.5em;
		}
}

/*
€Κ-Rec
*********************************************************/
.contents{padding:20px 0;}

/*TABLET*/
@media only screen and (min-width : 768px){
	.contents{padding:40px 0;}
}
/*PC*/
@media only screen and (min-width : 1200px){
	.contents{padding:60px 0;}
	.contents.secondImg{padding:80px 0;}
}
/*CC[W*/
.secondImg{
	background-color:var(--siteColor-l);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	}

/*
{^
*********************************************************/
.btn a,
a .btn{
	display:block;
	text-decoration:none;
	background:var(--bgGra01);
	color:#fff !important;
	font-weight:bold;
	text-align:center;
	padding:10px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
.btn a:hover,
.btn a:active,
a:hover .btn ,
a:active .btn {
	background:var(--siteColor);
	}
@media only screen and (min-width : 1025px){
	.btn a/*,	a .btn*/{
		padding:20px 5px;
	}
}

/*
CAEg01
*********************************************************/
.layout01{
	display:flex;
	flex-direction:column;
	gap:20px;
	align-items:center;
	}
.layout01txt{}
.layout01txt h4{
	background:none;
	padding:5px 0 3px 10px;
	color:var(--siteColor);
	border-left:var(--siteColor) solid 4px;
	border-radius:0;
	text-shadow:none;
	}
.layout01img{
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	}
@media only screen and (min-width : 1025px){
	.layout01{
		align-items:flex-start;
		flex-direction:row;
		gap:40px;
		}
	.layout01txt{
		flex-shrink: 0;
		width:calc(50% - 40px);
		padding-top:10px;
		}
	.layout01txt h4{
		padding:10px 0 4px 20px;
		}
	.layout01img{
		flex-shrink: 0;
		width:50%;
		}
	/*t*/
	.layout01.reverse{}	
	.reverse .layout01img{order:1;}
	.reverse .layout01txt{order:2;}
}

/*
wb_[
*********************************************************/
#header{
	clear:both;
	float:none;
	padding:10px 0 0;
	overflow:hidden;
	}
.logo{ padding-right:50px;}
.logo img{max-height:40px;}
.tel a{
	display:block;
	background:var(--bgGra01);
	text-decoration:none;
	color:#fff;
	text-align:center;
	padding:10px 20px;
	}
.tel img{max-height:40px; opacity:1 !important;}
.tel a:hover,
.tel a:active{
	background:var(--siteColor);
	}

@media only screen and (min-width : 600px){
	#header h1 .marquee{
    animation: none;
    transition: none;
		padding-left: 0;
		text-align:center;
		}
}
@media only screen and (min-width : 1200px){
	#header{
		padding:0;
		}
	#header > .innerFull{
		display:flex;
		align-items:center;
		margin-right:0;
		width:98%;
		}
	.logo{padding:30px 0;}
	.logo img{
		max-height:60px;
		}
	#header > .innerFull > div{
		position:relative;
		margin-left:auto;
		 }
	#header h1 .marquee{
		text-align:right;
	}
}



/*
tb^[
*********************************************************/

/**/
#footer{
	/*position: absolute; ©wrapperΜκΤΊΙ\¦ */
	bottom: 0;
	left:0;
	width:100%;
	clear:both;
	float:none;
	padding:20px 0;
	background-color:var(--siteColor-l);
	}
.f-logoWrap{
		display:flex;
		flex-direction:column;
		gap: 10px;
	}
.f-logoWrap img{ margin:auto;}
#footer .logo{padding-right:0;}
#footer .tel{
	flex-shrink: 0;
	width:300px;
	margin:auto;
	}
.copyright{
	background:var(--siteColor);
	padding:8px 0;
	font-size:0.6em;
	line-height:1;
	color:#ffffff;
	text-align:center;
	}
@media only screen and (min-width : 1025px){
	#footer{padding:40px 0;}
	.f-logoWrap{
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:center;
		gap: 20px;
		}
	#footer .logo{
		flex-shrink: 0;
		width:470px;
		padding:0;
		}
	#footer .tel{
		margin:0;
	}

}



/*********************************************************
index
*/

/**/
.ambitionWrap{
	display:flex;
	flex-direction:column;
	gap:10px;
	}
.ambitionTxt{}
.ambitionTxt h3{
	text-align:left;
	border-left:var(--siteColor) solid 4px;
	padding:5px 0 5px 14px;
	}
.ambitionTxt h3:before{ display:none;}
.ambitionImg{}
.ambitionImg img{ margin:auto;}


@media only screen and (min-width : 1025px), print{
	.ambitionWrap{
		align-items:center;
		flex-direction:row;
		gap:30px;
		}
	.ambitionImg{
		flex-shrink: 0;
		width:33%;
		max-width:410px;
		}
}

/**/
.serviceWrap{}
.serviceWrap a{
	display:block;
	position:relative;
	height:100%;
	text-decoration:none;
	color:#333;
	}
.serviceWrap h4{
	background:none;
	padding-left:0;
	padding-right:0;
	margin-top:10px;
	margin-bottom:0;
	text-align:center;
	color:var(--siteColor);
	text-shadow:none;
	}
.serviceWrap a:hover h4,
.serviceWrap a:active  h4{
	color:var(--red);
	}


/* J_[
------------------------------------------------------------*/
#calendar i{
	font-style: normal;
	}
.calendar {
  width: 100%;
  border-collapse: collapse;
	background:#fff;
}
.calendar caption{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
	}
.calendar th,
.calendar td {
  border: 1px solid #ddd;
  text-align: center;
  padding:10px 0;
  font-weight: bold;
	}
.calendar thead th{
	background: #9b9684;
	color: #ffffff;
  padding:3px 10px;
	}
.calendar tbody th {
	background:#f7f7f7;
	padding:1px 10px;
	}
.calendar td {}
.calendar_sun{
	background-color: #ffebe9 !important;
	}
.calendar_sat {
  background-color: #e9f8ff !important;
	}
.calendar thead td{
	background:#f7f7f7;
	color:#222;
	}
.calendar thead .calendar_sun {
  color: #d10806;
  background-color: #e5978f !important;
	}
.calendar thead .calendar_sat {
  color: #115091;
  background-color: #7abcdb !important;
	}
/**/
.calendar td a{
	display:block;
	position:relative;
	height:100%;
	margin:-10px 0;
	padding:10px 0;
	text-decoration:none;
	}
.calendar td a:hover,
.calendar td a:active{
	background-color:var(--siteColor-l);
	}
.calendar i.fa-circle-o{
	font-size:1.5em;
	color:#0033ee;
	}
.calendar i.fa-times{
	font-size:1.5em;
	color:#ff0000;
	}
.calendar i.fa-triangle{
	font-size:1.3em;
	font-weight:bold;
	color:#ff9800;
	font-style:normal;
	}

/**/
.calendar-wrap{
	position:relative;
	overflow:hidden;
	}
/**/
.calendar-wrap.swiper2 .swiper-button-next,
.calendar-wrap.swiper2 .swiper-button-prev{
			position: absolute;
			top: 0;
			width:80px;
			height:auto;
			margin-top:0;
			color:#fff;
			background-color:#333;
			padding:5px;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
.calendar-wrap.swiper2 .swiper-button-next:after,
.calendar-wrap.swiper2 .swiper-button-prev:after {
			font-family: "ΰSVbNΜ", "Yu Gothic", YuGothic, "qMmpS Pro", "Hiragino Kaku Gothic Pro", "CI", Meiryo, "MS PSVbN", "MS PGothic", sans-serif;
			font-size:0.9em;
			line-height:1em;
			font-weight:bold;
			padding-top:2px;
			text-transform: none!important;
			letter-spacing: 0;
			font-variant: initial;
			line-height: 1
		}
.calendar-wrap.swiper2 .swiper-button-prev,
.calendar-wrap.swiper2 .swiper-rtl .swiper-button-next{
			left: 0;
		}
.calendar-wrap.swiper2 .swiper-button-next,
.calendar-wrap.swiper2 .swiper-rtl .swiper-button-prev{
			right: 0;
		}
.calendar-wrap.swiper2 .swiper-button-prev:after,
.calendar-wrap.swiper2 .swiper-rtl .swiper-button-next:after{
    content: '\524D\6708'
}
.calendar-wrap.swiper2 .swiper-button-next:after,
.calendar-wrap.swiper2 .swiper-rtl .swiper-button-prev:after {
		content: '\7FCC\6708'
}


/*Εθ{^*/
.fixedBtnCalendar{
	position:fixed;
	top:80px;
	right:2%;
	z-index:299;
	}
.fixedBtnCalendar a{
	display:block;
	font-size:0.86em;
	padding:16px 8px;
	border:#fff solid 1px;
	text-decoration:none;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
	box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,0.3);
	border-radius: 5px;
	}
@media only screen and (min-width : 1200px){
/*Εθ{^*/
.fixedBtnCalendar{
	top:150px;
	right:0;
	}
.fixedBtnCalendar a{
	font-size:1em;
	border-radius: 5px 0 0  5px/ 5px 0 0  5px;
	}
}



/*
οΠΔΰ
*********************************************************/
.sign img{ max-height:60px;}



/*
AXxXg
*********************************************************/
.featuresWrap{}
.featuresImg img{ margin:auto;}
.featuresWrap dl{ margin-top:10px;}
.featuresWrap dt{
	text-align:center;
	font-size:1.4em;
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:10px;
	}
.featuresWrap dd{
	text-align:center;
	}

/*¬κ*/
.flowWrap{}
.flowWrap dl{
	border-bottom:#ccc dotted 4px;
	padding:10px;
	}
.flowWrap dt{
	display:flex;
	gap:5px;
	align-items:center;
	font-size:1.2em;
	line-height:1.5em;
	color:var(--siteColor);
	font-weight:bold;
	margin-bottom:5px;
	}
.flowWrap .circle{
  display: flex;
  align-items: center;
  justify-content: center;
	width:50px;
	height:50px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background-color:var(--siteColor);
	color:#fff;
	font-size:30px;
	line-height:1em;
	vertical-align:bottom;
	}

/*
2nd
*********************************************************/
@media only screen and (min-width : 768px){
}
@media only screen and (min-width : 1025px){
}
/*IE*/
@media all and (-ms-high-contrast:none){
}

