/* -------------------------------------------------
	共通
------------------------------------------------- */
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%;
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
}

/* pc時のみ表示 */
.pconly {
	display: none !important;
}

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

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

.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: 4% 0;
}

.btn h1{
	max-width: 521px;
	width: 89%;
	display: block;
	box-shadow: 0 12.58px 12.58px 0 rgba(0,0,0,.05);
	border-radius: 15px;
}

.btn img{
	box-shadow: 0 6.29px 12.58px 0 rgba(0,0,0,.2);
	border-radius: 15px;
}


@media screen and (max-width: 500px) {
	.btn h1{
		border-radius: 6.29px;
	}

	.btn img{
		border-radius: 6.29px;
	}
}

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



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

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

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



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

.fv-inner {
	padding: 8% 0 6%;
}

.fv-inner img:first-child{
	max-width: 684px;
	width: 85%;
	margin: auto;
}

.fv-inner img:nth-child(2){
	width: 100%;
}

.fv-inner a{
	display: block;
	margin: 0 auto;
	box-shadow: 0 12.58px 12.58px 0 rgba(0,0,0,.05);
	/* max-width: 442px;
	width: 89%; */
	border-radius: 15px;
}

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

@media screen and (max-width: 500px) {
	.fv-inner a{
		border-radius: 6.29px;
	}

	.fv-inner a > img:first-child{
		border-radius: 6.29px;
	}
}



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

/* セクション1 */
#sec1 {
	width: 100%;
	padding: 6% 0 10.5%;
}

#sec1 h1 {
	max-width: 684px;
	width: 65%;
	margin: 0 auto;
}

#sec1 .sec_content img{
	margin-top: 7%;
	box-shadow: 0 0 10px 0 #95A3C3;
	border-radius: 15px;
}


/* セクション2 */
#sec2 .sec_content{
	padding: 9.5% 0 18.5%;
}

#sec2 .sec_content img{
	width: 84%;
}

#sec2 .sec_content .sec2_arrow{
	transform: rotate(90deg);
	width: 7%;
	margin: 10% 0;
}



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

#sec3 h1 {
	padding-bottom: 2.5%;
}

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


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

#sec4 .sec_content{
	padding: 9% 0 13%;
}


/*  企業例 */
#kigyo {
	background-color: #fff;
	padding: 11.5% 0 0;
}

#kigyo h1 {
	width: 92%;
	margin: 0 auto;
}

#kigyo .kigyo_text {
	width: 89%;
	margin: 0 auto;
	padding: 11.5% 0 1.5%;
}

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


#kigyo > img{
	margin: 11% 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%;
}