@charset "UTF-8";

/*--基本--*/

.widget_cv .content_wrapper{
	text-align: center;
}
.widget_cv.width_full .content_wrapper{
	width: 100%;
}
.widget_cv.width_fixerd .content_wrapper{
	width: 1200px;
}
.widget_cv .wrapper_item{
	box-sizing: border-box;
}

.widget_cv .inner_item_txt{
	color: var(--i_sub_color);
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
	line-height: 1.6;
}
.widget_cv .inner_item_txt>*{
	width: 100%;
	margin-bottom: 7px;
}
.widget_cv .cv_catch{
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.3;
}
.widget_cv .cv_intro{
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
	order: -1;
}
.widget_cv .inner_item_btn{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}

.widget_cv .inner_item_btn .cv_btn{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	min-width: 230px;
	text-align: center;
	box-sizing: border-box;
	margin: 10px 10px 0;
}
.widget_cv .inner_item_btn:has(.cv_btn+.cv_btn) .cv_btn{
	justify-content: flex-end;
}
.widget_cv .inner_item_btn:has(.cv_btn+.cv_btn) .cv_btn+.cv_btn{
	justify-content: flex-start;
}
.widget_cv .inner_item_btn .cv_btn_inner{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: stretch;
	text-align: center;
}
.widget_cv .inner_item_btn a{
	flex: 1;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
	min-width: 220px;
	width: auto;
	padding: 10px 45px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	background-color: var(--i_btn_color);
	color: var(--i_btn_txt_color);
}
.widget_cv .inner_item_btn a i{
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	background-color: var(--i_btn_txt_color);
	-webkit-mask-image: url(/common/images/arrow.png);
	mask-image: url(/common/images/arrow.png);
	mask-image: url(https://onerank-cms-dev.com/common/images/arrow.png);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
}
.widget_cv .inner_item_btn a[href*="tel:"] i{
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(/common/images/tel.png);
	mask-image: url(/common/images/tel.png);
	mask-image: url(https://onerank-cms-dev.com/common/images/tel.png);
}
.widget_cv .inner_item_btn a[href*="line.me"] i,
.widget_cv .inner_item_btn a[href^="line://"] i{
	width: 30px;
	height: 30px;
	-webkit-mask-image: url(/common/images/line1.png);
	mask-image: url(/common/images/line1.png);
	mask-image: url(https://onerank-cms-dev.com/common/images/line1.png);
}
.widget_cv .cv_label{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
}
.widget_cv .cv_sub,
.widget_cv .cv_sub2{
	font-size: 1.5rem;
	line-height: 1.3;
}
.widget_cv .cv_label+.cv_sub{
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}
.widget_cv .cv_sub2{
	display: none;
}
.widget_cv .cv_btn a>div{
	transition: 0.2s;
}
.widget_cv .cv_btn a:hover>div{
	opacity: 0.8;
}

@media screen and (max-width: 768px){
	.widget_cv .cv_catch{
		font-size: 2.5rem;
	}
	.widget_cv .cv_intro{
		font-size: 1.8rem;
	}
	.widget_cv .cv_label{
		font-size: 1.55rem;
	}
	.widget_cv .cv_sub,
	.widget_cv .cv_sub2{
		font-size: 1.4rem;
	}
	.widget_cv .inner_item_btn .cv_btn{
		padding: 0;
	}
}
@media screen and (max-width: 400px){
	.widget_cv .inner_item_btn .cv_btn{
		min-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

/*----dec_----*/

.widget_cv[class*="dec1_"]{
	padding-left: var(--i_padding, 20px);
	padding-right: var(--i_padding, 20px);
}
.widget_cv[class*="dec2_"] .wrapper_item{
	padding: 30px;
}
.widget_cv[class*="dec2_"] > .content_wrapper{
	padding-left: 0;
	padding-right: 0;
}
@media screen and (max-width: 768px){
	.widget_cv[class*="dec2_"] .wrapper_item{
		padding: 30px 20px;
	}
}
@media screen and (max-width: 400px){
	.widget_cv[class*="dec2_"] .wrapper_item{
		padding: 20px 15px;
	}
}

/*----dec_btn----*/

/*角丸*/
.widget_cv.dec_btn_1 .inner_item_btn a{
	border-radius: 100px;
}

/*ボーダー*/
.widget_cv.dec_btn_2 .inner_item_btn a{
	border-width: 1px;
	border-style: solid;
}

/*ボーダー太*/
.widget_cv.dec_btn_3 .inner_item_btn a{
	border-width: 4px;
	border-style: solid;
}

/*吹き出し*/
.widget_cv.dec_btn_4 .inner_item_btn a{
	padding: 15px 45px;
}
.widget_cv.dec_btn_4 .cv_sub{
	display: none;
}
.widget_cv.dec_btn_4 .cv_sub2{
	display: inline-block;
	font-size: 1.4rem;
	position: relative;
	padding: 0 10px;
	margin-bottom: 10px;
}
.widget_cv.dec_btn_4 .cv_sub2:before,
.widget_cv.dec_btn_4 .cv_sub2:after{
	content: "";
	display: block;
	width: 1.5px;
	height: 70%;
	position: absolute;
	top: 15%;
	left: 0;
	background-color: var(--i_txt_color);
	transform: rotate(-30deg);
}
.widget_cv.dec_btn_4 .cv_sub2:after{
	left: auto;
	right: 0;
	transform: rotate(30deg);
}
.widget_cv.dec_btn_4.add_design2 .cv_btn+.cv_btn{
	margin-top: 20px;
}


/*----add_design1----*/

.widget_cv.add_design1 .wrapper_item{
	width: auto;
	display: inline-block;
	max-width: 100%;
	min-width: 80%;
}
@media screen and (max-width: 768px){
	.widget_cv.add_design1 .wrapper_item{
		width: 100%;
	}
}

/*----add_design2----*/

@media screen and (min-width: 1100px){
	.widget_cv[class*="dec2_"].add_design2 .wrapper_item{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.widget_cv.add_design2 .wrapper_item{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.widget_cv.add_design2 .inner_item_txt{
		width: 50%;
		text-align: left;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.widget_cv.add_design2 .inner_item_txt .cv_txt,
	.widget_cv.add_design2 .inner_item_txt:not(:has(.cv_txt)) .cv_catch,
	.widget_cv.add_design2 .inner_item_txt:not(:has(.cv_txt)):not(:has(.cv_catch)) .cv_intro{
		margin-bottom: 0;
	}
	.widget_cv.add_design2 .inner_item_btn{
		width: 50%;
		margin-top: 0;
	}
}