@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.min.css");
body{
	background:url("../images/indexbg.jpg") center top no-repeat;
	background-attachment:fixed;
	background-size:auto 120%;
}
/*-----------------------------------------
top
----------------------------------------*/

h1{
	background-color:transparent;
}
h1 span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: white;
    display: block;
    font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Yu Gothic UI", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴシック", Meiryo, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.0;
    margin: 0 auto;
    width: 100%;
}

.text-center {
    text-align: center !important;
}
/*-----------------------------------------
h1以下
----------------------------------------*/
.container {
    max-width: 960px;
    padding: 0;
    margin: 0 auto;
}

.indexBase{
	height:auto;
	padding:0 0 80px;
	position:relative;
	width:100%;z-index:1;
}
.indexLogoArea {
    margin: 0 auto;
    padding: 50px 0 0;
    text-align: center;
    width: 80%;
}


.indexLogoArea .logoAtt{
	color:#FF9300;
	font-family:"Noto Serif JP",serif;
	font-size:clamp(1.375rem, 0.511rem + 4.32vw, 2.75rem);
	font-weight:700;
	padding:0 0 30px;
}
.indexLogoArea img{
	height: auto;
    margin: 0 auto;
    width: 100%;
}

.indexDataArea {
    margin: 0 auto;
    padding: 0 0 0;
    text-align: center;
    width: 90%;
}

.movieArea video {
    margin: 0 auto;
    max-width: 960px;
    height: auto;
    width: 96%;
	padding-top:3rem;
}




.indexLogoArea.sp{
	margin:0 auto;padding:70px 0 0;
	width:80%;
}
.indexLogoArea.sp img{
	max-width:300px;
	padding:50px 0 0;
}


.indexDataArea{
	color:#FF9300;
	font-family:"Noto Serif JP",serif;
	font-size:clamp(0.875rem, 0.591rem + 1.21vw, 1.5rem);
	font-weight:700;
	text-align:right;
	width:100%;
}
.indexCatch{
	text-align:center;
	width:100%;
}
.indexCatch p{
	display:block;color:white;
	font-family:"Noto Serif JP",serif;
	font-size:clamp(0.875rem, 0.591rem + 1.21vw, 1.5rem);
	font-weight:500;
}
.indexEnterArea{
	padding:60px 0 0;
	text-align:center;
	width:100%;
}


.indexEnterArea a{
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
	background:linear-gradient(to left, #FF9300 5%, rgba(215,144,32,0) 100%);
	border:2px #888886 solid;
	color:white;
	display:block;
	font-family:"Noto Serif JP",serif;
	font-size:clamp(2rem, 1.205rem + 3.39vw, 3.75rem);
	font-weight:700;
	margin:0 auto;
	text-align:center;
	text-decoration:none;width:50%;
}
.indexEnterArea a:hover{
	opacity:0.7;
}

.indexExit{
	padding:40px 0 0;
	text-align:center;
	width:100%;
}

.indexExit p{
	display:block;
	color:white;
	font-family:"Noto Serif JP",serif;
	font-size:clamp(0.688rem, 0.631rem + 0.24vw, 0.813rem);
	font-weight:400;
}
.indexExit a{
	background-color:transparent;
	border-radius:8px;
	color:white;
	display:inline-block;
	font-family:"Noto Serif JP",serif;
	font-size:clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
	margin:0 auto;padding:3px 10px;
	text-decoration:underline;
	text-align:center;
}
.indexBannerArea{
	background-color:transparent;
}.indexConcept{
	background-color:transparent;
}
.indexConcept h2{
	color:white;
	font-family:"小塚ゴシック Pro","Kozuka Gothic Pro",sans-serif;
	font-size:22px;
	font-weight:700;
}

.indexConcept p{
	color:white;
	font-family:"小塚ゴシック Pro","Kozuka Gothic Pro",sans-serif;
	font-size:14px;
}





.indexConcept h2 {
    color: white;
    font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", sans-serif;
    font-size: 22px;
    font-weight: 700;
}
/*-----------------------------------------
footer
----------------------------------------*/

.text-light {
    color: #f8f9fa !important;
}
footer .ftLogo {
    width: 300px;
}
footer .ftLogo img {
    height: auto;
    width: 100%;
}

footer .ftTel {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #FF9300;
    border-radius: 60px;
    font-family: "M PLUS 1p";
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none;
}

.bi-telephone-outbound::before {
    content: "\f5bc";
}
.text-black {
    color: #000000 !important;
}
footer .copy a {
    color: white;
    text-decoration: underline;
}
footer .copy {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.8rem;
}