@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700;800&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
/*----------------------------------------------------
　
------------------------------------------------------*/
#mainimage{
	clear:both;
  overflow: hidden;
	padding:0 0 3em !important;
  text-align: center;
  position: relative;
	line-height:1;
}
#mainimage .dot-class li{
	display:inline-block;
	padding:0 !important;
	text-align:left;
	color:#000;
}

/* スライドコピーテキスト */
.slide-inner {
  display: block;
  position: relative;
}
.slide-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 1.6;
  width: 90%;
}
.slide-copy-main {
  display: block;
  font-size: 46px;
  font-family: "Shippori Mincho B1", a-otf-ryumin-pr6n, "Hiragino Mincho ProN", YuMincho, "Yu Mincho", serif;
  font-weight: 500;
  color: #fff;
  text-shadow:
  2px  2px 30px rgba(30,12,10,0.8),
 -2px -2px 30px rgba(30,12,10,0.8),
  2px -2px 30px rgba(30,12,10,0.8),
 -2px  2px 30px rgba(30,12,10,0.8),
  0px  0px 10px rgba(30,12,10,0.9);
  letter-spacing: 0.03em;
  line-height: 1.4;
}
.slide-copy-sub {
  display: block;
  margin-top: 0.6em;
  font-size: 22px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  color: #fff;
  text-shadow:
  1px  1px 8px rgba(30,12,10,0.6),
 -1px -1px 8px rgba(30,12,10,0.6),
  1px -1px 8px rgba(30,12,10,0.6),
 -1px  1px 8px rgba(30,12,10,0.6),
  0px  0px 4px rgba(30,12,10,0.8);
  letter-spacing: 0.02em;
}



@media screen and (max-width: 1000px) {
#mainimage{
	padding:140px 0 3em !important;
}
#mainimage .slider .slick-slide img{
	width:100%;
}
}
@media screen and (max-width: 800px) {
.slide-copy-main { font-size: 26px; }
.slide-copy-sub  { font-size: 15px; }
}
@media screen and (max-width: 640px) {
#mainimage{
	padding:120px 0 3em !important;
}
#mainimage .slider .slick-slide{
	max-width:640px;
}
}
@media screen and (max-width: 480px) {
#mainimage{
	padding:100px 0 3em !important;
}
#mainimage .slider .slick-slide{
	max-width:480px;
}
.slide-copy-main { font-size: 20px; }
.slide-copy-sub  { font-size: 13px; }
}
@media screen and (max-width: 370px) {
#mainimage .slider .slick-slide{
	max-width:370px;
}
}
#mainimage .slick-dotted.slick-slider{
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}
#mainimage .slick-list a {
  display: block;
}
#mainimage .slick-list .slick-slide:not(.slick-center) {
/*  -webkit-transform: scale(0.99);
  -moz-transform: scale(0.99);
  -ms-transform: scale(0.99);
  -o-transform: scale(0.99);
  transform: scale(0.99);*/
  position: relative;
	margin:0 2.5px;
}
@media only screen and (max-width: 800px) {
#mainimage .slick-list .slick-slide:not(.slick-center) {
  -webkit-transform: scale(0.99);
  -moz-transform: scale(0.99);
  -ms-transform: scale(0.99);
  -o-transform: scale(0.99);
  transform: scale(0.99);
  position: relative;
	margin:0 0;
}
}
#mainimage .slick-next {
  width: 49px;
  height: 49px;
  background: #000;
/*  margin-top: -24px;*/
  z-index: 150;
}
#mainimage .slick-prev {
  width: 49px;
  height: 49px;
  background: #000;
/*  margin-top: -24px;*/
  z-index: 150;
  left: 50%;
	text-indent:-9999px;
  background: url(../img/index/prev.png) no-repeat;
}
#mainimage .slick-next {
  right: 50%;
	text-indent:-9999px;
	background: url(../img/index/next.png) no-repeat;
}
#mainimage .dot-class {
	display:block;
	margin:-2.5em 0 0;
	text-align:center;
  zoom: 1;
	z-index: 99;
	position: relative;
}

#mainimage .dot-class li {
  background: #000;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 15px;
  background: none;
	border:1px solid #fff;
}
#mainimage .dot-class li:first-child {
  margin-left: 0;
}
#mainimage .dot-class li.slick-active, #mainimage .dot-class li:hover {
  background: #fff;
}

@media only screen and (max-width: 640px) {
  #mainimage .slick-next, #mainimage .slick-prev {
    width: 24px;
    height: 24px;
/*    margin-top: -13px;*/
    top: 50%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1000px) {
  #mainimage .slick-prev {
    left: 0;
  }
}
@media only screen and (max-width: 640px) {
  #mainimage .slick-prev {
    left: 0;
  }
}
@media only screen and (min-width: 1100px) {
  #mainimage .slick-prev {
    margin-left: -520px;
  }
}
@media only screen and (max-width: 640px) {
  #mainimage .slick-prev {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }
}
@media only screen and (min-width: 640px) and (max-width: 1000px) {
  #mainimage .slick-next {
    right: 0;
  }
}
@media only screen and (max-width: 640px) {
  #mainimage .slick-next {
    right: 0;
  }
}
@media only screen and (min-width: 1100px) {
  #mainimage .slick-next {
    margin-right: -520px;
  }
}
@media only screen and (max-width: 640px) {
  #mainimage .slick-next {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }
}

@media only screen and (max-width: 640px) {
  #mainimage .slick-list .slick-slide:not(.slick-center) img {
    opacity: 1;
  }
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#renewal-text{
	clear:both;
	width:100%;
	max-width:1000px;
	margin:0 auto 25px;
  font-size: 17px;
  font-family: a-otf-ryumin-pr6n, "Hiragino Mincho ProN", YuMincho, "Yu Mincho", serif;
  font-weight: 300;
  font-style: normal;
	text-align:center;
	line-height:1.4;
}
#renewal-text h3{
  font-size: 140%;
  margin: 0 0 0.2em;
	letter-spacing:0;
}
#renewal-text .text li{
padding-left: 1em;
text-indent: -1em;
}
@media screen and (max-width: 1000px) {
#renewal-text{
	width:90%;
}
#renewal-text h3 .ent{
display: block;
}
}
@media screen and (max-width: 800px) {
#renewal-text{
  font-size: 16px;
}
#renewal-text .text{
	text-align: left;
}
#renewal-text .text li{
margin-bottom: 0.2em;
}
}
@media screen and (max-width: 640px) {
#renewal-text{
  font-size: 14px;
}

#renewal-text h3{
  font-size: 120%;
}

}
@media screen and (max-width: 400px) {
#renewal-text h3{
font-size: 116%;
text-align: left;
}
#renewal-text h3 .ent{
display: inline;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
h2#search{
	clear:both;
	width:100%;
	max-width:870px;
	margin:0 auto;
	padding:0.2em 65px;
	color:#fff;
	font-size:200%;
	line-height:1.2;
	letter-spacing:0.1em;
	text-align:left;
	background:#ae2935;
	border:1px solid #ae2935;
}
#search-plan{
	clear:both;
	overflow:hidden;
	width:100%;
	max-width:868px;
	margin:0 auto;
	padding:1em 65px;
	font-weight:bold;
	text-align:left;
	border:1px solid #ae2935;
	position:relative;
}
#search-plan a{
	text-decoration:none;
}
@media screen and (max-width: 1000px) {
h2#search{
	width:90%;
	font-size:200%;
	padding:0.2em 0;
	text-align:center;
}
#search-plan{
	width:90%;
	margin:0 auto;
	padding:1em 0;
}
}
@media screen and (max-width: 800px) {
h2#search{
	font-size:173%;
}
}
@media screen and (max-width: 640px) {
h2#search{
	font-size:150%;
}
}
#search-plan .search-select{
	overflow:hidden;
	margin:0 0 0.5em;
}
#search-plan .search-select li{
	display:inline;
	margin-right:1em;
}
#search-plan .search-select .search-t{
	display:inline;
}
#search-plan .search-select .search-t:before{
	color:#ae2935;
	content:"■";
}
#search-plan .search-btn{
	position:absolute;
	right:65px;
	bottom:1.5em;
	width:30%;
}
#search-plan .search-btn li{
	float:left;
}
#search-plan .search-btn li:nth-child(1){
	margin-right:1em;
}
#search-plan .search-btn .search-btn1{
	padding:0.5em 1.5em;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:1.5;
	background:#000;
	border:none;
	cursor:pointer;
}
#search-plan .search-btn .search-btn2{
	display:block;
	max-width:9em;
	padding:0.5em 1.5em;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:1.5;
	background:#ae2935;
	border:none;
}
#search-plan .search-btn .search-btn2 img{
	margin-right:2px;
	vertical-align:text-bottom;
}

#search-plan .search-btn a.pc,
#search-plan-f .search-btn a.pc{
display: block;
}
#search-plan .search-btn a.sp,
#search-plan-f .search-btn a.sp{
display: none;
}

@media screen and (max-width: 1000px) {
#search-plan .search-select{
	overflow:hidden;
	width:90%;
	margin:0 auto;
}
#search-plan .search-select li{
	display:block;
	margin:0 0 0.5em;
}
#search-plan .search-btn{
	position:relative;
	overflow:hidden;
	right:auto;
	bottom:auto;
	width:90%;
	margin:0 auto 1em;
}
#search-plan .search-btn li{
	margin-bottom:0.5em;
}
#search-plan .search-btn a.pc,
#search-plan-f .search-btn a.pc{
display: none;
}
#search-plan .search-btn a.sp,
#search-plan-f .search-btn a.sp{
display: block;
}
}
@media screen and (max-width: 640px) {
#search-plan .search-btn li{
	float:none;
	display:block;
	margin:0 0 0.5em;
}
#search-plan .search-btn li:nth-child(1){
	margin-right:0;
}
#search-plan .search-btn .search-btn1,
#search-plan .search-btn .search-btn2{
	width:9em;
	text-align:center;
}
}

#search-plan .search-link{
	clear:both;
	overflow:hidden;
}
#search-plan .search-link li{
	display:inline;
	margin:0 1em 0 0;
	padding:0 0 0 1em;
	background:url(../img/index/arrow.png) no-repeat left center;
}
#search-plan .search-link li.tel{
	display:block;
	margin-right:0;
	padding:0.5em 0 0;
	background:none;
}
#search-plan .search-link li.tel:before{
	color:#ae2935;
	content:"■";
}
#search-plan .search-link li.tel img{
	vertical-align:text-bottom;
	margin-left:0.5em;
	max-width:174px;
}
@media screen and (max-width: 1000px) {
#search-plan .search-link{
	overflow:hidden;
	width:90%;
	margin:0 auto;
}
#search-plan .search-link li{
	display:block;
	margin:0 0 0.5em;
}
}
/*----------------------------------------------------
　
------------------------------------------------------*/
.index-cont{
	width:100%;
	max-width:1000px;
	margin:0 auto 65px;
	overflow:hidden;
	text-align:left;
}
@media screen and (max-width: 1000px) {
.index-cont{
	margin:0 auto 2em;
}
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#news{
	float:left;
	width:47.6%;
	max-width:476px;
	padding-top:65px;
}
#news h2{
	color:#AE2935;
	font-size:200%;
	letter-spacing:0.1em;
}
#news iframe{
	width:100%;
	max-width:476px;
	height:332px;
	margin:0 0 1em;
}
.fb-embed-container {
    background-color: #333;
}

#news p img{
	width:100%;
	max-width:476px;
}
@media (max-width:  1024px)  {
.fb-embed-container {
	position: relative;
	padding-bottom: 56.25%;
}
.fb-embed-container iframe {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
}
@media screen and (max-width: 800px) {
#news{
	float:none;
	width:90%;
	margin:0 auto;
	padding-top:2em;
}
#news h2{
}
#news iframe{
	max-width:100%;
	height:210px;
	margin:0 0 0.5em;
}
}
@media screen and (max-width: 480px) {
#news h2{
	font-size:170%;
	letter-spacing:0;
	text-align:center;
}
#news iframe{
	height:190px;
	margin:0 0 0.3em;
}
}
@media screen and (max-width: 380px) {
#news iframe{
	max-width:342px;
}
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#setsubi{
	float:right;
	width:47.6%;
	max-width:476px;
	padding-top:65px;
}
#setsubi h2{
	color:#AE2935;
	font-size:200%;
	letter-spacing:0.1em;
}
#setsubi ul li{
	margin:0 0 0;
}
#setsubi ul li img{
	width:100%;
	max-width:476px;
}
@media screen and (max-width: 1000px) {
#setsubi{
	padding-top:2em;
}
#setsubi ul li{
	margin:0 0 1em;
}
}
@media screen and (max-width: 800px) {
#setsubi h2{
}
#setsubi{
	float:none;
	width:90%;
	margin:0 auto;
}
#setsubi h2{
	font-size:200%;
	text-align:center;
}
#setsubi ul li{
	margin:0 0 0.5em;
}
}
@media screen and (max-width: 480px) {
#setsubi h2{
	font-size:170%;
	text-align:center;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#about{
	clear:both;
	overflow:hidden;
	padding-top:65px;
}
#about h2{
	margin:0 0 0.5em;
	padding-bottom:0.2em;
	color:#AE2935;
	font-size:226%;
	letter-spacing:0.1em;
	text-align:center;
	background:url(../img/index/arrow2.png) no-repeat center bottom;
}
#about ul{
	overflow:hidden;
}
#about ul li{
	position:relative;
	float:left;
	width:30%;
	max-width:300px;
	margin:0 5% 1em 0;
}
#about ul li:nth-child(3){
	margin-right:0;
}
#about ul li h3{
	color:#AE2935;
	font-size:173%;
	text-align:center;
}
#about ul li img{
	width:100%;
	max-width:300px;
}
#about ul li .text{
	margin:0 0 1em;
}
@media screen and (max-width: 1000px) {
#about{
	width:90%;
	margin:0 auto;
	padding-top:2em;
}
}
@media screen and (max-width: 800px) {
#about h2{
	font-size:200%;
}
#about ul li h3{
	font-size:150%;
}
}
@media screen and (max-width: 640px) {
#about h2{
	font-size:173%;
}
#about ul li h3{
	font-size:125%;
}
#about ul li{
	clear:both;
	float:none !important;
	width:100%;
	margin:0 auto 4em !important;
}
#about ul li .text{
	height:auto !important;
	margin:0 0 0.6em;
}
}
@media screen and (max-width: 480px) {
#about h2{
	font-size:170%;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#guide,
#guide2{
	clear:both;
	overflow:hidden;
	padding-top:65px;
}
#guide ul,
#guide2 ul{
	overflow:hidden;
}
#guide ul li,
#guide2 ul li{
	overflow:hidden;
	width:466px;
	margin:0 0 1em 0;
	padding:3px;
	border:1px solid #999;
}
#guide ul li a,
#guide2 ul li a{
	display:block;
	color:#000;
	text-decoration:none;
}
#guide ul li:nth-child(1){
/*	width:990px;*/
}
#guide ul li:nth-child(2){
/*	float:left;*/
}
#guide ul li:nth-child(4){
/*	float:right;*/
}
#guide ul li:nth-child(5){
/*	clear:both;
	width:100%;
	border:none;*/
}
#guide ul li:nth-child(6){
/*	clear:both;
	width:990px;*/
}

#guide ul li img{
	width:100%;
	max-width:476px;
}
#guide ul li:nth-child(5) img{
	max-width:100%;
}

#guide ul li span{
	display:block;
	text-align:center;
}
#guide ul li span.txt{
	padding:0.2em 0;
	color:#AE2935;
	font-size:200%;
	font-weight:bold;
	line-height:1.3;
}
#guide ul li span.link{
	color:#AE2935;
}
#guide ul li span.txt2{
	padding-bottom:1.5em;
	line-height:1.4;
}
#guide ul li span.txt2 img{
	max-width:290px;
}
#guide ul li span.txt-logo{
	margin: 1.5em 0;
	text-align: center;
}
#guide ul li span.txt-logo img{
	width: 100%;
	max-width: 160px;
}
/**/
#guide ul li:nth-child(1) .img{
	display:table-cell;
	width:64%;
	vertical-align:top;
	margin:0;
}
#guide ul li:nth-child(1) .img img{
	max-width:640px;
}
#guide ul li:nth-child(1) .txt-area{
	display:table-cell;
	width:35%;
	text-align:center;
	vertical-align:middle;
}
/**/
#guide ul li:nth-child(6){
	padding:13px 3px 11px;
}
#guide ul li:nth-child(6) .img{
/*	display:table-cell;*/
	display:inline-block;
	width:42%;
	max-width:420px;
	vertical-align:middle;
	margin:0;
	text-align:right;
}
#guide ul li:nth-child(6) .img img{
	max-width:360px;
}
#guide ul li:nth-child(6) .txt-area{
/*	display:table-cell;*/
	display:inline-block;
	width:50%;
	max-width:500px;
	margin-left:3%;
	text-align:left;
	line-height:1.3;
	vertical-align:middle;
}


@media screen and (max-width: 1000px) {
#guide,
#guide2{
	width:90%;
	margin:0 auto;
	padding-top:2em;
}
#guide ul li,
#guide2 ul li{
	width:46.6%;
	max-width:466px;
	padding:0.3%;
	margin:0 auto 1em;
}
#guide ul li:nth-child(1){
/*	width:98%;
	max-width:476px;
	margin:0 auto 1em;*/
}
}
@media screen and (max-width: 800px) {
#guide ul li span.txt,
#guide2 ul li span.txt{
	font-size:200%;
}
#guide ul li,
#guide2 ul li{
	width:98%;
	max-width:100%;
}
/*#guide ul li:nth-child(1),
#guide ul li:nth-child(2),
#guide ul li:nth-child(4),
#guide ul li:nth-child(6){
	width:98%;
	max-width:100%;
}*/
#guide ul li:nth-child(6){
	width:97%;
	max-width:100%;
}
#guide ul li:nth-child(1) .img{
	display:block;
	width:100%;
}
#guide ul li:nth-child(1) .txt-area{
	display:block;
	width:100%;
}
#guide ul li:nth-child(6){
	padding:8px 3px;
}
#guide ul li:nth-child(6) .img{
	display:block;
	width:96%;
	margin:0 auto 5px;
	text-align:center;
}
#guide ul li:nth-child(6) .txt-area{
	display:block;
	width:96%;
	max-width:100%;
	margin:0 auto;
}
}
@media screen and (max-width: 640px) {
#guide,
#guide2{
	padding-top:0;
}
#guide ul li,
#guide2 ul li{
	float:none !important;
	width:100%;
	margin:0 auto 1em;
}
#guide ul li span.txt,
#guide2 ul li span.txt{
	font-size:173%;
}
#guide ul li span.txt-logo,
#guide2 ul li span.txt-logo{
	margin: 1.5em auto;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
.index-cont .banner{
	clear:both;
	overflow:hidden;
	padding-top:35px;
}
@media screen and (max-width: 1000px) {
.index-cont .banner{
	width:90%;
	margin:0 auto;
	padding-top:2em;
}
.index-cont .banner img{
	width:99%;
	border:1px solid #ae2935;
}
}

.index-cont .bannerinfo{
	clear:both;
	overflow:hidden;
	padding-top:30px;
}
@media screen and (max-width: 1000px) {
.index-cont .bannerinfo{
	width:90%;
	margin:0 auto;
	padding-top:2em;
}
.index-cont .bannerinfo img{
	width:99%;
	border:1px solid #ae2935;
}
}




/*----------------------------------------------------
　
------------------------------------------------------*/
#news-list{
	clear:both;
	overflow:hidden;
	padding-top:35px;
}
#news-list h2{
	margin:0 0 0.5em;
	padding-bottom:0.2em;
	color:#AE2935;
	font-size:226%;
	letter-spacing:0.1em;
	text-align:center;
	background:url(../img/index/arrow2.png) no-repeat center bottom;
}
#news-list .list{
margin: 0 auto;
padding: 1em 65px;
border: 1px solid #666;
}
#news-list .list ul{
overflow: hidden;
}
#news-list .list ul li{
clear: both;
overflow: hidden;
padding: 1em;
border-top: 1px solid #9a9a66;
}
#news-list .list ul li:first-child{
border-top: none;
}
#news-list .list ul li a{
text-decoration: none;
color: #395f90;
}
#news-list .list ul li .date{
display: table-cell;
width: 7em;
color: #9a9a66;
}
#news-list .list ul li .text{
display: table-cell;
}
@media screen and (max-width: 1000px) {
#news-list{
	width:90%;
	margin:0 auto;
	padding-top:2em;
}
#news-list .list{
padding: 1em;
}
}
@media screen and (max-width: 800px) {
#news-list h2{
	font-size:200%;
}
#news-list .list ul li{
padding: 1em 0.5em;
}
}
@media screen and (max-width: 640px) {
#news-list h2{
	font-size:173%;
}
}
@media screen and (max-width: 480px) {
#news-list h2{
	font-size:170%;
}
}