@charset "utf-8";

@import url("normalize.css");
@import url("common.css");
@import url("layout.css");
@import url("title.css");
@import url("menu.css");
@import url("menuplus.css");
/*------------------------------------------------------------------------------------------------*/
/*　共通
--------------------------------------------------------------------------------------------------*/
header#header { background-size: cover; background-position: center top; }
section.contents:nth-child(odd) { background-color: #EEE; }


/*------------------------------------------------------------------------------------------------*/
.reptitle { text-align: center; color: #000; font-size: 140%; }
.reptitle span:before { content: "－ "; margin: 3px; color: #F60; }
.reptitle span:after { content: " －"; margin: 3px; color: #F60; }

.textWaku { margin-left: auto; margin-right: auto; }
ul.mainte_point { display: flex; flex-wrap: wrap; margin: 10px 15px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
ul.mainte_point li { width: 50%; padding: 5px 0px 5px 16px; text-indent: -16px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; }
ul.mainte_point li:before { content: "●"; margin: 3px; color: #666; }
/*ul.mainte_point li:last-child:before { content: ""; margin: 3px; color: #666; }*/

.bWaku { width: 100%; margin-top: 20px; padding-top: 50px; border-top: 3px solid #66F; }
a.btn-border { display: block; width: 300px; margin: 0 auto; padding: 15px 0px 15px 5px; border: 2px solid #66F; border-radius:6px; background: #fff; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; font-weight: 800; font-size: 2rem; text-align: center; }
a.btn-border:hover { background-color: #FF9; color: #000; }
a.btn-border:before { position: absolute; top: 0; left: 0; width: 15px; height: 100%; content: ''; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); border-radius: 0 50% 50% 0; background: #66F; }
a.btn-border:hover:before { font-family: 'Font Awesome 5 Free'; padding-left: 20px; text-indent: -15px; font-weight: bold; line-height: 40px; width: 40px; height: 40px; content: '\f061'; -webkit-transform: translateX(460%) translateY(1.2rem); transform: translateX(460%) translateY(1.2rem); color: #fff; border-radius: 50%; }
.bWaku div { width: 300px; margin: 0 auto;  }
.btn04 { position: relative; display: inline-block; padding: 16px 32px; background: #e41313; border: 3px solid #e41313; border-radius: 6px; color: #e41313; text-decoration: none; font-size: 2rem; font-weight: bold; line-heigt: 1.2em; -webkit-transition: .8s; transition: .8s; }
.btn04 span { position: relative; z-index: 1; }
.btn04 span:after { content: " \f101"; font-family: 'Font Awesome 5 Free'; }
.btn04::before, .btn04::after { content: ""; position: absolute; top: 0; display: block; width: 51%; height: 100%; background-color: #ffffff; -webkit-transition: .2s; transition: .2s; }
.btn04::before { left: 0; }
.btn04::after { right: 0; }
.btn04:hover::before, .btn04:hover::after { width: 0; background: #ffffff; }
.btn04:hover { color: #ffffff; font-size: 2rem; }
/*------------------------------------------------------------------------------------------------*/
h3.bar3 { font-size: 130%; }
.swiper-container { margin-left: auto; margin-right: auto; text-align: center; }
.swiper-wrapper { width: 100%; }
.swiper-slide { position: relative; overflow: hidden; }
.swiper-slide p { position: absolute; bottom: 0px; z-index: 2; background-color: rgba(0,0,0,0.7); width: 100%; padding: 10px 0px; text-align: center; color: #FFF; }
.swiper-slide { border: 1px solid #999; }


/*@media(min-width: 800px){*/
.swiper-wrapper{ display: flex; flex-wrap: wrap; }
.swiper-button-prev,.swiper-button-next,.swiper-pagination { display: none; }
	
/*}*/
.swiper-container .swiper-slide img{ max-width: 100%; height: auto; z-index: 1; }

/*------------------------------------------------------------------------------------------------*/
/*　画面幅960px以上　ＰＣ用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
	header#header { background-image: url(../img/header-image201.jpg); }
	.textWaku { width: 960px; }
	.swiper-slide:nth-child(odd) { margin-right: 10px; margin-bottom: 20px; }
	.swiper-slide:nth-child(even) { margin-left: 10px; margin-bottom: 20px; }
	.swiper-slide { width: 468px; }
	.swiper-slide img { width: 100%; }
	
}
/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px以上960px迄　ミニＰＣ＆タブレット用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 800px) and (max-width: 959.9px) {
	header#header { background-image: url(../img/header-image201y.jpg); }
	.textWaku { width: 780px; }
	.swiper-slide:nth-child(odd) { margin-right: 10px; margin-bottom: 20px; }
	.swiper-slide:nth-child(even) { margin-left: 10px; margin-bottom: 20px; }
	.swiper-slide { width: 378px; }
	.swiper-slide img { width: 100%; }
	
}
/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px未満　スマホ用
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 799.9px) {
	header#header { background-image: url(../img/header-image201y.jpg); }
	.textWaku { width: 620px; }
	.swiper-container { width: 620px; height: auto; }
	.swiper-slide { width: 620px; height: 406px; margin-bottom: 20px; }
	.swiper-slide img { width: 100%; }

}