@charset "utf-8";

@media screen and (max-width: 1319px) {
	.l-at-a-glance_navi {
		width: 16.2244%;
		margin-left: 22px;
	}
	
	.l-at-a-glance_navi .inner {
		padding-left: 16.05%;
	}
	
	.l-future .detail .u-button > * {
		width: calc(100% / 5 * 2);
		padding-right: 45px;
	}
	
}

@media screen and (max-width: 1199px) {
	.l-at-a-glance_navi {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
		float: none;
		position: relative;
		top: auto;
	}
	
	.l-at-a-glance_navi .inner {
		padding: 25px 0 20px;
		display: block;
		background-color: #f1f1f1;
		border-radius: 0;
	}
	
	.l-at-a-glance_navi .items {
		display: flex;
		justify-content: center;
		gap: 2.15%;
	}
	
	.l-at-a-glance_navi .items a {
		color: var(--black_text);
		padding: 0 0 10px;
		border-left: 0;
		border-bottom: 1px solid var(--black_text);
	}
	
	.l-at-a-glance_navi .items a:after {
		display: none;
	}
	
	.l-at-a-glance_head {
		margin: 0;
		left: auto;
		right: 50px;
		translate: 0;
	}
	
	.l-at-a-glance_head h2:before {
		font-size: 120rem;
	}
	
	.l-origin .l-at-a-glance_inner {
		padding-left: 40px;
	}
	
	.l-today_prologue .l-at-a-glance_inner {
		padding-left: 40px;
	}
	
	.l-today .l-at-a-glance_inner {
		padding-left: 40px;
	}
	
	.l-today .visual .object_01 {
		width: 21.685%;
		margin: 0 0 0 11.5%;
		right: auto;
		left: 0;
	}
	
	.l-today .visual .object_02 {
		width: 56.714%;
		margin: 0 7.5% 0 0;
		left: auto;
		right: 0;
	}
	
	.l-service .l-at-a-glance_inner {
		padding-left: 40px;
	}
	
	.l-network .l-at-a-glance_inner {
		padding-left: 40px;
	}
	
	.l-result .l-at-a-glance_inner {
		padding-left: 40px;
	}
	
	.l-future .data {
		padding-inline: 0 40px;
	}
	
	.l-future .details {
		padding-left: 60px;
	}
	
}

@media screen and (max-width: 999px) {
	.g-main-body {
		overflow: hidden;
	}
	
	.p-index.p-local .u-kv {
		padding-top: 42.5%;
	}
	
	.p-index.p-local .u-kv_pagetitle {
		height: auto;
		margin-top: 0;
	}
	
	.l-at-a-glance_head {
		padding: 70px 40px 0;
		float: none;
		position: absolute;
		top: auto;
		right: auto;
	}
	
	.l-at-a-glance_head h2 {
		font-size: 16rem;
		writing-mode: horizontal-tb;
	}
	
	.l-at-a-glance_head h2:before {
		font-size: 80rem;
		text-indent: 0;
		margin: 0 0 10px;
	}
	
	.l-at-a-glance_title {
		font-size: 26rem;
	}
	
	.l-at-a-glance_title + * {
		margin-top: 5px;
	}
	
	.l-origin {
		padding-bottom: 70px;
	}
	
	.l-origin .l-at-a-glance_inner {
		padding: 200px 0 0;
	}
	
	.l-origin .section .title {
		font-size: 20rem;
	}
	
	.l-origin .section .title.year {
		margin-top: -1em;
	}
	
	.l-origin .section .title.year + * {
		margin-top: 0;
	}
	
	.l-today {
		padding-bottom: 70px;
	}
	
	.l-today_prologue .l-at-a-glance_inner {
		padding-left: 0;
	}
	
	.l-today .l-at-a-glance_inner {
		padding-left: 0;
	}
	
	.l-today_prologue {
		padding-top: 200px;
	}
	
	.l-today .l-at-a-glance_inner {
		padding-inline: 0;
	}
	
	.l-service {
		padding-block: 60px 70px
	}
	
	.l-service .l-at-a-glance_inner {
		padding-inline: 0;
	}
	
	.l-network {
		padding-block: 60px 70px
	}
	
	.l-network .l-at-a-glance_inner {
		padding-inline: 0;
	}
	
	.l-result {
		padding-block: 60px 70px
	}
	
	.l-result .l-at-a-glance_inner {
		padding-inline: 0;
	}
	
	.l-result_items .u-text {
		font-size: 2.6vw;
	}
	
	.l-result_items .u-text b {
		font-size: 7vw;
	}
	
	.l-result_items .u-text small {
		font-size: 1.8vw;
	}
	
	.l-future .l-at-a-glance_inner {
		min-height: calc(100vh - var(--header_h) - 48px);
	}
	
	.l-future .data {
		padding-inline: 0;
	}
	
	.l-future .details {
		padding-inline: 0;
	}
	
	.l-future .detail .u-button > * {
		width: calc(100% / 2);
	}
	
	.l-vision .l-at-a-glance_inner {
		padding-inline: 20% 0;
	}
	
	.l-vision .l-at-a-glance_title {
		font-size: 1.8vw;
	}
	
	.l-vision .u-text {
		font-size: 2.8vw;
	}
	
}

@media screen and (max-width: 767px) {
	.g-breadcrumb {
		margin-top: 15px;
	}
	
	.p-index.p-local .u-kv_pagetitle {
		width: 53.333%;
		top: 50%;
	}
	
	.p-index.p-local .u-kv_pagetitle span {
		padding: 9.6% 7.45% 9% 8%;
	}
	
	.l-at-a-glance_navi .items {
		padding-inline: 15px;
	}
	
	.l-at-a-glance_navi .items a {
		font-size: 13rem;
		text-align: center;
	}
	
	.l-at-a-glance_navi .item {
		width: calc(100% / 3);
	}
	
	.l-at-a-glance_head {
		padding: 60px 0 0 15px;
	}
	
	.l-at-a-glance_head h2:before {
		font-size: 70rem;
	}
	
	.l-at-a-glance_title {
		letter-spacing: 0;
	}
	
	.l-origin .section {
		width: 100%;
		margin-top: 20px;
	}
	
	.l-origin .section > * {
		margin: 0;
	}
	
	.l-origin .section .title.year {
		font-size: 20rem;
		margin-top: 40px;
		margin-bottom: -10px;
	}
	
	.l-origin .section .title.year b {
		font-size: 50rem;
	}
	
	.l-origin .section > *.image {
		padding-top: 0;
	}
	
	.logo_desc {
		margin-top: 50px;
		padding: 30px 20px;
	}
	
	.logo_desc .inner {
		margin-top: 30px;
		flex-direction: column;
	}
	
	.logo_desc .title {
		font-size: 21rem;
	}
	
	.logo_desc .u-text {
		width: 100%;
	}
	
	.logo_desc .image {
		text-align: center;
		width: 100%;
		margin: 20px 0 0;
		padding-left: 0;
	}
	
	.logo_desc .image img {
		width: 123px;
	}
	
	.l-today_prologue {
		border-bottom-width: 12px;
	}
	
	.l-today {
		padding-bottom: 50px;
	}
	
	.l-today .visual {
		border-bottom-width: 6px;
	}
	
	.l-today .visual .bg img {
		height: 122px;
		margin: 0 0 0 -16%;
	}
	
	.l-today .visual .object_01 {
		width: 25.85%;
		margin-left: 9%;
	}
	
	.l-today .visual .object_02 {
		width: 58.65%;
		margin-right: 4%;
		bottom: -35px;
	}
	
	.l-today .visual .object_cloud_01 {
		width: 21.6%;
		margin-top: -5%;
	}
	
	.l-today .visual .object_cloud_02 {
		width: 18.125%;
	}
	
	.l-today .visual .object_cloud_03 {
		width: 12.533%;
		margin-top: 8%;
		top: 0;
	}
	
	.l-today .section:nth-of-type(1) {
		margin-top: 60px;
		flex-direction: column-reverse;
	}
	
	.l-today .section:nth-of-type(1) figure {
		width: 300px;
		margin: 20px auto 0;
		padding: 0;
	}
	
	.l-today .section:nth-of-type(1) figure + *,
	.l-today .section:nth-of-type(2) figure + * {
		width: 100%;
	}
	
	.l-today .section:nth-of-type(2) {
		margin-top: 45px;
		flex-direction: column-reverse;
	}
	
	.l-today .section:nth-of-type(2) figure {
		width: 280px;
		margin: 40px auto 0;
		padding: 0;
	}
	
	.l-today .section:nth-of-type(3) {
		text-align: left;
		margin-top: 45px;
	}
	
	.l-today .section .title {
		font-size: 18rem;
	}
	
	.l-today .section .balloon:after {
		width: 18px;
		height: 22px;
	}
	
	.l-today .section .balloon.-left:after {
		top: 100%;
		left: 50%;
		transform-origin: right bottom;
		rotate: -90deg;
		translate: -50% -100%;
	}
	
	.l-today .section .balloon.-right:after {
		top: 100%;
		right: 50%;
		transform-origin: left top;
		rotate: 90deg;
		translate: 150% 0%;
	}
	
	.l-today .l-at-a-glance_inner .u-button {
		margin-top: 50px;
	}
	
	.l-service {
		padding-block: 50px;
	}
	
	.l-service_items {
		width: calc(100% + (8px * 2));
		flex-wrap: wrap;
		margin: 10px -8px 0;
	}
	
	.l-service_items .item {
		width: calc(100% / 2 - (8px * 2));
		margin-top: 16px;
		margin-inline: 8px;
	}
	
	.l-service_items .image img {
		width: calc(100% - (30px * 2));
	}
	
	.l-service_items .image figcaption {
		font-size: 14rem;
	}
	
	.l-service_items + * {
		margin-top: 30px;
	}
	
	.l-service .u-button > * {
		margin-inline: auto;
		display: block;
	}
	
	.l-network {
		padding-block: 50px;
	}
	
	.l-network .image {
		width: 100%;
		margin: 20px 0 0;
		position: relative;
		z-index: 0;
	}
	
	.l-network .u-button {
		margin-top: 30px;
		position: relative;
		top: auto;
	}
	
	.l-network .u-button > * {
		margin-inline: auto;
		display: block;
	}
	
	.l-result {
		padding-block: 50px;
	}
	
	.l-result .l-at-a-glance_title small {
		font-size: 14rem;
		margin-bottom: 10px;
		display: block;
	}
	
	.l-result_items {
		margin-inline: -8px;
	}
	
	.l-result_items .item {
		width: calc(100% / 2 - (8px * 2));
		margin: 8px;
		padding: 20px 10px 15px;
	}
	
	.l-result_items .image {
		margin: 10px 0 0;
		padding-inline: 10px;
	}
	
	.l-result_items .title {
		font-size: 16rem;
	}
	
	.l-result_items .u-text {
		font-size: 16rem;
	}
	
	.l-result_items .u-text b {
		font-size: 32rem;
	}
	
	.l-result_items .u-text small {
		font-size: 15rem;
	}
	
	.l-result_items .item:nth-child(3) .image {
		padding-inline: 5px;
	}
	
	.l-result_items .item:nth-child(4) .image {
		padding: .7em 0 0.5em 12.5%;
	}
	
	.l-result_items .item:nth-child(5) .u-text b {
		font-size: 32rem;
	}
	
	.l-result_items .item:nth-child(5) .image {
		padding: .8em 0;
	}
	
	.l-future .vertical > .title {
		font-size: 24rem;
		line-height: 1.75;
	}
	
	.l-future .vertical > .title small {
		font-size: 20rem;
	}
	
	.l-future .vertical > .u-text {
		line-height: 2.2;
		margin-right: 10px;
		white-space: nowrap;
	}

	.l-future .policy[section-number='1'] {
		padding-bottom: 60px;
		background-image: url("/_assets/images/at-a-glance/future_bg_01_mobile.webp");
		background-position: left center;
	}
	
	.l-future .policy[section-number='1'] .vertical {
		padding-top: 220px;
	}
	
	.l-future .policy[section-number='2'] {
		padding-bottom: 80px;
	}
	
	.l-future .policy[section-number='2'] .bg_zoom_image {
		height: 100vh;
	}
	
	.l-future .policy[section-number='3'] {
		background: url(/_assets/images/at-a-glance/future_bg_03_mobile.webp) no-repeat center / cover fixed;
	}
	
	
	.l-future .data .balloon {
		padding: 20px;
		flex-direction: column;
	}
	
	.l-future .data .balloon > div:nth-child(1) {
		padding: 0;
	}
	
	.l-future .data .balloon:before {
		width: calc(100% - (10px * 2));
		height: 1px;
		margin-top: -15px;
	}
	
	.l-future .data .balloon > div {
		width: 100%;
		padding: 40px 0;
	}
	
	.l-future .data .title {
		font-size: 16rem;
	}
	
	.l-future .data .balloon > div:nth-child(1) .u-text {
		font-size: 18rem;
		margin-top: 10px;
	}
	
	.l-future .data .balloon > div:nth-child(2) {
		padding: 40px 0 0;
	}
	
	.l-future .data .balloon > div:nth-child(2) span {
		font-size: 18rem;
	}
	
	.l-future .data .u-button {
		margin-top: 50px;
		margin-bottom: 60px;
	}
	
	.l-future .data .u-button > * {
		width: 256px;
		margin-inline: auto;
		display: block;
	}
	
	.l-future .details {
		padding-bottom: 60px;
	}
	
	.l-future .detail {
		margin: 70px 0;
		padding: 40px 20px;
	}
	
	.l-future .detail:after {
		font-size: 70rem;
		margin-left: 15px;
	}
	
	.l-future .detail .title {
		font-size: 18rem;
	}

	.l-future .detail[data-detailnumber='1'] .images {
		flex-direction: row;
		gap: 16px;
	}
	
	.l-future .detail[data-detailnumber='2'] .images {
		flex-direction: column;
		gap: 16px;
	}
	
	.l-future .detail[data-detailnumber='2'] .image {
		width: 100%;
	}
	
	.l-future .detail[data-detailnumber='3'] .image {
		margin-bottom: -20px;
	}
	
	.l-future .detail .u-button {
		text-align: center;
	}
	
	.l-future .detail .u-button > * {
		white-space: nowrap;
		width: calc(256px + (15px * 2));
	}
	
	.l-vision .u-inner {
		padding-block: 190px 220px;
		min-height: 0;
	}
	
	.l-vision .l-at-a-glance_inner {
		padding-inline: 0;
	}
	
	.l-vision .l-at-a-glance_title {
		font-size: 16rem;
	}
	
	.l-vision .u-text {
		font-size: 20rem;
	}
	
}

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