@charset "utf-8";

/* bg_donut_area
-------------------------------------------------- */
.bg_donut_area,
.bg_donut_area_02{
  position: relative;
  overflow: hidden;
}
.bg_donut_area::before{
  content: '';
  display: block;
  position: absolute;
  top: 330px;
  right: -60px;
  background: url(/common_2022/images/bg/img_donut_ill_12.png) no-repeat right top;
  background-size: 100%;
  z-index: -1;
}
.bg_donut_area::after{
  content: '';
  display: block;
  position: absolute;
  top: 49.5%;
  left: -60px;
  margin: auto;
  background: url(/common_2022/images/bg/img_donut_ill_07.png) no-repeat right top;
  background-size: 100%;
  z-index: -1;
}
.bg_donut_area_02::before{
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: -60px;
  background: url(/common_2022/images/bg/img_donut_ill_02.png) no-repeat right top;
  background-size: 100%;
  z-index: -1;
}
@media print, screen and (min-width:768px){
  .bg_donut_area::before,
  .bg_donut_area::after,
  .bg_donut_area_02::before{
    width: 20.8vw;
    max-width: 400px;
    min-width: 300px;
    height: 20.8vw;
    max-height: 400px;
    min-height: 300px;
  }
}
@media screen and (max-width:767px) {
  .bg_donut_area::before{
    top: 13.1%;
    right: -125px;
    width: 200px;
    height: 200px;
  }
  .bg_donut_area::after{
    top: 33.4%;
    left: -130px;
    width: 200px;
    height: 200px;
  }
  .bg_donut_area_02::before{
		top: 67%;
    bottom: auto;
    right: -125px;
    width: 200px;
    height: 200px;
  }
}

.c_box_02 {
    padding: 50px 60px 60px;
    background-color: #EEF6D9;
}
.img_shadow {
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%);
}
@media screen and (max-width:767px) {
	.c_box_02 {
			padding: 25px 35px 40px;
			border-radius: 20px;
	}
	.img_shadow {
			width: 230px;
	}
	.sp_pLR_27 {
			padding: 0 27px;
	}
}

/* bnr_frame
-------------------------------------------------- */
.bnr_frame{
	border: 1px solid #551900;
	border-radius: 20px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.bnr_frame a{
	position: relative;
	background-color: #fff;
	display: block;
	width: 100%;
}
.bnr_frame a::after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
.bnr_frame .ttl{
	font-weight: bold;
	letter-spacing: 0.12em;
}
.bnr_frame .exp{
	color: #222;
}
@media print, screen and (min-width:768px){
	.bnr_frame{}
	.bnr_frame .ttl{
		font-size: 20px;
	}
	.bnr_frame .exp{
		margin-top: 1em;
		font-size: 12px;
	}
	.bnr_frame a{
		height: 170px;
		padding: 30px 41% 30px 40px;
	}
	.bnr_frame.type_cv_info a::after{
		width: 36%;
		height: 100%;
		background: url(/torikumi/images/img_bnr_cv_info.jpg) no-repeat center bottom;
		background-size: cover;
	}
	.bnr_frame.type_smilering a::after{
		width: 36%;
		height: 100%;
		background: url(/torikumi/images/img_bnr_smilering.jpg) no-repeat center bottom;
		background-size: cover;
	}
}
@media screen and (max-width:767px) {
	.bnr_frame .ttl{
		font-size: 18px;
	}
	.bnr_frame .exp{
		margin-top: 0.5em;
	}
	.bnr_frame a{
		padding: 20px 25px 140px 25px;
	}
	.bnr_frame.type_cv_info a{
		padding: 20px 25px 32.4vw 25px;
	}
	.bnr_frame.type_cv_info a::after{
		width: 100%;
		height: 28vw;
		background: url(/torikumi/images/img_bnr_cv_info_sp.jpg) no-repeat center bottom;
		background-size: cover;
	}
	.bnr_frame.type_smilering a::after{
		width: 100%;
		height: 125px;
		background: url(/torikumi/images/img_bnr_smilering.jpg) no-repeat center bottom;
		background-size: auto 125px;
	}
}

/* article_wrap
-------------------------------------------------- */
.article_list{}
.article_list .flex{
  display: flex;
  flex-wrap: wrap;
}
.article_list .sub_ttl{
	font-weight: bold;
}
@media print, screen and (min-width:768px){
  .article_list .flex{
    justify-content: space-between;
  }
  .article_list .flex.fig_rvs{
    flex-direction: row-reverse;
  }
  .article_list .c_ttl_bold_02{
    margin-top: 5.5%;
  }
  .article_list li{
    width: 46%;
  }
  .article_list li:nth-child(-n+2){
    margin-top: 0;
  }
	.article_list .sub_ttl{
		margin-top: 1em;
		font-size: 14px;
	}
}
@media screen and (max-width:767px) {
	.article_list li{
		width: 100%;
	}
	.article_list .flex .figIn{
		width: 71%;
		margin: 30px auto 0;
	}
	.article_list li .c_btn_01 a{
		max-width: 200px;
		margin: 0 auto;
	}
	.article_list .sub_ttl{
		margin-top: 1em;
		font-size: 10px;
	}
}