@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: right top; }
/*------------------------------------------------------------------------------------------------*/
.textWaku { margin-left: auto; margin-right: auto; }
.img001 image { width: 100%; height: auto; }


.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; }
/*------------------------------------------------------------------------------------------------*/
/*　画面幅960px以上　ＰＣ用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
	header#header { background-image: url(../img/header-image211.jpg); }
	.textWaku { width: 960px; }
	.img001 { width: 960px; height: auto; }
	
	
	
}
/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px以上960px迄　ミニＰＣ＆タブレット用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 800px) and (max-width: 959.9px) {
	header#header { background-image: url(../img/header-image211y.jpg); }
	.textWaku { width: 780px; }
	.img001 { width: 780px; height: auto; }
	
	
	
}
/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px未満　スマホ用
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 799.9px) {
	header#header { background-image: url(../img/header-image211y.jpg); }
	.textWaku { width: 620px; }
	.img001 { width: 620px; height: auto; }
	
	

}