@charset "utf-8";

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

/* Bootstrap
----------------------------------------------- */
@media (max-width:1199px){
	.container{max-width:100%;}
}

/*
----------------------------------------------- */
body.not-login article{
	display:flex;
	padding:10vh 0;
	justify-content:center;
}
body.not-login .login_container{
	max-width:560px;
}

/* Layout
----------------------------------------------- */
main{padding:2rem 0;}


/* header
-------------------------------------------------------------- */
#header{padding:15px 0;}
#header nav{width:100%; justify-content:space-between; align-items:center;}
.brand{width:260px; max-width:70%;}

#header .nav-link{color:black;}
#header a.nav-user span{display:inline-block; margin-left:.5em;}

/*
@media (min-width:992px){
	#header.fix{
		animation:headerFadeIn .8s forwards;
	    position:fixed;
	    opacity: 0;
	}
	@keyframes headerFadeIn {
		from {opacity: 0;}
		to {opacity: 1;}
	}
	#header.nofix{
		animation:headerFadeOut .4s forwards;
		position:fixed;
	}
	@keyframes headerFadeOut {
		0%	{opacity: 1;}
		99%	{opacity: 0;}
		100%{opacity: 1; position:absolute;}
	}

	#gnavi ul.dropdown-menu{
		width:100vw;
		padding:1rem 0;
*/
		/* 下部にドロップダウンメニューに収まるスペースがない場合、ドロップダウンボタンの上部に表示されます。この動作を変更して、ドロップダウンを常に下部に表示する */
/*
		position:fixed !important;
		top:100px !important;
		left:0 !important;
		transform: translate3d(0, 0, 0) !important;
	}
	#gnavi ul.dropdown-menu.show{
		animation:dropdownMenuIn .8s forwards;
	    opacity: 0;
	}
	@keyframes dropdownMenuIn {
		from {
			transform: translateX(-100%);
			opacity: 0;
		}
		to {
			transform: translateX(0);
			opacity: 1;
		}
	}
	
	#gnavi a{padding:.25rem 1rem;}
	#gnavi ul.dropdown-menu li{display:inline-block; position:relative;}
	#gnavi ul.dropdown-menu li::after{
		content:'';
		display:inline-block;
		width:1px;
		height:1rem;
		background-color:white;
		position:absolute;
		top:50%;
		right:0;
		transform:translateY(-50%) rotate(15deg);
	}
}
*/
@media (max-width:991px){
/*
	#header{position:fixed;}
	#gnavi>li{padding:.5em 0; border-top:1px solid rgba(0,0,0,.2);}
	#gnavi li.menu-btn{justify-content:center;}
	
	#gnavi ul.dropdown-menu{display:block !important; background-color:#F7F7F7; position:relative;}
	#gnavi .dropdown-item{padding:.5rem 2.5rem;}
	#gnavi ul.dropdown-menu li a,
	#gnavi ul.dropdown-menu li a:hover{color:black; position:relative;}

	#gnavi ul.dropdown-menu li a::after{
		content:'';
		display:inline-block;
		width:.5rem;
		height:.5rem;
		border:1px solid black;
		border-width:1px 1px 0 0;
		position:absolute;
		top:50%;
		right:1.5rem;
		transform:translateY(-50%) rotate(45deg);
	}
*/

}

@media (min-width:768px){
	#header .mb{display:none;}
}
@media (max-width:767px){
	#header a.nav-user{font-size:1.6em;}
	#header a.nav-user span{display:none;}
}

.content-header{padding:1rem 0;}

/* Cover
----------------------------------------------- */
/*
#cover-area{padding:0; margin:0; position:relative;}
#cover-area[class*="bg-right-up"]::before{transform-origin:left top;}
#cover{display:flex; width:100%;}
#cover #cover-txt-box{min-width:360px; height:720px; position:relative;}
#cover #cover-img-box{width:100%; position:relative;}
#cover #cover-img-box>*{width:100%; height:100% !important; position:absolute; top:0; left:0; background-color:white;}

#cover_hs{margin:0;}
#cover #hs-box{ position:absolute; bottom:150px; left:0; z-index:10;}
#cover #hs-box ul li{display:inline-block; line-height:1.1; margin-bottom:40px; font-size:70px; padding:0 50px; background-color:white;}
#cover #hs-box ul li span{display:inline-block;}

#cover #sign{font-size:140px; position:absolute; bottom:70px; left:260px; transform:rotate(-10deg); z-index:10; white-space:nowrap;}
#cover #sign>*{padding:.1em 0;}

#cover-area #cont-box{width:360px; padding:0 50px; font-size:12px; position:absolute; bottom:0; left:0;}
#cover-area #cont-box h2{padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid black;}

@media (max-width:991px){
	#cover #cover-txt-box{min-width:280px; height:620px;}
	#cover #hs-box ul li{font-size:59px; padding:0 30px;}
	#cover #sign{font-size:11vw; bottom:90px; left:200px;}
	#cover-area #cont-box{width:280px; padding:0 20px;}
}
@media (max-width:767px){
	#cover #cover-txt-box{min-width:50px; height:420px;}
	#cover #hs-box{bottom:50px;}
	#cover #hs-box ul li{font-size:40px; margin-bottom:20px;}
	#cover #sign{bottom:-.1em; left:100px;}
	#cover-area #cont-box{width:740px; max-width:100%; padding:20px 40px; margin:0 auto; font-size:1rem; position:relative;}
}
@media (max-width:575px){
	#cover #cover-txt-box{height:300px;}
	#cover #hs-box{bottom:40px;}
	#cover #hs-box ul li{font-size:30px; padding:0 15px;}
	#cover #sign{left:40px;}
}
*/

/* footer
--------------------------------------------------------------*/
/*
#footer a{color:black;}
#footer .disc .inner{width:720px; padding:20px 0; max-width:100%;}
#footer .bg-grad .row{justify-content:center;}
#footer .bg-grad .row a{max-width:490px; padding:30px; color:white; text-align:center;}
#footer .bg-grad .row a span{font-size:50px; display:block; line-height:1;}
#footer .bg-grad .row a:first-child{border-right:1px solid white;}

#footer .address-area{margin-bottom:2rem; position:relative;}
#footer .address-area img{width:234px; max-width:48%;}
address{font-size:.9333rem; margin-bottom:0;}
address span{display:inline-block;}

#footer .fb{font-size:34px; line-height:1; position:absolute; top:0; right:0;}
#footer p{margin-bottom:2rem;}

#fnavi ul{flex-direction:column; line-height:1.3;}
#fnavi ul li a{position:relative;}
#fnavi ul li.bar a::before{
	content:'';
	display:inline-block;
	width:10px;
	height:50%;
	border-bottom:1px solid black;
	position:absolute;
	top:0;
	left:0;
}

#copyright{display:block; font-size:10px;}

@media (max-width:991px){
	#footer .bg-grad .row a{padding:15px;}
	#footer .bg-grad .row a span{font-size:30px;}
}
@media (max-width:575px){
	#footer{font-size:12px;}
	#footer p{margin-bottom:1rem;}
	#footer .disc .inner{padding:0;}
	#footer .bg-grad .row a{max-width:none;}
	#footer .bg-grad .row a:first-child{border-right:none; border-bottom:1px solid white;}
}
*/

/* h
--------------------------------------------------------------*/
h1{margin:0;}
h1,.h1,h2,.h2{font-size:1.8rem; font-weight:700;}
h3,.h3{font-size:1.2rem; font-weight:700;}

.btn{padding:.8em; border-radius:0; min-width:240px;}
/*
p{margin-bottom:2rem;}
h1,.h1{font-size:1.8rem; margin:0;}
h3,.h3{margin-bottom:1.2rem;}
h4,.h4{margin-bottom:1rem;}
.fs1{font-size:1rem !important;}
.bold{font-weight:700;}
*/

/*
h2,.h2{font-size:28px; line-height:1.6; margin-bottom:2rem;}
h2.en{font-size:40px;}
h3,.h3{font-size:24px; line-height:1.6; margin-bottom:2rem;}
h4,.h4{font-size:22px; line-height:1.6; margin-bottom:1rem;}
h5,.h5{font-size:20px; line-height:1.6;}
.lead{font-size:18px;}
*/