@charset "utf-8";
html{font-size: 16px;}
body{
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	color: var(--text);
	font-size: var(--contents-font-size);
	line-height: var(--base-line-height);
}
/*--------------------------------------------------*/
/*ラッパー、ヘッダー*/
/*--------------------------------------------------*/
#wapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
header#site-header {
	position:relative;
	width: 100%;
	margin-bottom:140px;
}
/*メインイメージ*/
#header-img {
	position: relative;
	z-index: var(--zindex-head2);
	margin-top:200px;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	max-width:1500px;
	transition: .5s;
}
/*ページヘッダ、ナビ展開時ヘッダ*/
#page-header-wrap {
	max-width:1500px;
	margin: 0 auto;
}
#wapper #page-header{
	position: fixed;
	top: 0;
	width: 100%; 
	margin-top: 50px;
	transition: .5s;
	z-index: var(--zindex-head1);
	/*border:1px solid red;*/
}
/* #page-header{
display: flex;
justify-content: space-between;
align-items: center;
margin: auto;
padding: 0;
width: 100%;
height:100px;
max-width: var(--content-width);
} */
#page-header .site-title {
	position: absolute;
}
#page-header .entry-btn a{
	display:flex;
	position: absolute;
	top:0;
	right:calc(50% - 800px + 165px);
	width: 250px;
	height: 100px;
	background-color: var(--bg-pink);
	border-radius: 9999px;
	color: var(--text);
	font-size:32px;
	padding-top:4px;
	align-items:center;
	justify-content:center;
}
@media screen and (max-width: 1600px) {
	#page-header-wrap {
		width: 90%;
	}
	#page-header .entry-btn a {
		right:calc(5% + 110px);
	}
}

.site-logo {
	width: 100%;
	max-width: 287px;
	height: auto;
	/*padding-right:30px;*/
}
.pc_only{
	display: block;
}
.sp_only{
	display: none;
}
#pc_main_imgbox{
	padding-bottom: 3px;
}
#pc_main_imgbox img{
	width: 100%;
	height: auto;
}
#sp_main_imgbox, .sp_imgbox{
	display: none;
}
/*--------------------------------------------------*/
/*コンテンツ*/
/*--------------------------------------------------*/
.contbox{
	width: 100%;
	max-width: var(--contbox-width);
	margin: 0 auto;
	margin-bottom:140px;
	padding: 0 0 0 0;
	/*border : 1px solid red;*/
}
.contbox.last{
	margin-bottom: 0;
}
.contbox.full{
	max-width: 100%;
}

/*--------------------------------------------------*/
/*PCサイズコンテンツ横幅制御*/
/*--------------------------------------------------*/
@media screen and (max-width: 1600px) {
	#page-header,
	#header-img {
		margin-top: 200px;
		width: 90%;
	}
	.contbox{
		width: 90%;
		transition: .5s;
	}
}
/*--------------------------------------------------*/
/*段落*/
/*--------------------------------------------------*/
p{
	/*font-size:15.25px;*/
	margin-bottom:14px;
}
/*--------------------------------------------------*/
/*H2～H5（見出し）*/
/*--------------------------------------------------*/
h2, h3, h4, h5, .lead-sentence{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
h2{
	letter-spacing: -3px;
	/*font-size: 100px;*/
	/*font-size: clamp(4.375rem, 0.6686rem + 11.6279vw, 6.25rem);*//*768--510*/
	font-size: clamp(3.125rem, 0.2198rem + 12.5628vw, 6.25rem);/*768--370*/
	font-weight: bold;
	line-height:1;
	color: var(--text);
	margin: -12px 0 0 -2px;
}
.header-h2{
	padding: 0 0 30px;
	margin: 0;
	/*border :1px solid red;*/
}
h3{
	padding-top:8px;
	font-size: 18px;
	font-weight: normal;
	line-height:1.5;
	color: var(--text);
	margin-bottom:8px;
}
.header-h3 {
	padding: 0 0 20px 0;
	/*margin-bottom:15px;*/
}

h4 {
	margin:0;
	padding:0;
	color: var(--text);
	font-size:1.2rem;
	font-weight: bold;
}
h5 {
	margin:0;
	padding:0;
	color: var(--text);
	font-size:1rem;
	font-weight: bold;
}
/*--------------------------------------------------*/
/* H2タイトル下 リード文
/* !importantは.is-layout-constraineによる上書き対応
/*--------------------------------------------------*/
.header-h2 .lead-sentence{
	font-weight: bold;
	color: var(--text);
	padding:0;
	margin-right:0;
	margin-bottom:0;

	margin-top:39px;
	margin-left:78px !important;
	font-size: 26px;
	/*border:1px solid orange;*/
}
@media screen and (max-width: 768px) {
	.header-h2 .lead-sentence{
		margin-top: clamp(1.75rem, -0.7054rem + 6.5476vw, 2.4375rem);
		margin-left: clamp(2.5rem, -5.9821rem + 22.619vw, 4.875rem) !important;
		font-size: clamp(1.375rem, 0.4821rem + 2.381vw, 1.625rem);
	}
}
@media screen and (max-width: 500px) {
	.header-h2 .lead-sentence{
		margin-top: 20px;
		margin-left: 0 !important;
		font-size: 20px;
	}
}

/*--------------------------------------------------*/
/*FLEX LAYOUT/
/*--------------------------------------------------*/
.flex-block {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: flex-start;
	gap: 20px;
	margin:0;
	padding:0;
	list-style:none;
	/*padding-left:0;*/
	/*border: 1px solid red;*/
}
.flex-block .item{
	width: calc((100% - 20px) / 2 );
	/*max-width:540px;*/
}
.flex-block .item img{
	width: 100% !important;
	height: auto;
}
.flex-contents {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	gap: 0;
	margin:0;
}
.flex-contents .item{
	width: 50%;
}
.flex-contents .item.sentence{
	width: calc(50% - 40px);
	word-break: break-all;
}
.flex-enquete {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: flex-start;
	gap: 25px;
	margin:0;
	padding:0;
	list-style:none;
}
.flex-enquete .item{
	width: calc((100% - 25px - 25px) / 3 );
}

/*--------------------------------------------------*/
/*WORKFLOW*/
/*--------------------------------------------------*/
#workflow ul{
	list-style-type: none;
}
#workflow li {
	line-height:1.5;
	text-indent:-1.5em;
	padding-left:1.5em;
	margin-bottom:8px;
	font-size: 14.5px;
}
#workflow li::before {
	content: "★ " ;
}
/*#workflow .timeline{
padding-top:3px;
border:1px solid red; 
background: #fff url(../img/no_use/workflow.png) no-repeat top;
}*/
dl {
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	width: 100%;
	gap: 0 25px;
}
dt {
	flex-basis:27.5%;
	margin:0;
	padding:0 0 23px 0;
	z-index:1;
}
dd {
	flex-basis: calc(72.5% - 25px);
	margin:0;
	padding:0 0 23px 0;
}
.action_name,.action_details{
	margin:0;
	padding:0;
	color:#fff;
}
.action_name{
	font-size:120%;
	font-weight:bold;

	/*background: #FFE403;*/
	display: flex;
	align-items:center;
	justify-content:flex-start;
	width: 100%;
	height: 40px;
}
.action_details{
	/*font-size:107%;*/
	margin:3px 0 6px;
}
.time_frame{
	display: flex;
	font-size:120%;
	font-weight:bold;
	line-height:38px;
	padding-top:2px;
	color:#333333;
	background: var(--primary);
	align-items:center;
	justify-content:center;
	width: 100%;
	height: 40px;
	border-radius: 99999px;
}
dt.line{
	position: relative;
}
dt.line:before {
	content: '';
	position: absolute;
	top: 40px;
	bottom: 0;
	width: 1px;
	background: #ddd;
	left: 50%;
	margin: 0;
}
/*--------------------------------------------------*/
/*CAREEAスライド*/
/*--------------------------------------------------*/
.slider {
	margin: 0;
	padding: 0;
	width: 100%;
	/*height:320px;*/
}
.slider-item {
	margin: 0 10px;
	width: 100%;
}
.slider-item img {
	width: 100%;
	max-width:600px;
	height: auto;
}
/*slick左右矢印のカスタマイズ*/
.slick-arrow:before{
	content:""!important;
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
}
.slick-next:before{
	background: url(../img/img_careea-arrow_R.png)!important;
	background-size: contain!important;
}
.slick-prev:before{
	background: url(../img/img_careea-arrow_L.png)!important;
	background-size: contain!important;
}
/*slick左右矢印の画像サイズ*/
.slick-arrow{
	z-index:2!important;
	width:56px!important;
	height:65px!important;
}
.slick-next{
	right:12px!important;
}
.slick-prev{
	left:12px!important;
}
@media screen and (max-width: 710px){
	.slider-item {
		margin: 0 20px;
	}
	.slider-item img {
		width: 87vw;
	}
}
/*--------------------------------------------------*/
/*エントリーのリード文のリンクに下線*/
/*--------------------------------------------------*/
.entry-lead-sentence a{
	text-decoration: underline;
}
/*--------------------------------------------------*/
/*Contact（フォームはcommon.css）*/
/*--------------------------------------------------*/
.contact-method {
	display:block;
	padding:80px 0 25px;
	width:100%;
	text-align:center;
}
.contact-method dt {
	font-size: 1.125rem;
	padding-bottom:10px;
}
.contact-method dd {
	font-size: 1.25rem;
	padding-bottom:40px;
	font-weight: bold;
}
.contact-method .line-account {
	font-size: 1.25rem;
	padding-bottom:0;
	font-weight: bold;
}
.line-qr-code{
	width: 100%;
	height: auto;
	max-width: 255px;
	padding-bottom:80px;
}

.corporate-btn a {
	margin: 0 auto;
	display: flex;
	width: 400px;
	height: 100px;
	background-color: var(--primary);
	border-radius: 9999px;
	color: var(--text3);
	font-size: 32px;
	padding-top: 4px;
	align-items: center;
	justify-content: center;
}

footer {
	margin-top:200px;
	width: 100%;

	text-align: center;
	padding:110px 0 100px;
	/*border:1px solid red;*/
}
footer p {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 1rem;
}

@media screen and (max-width: 768px) {
	header#site-header {
		margin-bottom:120px;
	}
	.site-title img{
		vertical-align: middle;
	}
	.site-logo {
		max-width:210px;
		height: 30px;
	}
	#page-header{
		height: 72px;
	}
	#page-header .entry-btn a{
		right:calc(5% + 72px + 10px);
		width: 180px;
		height: 72px;
		font-size:26px;
		padding-top:2px;
	}
	#header-img{
		margin-top: 172px;
	}
	#header-img,.contbox{
		width: 90%;
		overflow:hidden;
	}
	.contbox{
		margin-bottom:120px;
	}
	/*.header-h2{
	background:#ddd url(../images/no_use/bg_h2header2.png) no-repeat left top;
	background-size:cover;
}*/
	h2 {
		margin-top: -3px;
	}

	.flex-block, .flex-contents {
		flex-direction: column;
	}
	.flex-block .item, .flex-contents .item{
		width: 100%;
	}
	.flex-contents .item.sentence{
		width: 100%;
		margin-bottom:20px;
	}
	.flex-enquete .item{
		width: calc((100% - 25px) / 2);
	}

	.corporate-btn a {
		width:350px;
	}
}

@media screen and (max-width: 768px) {
	/*#header-bg {
	height:0;
}
	body.page:not(body.home) header#site-header,
	body.error404 header#site-header,
	body.archive header#site-header,
	body.single header#site-header {
	padding-bottom: 100px;
}*/
	#pc_main_imgbox{
		display: none;
	}
	#sp_main_imgbox{
		display: block;
	}
	#sp_main_imgbox img{
		width: 100%;
		height: auto;
	}
	#page-header{
		margin-top: 0 !important;
		top: 45px !important;
		width: 90%;
	}
	.news-list li a{
		padding:7px 0 14px 0;
	}
	.flex .item{
		flex-basis: calc((100% - 20px) / 2) !important;
	}


	.aligncenter {
		margin: 0;
	}
	.alignleft {
		float: none;
		margin-right: 0;
		margin: 0;
	}
	.alignright {
		float: none;
		margin-left: 0;
		margin: 0;
	}
	.not-sp {
		display: none;
	}
	.sp_only{
		display: block;
	}
	.pc_only{
		display: none;
	}


}
@media screen and (max-width: 570px) {
	/*ENTRYボタンを非表示*/
	#page-header .entry-btn a{
		display:none;
	}
}
@media screen and (max-width: 428px) {
	h2 {
		margin-top: 0;
		letter-spacing: -1px;
	}
	.lead-sentence{
		font-size: 18px;
	}
	.flex-enquete {
		flex-direction: column;
	}
	.flex-enquete .item{
		width: 100%;
	}
	.flex .item{
		width: 100%;
	}
	.flex{
		margin-bottom: 0;
	}
}