@charset "UTF-8";

/*===■ヘッダー===*/
header.index {width:100%;height:100vh;background: url(../img/header/bg.webp) no-repeat;background-size:cover;background-position:0px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
header.index div.logo{width:100%;max-width:900px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;ustify-content: flex-end;}
header.index div.logo div.logo_in {width:100%;height:auto;max-width:600px;margin:0px;}
header.index div.logo p.logo {width:100%;height:auto;max-width:600px;}
header.index div.logo p.logo img{width:100%;height:auto;line-height:0;}
header.index div.logo h2 {width:100%;height:auto;padding-top:15px;}
	@media all and (max-width: 768px) {
		header.index {width:100%;height:100vh;background: url(../img/common/bg_s.webp) no-repeat;background-size:cover;background-position:top center;}
		header.index div.logo p.logo {width:80%;height:auto;}
		header.index div.logo p.concept {width:90%;height:auto;}
		header.index div.logo p.txt {width:90%;height:auto;font-size:11px;}
	}

/*======*/
header.index ul{width:100%;max-width:450px;padding:20px 0px;
	display:grid;grid-template-columns:repeat(2,1fr);gap:40px;}
header.index ul li{opacity: 0;transform: translateY(16px);animation: headerFadeUp 1.2s cubic-bezier(.22, 1, .36, 1) forwards;}
header.index ul li:nth-child(1){animation-delay: .1s;}
header.index ul li:nth-child(2){animation-delay: .3s;}
	@media all and (max-width: 768px) {
		header.index ul{width:calc(100% - 30px);}
		header.index ul{padding:15px 0px;}
		header.index ul{gap:20px;}
	}
@keyframes headerFadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*======*/
section.index_txt{width:calc(100% - 30px);height:100%;max-width:1200px;padding-bottom:25px;}
section.index_txt h2{width:100%;color:#d93679;font-size:14px;font-weight:bold;text-align:left;padding-top:25px;}
section.index_txt h2:nth-of-type(1){padding-top:0px;}
section.index_txt p{width:100%;line-height:1.5;text-align:left;padding-top:5px;}

/*======*/
.link_site{width:100%;}
.link_site_box{width:100%;padding-top:20px;}
.link_site_box img{width:auto;max-width:100% !important;height:auto;line-height:0;}