@charset "UTF-8";

/**********共通CSS**********
 * 全ページ共通CSS
***************************/
/*----------txt----------
 * txt関連CSS
------------------------*/
.txt-size0-8em{
	font-size:0.8em;
}
.txt-size1em{
	font-size:1em;
}
.txt-size1-5em{
	font-size:1.5em;
}
.txt-size2em{
	font-size:2em;
}
.txt-size3em{
	font-size:3em;
}
.txt-size4em{
	font-size:4em;
}
.txt-size4-5em{
	font-size:4.5em;
}
.txt-space0-25{
	letter-spacing:0.25rem;
}
.txt-space1rem{
	letter-spacing:1rem;
}
.txt-line-space3em{
	line-height:3em;
}
.txt-bold{
	font-weight:bold;
}
.txt-wrap{
	white-space:nowrap;
}
.txt-block-contents-position {
	position:absolute;
	top: 50%;
	left: 50%;
	transform:translateY(-50%) translateX(-50%);
	-webkit- transform:translateY(-50%) translateX(-50%);
	
	text-align:center;
}
.txt-block-contents-full{
	width:30%;
}
.txt-style-corporation-title{
	color:#FFF;
	text-shadow: 0 0 1vw rgba(0, 0, 0, 1);
}

.txt-flex-position{
	display:flex;
	justify-content:space-between;
	align-items:end;
}
.txt-center{
	width:100%;
	text-align:center;
}
/*----------btn----------
 * btn関連CSS
------------------------*/
.btn-size9em{
	width:9em;
	padding:2vh 0.5em 2vh 0;
}
.btn-size18em{
	width:18em;
	padding:2vh 0.5em 2vh 0;
}
.btn-style{
	display:inline-block;
	border:1px solid;
	border-radius:0.5em;
	background:#76bf60;
	color:#FFF;
	text-align:center;
	letter-spacing:0.2em;
	cursor:pointer;
}
.btn-style:after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 0.5vh);
	right: 1.75em;
	width: 0.5em;
	height: 0.5em;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	transform: rotate(45deg);
	transition: .3s;
}
.btn-style:hover:after{
	right: 1.25em;
	width: 0.5em;
}
.position-center{
	position: relative;
	top: 50%;
	left: 50%;
	transform:translateY(50%) translateX(-50%);
	-webkit- transform:translateY(50%) translateX(-50%);
}
/*---------tab-btn---------
 * tab-btn関連CSS
------------------------*/
.tab-btn-contents{
	position:relative;
	width:100%;
}
.tab-btns{
	display:flex;
	justify-content:space-around;
	align-items:center;
	
	position:relative;
	width:100%;
}

.tab-btn-style{
	display:inline-block;
	border:1px solid;
	border-radius:0.5em;
	background:#245ca4;
	color:#FFF;
	text-align:center;
	letter-spacing:0.2em;
	cursor:pointer;
	
	position:relative;
}
.tab-btn-style:hover{
	opacity:0.75;
}

.tab-btn-style:after{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 0.5vh);
	right:1.25em;
	width: 0.5em;
	height: 0.5em;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	transform: rotate(45deg);
	transition: .3s;
}
.tab-btn-style:hover:after{
	right: 0.75em;
	width: 0.5em;
}

.tab-btn-size10em{
	width:10em;
	padding:1vh 0.5em 1vh 0;
}
.tab-body-item{
	display:none;
}
.tab-body-item.on{
	display:block;
}
/*----------line----------
 * line関連CSS
------------------------*/
.line-double-gradation{
	display: flex;
}
.line-double-gradation:before,
.line-double-gradation:after {
	content: "";
	flex-grow: 1;
	padding:0.1em;
	border-top:1px solid;
	border-bottom:1px solid;
}
.line-double-gradation:before{
	border-image: linear-gradient(to right, #2658a7, #6ac2dc) 1;
}
.line-double-gradation:after {
	border-image: linear-gradient(to right, #6ac2dc, #76bf60) 1;
}

/*----------block----------
 * block関連CSS
------------------------*/
.block-h-size1-5{
	height:1.5vh;
}
.block-h-size2-5{
	height:2.5vh;
}
.block-h-size3{
	height:3vh;
}
.block-h-size5{
	height:5vh;
}
.block-h-size8{
	height:8vh;
}
.block-h-size10{
	height:10vh;
}
.block-h-size15{
	height:15vh;
}
.block-h-size18{
	height:18vh;
}


@media screen and (max-width: 480px){
	.mobile-txt-size0_375em{
		font-size:0.375em;
	}
	.mobile-txt-size0_75em{
		font-size:0.75em;
	}
	.mobile-txt-size1em{
		font-size:1em;
	}
	.mobile-txt-size1_25em{
		font-size:1.25em;
	}
	.mobile-txt-size1_5em{
		font-size:1.5em;
	}
	.mobile-txt-size2em{
		font-size:2em;
	}
	.mobile-txt-size2_5em{
		font-size:2.5em;
	}
	.txt-line-space1_5em{
		line-height:1.5em;
	}
	.mobile-txt-space0_25em{
		letter-spacing:0.25em;
	}
	.txt-style-corporation-title{
		color:#FFF;
		text-shadow: 0 0 1.5em rgba(0, 0, 0, 1);
	}
	.mobile-txt-wrap{
		white-space:nowrap;
	}
	.mobile-not-txt-bold{
		font-weight:initial;	
	}
	.mobile-block-h-size0{
		height:0;
	}
	.mobile-block-h-size1_5{
		height:1.5vh;
	}
	.mobile-block-h-size3{
		height:3vh;
	}
	.mobile-block-h-size5{
		height:5vh;
	}
	.mobile-block-h-size10{
		height:10vh;
	}
	
	.mobile-not-txt-block-contents-position {
		position:relative;
		top: 0;
		left: 0;
		transform:translateY(0%) translateX(0%);
		-webkit- transform:translateY(0%) translateX(0%);
	}
	.mobile-txt-block-contents-position{
		top:60%;
	}
	.txt-block-contents-full{
		width:16em;
	}
}