@charset "utf-8";
.data_col img {
		width: 100%;
		height: auto;
}
.data_col_inner {
		height: calc(100% - 40px);
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		min-height: 230px;
}
.data_col_figure_center {
		margin: 0 auto 10px;
}
.data_col_figure_left {
		display: flex;
		align-items: center;
		justify-content: center;
}
.data_col_figure_left .data_col_figure {
		margin-right: 5px;
}
.data_col_figure_left .count {
		margin-left: 5px;
}
.txt_extra_flex {
		display: flex;
		align-items: center;
		justify-content: center;
}
.txt_extra1 {
		width: 100px;
}
.txt_extra2 {
		width: 60px;
}
.data1 {
		width: 172px;
}
.data2 {
		width: 182px;
}
.data3 {
		width: 185px;
}
.data4 {
		width: 230px;
}
.data5 {
		width: 205px;
}
.data6 {
		width: 247px;
}
.data7 {
		width: 183px;
}
.data8 {
		width: 215px;
}
.data9-1 {
		width: 165px;
}
.data9-2 {
		width: 145px;
}
.data_col_inner .data9-1, .data_col_inner .data13-1 {
		position: absolute;
		left: 0;
		bottom: 0;
}
.data_col_inner .data9-2, .data_col_inner .data13-2 {
		position: absolute;
		right: 0;
		top: -20px;
}
.data10 {
		width: 255px;
}
.data11 {
		width: 370px;
}
.data12 {
		width: 145px;
}
.data13-1 {
		width: 125px;
}
.data13-2 {
		width: 115px;
}
.data14 {
		width: 157px;
}
.commute_item {
	width: 149px;
}
.count_center {
		display: flex;
		justify-content: center;
}
.count {
		display: flex;
		align-items: flex-end;
		color: #003D72;
		font-weight: 700;
}
.number {
		font-family: 'Outfit', sans-serif;
		font-size: 86px;
		line-height: 1;
		font-weight: 600;
		letter-spacing: -1px;
}
.numberL {
		font-size: 160px;
}
.unit {
		font-size: 30px;
		margin-left: 2px;
		display: inline-block;
		transform: translateY(-3px)
}
.numberL + .unit {
		transform: translateY(-0.4em)
}
.year37 {
		line-height: 1;
		margin: 0;
		padding: 0;
		text-align: center;
		color: #003D72;
		font-size: 28px;
		font-weight: 700;
		transform: translateX(-15px) translateY(15px);
}
.year37 span {
		font-size: 150%;
		font-family: 'Outfit', sans-serif;
}
.commute_flex {
		max-width: 780px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
}
.commute_unit {
		text-align: center;
		color: #003D72;
		font-weight: 700;
		margin-top: 15px;
}
.commute_unit span {
		font-family: 'Outfit', sans-serif;
		font-size: 140%;
		line-height: 1;
		font-weight: 600;
		margin-right: 2px;
}
.micprofile_section {
		position: relative;
		z-index: 5;
		padding-bottom: 80px;
}
.micprofile_inner {
		max-width: 940px;
		margin: 0 auto;
}
.micprofile_inner .section_title {
		position: relative;
}
.micprofile_inner .section_title .micprof_illust {
		position: absolute;
		width: 250px;
		right: -310px;
		top: -60px;
}
.micprof_illust img {
		width: 100%;
		height: auto;
}
.micprofile_flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 40px;
		position: relative;
}
.micprofile_flex::before {
		content: '';
		display: block;
		position: absolute;
		top: -93px;
		left: 0;
		width: 60vw;
		height: 50vw;
		background: url("../images/prof_king_sp.png") no-repeat 0 0;
		background-size: 100%;
}
@media(min-width: 841px) {
		.micprofile_flex::before {
				display: none;
		}
}
.micprofile_inner .section_title_center {
		margin-bottom: 80px;
}
.micprofile_item {
		width: 260px;
		height: 260px;
		border-radius: 50%;
		background: #003d72;
		color: #fff;
		text-align: center;
		margin-bottom: 70px;
		position: relative;
		z-index: 5;
}
.micprofile_item_thumb {
		width: 200px;
		margin: 15px auto 5px;
}
.micprofile_item_thumb img {
		width: 100%;
		height: auto;
}
.micprofile_flex p {
		height: 2.5em;
		font-weight: 500;
}
.data_col {
position: relative;
}

.caution {
  font-size: 16px;
 position: absolute;
 bottom:10px;
 right:20px;
}


@media(max-width: 1200px) {
		.micprofile_item {
				width: calc(30vw - 20px);
				height: calc(30vw - 20px);
		}
		.micprofile_item_thumb {
				width: calc(30vw - 80px);
				margin: 15px auto 5px;
		}
}
@media(max-width: 840px) {
		.micprofile_flex {
				padding: 0 20px;
		}
		.micprofile_item {
				width: calc(calc(calc(100vw - 40px) * 0.5) - 5px);
				height: calc(calc(calc(100vw - 40px) * 0.5) - 5px);
				margin-bottom: 10px;
		}
		.micprofile_item_thumb {
				width: calc(calc(calc(100vw - 40px) * 0.5) - 80px);
				margin: 15px auto 5px;
		}
		.micprofile_flex p {
				font-size: 14px;
		}
}
.data_sub_ttl {
		display: flex;
		align-items: center;
		margin: 0 0 80px;
		color: #003d72;
}
@media(max-width: 767px) {
		.data_sub_ttl {
				display: flex;
				align-items: center;
				justify-content: space-between;
		}
}
.data_sub_ttl img {
		width: 100%;
		height: auto;
}
.data_sub_ttl .section_title {
		margin: 0 25px 0 0;
}
.data_sub_ttl .section_sb_en {
		font-size: 40px;
		margin: 0 0 10px;
}
.benefit_illust {
		width: 167px;
}
.vacation_illust {
		width: 219px;
}
@media(max-width: 1200px) {
		.benefit_illust {
				width: 30%;
		}
		.vacation_illust {
				width: 35%;
		}
}
@media(max-width: 767px) {
		.data_sub_ttl .section_sb_en {
				font-size: 8vw;
				margin: 0 0 10px;
		}
		.data_sub_ttl .section_title {
				margin-right: 15px;
		}
}
.profile_section {
		background: #fff;
		padding: 150px 0;
}
.data_col_wrap {
		max-width: 1160px;
		margin: 0 auto;
}
.data_col {
		background: #fff;
		border-radius: 20px;
		min-height: 300px;
		box-sizing: border-box;
		padding: 35px 30px;
}
.data_col_flex {
		display: flex;
		justify-content: space-between;
		margin: 0 0 40px;
}
.data_col.w50 {
		width: calc(50% - 20px);
}
.data_col.w30 {
		width: calc(calc(100% - 80px) * 0.33)
}
.data_col.w100 {
		width: 100%;
}
.data_col h5 {
		font-size: 18px;
		font-weight: 700;
		color: #003d72;
}
@media(max-width: 1200px) {
		.data_col_flex {
				margin: 0 0 20px;
		}
		.data_col.w50 {
				width: calc(50% - 10px);
		}
		.data_col.w30 {
				width: calc(calc(100% - 40px) * 0.33);
		}
		.txt_extra1 {
				width: 80px;
		}
		.txt_extra2 {
				width: 56px;
		}
		.data1 {
				width: 128px;
		}
		.data2 {
				width: 132px;
		}
		.data3 {
				width: 148px;
		}
		.data4 {
				width: 184px;
		}
		.data5 {
				width: 164px;
		}
		.data6 {
				width: 188px;
		}
		.data7 {
				width: 156px;
		}
		.data8 {
				width: 172px;
		}
		.data9-1 {
				width: 132px;
		}
		.data9-2 {
				width: 116px;
		}
		.data10 {
				width: 204px;
		}
		.data11 {
				width: 296px;
		}
		.data12 {
				width: 116px;
		}
		.data13-1 {
				width: 88px;
		}
		.data13-2 {
				width: 92px;
		}
		.data14, .commute_item {
				width: 116px;
		}
		.number {
				font-size: 68px;
		}
		.numberL {
				font-size: 100px;
		}
		.data_col_inner .data9-1, .data_col_inner .data13-1 {
				left: -30px;
		}
		.data_col_inner .data9-2, .data_col_inner .data13-2 {
				right: -30px;
		}
		.year37 {
				font-size: 22px;
				transform: translateX(-15px) translateY(10px);
		}
		.commute_flex {
				max-width: 600px;
		}
		.unit {
				font-size: 22px;
		}
.caution {
  font-size: 14px;
 position: absolute;
 bottom:3px;
 right:40px;
}
}
@media(max-width: 840px) {
		.second_wrap.data_wrap {
				padding-left: 20px;
				padding-right: 20px;
				margin-bottom: 80px;
		}
}
.benefit_award {
display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 15px;
    margin: -30px  auto 0 auto;
}
.benefit_award h3 {
		font-size: 32px;
		font-weight: 700;
    	color: #e5003f;
     display: block;
    text-align: center;
    margin: auto;
}
.award-icon{
  width:50px;
  height:auto;
  margin:3px 3px 0 0;
}

.benefit_catch {
		margin: 0 0 50px;
		color: #003d72;
		text-align: center;
}
.benefit_catch h3 {
		font-size: 20px;
		font-weight: 700;
}
.benefit_catch h3 span {
		position: relative;
		display: inline-block;
}
.benefit_catch h3 span::before, .benefit_catch h3 span::after {
		content: '';
		display: block;
		width: 2px;
		height: 25px;
		background: #003d72;
		position: absolute;
		top: 3px;
}
.benefit_catch h3 span::before {
		left: -13px;
		transform: rotate(-20deg);
}
.benefit_catch h3 span::after {
		right: -13px;
		transform: rotate(20deg);
}
@media(max-width: 767px) {
		.benefit_catch {
				margin: 0 0 30px;
		}
		.benefit_catch h3 {
				font-size: 16px;
		}
		.benefit_catch h3 span::before, .benefit_catch h3 span::after {
				width: 2px;
				height: 45px;
				top: 3px;
		}
		.benefit_catch h3 span::before {
				left: -23px;
		}
		.benefit_catch h3 span::after {
				right: -23px;
		}
    .benefit_award {
    margin: -60px  auto 0 auto;
}
        .benefit_award h3 {
		font-size: 21px;
}
    .award-icon{
  width:32px;
  height:auto;
  margin:3px 2px 0 0;
}
}
.benefit_flex {
		max-width: 1160px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 120px;
}
.benefit_item {
		width: 360px;
		background: #fff;
		border-radius: 16px;
}
.benefit_item_hdr {
		color: #fff;
		background: #003d72;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 75px;
		border-radius: 16px 16px 0 0;
		text-align: center;
		padding: 0 10px;
}
.benefit_item_hdr h4 {
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		line-height: 1.2;
}
.benefit_item_hdr h4 span {
		font-size: 80%;
}
.benefit_item_caption {
		padding: 25px;
}
.benefit_item_caption p {
		line-height: 1.8;
}
.benefit_item_thumb {
		width: 150px;
		margin: 0 auto 20px;
}
.benefit_item_thumb.extra {
		width: 205px;
}
@media(max-width: 1200px) {
		.benefit_item {
				width: calc(33.3% - 10px);
		}
		.benefit_item_hdr h4 {
				font-size: 17px;
		}
}
@media(max-width: 767px) {
		.benefit_flex {
				display: block;
				margin-bottom: 60px;
		}
		.benefit_item {
				width: 100%;
				margin: 0 0 20px;
		}
		.benefit_item_hdr h4 {
				font-size: 17px;
		}
		.benefit_item_thumb {
				/* width: 68%; */
				margin: 0 auto 15px;
		}
		.benefit_item_hdr {
				height: auto;
				padding: 15px 10px;
		}
}
.system_section {
		margin-bottom: 180px;
		position: relative;
}
.system_section .pet_illust1 {
		width: 290px;
		position: absolute;
		top: -60px;
		right: -20px;
		z-index: 5;
}
.system_section .pet_illust2 {
		width: 120px;
		position: absolute;
		bottom: -3px;
		right: 74px;
}
.pet_illust1 img, .pet_illust2 img {
		width: 100%;
		height: auto;
}
.other_hd + .other_item_flex {
		border-top: 1px solid #a2bacf;
}
.other_hd {
		font-size: 30px;
		font-weight: 700;
		margin: 0 0 45px;
		color: #003d72;
}
.other_item_flex {
		display: flex;
		justify-content: space-between;
		padding: 25px 35px;
		border-bottom: 1px solid #a2bacf;
		position: relative;
}
.other_item_flex::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		width: 1px;
		height: 100%;
		background: #a2bacf;
}
.other_item {
		width: calc(50% - 50px);
}
.other_item dt {
		font-size: 20px;
		font-weight: 700;
		color: #003d72;
		margin: 0 0 5px;
}
.other_item dd {
		line-height: 1.8;
}


@media(max-width: 767px) {
		.system_section .pet_illust1 {
				width: 50vw;
				position: static;
				float: right;
				margin: 0 0 25px;
		}
		.other_hd {
				font-size: 22px;
				margin: 0 0 20px;
				text-align: center;
				clear: both;
		}
		.system_section {
				margin-bottom: 80px;
		}
		.other_item_flex {
				display: block;
				padding: 0;
				border: none !important;
		}
		.other_item_flex::after {
				display: none;
		}
		.other_item {
				width: 100%;
				padding: 15px 0;
				border-bottom: 1px solid #a2bacf !important;
		}
		.other_item dt {
				font-size: 17px;
		}
		.system_section .pet_illust2 {
				width: 20vw;
				right: 0;
		}
}
.vacation_title_wrap {
		max-width: 1160px;
		margin: 0 auto 100px;
		color: #003d72;
}
.vacation_title_wrap .section_title {
		margin-bottom: 0;
}
.vacation_flex {
		max-width: 1160px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
}
.vacation_item {
		width: calc(50% - 20px);
		background: #fff;
		border-radius: 20px;
		position: relative;
}
.vacation_item .vacation_item_notes {
		position: absolute;
		left: 35px;
		bottom: 35px;
		font-size: 14px;
}
.vacation_item_hd {
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		line-height: 75px;
		text-align: center;
		border-radius: 20px 20px 0 0;
}
.blue .vacation_item_hd {
		background: #003d72;
}
.red .vacation_item_hd {
		background: #e5003f;
}
.vacation_item_caption {
		padding: 35px;
		position: relative;
}
.vacation_item_caption .vacation_item_notes {
		position: absolute;
		bottom: -45px;
		left: 35px;
}
.vacation_item_caption::after {
		content: '';
		display: block;
		position: absolute;
		width: 137px;
		height: 141px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
}
.blue .vacation_item_caption::after {
		background-image: url("../images/data_vacation_illust1.png");
		top: -32px;
		left: 12px;
}
.red .vacation_item_caption::after {
		background-image: url("../images/data_vacation_illust2.png");
		top: -32px;
		right: 12px;
}
.vacation_item_catch {
		text-align: center;
		font-size: 30px;
		font-weight: 700;
		line-height: 1.2;
		margin: 0 0 30px;
		font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.vacation_item_catch span {
		font-size: 60%;
}
.blue .vacation_item_catch, .blue .vacation_item_sb, .blue .vacation_item_dl dt {
		color: #003d72;
}
.red .vacation_item_catch, .red .vacation_item_sb, .red .vacation_item_dl dt {
		color: #e5003f;
}
.vacation_item_sb {
		font-size: 20px;
		font-weight: 700;
		margin: 0 0 14px;
}
.vacation_item_dl_gr {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
.vacation_item_dl {
		width: calc(50% - 15px);
		margin-bottom: 25px;
}
.vacation_item_dl dt {
		font-size: 16px;
		font-weight: 700;
		margin: 0 0 3px;
}
.vacation_item_dl dt span {
		font-size: 85%;
}
.vacation_item_dl dd {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.8;
}
.second_wrap_inner .pet_illust3 {
		position: absolute;
		left: calc(50% - 97.5px);
		width: 195px;
		bottom: -390px;
}
.pet_illust3 img {
		width: 100%;
		height: auto;
}
@media(max-width: 767px) {
		.vacation_flex {
				display: block;
		}
		.vacation_item {
				width: 100%;
				margin: 0 0 40px;
		}
		.vacation_item_caption {
				padding: 20px;
		}
		.vacation_item_dl_gr {
				display: block;
		}
		.vacation_item_dl {
				width: 100%;
				margin-bottom: 20px;
		}
		.vacation_item_caption .vacation_item_notes {
				position: static;
				padding-top: 15px;
		}
		.vacation_item_hd {
				font-size: 18px;
		}
		.vacation_item_catch {
				font-size: 20px;
				margin: 0 0 20px;
		}
		.vacation_item_sb {
				font-size: 18px;
		}
		.vacation_item_caption::after {
				width: 20vw;
				height: 20vw;
		}
		.blue .vacation_item_caption::after {
				top: -55px;
				left: 0px;
		}
		.red .vacation_item_caption::after {
				top: -55px;
				right: inherit;
				left: 0px;
		}
		.second_wrap {
				margin-bottom: calc(15vw + 60px);
		}
		.second_wrap::after {
				bottom: -15vw;
		}
		.second_wrap_inner .pet_illust3 {
				position: absolute;
				left: calc(50% - 15vw);
				width: 30vw;
				bottom: -50vw;
		}
}