@charset "UTF-8";

/* =====================================================

  common

===================================================== */

.als_container .inner{

	max-width: 1000px;

	width: 94%;

	margin: 0 auto;

}

.iconbtn{

	position: relative;

	border-radius: 2.125rem;

	background: url("../images/als/outsourcing/icon_arrow_wr.svg") no-repeat #e62c17;

	background-size: auto 1.25rem;

	background-position: right 1.375rem center;

	display: inline-flex;

	justify-content: center;

	align-items: center;

	color: #FFF;

	font-size: 1.125rem;

	font-weight: bold;

	width: 25rem;

	max-width: 100%;

	height: 4.25rem;

}

.iconbtn:hover{

	color: #FFF;

}

.iconbtn::before{

	position: absolute;

	left: 0.3125rem;

	top: 0;

	bottom: 0;

	margin: auto 0;

	background: #FFF;

	content: "";

	display: block;

	border-radius: 100%;

	width: 3.625rem;

	height: 3.625rem;

}

.iconbtn.icondl::before{

	background: url("../images/als/outsourcing/icon_download.svg") no-repeat center center #FFF;

	background-size: 2rem auto;

}

.iconbtn.iconyen::before{

	background: url("../images/als/outsourcing/icon_yen.svg") no-repeat center center #FFF;

	background-size: 1.375rem auto;

}

.iconbtn.iconmail::before{

	background: url("../images/als/outsourcing/icon_mail.svg") no-repeat center center #FFF;

	background-size: 2rem auto;

}

.als_container h2 {

	margin-bottom: 1.625rem;

	letter-spacing: 0.08em;

}

.als_container h2 p {

	font-size: 1.125rem;

	letter-spacing: 0;

	position: relative;

	color: #264184;

	margin-bottom: -0.3125rem;

	font-family: Roboto, 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, Arial, sans-serif;

}

.als_container h2 p::after {

	content: "";

	width: 4.375rem;

	height: 2px;

	background-color: #264184;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	margin-left: 0.5625rem;

}

.als_container h2 .titleflex{

	display: flex;

	align-items: center;

	line-height: 1;

	margin-top: 0.75rem;

}

.als_container h2 .titleflex .flexitem{

	width: 17rem;

	margin-right: 1.25rem;

}



.pagetop a{

	z-index:12 !important;

}



@media screen and (min-width: 768px){

  .sp{

    display: none !important;

  }

}

@media screen and (max-width: 767px){

  .pc{

    display: none !important;

  }

	.als_container h2 .titleflex .flexitem {

    width: 10rem;

    margin-right: .75rem;

	}

	.als_container h2 {

		font-size: 1.25rem;

		margin-bottom: .825rem;

	}

	.iconbtn{

		position: relative;

		border-radius: 2.125rem;

		background: url("../images/als/outsourcing/icon_arrow_wr.svg") no-repeat #e62c17;

		background-size: auto .625rem;

		background-position: right 1.375rem center;

		display: inline-flex;

		justify-content: center;

		align-items: center;

		color: #FFF;

		font-size: 1rem;

		width: 100%;

		height: 3.25rem;

	}

	.iconbtn:hover{

		color: #FFF;

	}

	.iconbtn::before{

		position: absolute;

		left: 0.3125rem;

		top: 0;

		bottom: 0;

		margin: auto 0;

		background: #FFF;

		content: "";

		display: block;

		border-radius: 100%;

		width: 2.625rem;

		height: 2.625rem;

	}

	.iconbtn.icondl::before{

		background: url("../images/als/outsourcing/icon_download.svg") no-repeat center center #FFF;

		background-size: 1rem auto;

	}

	.iconbtn.iconyen::before{

		background: url("../images/als/outsourcing/icon_yen.svg") no-repeat center center #FFF;

		background-size: .75rem auto;

	}

	.iconbtn.iconmail::before{

		background: url("../images/als/outsourcing/icon_mail.svg") no-repeat center center #FFF;

		background-size: 1rem auto;

	}

}



/* =====================================================

  outsourcing_kv

===================================================== */

.outsourcing_kv{

  font-size: 4.266667vw;

}

@media (min-width: 767px) {

  .outsourcing_kv{

    font-size: min(0.833333vw, 16px);

  }

}

.outsourcing_kv{

	position: relative;

}

.outsourcing_kv .kv_image{

	position: absolute;

	top: 2rem;

	right: 0;

	width: 50.5%;

}

.kv_maininfo{

	position: relative;

	padding: 4.166666666666667% 0 2.604% 4.166666666666667%;

	z-index: 10;

}

.kv_infohead h2{

	color: #333;

	letter-spacing: 0.15em;

	font-weight: bold;

	display: flex;

	align-items: center;

}

.kv_infohead h2 .deco{

	position: relative;

	font-size: 1.75em;

	line-height: 1;

	letter-spacing: 0.15em;

	padding: 0.107143em 0.428571em 0.160714em 0.571429em;

	margin-right: 1.125rem;

}

.kv_infohead h2 .deco .dcb{

	position: absolute;

	width: 0.428571em;

	height: 0.357143em;

}

.kv_infohead h2 .deco .dcb.btl{

	top: 0;

	left: 0;

	border-top: 2px solid #333;

	border-left: 2px solid #333;

}

.kv_infohead h2 .deco .dcb.btr{

	top: 0;

	right: 0;

	border-top: 2px solid #333;

	border-right: 2px solid #333;

}

.kv_infohead h2 .deco .dcb.bbl{

	bottom: 0;

	left: 0;

	border-bottom: 2px solid #333;

	border-left: 2px solid #333;

}

.kv_infohead h2 .deco .dcb.bbr{

	bottom: 0;

	right: 0;

	border-bottom: 2px solid #333;

	border-right: 2px solid #333;

}

.kv_infohead h2 span{

	font-size: 1.125em;

	font-weight: bold;

}

.kv_infoinner{

	position: relative;

	width: 100%;

	max-width: 55em;

	margin-left: 2.5em;

	margin-top: 3.625em;

}

.kv_infoinner .kv_icon{

	position: absolute;

	top: -2.375em;

	right: -0.25em;

	display: block;

	width: 12.8125em;

	height: 13.5625em;

}

.kv_infoinner .kv_logo{

	width: 40em;

	margin-bottom: 2rem;

}

.kv_infoinner .leadlabel{

	color: #e62c17;

	display: inline-block;

	font-size: 3.5em;

	font-weight: bold;

	line-height: 0.8;

	text-align: center;

	margin-bottom: 1.25em;

	width: 11.428571em;

}

.kv_infoinner .leadlabel span{

	font-size: 0.5em;

	font-weight: bold;

	letter-spacing: 0.1em;

}

.kv_infoinner .threeset{

	background: #ffe8e4;

	border-radius: 10px;

	display: inline-block;

	width: 100%;

	max-width: 37.5rem;

	margin-left: 0.625rem;

	padding: 0.5rem 0.5rem 1.25rem;

	text-align: center;

}

.kv_infoinner .threeset p{

	font-size: 1.5em;

	font-weight: bold;

}

.kv_infoinner .threeset .setimg{

	margin-bottom: 0.5rem

}



@media (max-width: 767px) {

	.kv_infohead {

		margin-top: 1rem;

	}

	.kv_infohead h2 {

    display: block;

	}

	.kv_infohead h2 .deco {

    font-size: 1.8rem;

    display: inline-flex;

	}

	.kv_infoinner {

    width: 100%;

    max-width: 100%;

    margin-left: 0;

    margin-top: 0;

	}

	.kv_infohead h2 span {

    display: block;

	}

	.outsourcing_kv .kv_image {

		top: 0;

    right: -4em;

    width: 50.5%;

	}

	.kv_infoinner .kv_logo {

    width: 70%;

    margin-bottom: 1rem;

	}

	.kv_infoinner .leadlabel {

    font-size: 1.5em;

    margin-bottom: .5em;

    width: 80%;

    text-align: left;

	}

	.kv_infoinner .kv_icon {

    top: 0;

    right: 0;

    display: block;

    width: 25%;

	}

	.kv_infoinner .threeset {

    max-width: 96%;

		margin: 1em auto;

	}

	.kv_infoinner .threeset p {

    font-size: 1em;

	}

}



/* =====================================================

  floating_banner

===================================================== */

#floating_banner{

	position: fixed;

	right: 0;

	bottom: 0;

	border-radius: 10px 0 0 10px; 

	border: 6px solid #f7b414;

	background: url("../images/als/outsourcing/cta_bg.png") no-repeat;

	background-size: cover;

	width: 22.5rem;

	padding: 1.625rem 1.5rem 2.8125rem;

	color: #FFF;

	z-index: 11;

}

.floating_title{

	font-size: 1.75rem;

	font-weight: bold;

	margin-bottom: 1.375rem;

}

.floating_wrap p{

	font-size: 1.125rem;

	font-weight: bold;

	line-height: 1.33;

	text-align: center;

}

.floating_wrap .tel{

	position: relative;

	font-size: 2.5rem;

	font-weight: bold;

	line-height: 1;

	padding-left: 2rem;

	margin-bottom: 1.125rem;

}

.floating_wrap .tel::before{

	position: absolute;

	top: 0.125rem;

	left: -0.625rem;

	background: url("../images/als/outsourcing/icon_tel.svg") no-repeat;

	background-size: cover;

	content: "";

	display: block;

	width: 2.4rem;

	height: 2.4rem;

}

.floatingbtns{}

.floatingbtns a.floatingbtn{

	border: 3px solid #e45622;

	border-radius: 1.5625rem;

	background: #FFF;

	color: #e45622;

	font-size: 1.125rem;

	font-weight: bold;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	max-width: 18.75rem;

	height: 3.125rem;

}

.floatingbtns a.floatingbtn.fbtndl{

	background: url("../images/als/outsourcing/icon_download.svg") no-repeat #FFF;

	background-size: 1.125rem auto;

	background-position: left 1.375rem center;

	margin-bottom: 0.5rem;

}

.floatingbtns a.floatingbtn.fbtnform{

	background: url("../images/als/outsourcing/icon_mail02.svg") no-repeat #FFF;

	background-size: 1.375rem auto;

	background-position: left 1.25rem center;

}

@media screen and (min-width: 768px) {

  #floating_banner a[href^="tel:"] {

    pointer-events: none;

    cursor: default;

    text-decoration: none;

    color: inherit;

  }

}

@media (max-width: 767px) {

	.floating_wrap .tel a{

		color: #FFF;

	}

	#floating_banner{

		position: fixed;

		bottom: 0;

		border-radius: 5px 5px 0 0; 

		border: 3px solid #f7b414;

		background: url("../images/als/outsourcing/cta_bg_sp.jpg") no-repeat;

		background-size: cover;

		width: 100%;

		padding:0.25rem 0.5rem;

		color: #FFF;

		z-index: 20;

		text-align: center;

	}

	.floating_title {

		font-size: 1.25rem;

		line-height: 1.5;

		margin-bottom: 0.25rem;

	}

	.floating_wrap p {

		font-size: 0.875rem;

		margin-bottom: 0.5rem;

	}

	.floatingbtns {

		display: flex;

		justify-content: space-between;

	}

	.floatingbtns a.floatingbtn {

		border: 2px solid #e45622;

		border-radius: 10px;

		font-size: 0.75rem;

		line-height: 1.2;

		max-width: 32%;

		padding-left: 0.75rem;

	}

	.floatingbtns a.floatingbtn.fbtndl {

		background: url("../images/als/outsourcing/icon_download.svg") no-repeat #FFF;

		background-size: 1rem auto;

		background-position: left 0.375rem center;

		margin-bottom: 0;

	}

	.floatingbtns a.floatingbtn.fbtnform {

		background: url("../images/als/outsourcing/icon_mail02.svg") no-repeat #FFF;

		background-size: 1rem auto;

		background-position: left 0.375rem center;

		margin-bottom: 0;

	}

	.floatingbtns a.floatingbtn.fbtntel {

		background: url("../images/als/outsourcing/icon_tel_o.svg") no-repeat #FFF;

		background-size: 1.25rem auto;

		background-position: left 0.5rem center;

		margin-bottom: 0;

	}

}



/* =====================================================

  works

===================================================== */

#works{

  font-size: 4.266667vw;

}

@media (min-width: 767px) {

  #works{

    font-size: min(0.833333vw, 16px);

  }

}

#works{

	background: #f7f7f7;

	padding: 3.375rem 0 2.5rem;

}

#works h3{

	font-size: 1.75rem;

	font-weight: bold;

	line-height: 1;

	text-align: center;

}

.works_logos ul{

	display: flex;

	align-items: center;

}

.works_logos ul li{

	margin: 0 13.75em;

}

.works_logos .slick-track {

  display: flex;

	align-items: center;

}

.works_logos .slick-initialized .slick-slide{

	margin: 0 4.5em;

}

@media (max-width: 767px) {

	#works h3 {

    font-size: 1.25rem;

		line-height: 1.5;

		margin: 0 1rem 1rem;

	}

	.works_logos ul li{

		margin: 0 4.5em;

	}

}



/* =====================================================

  anchormenu

===================================================== */

.als_container .anchormenu {

	background: #f5865d;

	padding: 0.9375rem 0 1.0625rem;

}

.als_container .anchormenu ul{

  display: flex;

  justify-content: space-between;

}

.als_container .anchormenu ul li{

	font-size: 1rem;

	font-weight: bold;

	line-height: 1;

}

.als_container .anchormenu ul li a{

	color: #FFF;

}

@media (max-width: 767px) {

	#problem {

    padding: 2rem 0 3.425rem;

	}

}



/* =====================================================

  problem

===================================================== */

#problem{

	background: url("../../authense.jp_komon/images/als/outsourcing/contents_bgshape01.svg") no-repeat top center #f3f2ed;

	background-size: 100% auto;

	padding: 5rem 0 6.875rem;

}

.problem_wrap{

	background: #FFF;

	padding: 2.5rem 3.125rem 3.125rem;

	margin-bottom: 2.625rem;

}

.problem_leadtext{

	color: #e62c17;

	font-size: 2.25rem;

	font-weight: bold;

	line-height: 1.333;

	letter-spacing: 0.1em;

	text-align: center;

	padding-bottom: 3.25rem;

}

.meritlist{

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	gap: 2rem 1.25rem;

	margin-top: 2.625rem;

}

.meritinfo{

	width: calc((100% - 2.5rem) / 3);

}

.merithead{

	position: relative;

}

.merithead .meritimage{

	border-radius: 10px;

	overflow: hidden;

	margin-bottom: 1.75rem;

}

.merithead .meritlabel{

	position: absolute;

	bottom: -0.25rem;;

	right: 0.9375rem;

	color: #FFF;

	font-family: Roboto,'Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,Arial, sans-serif;

	font-size: 1.5rem;

	font-weight: bold;

	line-height: 1;

}

.merithead .meritlabel span{

	font-size: 5rem;

	font-weight: bold;

	line-height: 0;

}

.als_container .meritinfo h3{

	color: #e62c17;

  font-size: 1.5rem;

	font-weight: bold;

	letter-spacing: 0.08em;

	margin-bottom: 0.625rem;

}

.als_container .meritinfo p{

	font-size: 1.125rem;

	line-height: 1.555;

}



@media (max-width: 767px) {

	#problem {

    padding: 2.5rem 0 3.425rem;

	}

	.problem_wrap {

    background: #FFF;

    padding: 1.25rem 1.6125rem 1.6125rem;

    margin-bottom: 1.25rem;

	}

	.problem_leadtext {

    font-size: 1.25rem;

    padding-bottom: 1.5rem;

	}

	.meritlist {

    display: block;

    margin-top: 1.3125rem;

	}

	.meritinfo {

		width: 100%;

		margin-bottom: 1.5rem;

	}

	.meritimage img{

		object-fit: cover;

		width: 100%;

		height: 100%;

	}

	.als_container .meritinfo h3 {

    font-size: 1.25rem;

	}

	.als_container .meritinfo p{

		font-size: 1rem;

	}

}



/* =====================================================

  cta2

===================================================== */

.als_container .cta2 {

	margin: 5rem auto;

	width: 100%;

	max-width: 1000px;

}

@media (max-width: 767px) {

}



/* =====================================================

  feature

===================================================== */

#feature {

	background-color: #eeece5;

	padding: 4.375rem 0 3.5rem;

}

.feature_point{

	margin-top: 3.4375rem

}

.point_wrap{

	background: #FFF;

	padding: 0 0 1.5625rem;

	margin-bottom: 1.5rem;

}

.pointinner{

	padding: 0 1.875rem;

}

.pointhead{

	display: flex;

	align-items: center;

	height: 5.8125rem;

	margin-left: 0.625rem;

	margin-bottom: 1.25rem;

	padding-left: 9.125rem;

}

.pointhead h3{

	font-size: 1.875rem;

	font-weight: bold;

	margin-bottom: 1.25rem;

}

.pointhead h3 strong{

	color: #e62c17;

	font-size: 3.125rem;

}

.als_container .pointhead h3{

	margin-bottom: 1.125rem;

}

.point01 .pointhead{

	background: url("../images/als/outsourcing/point01.png") no-repeat;

	background-size: auto 5.8125rem;

}

.point02 .pointhead{

	background: url("../images/als/outsourcing/point02.png") no-repeat;

	background-size: auto 5.8125rem;

}

.point03 .pointhead{

	background: url("../images/als/outsourcing/point03.png") no-repeat;

	background-size: auto 5.8125rem;

}

.point01 .pointflex{

	display: flex;

	align-items: center;

}

.point01 .pointflex .pointleft{

	width: 18.125rem;

	text-align: center;

}

.point01 .pointflex .pointleft img{

	width: 13.125rem;

	display: inline-block;

}

.point01 .pointflex .pointright{

	flex: 1;

}

.point02 .pointflex{

	display: flex;

	align-items: center;

	flex-direction: row-reverse;

}

.point02 .pointflex .pointright{

	width: 26.875rem;

	text-align: center;

}

.point02 .pointflex .pointright img{

	width: 19.5625rem;

	display: inline-block;

	margin-top: -5.125rem;

}

.point02 .pointflex .pointleft{

	flex: 1;

}

.pointinner .points{

	padding-left: 2.75rem;

}

.pointinner .points dt{

	position: relative;

	color: #e62c17;

	font-size: 1.875rem;

	line-height: 1.266;

	letter-spacing: 0.04em;

	margin-bottom: 0.625rem;

}

.pointinner .points dt::before{

	position: absolute;

	top: 0.5rem;

	left: -3.125rem;

	background: url("../images/als/outsourcing/icon_mark.svg") no-repeat;

	background-size: 100% auto;

	content: "";

	display: block;

	width: 1.75rem;

	height: 1.75rem;

}

.pointinner .points dd{

	font-size: 1.125rem;

	line-height: 1.333;

	letter-spacing: 0.04em;

	margin-bottom: 1.875rem;

}

.pointiconflex{

	display: flex;

	justify-content: space-between;

	column-gap: 0.625rem;

}

.pointiconflex .flexitem{

	display: flex;

	align-items: center;

	width: calc((100% - 1.25rem) / 3);

}

.pointiconflex .flexitem .pointicon{

	width: 5rem;

	height: 5rem;

	margin-right: 0.625rem;

}

.pointiconflex .flexitem:first-child p{

	font-size: 1.375rem;

	line-height: 1.36;

}

.pointiconflex .flexitem p{

	font-size: 1.125rem;

	font-weight: bold;

	flex: 1;

	margin-bottom: 0;

}

.point_wrap.point03{

	padding: 0 0 4rem;

}

.point_wrap {

	padding: 0 0 1.5rem;

}

.point03 .pointinner{

	padding: 0 1.25rem;

}

.pointiconflex{

	margin: 2.375rem 0 1.25rem;

}

.pointlist ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.pointlist ul li{

	position: relative;

	font-size: 1.125rem;

	padding-left: 2.5rem;

	min-height: 1.75rem;

	width: 47%;

	margin-bottom: 0.625rem;

}

.pointlist ul li::before{

	position: absolute;

	top: 0.375rem;;

	left: 0;

	background: url("../images/als/outsourcing/icon_mark.svg") no-repeat;

	background-size: 100% auto;

	content: "";

	display: block;

	width: 1.75rem;

	height: 1.75rem;

}

@media (max-width: 767px) {

	#feature {

    padding: 2rem 0;

	}

	.feature_point {

    margin-top: 1.5rem;

	}

	.pointhead {

    display: flex;

    align-items: center;

    height: 2.90625rem;

    margin-left: 0.3125rem;

    margin-bottom: 0.725rem;

		padding-top: 1.25rem;

    padding-left: 4.5625rem;

	}

	.point01 .pointhead {

    background-size: auto 2.90625rem;

	}

	.point02 .pointhead{

		background-size: auto 2.90625rem;

	}

	.point03 .pointhead{

		background-size: auto 2.90625rem;

	}

	.pointhead h3 {

    font-size: 1.25rem;

 	}

	.pointhead h3 strong {

    font-size: 2rem;

	}

	.pointinner {

		padding: 0 1rem;

	}

	.point01 .pointflex,.point02 .pointflex {

    display: block;

	}

	.point01 .pointflex .pointleft{

    width: 100%;

    text-align: center;

	}

	.point01 .pointflex .pointleft img{

		width: 40%;

		margin: 1rem 0;

	}

	.pointinner .points dt::before {

    left: -2.25rem;

	}

	.pointinner .points dt {

    font-size: 1.25rem;

	}

	.point02 .pointflex .pointright{

    width: 100%;

    text-align: center;

	}

	.point02 .pointflex .pointright img{

		width: 70%;

		margin: 1rem 0;

	}

	.pointiconflex {

    margin: 1.25rem 0 1.25rem;

	}

	.pointiconflex {

    display: block;

	}

	.pointiconflex .flexitem {

    width: 100%;

		margin-bottom: 1rem;

	}

	.pointlist ul li {

    position: relative;

    width: 100%;

    margin-bottom: 0.625rem;

	}

	.point_wrap.point03 {

    padding: 0 0 1rem;

	}

}



/* =====================================================

  difference

===================================================== */

#difference{

	padding: 4.375rem 0;

}

.als_container #difference h2{

	margin-bottom: 0;

}

.titlelead{

	margin-bottom: 1.75rem;

}

.titlelead p{

	font-size: 1rem;

	line-height: 1.5

}

.als_container #difference .difference-table table tr th.emphasis {

	position: relative;

	padding: 5px 10px 15px 10px;

	background: linear-gradient(90deg, rgba(216, 75, 59, 1) 0%, rgba(245, 134, 93, 1) 50%, rgba(216, 75, 59, 1) 100%);

	background-size: 200% 100%;

	border-top: 3px solid #e45622;

	border-right: 3px solid #e45622;

	border-left: 3px solid #e45622;

	font-size: 20px;

	font-weight: bold;

	color: #fff;

}

.connect_container{

	margin-top: 4.5rem;

}

.connect_image{

	text-align: right;

}

.connect_image img{

	width: 95%;

	display: inline-block;

}

.als_container #lawyers .circle {

	width: 62%;

	position: absolute;

	z-index: -10;

	top: -13em;

	left: auto;

	right: -6.5em;

}

.als_container .circle-img {

	background: url("../../authense.jp_komon/images/als/outsourcing/contents_bgshape02.svg") no-repeat;

	width: 100%;

	padding-top: 100%;

}

.als_container #lawyers {

	margin-top: 3em;

}

.lawyers_subttl{

	font-size: 1.75rem;

	font-weight: bold;

	letter-spacing: 0.08em;

	margin: 1.625rem 0 2.5rem;

}

.als_container #lawyers .lawyers_set {

	margin-bottom: 1.875rem;

}

.als_container #lawyers .lawyers_set ul {

	align-items: center;

}

.als_container #lawyers .history p {

	margin: 0;

	padding-top: 0;

	border-top: none;

}

.als_container #lawyers .img .lawyers_img{

	position: relative;

}

.lawyers_works {

	margin-top: 0.9375rem

}

.lawyers_works p{

	font-size: 1rem;

	line-height: 1.65;

}

.lawyers_works p strong{

	color: #333;

	letter-spacing: 0.1em;

}

.als_container #lawyers .lawyers_list li {

  margin-bottom: 0.5rem;

}

.als_container #lawyers .w1000{

	margin-bottom: -4rem;

}

@media (max-width: 767px) {

	.als_container #lawyers .circle {

		width: 62%;

		position: absolute;

		z-index: -10;

		top: -2em;

		left: auto;

		right: -2.5em;

	}

	.als_container .circle-img {

		background: url("../../authense.jp_komon/images/als/outsourcing/contents_bgshape02.svg") no-repeat;

		background-size: cover;

	}

}



/* =====================================================

  group

===================================================== */

#group{

	position: relative;

	background: url("../images/als/outsourcing/contents_bgshape03.svg") no-repeat top center;

	background-size: 100% auto;

	padding: 11.75rem 0 4.125rem;

}

#group::after{

	position: absolute;

	content: "";

	bottom: 0;

	background: #fce5de;

	display: block;

	height: calc(100% - 11.75rem);

	width: 100%;

}

#group .inner{

	position: relative;

	z-index: 10;

}

.grouplead{

	font-size: 2.25rem;

	font-weight: bold;

	text-align: center;

	line-height: 1.55;

	letter-spacing: 0.08em;

	margin-bottom: 2.5rem;

}

.groupleadflex{

	display: inline-flex;

	align-items: flex-end;

	line-height: 1;

}

.groupleadflex .inlogo{

	margin: 0 1.375rem;

}

.als_container h3.collabo_title {

	position: relative;

	font-size: 1.5rem;

	font-weight: bold;

	line-height: 1;

	letter-spacing: 0.1em;

	margin-bottom: 1.5rem;

	padding-left: 2.1875rem;

}

.als_container h3.collabo_title::before{

	position: absolute;

	top: 0.1875rem;

	left: 0;

	content: "";

	display: block;

	width: 1.5rem;

	height: 1.5rem;

}

.als_container h3.collabo_title.cttl01::before {

	background: url("../images/als/outsourcing/icon_balance.svg") no-repeat center center;

	background-size: cover;	

}

.als_container h3.collabo_title.cttl02::before {

	background: url("../images/als/outsourcing/icon_handshake.svg") no-repeat center center;

	background-size: cover;	

}

.als_container h3.collabo_title.cttl03::before {

	background: url("../images/als/outsourcing/icon_calculator.svg") no-repeat center center;

	background-size: cover;	

}

.als_container h3.collabo_title.cttl04::before {

	background: url("../images/als/outsourcing/icon_hammer.svg") no-repeat center center;

	background-size: cover;	

}

.collaborate{

	margin-bottom: 1.375rem;

}

.collabolist li{

	border: 1px solid #333;

	border-radius: 1.25rem;

	background: #FFF;

	display: inline-flex;

	height: 2.5rem;

	padding: 0 1.25rem;

	margin-right: 0.5rem;

	margin-bottom: 0.9375rem;

}

@media (max-width: 767px) {

	#group {

    position: relative;

    background: url("../images/als/outsourcing/contents_bgshape03.svg") no-repeat top center;

    background-size: 100% auto;

    padding: 5.5rem 0 2rem;

	}

	#group::after {

    height: calc(100% - 8rem);

	}

	.groupleadflex {

    display: inline-block;

	}

	.grouplead {

    font-size: 1.5rem;

    margin-bottom: 1.25rem;

	}

	.groupleadflex .inlogo{

		margin: 0.325rem 0;

	}

	.collabolist li {

		display: inline-flex;

		align-items: center;

		font-size: 0.875rem;

    padding: 0 .5rem;

    margin-right: 0;

    margin-bottom: 0.5rem;

	}

	.als_container h3.collabo_title::before {

    top: 0.05rem;

	}

	.als_container h3.collabo_title {

    font-size: 1.25rem;

    line-height: 1.2;

	}

}



/* =====================================================

  case

===================================================== */

.als_container #case{

	background: #FFF;

	padding: 5.9375rem 0 5.625rem;

}

.casedetail{

	margin-bottom: 2rem;

}

.casedetail_head h3,.casebox h3{

	border-radius: 1.5625rem;

	background: #e2ebff;

	color: #264184;

	font-size: 1.5rem;

	line-height: 1;

	letter-spacing: 0.08em;

	margin-bottom: 1.375rem;

	padding: 0.75rem 2.5rem 0.875rem;

}

.casedetail_head p{

	font-size: 1.25rem;

	line-height: 1.5;

	letter-spacing: 0.08em;

}

.casetaglist{

	margin-bottom: 0.625rem;

}

.casetaglist .casetag{

	border-radius: 1rem;

	background: #333;

	color: #FFF;

	display: inline-flex;

	align-items: center;

	line-height: 1;

	font-size: 1.125rem;

	margin-right: 0.625rem;

	margin-bottom: 0.625rem;

	padding:0.25rem 1.25rem 0.375rem;

}

.caseflex{

	display: flex;

	justify-content: space-between;

}

.caseflex .caseimg{

	width: 32%;

	margin-right: 2%;

}

.caseflex .caseinfo{

	flex: 1;

}

.caseinfo_label{

	margin-bottom: 0.75rem;

}

.caseinfo_label div{

	border-radius: 5px;

	color: #FFF;

	display: inline-block;

	font-size: 1.125rem;

	font-weight: bold;

	line-height: 1;

	padding: 0.75rem;

}

.caseinfo_background .caseinfo_label div{

	background: #f5865d;

}

.caseinfo_effect .caseinfo_label div{

	background: #e62c17;

}

.caseinfo p{

	font-size: 1.125rem;

	line-height: 1.33;

}

.caselist_bottom{

	display: flex;

	flex-wrap: wrap;

	gap:2.375rem 1.25rem;

	margin-top: 2.375rem;

}

.caselist_bottom .casebox{

	width: calc((100% - 1.25rem) / 2);

}

.casebox h3{

	font-size: 1.25rem;

	font-weight: bold;

	text-align: center;

	margin-bottom: 0.875rem;

}

.casebox h3 span{

	font-size: 1.875rem;

}

.casebox p{

	font-size: 1.5rem;

	line-height: 1.25;

	letter-spacing: 0.08em;

}

.casebox .caseinfo_label{

	margin-bottom: 0.375rem;

}

.casebox .caseinfo_label.labelissue div{

	background: #f5865d;

}

.casebox .caseinfo_label div{

	background: #e62c17;

}

.casebox .caseinfo p{

	font-size: 1.125rem;

}

.casebox .caseinfo{

	margin-bottom: 5px;

}



@media (max-width: 767px) {

	.als_container #case {

    background: #FFF;

    padding: 2.5rem 0 2.5rem;

	}

	.casedetail_head h3, .casebox h3 {

    font-size: 1.25rem;

    padding: 0.5rem 1.25rem 0.675rem;

	}

	.casedetail_head p {

    font-size: 1rem;

	}

	.caseflex {

    display: block;

	}

	.caseflex .caseimg {

    width: 100%;

    margin-right: 0;

		margin-bottom: 1rem;

	}

	.caselist_bottom {

    display: block;

    gap: 1.25rem 0;

    margin-top: 1.25rem;

	}

	.caselist_bottom .casebox {

    width:100%;

		margin-bottom: 2.5rem;

	}

	.casedetail_head h3, .casebox h3 {

    font-size: 1rem;

	}

	.casebox h3 span {

    font-size: 1.5rem;

	}

	.casebox p {

    font-size: 1.25rem;

	}

	.casebox .caseinfo p {

    font-size: 1rem;

	}

}



/* =====================================================

  flow

===================================================== */

#flow{

	background: #f3f2ed;

	padding: 4.875rem 0 0;

}

.flowttl_lead{

	color: #e62c17;

	font-size: 1.5rem;

	font-weight: bold;

	letter-spacing: 0.08em;

}

.als_container .flow_container h2{

	margin-bottom: -0.375rem;

}

.flowstep{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	margin-top: 2.625rem;

}

.flowstep .step{

	width: 18%;

	text-align: center;

}

.flowstep .step .step_number{

	color: #e62c17;

	font-size: 1.125rem;

	font-weight: bold;

	letter-spacing: 0.08em;

}

.flowstep .step .step_image{

	margin-bottom:1.25rem;

}

.flowstep .step p{

	font-size: 1rem;

	line-height: 1.5;

}

.als_container .price_container h2 {

  margin-bottom: 0.625rem;

}

.price_container{

	background: url("../images/als/outsourcing/contents_bgshape04.png") no-repeat bottom center #fce5de;

	background-size: 100% auto;

	margin-top: 4.375rem;

	padding: 4.125rem 0 11.5rem;

}

.price_links{

	border-radius: 20px;

	background: #fff5f2;

	padding: 3.125rem;

	box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.1);

}

.price_links ul{

	display: flex;

	justify-content: center;

	column-gap: 3.125rem;

}

.price_links ul li{

	display: inline-flex;

	max-width: 50%;

}



@media (max-width: 767px) {

	#flow {

    padding: 2.5rem 0 0;

	}

	.flowstep {

    display: flex;

		justify-content: space-between;

    margin-top: 1.25rem;

		flex-wrap: wrap;

	}

	.flowstep .step {

    width: 48%;

	}

	.price_container {

    margin-top: 2rem;

    padding: 2rem 0 5.5rem;

	}

	.price_links {

		padding: 1.25rem;

	}

	.price_links ul {

    display: block;

	}

	.price_links ul li {

    display: flex;

		max-width: 100%;

	}

	.price_links ul li:first-child{

		margin-bottom: 1rem;

	}

}



/* =====================================================

  faq

===================================================== */

.als_container #faq {

	padding: 0 0 5rem;

	margin: 0px auto;

}

.als_container #faq h2 {

	margin-bottom: 1rem;

}

.faqdetail{

	border-top: 2px solid #e05b44;

	margin-bottom: 1.75rem;

}

.faqdetail .faq_question{

	font-size: 1.125rem;

	font-weight: bold;

	padding: 0.75rem 0.625rem;

}

.faqdetail .faq_question span{

	color: #e05b44;

}

.faqdetail .faq_answer{

	background: #fdf6f5;

	padding: 1.125rem 2.125rem;

}

.faqdetail .faq_answer p{

	font-size: 1rem;

	line-height: 1.5;

}

.faqdetail .faq_answer p:nth-last-of-type(1){

	margin-bottom: 0;

}



@media (max-width: 767px) {

	.als_container #faq {

		padding-top: 1rem;

    margin-top: -1px;

    background: #FFF;

	}

}