@charset "utf-8";

/*--Base------------------------------------------------------------*/

html,body {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

html {
	overflow-y: scroll;
}

/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
}

ul,ol {
	list-style: none;
}

/*--Text------------------------------------------------------------*/

body {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
    font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

/*--Link------------------------------------------------------------*/

a,
a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:hover,
a:active {
	color: #777777;
}

a:focus {
	outline: none;
}

/*--HTML5-----------------------------------------------------------*/

article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}

/*--sample----------------------------------------------------------*/

/*--layout----------------------------------------------------------*/

#wrapper {
	width: 100%;
}

#wrapper02 {
	width: 100%;
	background-color: #F4EDE3;
}

#header {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#header header {
	margin: 0 auto;
	background-color: #FFF;
	background-color:rgba(255,255,255,0.6);
}

#header02 {
	margin: 0;
	padding: 0;
}

#header02 header {
	margin: 0 auto;
	background-color: #FFF;
	height: 70px;
	background-color:rgba(255,255,255,0.6);
}

#header03 {
	height: 100vh;
	margin: 0;
	padding: 0;
	background-image: url(../../img/tech/top02.png);
	background-position: top center;
	background-repeat: no-repeatl;
	background-size: cover;
}

#header03 header {
	margin: 0 auto;
	background-color: #FFF;
	height: 70px;
	background-color:rgba(255,255,255,0.6);
}

#headerStan01 {
	height: 50vh;
	margin: 0;
	padding: 0;
	background-image: url(../img/re02/stan/01/main.png);
	background-position: top center;
	background-repeat: no-repeatl;
	background-size: cover;
}

#headerStan01 header {
	margin: 0 auto;
	background-color: #FFF;
	height: 70px;
	background-color:rgba(255,255,255,0.6);
}

#headerStan02 {
	height: 50vh;
	margin: 0;
	padding: 0;
	background-image: url(../img/re02/stan/02/main.png);
	background-position: top center;
	background-repeat: no-repeatl;
	background-size: cover;
}

#headerStan02 header {
	margin: 0 auto;
	background-color: #FFF;
	height: 70px;
	background-color:rgba(255,255,255,0.6);
}

#headerStan03 {
	height: 50vh;
	margin: 0;
	padding: 0;
	background-image: url(../img/re02/stan/03/main.png);
	background-position: top center;
	background-repeat: no-repeatl;
	background-size: cover;
}

#headerStan03 header {
	margin: 0 auto;
	background-color: #FFF;
	height: 70px;
	background-color:rgba(255,255,255,0.6);
}

#headerStan04 {
	height: 50vh;
	margin: 0;
	padding: 0;
	background-image: url(../img/re02/stan/04/main.png);
	background-position: top center;
	background-repeat: no-repeatl;
	background-size: cover;
}

#headerStan04 header {
	margin: 0 auto;
	background-color: #FFF;
	height: 70px;
	background-color:rgba(255,255,255,0.6);
}

#headerStan05 {
	height: 50vh;
	margin: 0;
	padding: 0;
	background-image: url(../img/re02/stan/05/main.png);
	background-position: top center;
	background-repeat: no-repeatl;
	background-size: cover;
}

#headerStan05 header {
	margin: 0 auto;
	background-color: #FFF;
	height: 70px;
	background-color:rgba(255,255,255,0.6);
}

#headerTech01 {
	height: 200px;
	margin: 0;
	padding: 0;
}

#headerTech01 header {
	margin: 0 auto;
	background-color: #FFF;
	height: 70px;
	background-color:rgba(255,255,255,0.6);
}

#contents {
	margin: 0 auto;
}

.topLogo {
	position: absolute;
	text-align: left;
	top: 23px;
	left: 20px;
}

#main {
	margin: 0 auto;
	width: 100%;
}

#swMain {
	margin: 0 auto;
	width: 100%;
}

#footer {
	margin-top: 30px;
	padding-bottom: 80px;
	position: relative;
	width: 100%;
	background-color: #EEEEEE;
}

#footer footer {
	width: 95%;
	margin: 0 auto;
	padding: 20px 0;
}

#header header,
#contents {
	width: 100%;
}

/*--common----------------------------------------------------------*/

#header h1,
#header h2,
#contents h3,
#header p,
#contents p,
#footer p {
	padding: 0px;
}


/*--top----------------------------------------------------------*/

.topWorksTitle {
	font-size: 14px;
	text-align: center;
	color: #333333;
	margin-top: 50px;
}

.worksListbox {
	margin-top: 20px;
}

.worksText {
	color: #666666;
	font-size: 10px;
	margin-left: 20px;
	margin-right: 20px;
	font-weight: normal;
}

.worksNewImg {
	margin-top: -2px;
}

.moreBtn {
	margin: 20px auto;
	text-align: center;
	border: 1px #333333 solid;
	padding: 3px;
	width: 100px;
}

.moreBtn02 {
	margin: 30px auto 20px auto;
	text-align: center;
}

.moreBtn03 {
	margin: 30px auto 0px auto;
	text-align: center;
}

.copyright {
	text-align: center;
	font-size: 11px;
	background-color: #393325;
	color: #FFF;
	margin-top: 30px;
	padding: 20px 0;
}

.marginTop5 {
	margin-top: 5px;
}


/*--トップに戻るボタン----------------------------------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 90px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #fff;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 0;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.pagetop a:hover {
    display: block;
    background-color: #fff;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:0;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/*--トップに戻るボタン----------------------------------------------------------*/

.topBannerBox {
	width: 100%;
	margin: 10px auto 0 auto;
	text-align: center;
}

.topBannerBox02 {
	width: 100%;
	margin: 30px auto 0 auto;
	text-align: center;
}

.yoyaku02 {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 998;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	padding: 0;
}

.yoyakuBox {
	width: 100%;
	margin: 0 auto;
	background-color: #DF9D00;
}

.gnavSns01 {
	float: left;
	width: 50%;
}

.gnavSnsBox {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #393325;
}

/* clearfix */
.gnavSnsBox:before,
.gnavSnsBox:after {
    content: "";
    display: table;
}
 
.gnavSnsBox:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.gnavSnsBox {
    zoom: 1;
}

#gnavText02 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}

#gnavText02 a {
	color: #DF9D00;
	font-size: 20px;
}

.gnavText03 {
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 80px;
}

#gnavText04 {
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-left: 10px;
}

.gnavChild01 {
	padding: 5px 20px;
	font-weight: normal;
}

#font-bold {
	font-weight: bold;
}

.topMainText01 {
	font-size: 16px;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	padding: 0px 20px;
}

#top01 {
	text-align: center;
	margin: 0 auto;
	width: 95%;
	padding-bottom: 30px;
}

.topBannerBox {
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
}

ul.topBannerBox li:not(:last-child) {
	margin-right: 3%;
}

.topBanner03 {
	margin-top: 20px;
	text-align: center;
}

.topMore01 {
	margin-top: 40px;
	text-align: center;
}

.topMore02 {
	margin-top: 20px;
	text-align: center;
}

#top02 {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	background-color: #F5F2ED;
	padding: 30px 0;
}

.top2Inner {
	text-align: center;
	margin: 10px auto;
	width: 95%;
}

.topEventImgBox {
	position: relative;
}

.topEventImgBox2022 {
	position: relative;
	margin-top: 40px;
}

.topEventTextBox {
	position: absolute;
	text-align: center;
	width: 70%;
	background-color: #FFF;
	left: 0;
	right: 0;
	margin: -50px auto;
	padding: 20px;
}

.topEventTextBox02 {
	text-align: left;
	background-color: #FFF;
	padding: 20px 10px 20px 10px;
}

.topEventText01 {
	font-size: 13px;
	text-align: left;
	color: #777777;
	margin-top: 0px;
}

.topEventText02 {
	font-size: 13px;
	text-align: left;
	color: #000000;
	margin-top: 10px;
}

.topEventText03 {
	font-size: 13px;
	text-align: left;
	color: #DF9D00;
	margin-top: 10px;
}

.topEventText03Red {
	font-size: 13px;
	text-align: left;
	color: #8C0000;
	margin-top: 10px;
}

.topEventText03 span {
	font-size: 13px;
	text-align: left;
	color: #191919;
	margin-top: 10px;
	border: 1px solid #191919;
	margin-right: 10px;
	padding: 2px;
}

.topEventText04 {
	margin-top: 10px;
}

.topEventText04  span {
	font-size: 13px;
	text-align: left;
	color: #191919;
	margin-top: 10px;
	border: 1px solid #191919;
	padding: 2px;
}

.topMainTitle01 {
	font-size: 18px;
	text-align: center;
	color: #191919;
	margin-bottom: 30px;
	font-weight: normal;
	letter-spacing: 0.1em;
}

.topMainTitle02 {
	font-size: 18px;
	text-align: center;
	color: #191919;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-top: 20px;
}

.topEventBox01 {
	float: left;
	width: 48%;
	margin-top: 30px;
}

.topEventBox02 {
	float: right;
	width: 48%;
	margin-top: 30px;
}

.topEventBox {
	overflow: hidden;
	margin-top: 100px;
	margin-bottom: 20px;
}

/* clearfix */
.topEventBox:before,
.topEventBox:after {
    content: "";
    display: table;
}
 
.topEventBox:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.topEventBox {
    zoom: 1;
}

#top03 {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	background-color: #FAFAFA;
	padding: 30px 0;
}

.top3Inner {
	text-align: center;
	margin: 10px auto;
	width: 75%;
}

.topWorksText01 {
	text-align: left;
	font-size: 13px;
}

.topWorksImg01 {
	margin-top: 30px;
	text-align: center;
}

#top04 {
	text-align: center;
	margin: 0 auto;
	width: 95%;
	padding: 30px 0;
}

.topLink01 {
	float: left;
	width: 49%;
}

.topLink02 {
	float: right;
	width: 49%;
}

.topLinkBox01 {
	overflow: hidden;
	margin-top: 15px;
}

/* clearfix */
.topLinkBox01:before,
.topLinkBox01:after {
    content: "";
    display: table;
}
 
.topLinkBox01:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.topLinkBox01 {
    zoom: 1;
}

#top05 {
	text-align: center;
	margin: 0 auto;
	width: 95%;
	padding: 30px 0;
}

#top06 {
	text-align: center;
	margin: 0 auto;
	width: 95%;
	padding: 30px 0;
}

.footerText01 {
	text-align: center;
	font-size: 16px;
	color: #393325;
}

.footerText02 {
	text-align: center;
	font-size: 20px;
	color: #DF9D00;
	letter-spacing: 0.1em;
	margin-top: 20px;
}

.footerText02 a {
	color: #DF9D00;
}

.footerText03 {
	text-align: left;
	font-size: 16px;
	color: #393325;
	letter-spacing: 0.1em;
	font-weight: bold;
	margin-top: 60px;
}

.footerText04 {
	text-align: left;
	font-size: 14px;
	color: #393325;
	line-height: 200%;
}

.footerImg01 {
	text-align: center;
}

.footerImg02 {
	text-align: center;
	margin-top: 20px;
}

.footerNavBox01 {
	float: left;
	width: 48%;
	margin-right: 2%;
	text-align: left;
}
.footerNavBox02 {
	float: left;
	width: 48%;
	margin-right: 2%;
	text-align: left;
}

.footerNav {
	overflow: hidden;
	width: 95%;
	margin: 30px auto 20px auto;
	text-align: center;
	font-size: 10px;
}

/* clearfix */
.footerNav:before,
.footerNav:after {
    content: "";
    display: table;
}
 
.footerNav:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.footerNav {
    zoom: 1;
}

.footerText05 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #393325;
	padding-bottom: 20px;
}

.footerText05 a {
	padding-bottom: 20px;
}

.footerText06 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 15px;
	line-height: 100%;
}

.bottomLink {
	margin: 20px 0;
	width: 100%;
	padding-top: 20px;
}

.blogNewBox {
	margin: 0 auto;
	border: 0;
}

.blogBox01 {
	margin: 20px auto;
	width: 90%;
	padding: 10px 10px 20px 10px;
	border: 1px solid #191919;
	box-sizing: border-box;
}

/*stan*/

.stanMainTextBox01 {
	margin: 20px auto;
	width: 90%;
	background-image: url(../img/re02/stan/bg01.png);
	background-repeat: no-repeat;
	background-position:  center bottom;
	background-size: contain;
	text-align: center;
	padding-bottom: 50px;
	color: #000000;
	font-weight: bold;
}

#stan01 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 30px;
}

#stan02 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 30px;
}

#stan03 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 30px;
}

#stan04 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 30px;
}

#stan05 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 60px;
}

.stanText01 {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
}

.stanText02 {
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	margin-top: 20px;
}

/*tech*/

.techImg01 {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 22%;
	left: 0;
	right: 0;
	margin: auto;
}

.techImg02 {
	text-align: center;
	width: 100%;
	margin-top: 30px;
}

.techImg03 {
	text-align: center;
	width: 100%;
	margin-top:10px;
}

.techMainText01 {
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	top: 40%;
	left: 0;
	right: 0;
	margin: auto;
	line-height: 160%;
}

.techText01 {
	text-align: center;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-top: 30px;
}

.techText02 {
	text-align: center;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin-top: 20px;
}

#tech01 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 0px;
}

#tech02 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 0px;
}

#tech03 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 0px;
}

#tech04 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 0px;
}

#tech05 {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 60px;
}

.stan01Img00 {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
}

.stan01Img01 {
	position: absolute;
	bottom: 40%;
	left: 3%;
	text-align: left;
	width: 35%;
}

.stan01Img02 {
	margin: 30px auto 20px auto;
	text-align: center;
	width: 100%;
}

.stan01Text01 {
	text-align: center;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	color: #000000;
	margin-top: 20px;
}

#stanLinkBox {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 0px;
}

.stanLink01 {
	float: left;
	width: 49%;
}
.stanLink02 {
	float: right;
	width: 49%;
}

.stanLinkContainer {
	overflow: hidden;
	width: 100%;
	margin: 30px auto 40px auto;
	text-align: center;
}

/* clearfix */
.stanLinkContainer:before,
.stanLinkContainer:after {
    content: "";
    display: table;
}
 
.stanLinkContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.stanLinkContainer {
    zoom: 1;
}

.stan02Img01 {
	margin: 30px auto 20px auto;
	text-align: center;
	width: 100%;
}

.stan02Img02 {
	position: absolute;
	bottom: 30%;
	right: 10%;
	text-align: right;
	width: 35%;
	margin-top: 20px;
}

.stan02Img03 {
	margin: 50px auto 20px auto;
	text-align: center;
	width: 100%;
}

.stan02Img04 {
	margin: 50px auto 0px auto;
	text-align: center;
	width: 100%;
}

.stan02Img05 {
	margin: 2px auto 20px auto;
	text-align: center;
	width: 100%;
}

.stan02Text01 {
	text-align: center;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin-top: 20px;
}

#stan02Last {
	text-align: center;
	margin: 0 auto;
	width: 90%;
	padding-bottom: 20px;
}

.stan03Text01 {
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
}

.stan03Img01 {
	margin: -40px auto 20px auto;
	text-align: right;
	width: 95%;
}

.stan03Img02 {
	margin: -50px auto 20px auto;
	text-align: right;
	width: 95%;
}

#tech001 {
	text-align: center;
	margin: 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech001-2 {
	text-align: center;
	margin: 40px auto 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

.techText001 {
	text-align: center;
	width: 100%;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	text-decoration: underline;
}

.techText002 {
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin-top: 15px;
}

.techText002-2 {
	text-align: center;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-top: 15px;
}

.techText003 {
	text-align: center;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin-top: 20px;
}

.techText004 {
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin-top: 40px;
}

.techText005 {
	text-align: center;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-top: 10px;
}

.techText006 {
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin-top: 25px;
}

.techText007 {
	text-align: center;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-top: 20px;
}

.techText008 {
	text-align: center;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
}

.techText009 {
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #DF9D00;
	margin-top: 30px;
}

.techText010 {
	text-align: center;
	width: 100%;
	font-size: 32px;
	font-weight: bold;
	color: #00568C;
	margin-top: 40px;
}

.techText011 {
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #00568C;
	margin-top: 0px;
}

.techText012 {
	text-align: center;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	color: #00558C;
	margin-top: 15px;
}

.techTitleImg01 {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 110px;
	left: 0;
	right: 0;
	margin: auto;
}

#tech002 {
	text-align: center;
	margin: 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech002-2 {
	text-align: center;
	margin: 40px auto 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech002-3 {
	text-align: center;
	margin: 40px auto 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech002-4 {
	text-align: center;
	margin: 40px auto 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech004 {
	text-align: center;
	margin: 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech004-2 {
	text-align: center;
	margin: 40px auto 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech004-3 {
	text-align: center;
	margin: 40px auto 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech005 {
	text-align: center;
	margin: 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech005-2 {
	text-align: center;
	margin: 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech005-3 {
	text-align: center;
	margin: 40px auto 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech005-4 {
	text-align: center;
	margin: 40px auto 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

#tech005-5 {
	text-align: center;
	margin: 40px auto 0 auto;
	width: 85%;
	padding-bottom: 0px;
	background-color: #FFF;
	padding: 25px;
}

.slBannerBox {
	position: absolute;
	text-align: right;
	margin-top: -50%;
	left: 45%;
	top: 70%;
	z-index:9;
}

.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */
    -webkit-animation: zoomUp 12s linear 0s;
    animation: zoomUp 12s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slide-img {
    background-size: cover; 
    background-position: center center; /* 背景画像は中央を軸に表示させる */
    height: 100vh; 
}

.slide-text {
	position: absolute;
	z-index: 10;
	width: 100%;
	bottom: 4%;
	transform: translateY( -50% );
	text-align: center;
}

.swiper-button-next::after, .swiper-button-prev::after {
  content: none !important;
}