/* -------------------------------------------------
	共通
------------------------------------------------- */
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 100%;
	color: #3E392A;
	letter-spacing: 0.075em;
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: none;
	text-align: left;
	background-color: #fff;
}


img {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
}

.clear {
	clear: both;
	visibility: hidden;
	overflow: hidden;
	height: 0px;
	margin: 0px;
	padding: 0;
	line-height: 0px;
}

/* sp時のみ表示 */
.sponly {
	display: none;
}

/* LP全体の幅,背景色設定 */
.content_inner{
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
	background-color: #fff;
}

/* 背景色 */
.content_wrap{
	width: 100%;
	background: linear-gradient(45deg, #DADAEB, #CEDCE9);
}

/* ---------- ボタン ---------- */


/* 追従ボタン */
.following_btn {
	position: fixed;
	max-width: 1366px;
	width: 100%;
	bottom: 0;
	z-index: 99999;
	transition: 0.3s ease; 
	opacity: 0;
	visibility: hidden;
}

@media screen and (min-width: 1367px) {
	.following_btn {
		right: calc(50% - 683px);
	}
}

.btn-active{
	opacity: 1;
	visibility: visible;
}


/* ボタン */
.btn{
	background: linear-gradient(90deg, rgba(255,116,58,.2), rgba(256,76,143,.2));
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2% 0;
}

.btn h1{
	max-width: 467px;
	width: 34%;
	display: block;
	box-shadow: 0 8.14px 16.29px 0 rgba(0,0,0,.2);
	border-radius: 12px;
}


/* 内容の幅 */
.sec_content {
	width: 72.5%;
	margin: 0 auto;
	/* padding: 0 6% 0; */
	max-width: 985px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}





/* -------------------------------------------------
	header
------------------------------------------------- */
.header {
	position: relative;
	width:100%;
	background-color:white;
	border-top:3.89px solid #333361;
	box-shadow: 0 4px 3px 0 rgba(0,0,0,.05);
	margin:0 auto;
}

.header_wrap {
	margin:0 auto;
	padding:.5% 3%;
	display:flex;
	justify-content:space-between;
	align-items: center;
	max-width: 1220px;
}

.logo {
	max-width: 211px;
	width: 17.5%;
	margin-left:0;
}
	
.login_bt {
	line-height: 1.375;
	letter-spacing: .07em;
}
	
.login_bt a {
	color:#95A2C3;
	font-size: clamp(10px, 1.2vw, 16px);
}
	





/* ---------- fv ---------- */

.fv-inner {
	background-image: url('../images/fv/KV.png');
	background-repeat: no-repeat;
	background-size: contain;
	padding: 5% 8% 3% 13.5%;
	max-width: 1070px;
}

.fv-flex{
	margin:0 auto 0 0;
}
.fv-flex > img:first-child{
	max-width: 460px;
	width: 43.5%;
	margin-bottom: 4%;
}

.fv-inner a {
	display: inline-block;
	box-shadow: 0 12.58px 12.58px 0 rgba(0,0,0,.05);
	max-width: 442px;
	width: 42%;
	border-radius: 7px;
}

.fv-inner a img{
	border-radius: 7px;
	width: 100%;
	box-shadow: 0 6.29px 12.58px 0 rgba(0,0,0,.2);
}






/* ---------- セクション ---------- */

/* セクション1 */
#sec1 {
	padding: 7% 0;
}

#sec1 h1 {
	max-width: 491px;
	width: 36%;
	margin: 0 auto;
}

#sec1 .sec_content img{
	margin-top: 5%;
}



/* セクション2 */
#sec2 .sec_content{
	flex-direction: row;
	justify-content: space-between;
}

#sec2 .sec_content div{
	position: relative;
	padding-top: 5.5%;
	max-width: 277px;
	width: 29%;
}

.sec2_arrow::after{
	position: absolute;
	top: 36%;
	right: -20%;
	content: '';
	background-image: url('../images/sec2/arrow.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 12%;
	height: 14%;
}


/* セクション3 */
#sec3 {
	padding: 8.5% 0 6.5%;
}

#sec3 h1 {
	width: 58%;
	max-width: 804px;
	padding-bottom: 2%;
}

#sec3 div.sec_content img {
	margin-top: 5.5%;
}


/* セクション4 */
#sec4{
	background-color: rgba(189,189,189,.15);
}

#sec4 .sec_content{
	padding: 3.5% 0;
}



/* 企業例 */
#kigyo {
	padding: 6% 0 7%;
}

#kigyo h1 {
	width: 53%;
	max-width: 721px;
	margin: 0 auto;
}

#kigyo .kigyo_text {
	margin: 0 auto;
	padding: 5.2% 0 .6%;
}

#kigyo .setsumei {
	display: block;
	font-size: clamp(10px,1.18vw,16px);
	line-height: 1.4375;
	letter-spacing: .07em;
	color: #A0A0A0;
	text-align: right;
}


#kigyo > img{
	margin: 4.3% auto 0;
	/* max-width: 980px; */
}




/* -------------------------------------------------
	footer
------------------------------------------------- */

.footer {
	background: linear-gradient(90deg, #A3A1C9, #82A7C2);
	padding: 41px 0;
	text-align: center;
	color: #3F435F;
	letter-spacing: .07em;
	color: #FFFFFF;
}


.footer_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: space-between;
	width: 199px;
	margin: 0 auto;
}

.footer_item a {
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 143.2%;
}

.footer img{
	margin: 24px auto;
	width: 214px;
	height: 64px;
}
/* -------------------------------------------------
	ロゴの縮尺変更
------------------------------------------------- */


.footer_text {
	font-size: 10px;
	line-height: 143.2%;
}