@charset "utf-8";
/* CSS Document */
header{
	padding: 0;}
#page_header #site_logo{
	width: 26px;
	animation-delay: 0s;}
#page_header .fade_slide{
	height: 100vh;
	background: #000;}
#page_header .fade_slide li{
	animation-duration: 16s;}
#page_header .fade_slide li:first-of-type{
	background-image: url("../images/purpose/slide_header-img01.jpg");}
#page_header .fade_slide li:nth-of-type(2){
	background-image: url("../images/purpose/slide_header-img02.jpg");
	animation-delay: 4s;}
#page_header .fade_slide li:nth-of-type(3){
	background-image: url("../images/purpose/slide_header-img03.jpg");
	animation-delay: 8s;}
#page_header .fade_slide li:last-of-type{
	background-image: url("../images/purpose/slide_header-img04.jpg");
	animation-delay: 12s;}
#nav_pc li a{
	color: #FFF;}
#nav_pc li.current a::after{
	background: #fff;}
#nav_btn > li {
    border-color: #FFF;
    color: #FFF;}
#nav_btn > li > a{
	color: #FFF;}
.hvr_uline_show a{
	background-image: linear-gradient(#FFF, #FFF);}
.nav_slide_btn .lne_humberger{
	background-color: #FFF;}
.blk_breadcrumb{
	position: absolute;
	bottom: 0;
	z-index: 20;}
#breadcrumb,
#breadcrumb a,
#breadcrumb li:not(:last-of-type)::after{
	color: #FFF;}
#sec_purpose{
	background-color: transparent;
	width: 100vw;
	height: calc(100vh - calc(65px + 2.5em));
	/*height: 100vh;*/
	overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
	margin-top: calc(65px + 1.5em);
	padding-top: clamp(188px, 15vw, 274px);
	/*padding-bottom: clamp(170px, 7.5vw, 137px);*/
	/*opacity: 0;*/
	transition: all 0s 0s;}
#sec_purpose .blk_purpose{
	padding-bottom: clamp(170px,16.6vw ,300px);
}
#sec_purpose h1,
#sec_purpose h2{
	font-size: clamp(22px,2.3vw ,42px);}
#sec_purpose h3{
	transform: translateY(-0.2em);}
#sec_purpose h3:after {
    content: '';
    height: clamp(50px,5.5vw ,100px);
    display: block;
    border-right: 1px solid #FFF;
    width: 50%;
    margin: 2em 0;}
footer{
	z-index: 20;
    position: relative;}
@media screen and (max-width: 767px) {
	#page_header #site_logo{
		width: 16px;}
	#sec_purpose h3:after {
		margin:1em 0;}
}