@charset "utf-8";


/*----------------------------------------------
	Overall settings
-----------------------------------------------*/

body{ min-width: 1200px; font-family: "Zen Kaku Gothic New"; color: #142046; font-weight: 400; text-align: center;}
body.ovh{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh;}
a{ color: #142046; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
a:hover{ opacity: .6; text-decoration:none;}
.underline{ text-decoration: underline;}
/* font */
.mplus1{ font-family: "M PLUS 1";}
.roboto{ font-family: "Roboto";}
.zenkaku{ font-family: "Zen Kaku Gothic New"; font-weight: 500;}
.medium{ font-weight: 500;}
.bold{ font-weight: bold;}
.black{ font-weight: 900;}
/* bg */
.bg-white{ background: #fff;}
/* color */
.f-white{ color: #fff;}
.f-red{ color: #BC3754;}
.f-green{ color: #008042;}
.f-blue{ color: #008799;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	body{ min-width: inherit; font-size: 4.8vw;}
	a:hover{ opacity: 1;}
	/*
	最大見出し 7.73vw
	大見出し 6.4vw;
	見出し 5.33vw
	*/
	.f16{ font-size: 4.26vw;}
}
@media screen and (max-width: 350px) {
	html{ font-size: 50%;}
}



/*----------------------------------------------
	header
-----------------------------------------------*/

header{ position: fixed; left: 0; top: 0; width: 100%; min-width: 1100px; z-index: 999; display: flex; justify-content: space-between; align-items: center; padding: 0 3%; background: #fff;}
header .gnav{ display: flex; justify-content: space-between; width: 100%; max-width: 1200px; font-size: 16px; font-weight: bold; line-height: 80px;}
header .gnav li{ flex-grow: 1;}
header .gnav li a{ display: block; padding: 0 1em; font-size: 16px;}
header .fixbnr{
	position: fixed;
	z-index: 1000;
	right: 0;
	bottom: 0;
	overflow: hidden;
	border-radius: 30px 0 0 0;
	box-shadow: -2px -2px 8px rgba(0,0,0,.16);
}
header .fixbnr a{
	display: block;
	color: #143A46;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2;
	padding: 65px 25px 25px 25px;
}
header .fixbnr-btn1{ background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-fixbnr-btn1.svg") center top 20px no-repeat #FF9F52;}
header .fixbnr-btn1:hover{ opacity: 1; background-color: #FEBF8D;}
header.tenure .fixbnr-btn1{ background-color: #6EDD95;}
header.tenure .fixbnr-btn1:hover{ opacity: 1; background-color: #AFF6C8;}
header.interested .fixbnr-btn1{ background-color: #FF9393;}
header.interested .fixbnr-btn1:hover{ opacity: 1; background-color: #F9C9C9;}
header .fixbnr-btn2{ background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-fixbnr-btn2.svg") center top 20px no-repeat #6EC2FF;}
header .fixbnr-btn2:hover{ opacity: 1; background-color: #B1DDFE;}
header .fixbnr a span{
	display: inline-block;
	writing-mode: vertical-rl;
	width: 1.2em;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	header{ position: absolute; min-width: inherit; display: block; width: 100%; background: #fff;}
	header .logo{ display: block; padding: 4vw 0; text-align: left;}
	header .spmenu{ display: block; width: 17.6vw; padding-top: 17.6vw; background: #008042; border-radius: 50%; position: fixed; right: 3%; top: 1.5vw;}
	header.tenure .spmenu{ background: #008799;}
	header.interested .spmenu{ background: #BC3754;}
	header .spmenu:after{ position: absolute; left: 0; bottom: .7em; width: 100%; content: "MENU"; font-family: Helvetica, "sans-serif"; color: #fff; font-size: 3.73vw; line-height: 1;}
	header .spmenu span{ position: absolute; left: 5.33vw; top: 5.33vw; width: 6.28vw; height: 2px; background: #fff; border-radius: 100px;}
	header .spmenu span:nth-child(1){ top: 3vw;}
	header .spmenu span:nth-child(2){ top: 5.66vw;}
	header .spmenu span:nth-child(3){ top: 8.33vw; width: 4vw;}
	header nav{ position: fixed; display: none; z-index: 99; left: 0; top: 0; width: 100vw; height: 100%; overflow-y: auto; padding: 0 0 30vw; background: #fff;}
	header .logo.sp{ padding: 4vw 3vw; text-align: left;}
	header .close{ display: block; position: absolute; right: 6vw; top: 6vw; cursor: pointer;}
	header .gnav{ display: block; width: 100%; max-width: inherit; padding: 0 5vw; font-size: 4.53vw; font-weight: bold; line-height: 80px;}
	header .gnav li{ border-bottom: 1px solid #D5D5D5;}
	header .gnav li:last-child{ border-bottom: none;}
	header .gnav li a{ display: block; padding: .2em 0;}
	header .fixbnr{
		display: flex;
		width: 100%;
		border-radius: 0;
		box-shadow: none;
	}
	header .fixbnr a{
		font-size: 4.8vw;
		padding: 3.2em 0 .5em;
		background-position: center top 2vw;
		background-size: 12vw;
	}
	header .fixbnr-btn1{ width: 43%;}
	header .fixbnr-btn2{ width: 57%;}
	header .fixbnr a span{
		display: block;
		writing-mode: inherit;
		width: auto;
	}
}



/*----------------------------------------------
	section
-----------------------------------------------*/

.wrap{ clear: both; box-sizing: content-box; max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 3.5%; padding-right: 3.5%;}

section.as{ background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp1-bg-as.svg") center top / 100% auto no-repeat #E2F4F0;}
section.tenure{ background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp1-bg-tenure.svg") center top / 100% auto no-repeat #ECF2F8;}
section.interested{ background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp1-bg-interested.svg") center top / 100% auto no-repeat #FCEFE1;}
.bg-block{ background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-bg-block.svg") center top repeat;}
.tenure .bg-block{ background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-bg-block-tenure.svg") center top repeat;}
.interested .bg-block{ background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-bg-block-interested.svg") center top repeat;}
/* anchor */
.anchorwrap{ position: relative;}
.anchorwrap .anchor{ position: absolute; top: -80px;}
/* btncont */
.btncont{
	padding: 50px 0;
	font-size: 23px;
	font-weight: bold;
	background: #008042;
}
.tenure .btncont{ background: #008799;}
.interested .btncont{ background: #BC3754;}
.btncont .wrap p{
	margin-bottom: 1em;
}
.btncont .wrap div{
	display: flex;
	justify-content: center;
}
.btncont .wrap div a{
	display: block;
	width: 42%;
	margin: 0 15px;
	line-height: 80px;
	border-radius: 100px;
	box-shadow: 3px 3px 8px rgba(0,0,0,.16);
}
.btncont .wrap div a.btncont-btn1{
	background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-fixbnr-btn1.svg") left 20px center / 45px no-repeat, url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-btncont.svg") right 20px center no-repeat #FF9F52;
}
.tenure .btncont .wrap div a.btncont-btn1{ background-color: #6EDD95;}
.interested .btncont .wrap div a.btncont-btn1{ background-color: #FF9393;}
.btncont .wrap div a.btncont-btn2{
	background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-fixbnr-btn2.svg") left 20px center / 45px no-repeat, url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-btncont.svg") right 20px center no-repeat #6EC2FF;
}
/* lp */
.lp1{
	margin: 80px 95px 70px;
}
.lp1 .box1{
	position: relative;
}
.lp1 .box1 img{
	border-radius: 45px 45px 0 0;
}
.lp1 .box1 h1{
	position: absolute;
	top: 0.3em;
	font-size: 37px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
}
.interested .lp1 .box1 h1{ left: auto; right: -0.3em;}
.lp1 .box1 .ttl{
	position: absolute;
	left: 50%;
	bottom: -70px;
	transform: translateX(-50%);
	width: 500px;
	height: 500px;
	padding-top: 50px;
	border-radius: 50%;
	background: rgba(226,244,240,.9);
}
.tenure .lp1 .box1 .ttl{ background: rgba(236,242,248,.9);}
.interested .lp1 .box1 .ttl{ background: rgba(252,239,224,.9);}
.lp1 .box1 .ttl h2{
	display: inline-block;
	font-size: 26px;
	line-height: 1.36;
	position: relative;
}
.lp1 .box1 .ttl h2 .now{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: -1em;
	top: 0;
	color: #fff;
	width: 68px;
	height: 68px;
	line-height: 68px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 50%;
	transform: rotate(-23deg);
	background: #142046;
}
.lp1 .box1 .ttl h2 .now:after{
	display: inline-block;
	content: "";
	position: absolute;
	right: 10px;
	bottom: -4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 12px solid #142046;
	border-top: 0;
	transform: rotate(144deg);
}
.lp1 .box1 .ttl h2 strong{
	font-size: 33px;
	font-weight: bold;
}
.lp1 .box1 .ttl h2 .kw{
	display: inline-block;
	width: 5.5em;
	margin: .4em .2em .2em;
	font-size: 27px;
	font-weight: bold;
	line-height: 1.5;
	border-radius: 9px;
	background: #fff;
	border: 2px solid #142046;
}
.lp1 .box1 .ttl h2 small{
	font-size: 20px;
	font-weight: normal;
}
.lp1 .box2{
	display: flex;
	justify-content: space-between;
	margin-top: -120px;
	padding: 40px 50px 50px;
	border-radius: 44px;
	background: #fff;
	border: 11px solid #008042;
	position: relative;
}
.tenure .lp1 .box2{ border-color: #008799;}
.interested .lp1 .box2{ border-color: #BC3754;}
.lp1 .box2 figure{
	width: 40%;
	max-width: 311px;
}
.lp1 .box2 dl{
	position: relative;
}
.lp1 .box2 dl dt{
	position: absolute;
	left: 0;
	top: 0;
	padding: .15em .5em .25em;
	color: #fff;
	font-size: 29px;
	font-weight: 500;
	line-height: 1;
	background: #142046;
	border-radius: 100px;
}
.lp1 .box2 dl dd{
	font-size: 56px;
	font-weight: 900;
}
.lp1 .box2 dl dd span{
	font-size: 90px;
	line-height: .8;
	padding-left: .2em;
}
.lp1 .box2 dl dd span.sptate{
	font-size: 56px;
	line-height: 1;
	padding-left: 0;
}
.lp1 .box2 dl dd span strong{
	font-size: 166px;
	font-style: italic;
	line-height: .8;
}
.lp1 .box2 p{
	position: absolute;
	bottom: 1em;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	font-size: 20px;
	font-weight: bold;
}
.lp2{
	margin-bottom: 60px;
}
.lp2 h2{
	display: inline-block;
	margin-bottom: 40px;
	padding: 0 65px .2em;
	font-size: 48px;
	font-weight: 500;
	background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp2-ttl-left.svg") left center no-repeat, url("/cms/wp-content/themes/well_reskilling2024/common/img/lp2-ttl-right.svg") right center no-repeat;
}
.lp2wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lp2wrap a{
	display: block;
	width: 48%;
	margin-bottom: 40px;
	background: #fff;
	border-radius: 30px;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
	overflow: hidden;
}
.lp2wrap a .box1{
	padding-top: .5em;
	line-height: 1.6;
	background: #FFEAB2;
}
.tenure .lp2wrap a .box1{ background: #FFF289;}
.interested .lp2wrap a .box1{ background: #D6EBC1;}
.lp2wrap a .box1 .txt{
	padding: .2em 1.5em 0;
}
.lp2wrap a .box1 h3{
	padding-bottom: .2em;
	font-size: 32px;
	font-weight: bold;
	border-bottom: 1px dashed #707070;
}
.lp2wrap a .box1 h3 small{
	font-size: 20px;
}
.lp2wrap a .box1 .fee{
	padding: .7em;
}
.lp2wrap a .box2{
	padding: 20px 30px;
}
.lp2wrap a .box2 dl{
	margin-bottom: 1em;
	border-radius: 10px;
	border: 2px solid #008042;
}
.tenure .lp2wrap a .box2 dl{ border-color: #008799;}
.interested .lp2wrap a .box2 dl{ border-color: #BC3754;}
.lp2wrap a .box2 dl dt{
	color: #fff;
	font-weight: bold;
	background: #008042;
	border-radius: 5px 5px 0 0;
}
.tenure .lp2wrap a .box2 dl dt{ background: #008799;}
.interested .lp2wrap a .box2 dl dt{ background: #BC3754;}
.lp2wrap a .box2 dl dd{
	padding: 10px 0 20px;
}
.lp2wrap a .box2 dl dd .lead{
	font-size: 25px;
	font-weight: bold;
}
.lp2wrap a .box2 dl dd .fee{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.lp2wrap a .box2 dl dd .fee .leftcol{
	padding-right: .2em;
	font-size: 35px;
	font-weight: 500;
	line-height: 1.2;
}
.lp2wrap a .box2 dl dd .fee .rightcol{
	font-size: 57px;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
}
.lp2wrap a .box2 dl dd .fee .rightcol strong{
	padding-right: .1em;
	font-weight: bold;
	font-style: italic;
	font-size: 81px;
	line-height: 1;
	letter-spacing: -.07em;
}
.lp2wrap a .box2 dl dd .fee .rightcol small{
	position: absolute;
	right: -.3em;
	top: 0;
	color: #142046;
	font-size: 16px;
}
.lp2wrap a .box2 .more{
	display: inline-block;
	padding-right: 30px;
	background: url(/cms/wp-content/themes/well_reskilling2024/common/img/lp2-more.svg) right center no-repeat;
	font-weight: bold;
}
.lp2wrap.wide{
	display: block;
}
.lp2wrap.wide a{
	width: auto;
}
.lp3{
	padding-top: 70px;
	padding-bottom: 70px;
}
.lp3 h2{
	margin-bottom: 1em;
	font-size: 45px;
	font-weight: bold;
}
.lp3 h3{
	margin-bottom: .5em;
	font-size: 25px;
	font-weight: bold;
}
.lp3 .txt1{
	margin-bottom: 1em;
	text-align: left;
	line-height: 1.8;
}
.lp3 .comment{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	padding: 20px 0;
	border-radius: 27px;
	background: #fff;
	border: 4px solid #e3e3e3;
}
.lp3 .comment dt{
	width: 195px;
}
.lp3 .comment dd{
	flex: 1;
	padding-right: 2em;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.25;
	text-align: left;
}
.lp3 .txt2{
	margin-bottom: .5em;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	text-align: left;
}
.lp3 .box1{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.lp3 .box1 figure{
	margin-bottom: 30px;
	width: 44%;
	background: #FFEAB2;
	border-radius: 0 0 6px 6px;
}
.tenure .lp3 .box1 figure{ background: #FFF289;}
.interested .lp3 .box1 figure{ background: #D6EBC1;}
.lp3 .box1 figcaption{
	padding: .5em;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
.lp4{
	padding-top: 70px;
	padding-bottom: 70px;
}
.lp4 h2{
	margin-bottom: 1em;
	font-size: 45px;
	font-weight: bold;
}
.lp4 .txt1{
	margin-bottom: 1.5em;
	text-align: left;
	line-height: 1.8;
}
.lineup2 .box{ display: block; margin-bottom: 1em; background: #fff; border-radius: 10px 10px 0 0;}
.lineup2 .box h4{ display: flex; justify-content: space-between; padding: .6em 1em; position: relative; border-radius: 10px 10px 0 0;}
.lineup2 .box h4 .ttl{ color: #fff; font-size: 23px; font-weight: bold; line-height: 1.4;}
.lineup2 .box h4 .ttl span{ display: inline-block; padding: .4em .8em; color: #F05B00; font-size: 16px; font-weight: bold; line-height: 1.4; background: #fff; border: 1px solid #F05B00; margin-left: 1em;}
.lineup2 .box h4 .more{ display: inline-block; padding-right: 40px; color: #fff; font-size: 15px; font-weight: bold; line-height: 2.5; background: url(/cms/wp-content/themes/well_reskilling2024/common/img/lineup2-ic.svg) right center no-repeat;}
.lineup2 .boxwrap{ display: flex; padding: 30px;}
.lineup2 .boxwrap figure{ width: 160px; margin-right: 20px;}
.lineup2 .boxwrap div{ flex: 1; font-size: 16px; text-align: left;}
.lineup2 .boxwrap div .txt{ margin-bottom: .5em; line-height: 1.8;}
.lineup2 .boxwrap div dt{ margin-bottom: .5em; font-weight: bold;}
.lineup2 .boxwrap div dd span{ display: inline-block; padding: 0 1em; margin-bottom: .5em; margin-right: .3em; font-weight: bold; background: #E6E6E6;}
.lineup2.green1 .box h4{ background: #537D19;}
.lineup2.green2 .box h4{ background: #007D75;}
.lineup2.blue1 .box h4{ background: #305FAA;}
.lineup2.blue2 .box h4{ background: #00357E;}
.lineup2.red1 .box h4{ background: #A21C45;}
.lineup2.orange1 .box h4{ background: #B46100;}

.lp5{
	padding-top: 70px;
	padding-bottom: 70px;
}
.lp5 h2{
	margin-bottom: 1em;
	font-size: 45px;
	font-weight: bold;
}
.lp5 .box1{
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}
.lp5 .box1 li{
	padding: 1em .2em .5em;
	width: 17.8%;
	background: #C5EFE5;
	border-radius: 15px;
	position: relative;
}
.tenure .lp5 .box1 li{ background: #D8EAFC;}
.interested .lp5 .box1 li{ background: #FCE1D5;}
.lp5 .box1 li:not(:last-child):after{
	display: inline-block;
	content: "";
	position: absolute;
	left: 103%;
	top: 40%;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 18px solid #143a46;
	border-right: 0;
}
.lp5 .box1 li .number{
	position: absolute;
	left: 50%;
	top: -1em;
	transform: translateX(-50%);
	width: 100px;
	height: 90px;
	font-size: 40px;
	font-weight: bold;
	background: #c5efe5;
	border-radius: 50%;
}
.tenure .lp5 .box1 li .number{ background: #D8EAFC;}
.interested .lp5 .box1 li .number{ background: #FCE1D5;}
.lp5 .box1 li .ttl{
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
.lp5 .box1 li .txt{
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
}
.lp5 .box2{
	background: #fff;
}
.lp5 .box2 h3{
	color: #fff;
	font-size: 29px;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 80px;
	border-radius: 30px 30px 0px 0px;
	background: #008042;
}
.tenure .lp5 .box2 h3{ background: #008799;}
.interested .lp5 .box2 h3{ background: #BC3754;}
.lp5 .box2wrap{
	text-align: left;
	padding: 20px 50px 30px;
	border: 1px solid #707070;
	border-top: none;
}
.lp5 .box2wrap table{
	width: 100%;
}
.lp5 .box2wrap table th{
	width: 9em;
	padding: 1em 0;
}
.lp5 .box2wrap table tr:not(:last-child) th,
.lp5 .box2wrap table tr:not(:last-child) td{
	border-bottom: 1px solid #ddd;
}
.lp5 .box2wrap table td{
	padding: 1em 0;
}
.lp5 .box2wrap table td .mb05em{
	margin-bottom: .5em;
}
.lp5 .box2wrap table td .kome{
	font-size: 15px;
}
.lp6{
	padding-top: 70px;
	padding-bottom: 70px;
}
.lp6 h2{
	margin-bottom: 1em;
	font-size: 45px;
	font-weight: bold;
}
.lp6 .txt1{
	text-align: left;
	margin-bottom: 2em;
}
.lp6 .box1{
	display: flex;
	justify-content: space-between;
}
.lp6 .box1 li{
	width: 30.7%;
	padding: 3em .5em 2em;
	border-radius: 27px;
	background: #fff;
	border: 4px solid #008042;
	box-shadow: 6px 6px 0px #FFEAB2;
	position: relative;
}
.tenure .lp6 .box1 li{ border-color: #008799;}
.interested .lp6 .box1 li{ border-color: #BC3754; box-shadow: 6px 6px 0px #EAE4A0;}
.lp6 .box1 li .number{
	position: absolute;
	left: 50%;
	top: -.5em;
	transform: translateX(-50%);
	font-weight: bold;
	font-size: 96px;
	line-height: 1;
	color: #008042;
	text-shadow: 3px 3px 0px #ffc937;
}
.tenure .lp6 .box1 li .number{ color: #008799;}
.interested .lp6 .box1 li .number{ color: #BC3754; text-shadow: 3px 3px 0px #EAE4A0;}
.lp6 .box1 li .ttl{
	margin-bottom: .5em;
	font-weight: bold;
	font-size: 20px;
	line-height: 36px;
	color: #008042;
}
.tenure .lp6 .box1 li .ttl{ color: #008799;}
.interested .lp6 .box1 li .ttl{ color: #BC3754;}
.lp6 .box1 li .txt2{
	font-size: 16px;
	text-align: left;
	line-height: 1.8;
}
.lp7{
	padding-top: 70px;
	padding-bottom: 70px;
}
.lp7 h2{
	margin-bottom: 1em;
	font-size: 45px;
	font-weight: bold;
}
.lp7 dl{
	margin-bottom: 20px;
	padding: 20px 30px 20px 90px;
	text-align: left;
	background: #fff;
}
.lp7 dl dt{
	position: relative;
	font-size: 20px;
	font-weight: bold;
}
.lp7 dl dt:before{
	display: inline-block;
	content: "Q.";
	position: absolute;
	left: -60px;
	top: 0;
	padding-left: .2em;
	width: 42px;
	height: 42px;
	line-height: 38px;
	color: #fff;
	font-size: 25px;
	text-align: center;
	background: #008042;
	border-radius: 100px;
}
.tenure .lp7 dl dt:before{ background: #008799;}
.interested .lp7 dl dt:before{ background: #BC3754;}
.lp7 dl dd{
	padding-top: .5em;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 1300px) {
	.lp1 .box2{
		padding: 40px 30px 50px;
	}
}
@media screen and (max-width: 540px) {
	/* fixbtn */
	.fixbtn{
		position: fixed;
		z-index: 1000;
		right: 0;
		bottom: 0;
		width: 100%;
		font-size: 2.6vw;
		padding: 1em 0;
		background: #008042;
	}
	.tenure .fixbtn{ background: #008799;}
	.interested .fixbtn{ background: #BC3754;}
	.fixbtn p{
		margin-bottom: .5em;
		color: #fff;
	}
	.fixbtn a{
		display: inline-block;
		margin: 0 1vw;
		padding: 1em 0 1em 1em;
		width: 43vw;
		color: #143A46;
		font-weight: bold;
		line-height: 1.2;
		border-radius: 100px;
		box-shadow: 3px 3px 8px rgba(0,0,0,.16);
	}
	.fixbtn .fixbtn-btn1{ background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-fixbnr-btn1.svg") left .5em center / 6vw no-repeat, url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-btncont.svg") right .7em center / 3vw no-repeat #FF9F52;}
	.tenure .fixbtn .fixbtn-btn1{ background-color: #6EDD95;}
	.interested .fixbtn .fixbtn-btn1{ background-color: #FF9393;}
	.fixbtn .fixbtn-btn2{ background: url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-fixbnr-btn2.svg") left .5em center / 6vw no-repeat, url("/cms/wp-content/themes/well_reskilling2024/common/img/lp-btncont.svg") right .7em center / 3vw no-repeat #6EC2FF;}
	.fixbtn a span{
		display: inline-block;
	} 

	section.as{ background: #E2F4F0;}
	/* anchor */
	.anchorwrap .anchor{ top: 0;}
	/* btncont */
	.btncont{
		padding: 1.5em 0;
		font-size: 5.33vw;
	}
	.btncont .wrap p{
		margin-bottom: 1em;
	}
	.btncont .wrap div{
		display: block;
	}
	.btncont .wrap div a{
		width: auto;
		margin: 0 0 1em;
		padding-left: 5vw;
		line-height: 20vw;
		background-position: left 5vw center;
		background-size: 12vw;
	}
	/* lp */
	.lp1{
		margin: 20.5vw 0 0;
		overflow: hidden;
	}
	.lp1 .box1 img{
		border-radius: 0;
	}
	.lp1 .box1 h1{
		left: .5em;
		top: .5em;
		font-size: 6.13vw;
	}
	.tenure .lp1 .box1 h1{ top: auto; bottom: 27vw; left: 1em;}
	.interested .lp1 .box1 h1{ 
		top: auto;
		bottom: 24vw;
		left:1em; 
    font-size: 108%;
    width: 100%;
	}
	.lp1 .box1 .ttl{
		bottom: -87vw;
		width: 110vw;
		height: 110vw;
	}
	.lp1 .box1 .ttl h2{
		font-size: 5.86vw;
	}
	.lp1 .box1 .ttl h2 .now{
		width: 18.13vw;
		height: 18.13vw;
		line-height: 18.13vw;
	}
	.lp1 .box1 .ttl h2 .now:after{
		right: 2.66vw;
		bottom: -1vw;
		border-right: 1.6vw solid transparent;
		border-left: 1.6vw solid transparent;
		border-bottom: 3.2vw solid #142046;
	}
	.lp1 .box1 .ttl h2 strong{
		font-size: 8.8vw;
	}
	.lp1 .box1 .ttl h2 .kw{
		font-size: 7.2vw;
	}
	.lp1 .box1 .ttl h2 small{
		font-size: 5.33vw;
	}
	.lp1 .box2{
		display: block;
		margin-top: 50vw;
		padding: 0;
		border-radius: 11.73vw;
		border: 2.93vw solid #008042;
	}
	.lp1 .box2 figure{
		width: auto;
		max-width: inherit;
	}
	.lp1 .box2 dl dt{
		position: static;
		font-size: 4.8vw;
		margin: 0 5% 3vw;
	}
	.lp1 .box2 dl dd{
		font-size: 9.33vw;
	}
	.lp1 .box2 dl dd span{
		font-size: 15.2vw;
		line-height: .8;
		padding-left: .2em;
	}
	.lp1 .box2 dl dd span.sptate{
		display: inline-block;
		width: 1em;
		font-size: 9.33vw;
		line-height: 1;
		padding-left: .2em;
	}
	.lp1 .box2 dl dd span strong{
		font-size: 29vw;
		letter-spacing: -.05em;
	}
	.lp1 .box2 p{
		position: static;
		transform: none;
		padding: 0 .5em 1.5em;
		font-size: 5.33vw;
		line-height: 1.5;
	}
	.lp2{
		padding-top: 15vw;
		margin-bottom: 15vw;
	}
	.lp2 h2{
		margin-bottom: 1.5em;
		padding: 0 7vw .2em;
		font-size: 6.4vw;
		background-size: 5.33vw auto;
	}
	.lp2wrap{
		display: block;
	}
	.lp2wrap a{
		display: block;
		width: auto;
		margin-bottom: 5vw;
	}
	.lp2wrap a .box1{
		padding-top: .5em;
	}
	.lp2wrap a .box1 h3{
		font-size: 6.66vw;
	}
	.lp2wrap a .box1 h3 small{
		font-size: 5.33vw;
	}
	.lp2wrap a .box2{
		padding: 3% 3% 5%;
	}
	.lp2wrap a .box2 dl dt{
		padding: 2%;
	}
	.lp2wrap a .box2 dl dd{
		padding: 5% 0 10%;
	}
	.lp2wrap a .box2 dl dd .lead{
		font-size: 5.86vw;
	}
	.lp2wrap a .box2 dl dd .fee .leftcol{
		font-size: 6.66vw;
	}
	.lp2wrap a .box2 dl dd .fee .rightcol{
		font-size: 10.66vw;
	}
	.lp2wrap a .box2 dl dd .fee .rightcol strong{
		font-size: 15.73vw;
	}
	.lp2wrap a .box2 dl dd .fee .rightcol small{
		right: -.5em;
		font-size: 3.46vw;
	}
	.lp3{
		padding-top: 15vw;
		padding-bottom: 15vw;
	}
	.lp3 h2{
		margin-bottom: .5em;
		font-size: 8.23vw;
	}
	.lp3 h3{
		font-size: 6.66vw;
		line-height: 1.6;
	}
	.lp3 .txt1{
		margin-bottom: 1em;
		text-align: left;
		line-height: 1.8;
	}
	.lp3 .comment{
		display: block;
		margin-bottom: 5vw;
		padding: 2% 5% 5%;
	}
	.lp3 .comment dt{
		width: auto;
		text-align: center;
		margin-bottom: 3vw;
	}
	.lp3 .comment dd{
		padding-right: 0;
		font-size: 5.33vw;
		line-height: 1.6
	}
	.lp3 .txt2{
		margin-bottom: .5em;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.8;
		text-align: left;
	}
	.lp3 .box1{
		display: block;
	}
	.lp3 .box1 figure{
		margin-bottom: 5vw;
		width: auto;
	}
	.lp3 .box1 figcaption{
		padding: .5em .5em .8em;
		font-size: 5vw;
	}
	.lp4{
		padding-top: 15vw;
		padding-bottom: 15vw;
	}
	.lp4 h2{
		margin-bottom: 1em;
		font-size: 8.23vw;
		line-height: 1.3;
	}
	.lineup2 .box{ text-align: left;}
	.lineup2 .box h4{ display: block; padding: .6em .5em 2.5em;}
	.lineup2 .box h4 .ttl{ font-size: 6.13vw;}
	.lineup2 .box h4 .ttl span{ position: absolute; left: 3%; bottom: 2vw; font-size: 4.26vw; margin-left: 0;}
	.lineup2 .box h4 .more{ position: absolute; right: 3%; bottom: 2vw; padding-right: 9vw; font-size: 4vw; background-size: 8.26vw;}
	.lineup2 .boxwrap{ display: block; padding: 1em;}
	.lineup2 .boxwrap figure{ width: 42.66vw; margin: 0 auto 1em;}
	.lineup2 .boxwrap div{ font-size: 4.26vw;}

	.lp5{
		padding-top: 15vw;
		padding-bottom: 15vw;
	}
	.lp5 h2{
		margin-bottom: 2em;
		font-size: 8.23vw;
		line-height: 1.3;
	}
	.lp5 .box1{
		display: block;
		margin-bottom: 10vw;
	}
	.lp5 .box1 li{
		padding: 1em 40% 1em 8vw;
		margin-bottom: 12vw;
		width: auto;
		text-align: left;
		position: relative;
	}
	.lp5 .box1 li:not(:last-child):after{
		display: none;
	}
	.lp5 .box1 li .number{
		top: -1em;
		width: 21.33vw;
		height: 19.2vw;
		font-size: 10.13vw;
		line-height: 1.4;
		text-align: center;
	}
	.lp5 .box1 li .ttl{
		font-size: 5.33vw;
		margin-bottom: .2em;
	}
	.lp5 .box1 li figure{
		position: absolute;
		right: 0;
		top: 5vw;
		width: 40%;
	}
	.lp5 .box1 li:not(:last-child) figure img{
		width: 120%;
		max-width: inherit;
		margin-left: -10%;
	}
	.lp5 .box2 h3{
		font-size: 6.66vw;
		line-height: 3;
	}
	.lp5 .box2wrap{
		padding: 5vw 5vw 30px;
		line-height: 1.6;
	}
	.lp5 .box2wrap table th{
		display: block;
		padding: 1em 0 0;
	}
	.lp5 .box2wrap table tr:not(:last-child) th{
		border-bottom: none;
	}
	.lp5 .box2wrap table td{
		display: block;
		padding: .5em 0 1em;
	}
	.lp5 .box2wrap table td .kome{
		font-size: 4vw;
	}
	.lp6{
		padding-top: 15vw;
		padding-bottom: 15vw;
	}
	.lp6 h2{
		margin-bottom: 1em;
		font-size: 8.23vw;
		line-height: 1.3;
	}
	.lp6 .txt1{
		line-height: 1.6;
		margin-bottom: 4em;
	}
	.lp6 .box1{
		display: block;
	}
	.lp6 .box1 li{
		width: auto;
		padding: 3em .5em 2em;
	}
	.lp6 .box1 li:not(:last-child){
		margin-bottom: 4em;
	}
	.lp6 .box1 li .number{
		font-size: 25.6vw;
	}
	.lp6 .box1 li .ttl{
		font-size: 5.33vw;
		line-height: 1.8;
	}
	.lp6 .box1 li .txt2{
		font-size: 4.26vw;
	}
	.lp7{
		padding-top: 15vw;
		padding-bottom: 15vw;
	}
	.lp7 h2{
		margin-bottom: 1.5em;
		font-size: 8.23vw;
		line-height: 1.3;
	}
	.lp7 dl{
		margin-bottom: 5vw;
		padding: 5vw 5vw 5vw 15vw;
	}
	.lp7 dl dt{
		font-size: 5.33vw;
		line-height: 1.5;
	}
	.lp7 dl dt:before{
		left: -10vw;
		top: .5vw;
		padding-left: .2em;
		width: 7.2vw;
		height: 7.2vw;
		line-height: 6.5vw;
		font-size: 4vw;
	}
	.lp7 dl dd{
		line-height: 1.6;
	}
}



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

footer{
	padding-top: 50px;
	padding-bottom: 15px;
}
footer .list{
	display: flex;
	margin-bottom: .7em;
	padding-bottom: .7em;
	text-align: left;
	line-height: 1.5;
	border-bottom: 1px solid #ddd;
}
footer .list dt{
	width: 7em;
	font-size: 20px;
	font-weight: bold;
}
footer .list dd{
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	font-weight: 500;
}
footer .list dd p{
	width: 60%;
}
footer .list dd p:nth-child(2n){
	width: 40%;
}
footer .about{
	margin-bottom: 1em;
	font-weight: bold;
	text-align: left;
}
footer .copy{
	color: #969696;
	font-size: 12px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 540px) {
	footer{
		padding: 10vw 5vw 5vw;
	}
	footer .list{
		display: block;
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	footer .list dt{
		font-size: 5.33vw;
		margin-bottom: 1em;
	}
	footer .list dd{
		display: block;
		font-size: 4.8vw;
	}
	footer .list dd p{
		width: auto!important;
	}
	footer .about{
		margin-bottom: 1.5em;
		font-size: 5.33vw;
		line-height: 1.45;
	}
	footer .about dt{
		margin-bottom: .5em;
	}
	footer .copy{ font-size: 2.33vw;}
}