/* Start of Selection */
.license {
	.license__inner {
		padding-top: calc(80 / 1440 * 100vw);
		.single-company {
			margin-bottom: calc(128 / 1440 * 100vw);
			.license-head {
				color: var(--0-c-2-d-45, #0c2d45);

				/* JP-32B */
				font-family: "Noto Sans JP";
				font-size: calc(32 / 1440 * 100vw);
				font-style: normal;
				font-weight: 700;
				line-height: 160%; /* 51.2px */
				letter-spacing: calc(1.28 / 1440 * 100vw);

				margin-top: calc(48 / 1440 * 100vw);
				margin-bottom: calc(24 / 1440 * 100vw);
				padding-left: calc(28 / 1440 * 100vw);
				border-left: calc(12 / 1440 * 100vw) solid var(--0-c-2-d-45, #0c2d45);
			}
			.accordion-content {
				.accordion-main {
					max-height: 0;
					transform: scaleY(0);
					transform-origin: top;
					opacity: 0;
					overflow: hidden;
					transition:
					  max-height 0.2s cubic-bezier(0.4,0,0.2,1),
					  transform 0.2s cubic-bezier(0.4,0,0.2,1),
					  opacity 0.2s cubic-bezier(0.4,0,0.2,1);
				  }
				  .accordion-main.open {
					max-height: 2000px;
					transform: scaleY(1);
					opacity: 1;
				  }
				.accordion-head {
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding: calc(16 / 1440 * 100vw) calc(40 / 1440 * 100vw);
					background: #eef2f6;

					margin-bottom: calc(24 / 1440 * 100vw);
					.accordion-head__text {
						display: flex;
						flex-direction: column;

						color: var(--txt_main, #222);

						/* JP-24B */
						font-family: "Noto Sans JP";
						font-size: calc(24 / 1440 * 100vw);
						font-style: normal;
						font-weight: 700;
						line-height: 160%; /* 38.4px */
						letter-spacing: calc(0.96 / 1440 * 100vw);
						span {
							margin-top: calc(8 / 1440 * 100vw);
							color: var(--txt_main, #222);

							/* JP-16R */
							font-family: "Noto Sans JP";
							font-size: calc(16 / 1440 * 100vw);
							font-style: normal;
							font-weight: 400;
							line-height: 160%; /* 25.6px */
							letter-spacing: calc(0.64 / 1440 * 100vw);
						}
					}
					.accordion-head__icon {
						width: calc(40 / 1440 * 100vw);
						height: calc(40 / 1440 * 100vw);
						background: url(../images/licenses/accordion-p.png) no-repeat center center / contain;
					}
					.accordion-head__icon.open {
						background: url(../images/licenses/accordion-m.png) no-repeat center center / contain;
					}
				}
				.link-text {
					color: var(--txt_main, #222);

					/* JP-16R */
					font-family: "Noto Sans JP";
					font-size: calc(16 / 1440 * 100vw);
					font-style: normal;
					font-weight: 400;
					line-height: 160%; /* 25.6px */
					letter-spacing: calc(0.64 / 1440 * 100vw);

					text-decoration-style: solid;
					text-decoration-skip-ink: none;
					text-decoration-thickness: auto;
					text-underline-offset: auto;
					text-underline-position: from-font;
					margin-bottom: calc(24 / 1440 * 100vw);
					a {
						text-decoration-line: underline;
					}
				}
				.three-col-table {
					.table-row {
						display: flex;
						border-bottom: 1px solid var(--d-7-dee-5, #d7dee5);
						.col {
							padding: calc(8 / 1440 * 100vw) calc(16 / 1440 * 100vw);

							color: var(--0-c-2-d-45, #0c2d45);

							/* JP-16R */
							font-family: "Noto Sans JP";
							font-size: calc(16 / 1440 * 100vw);
							font-style: normal;
							font-weight: 400;
							line-height: 160%; /* 25.6px */
							letter-spacing: calc(0.64 / 1440 * 100vw);

							border-right: 1px solid var(--d-7-dee-5, #d7dee5);
						}
						.col1 {
							width: calc(540 / 1280 * 100%);
							p {
							}
						}
						.col2 {
							width: calc(200 / 1280 * 100%);
							p {
							}
						}
						.col3 {
							width: calc(540 / 1280 * 100%);
							p {
							}
						}
					}

					/* Start of Selection */
					.table-row:nth-child(odd) {
						background: #f8f8f8;
					}
					/* End of Selection */

					.table-row:first-child {
						.col {
							color: #ffffff;
							border-right: 1px solid var(--d-7-dee-5, #d7dee5);
						}
						background: #0c2d45;
					}
				}
				.two-col-table {
					margin-bottom: calc(48 / 1440 * 100vw);
					.table-row {
						display: flex;
						border-bottom: 1px solid var(--d-7-dee-5, #d7dee5);
						.col {
							padding: calc(8 / 1440 * 100vw) calc(16 / 1440 * 100vw);

							color: var(--0-c-2-d-45, #0c2d45);

							/* JP-16R */
							font-family: "Noto Sans JP";
							font-size: calc(16 / 1440 * 100vw);
							font-style: normal;
							font-weight: 400;
							line-height: 160%; /* 25.6px */
							letter-spacing: calc(0.64 / 1440 * 100vw);

							border-right: 1px solid var(--d-7-dee-5, #d7dee5);
						}
						.col1 {
							width: 50%;
							p {
							}
						}
						.col2 {
							width: 50%;
							p {
							}
						}
					}

					/* Start of Selection */
					.table-row:nth-child(odd) {
						background: #f8f8f8;
					}
					/* End of Selection */

					.table-row:first-child {
						.col {
							color: #ffffff;
							border-right: 1px solid var(--d-7-dee-5, #d7dee5);
						}
						background: #0c2d45;
					}
				}
			}
		}
	}
}
/* End of Selection */

@media screen and (max-width: 768px) {
	.license {
		.license__inner {
			padding-top: calc(64 / 375 * 100vw);
			.single-company {
				margin-bottom: calc(48 / 375 * 100vw);
				.license-head {
					color: var(--0-c-2-d-45, #0c2d45);

					color: var(--0-c-2-d-45, #0c2d45);

					/* JP-24B */
					font-family: "Noto Sans JP";
					font-size: calc(24 / 375 * 100vw);
					font-style: normal;
					font-weight: 700;
					line-height: 160%; /* 38.4px */
					letter-spacing: calc(0.96 / 375 * 100vw);

					margin-top: calc(48 / 375 * 100vw);
					margin-bottom: calc(24 / 375 * 100vw);
					padding-left: calc(28 / 375 * 100vw);
					border-left: calc(12 / 375 * 100vw) solid var(--0-c-2-d-45, #0c2d45);
				}
				.accordion-content {
					.accordion-main {
						max-height: 0;
						transform: scaleY(0);
						transform-origin: top;
						opacity: 0;
						overflow: hidden;
						transition:
						  max-height 0.2s cubic-bezier(0.4,0,0.2,1),
						  transform 0.2s cubic-bezier(0.4,0,0.2,1),
						  opacity 0.2s cubic-bezier(0.4,0,0.2,1);
					  }
					  .accordion-main.open {
						max-height: 2000px;
						transform: scaleY(1);
						opacity: 1;
					  }
					.accordion-head {
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: calc(16 / 375 * 100vw) calc(20 / 375 * 100vw);
						background: #eef2f6;

						margin-bottom: calc(16 / 375 * 100vw);
						.accordion-head__text {
							color: var(--txt_main, #222);

							color: var(--txt_main, #222);
							font-family: "Noto Sans JP";
							font-size: calc(16 / 375 * 100vw);
							font-style: normal;
							font-weight: 700;
							line-height: 160%; /* 25.6px */
							letter-spacing: calc(0.64 / 375 * 100vw);

							max-width: calc(235 / 375 * 100vw);
							span {
								margin-top: calc(8 / 375 * 100vw);
								color: var(--txt_main, #222);

								/* JP-16R */
								font-family: "Noto Sans JP";
								font-size: calc(16 / 375 * 100vw);
								font-style: normal;
								font-weight: 400;
								line-height: 160%; /* 25.6px */
								letter-spacing: calc(0.64 / 375 * 100vw);
							}
						}
						.accordion-head__icon {
							width: calc(40 / 375 * 100vw);
							height: calc(40 / 375 * 100vw);
							background: url(../images/licenses/accordion-p.png) no-repeat center center / contain;
							transition: background-image 0.2s cubic-bezier(0.4,0,0.2,1);
						}
						.accordion-head__icon.open {
							background: url(../images/licenses/accordion-m.png) no-repeat center center / contain;
							transition: background-image 0.2s cubic-bezier(0.4,0,0.2,1);
						}
					}
					.link-text {
						color: var(--txt_main, #222);

						/* JP-16R */
						font-family: "Noto Sans JP";
						font-size: calc(16 / 375 * 100vw);
						font-style: normal;
						font-weight: 400;
						line-height: 160%; /* 25.6px */
						letter-spacing: calc(0.64 / 375 * 100vw);

						text-decoration-style: solid;
						text-decoration-skip-ink: none;
						text-decoration-thickness: auto;
						text-underline-offset: auto;
						text-underline-position: from-font;
						margin-bottom: calc(24 / 375 * 100vw);
						a {
							text-decoration-line: underline;
						}
					}
					.table-wrapper {
						overflow-x: scroll;
						margin-bottom: calc(48 / 375 * 100vw);
					}
					.three-col-table {
						width: calc(300 * 3 / 375 * 100vw);
						.table-row {
							display: flex;
							border-bottom: 1px solid var(--d-7-dee-5, #d7dee5);
							.col {
								padding: calc(8 / 375 * 100vw) calc(16 / 375 * 100vw);

								color: var(--0-c-2-d-45, #0c2d45);

								/* JP-16R */
								font-family: "Noto Sans JP";
								font-size: calc(16 / 375 * 100vw);
								font-style: normal;
								font-weight: 400;
								line-height: 160%; /* 25.6px */
								letter-spacing: calc(0.64 / 375 * 100vw);

								border-right: 1px solid var(--d-7-dee-5, #d7dee5);
							}
							.col1 {
								width: calc(300 / 375 * 100vw);
								p {
								}
							}
							.col2 {
								width: calc(300 / 375 * 100vw);
								p {
								}
							}
							.col3 {
								width: calc(300 / 375 * 100vw);
								p {
								}
							}
						}

						/* Start of Selection */
						.table-row:nth-child(odd) {
							background: #f8f8f8;
						}
						/* End of Selection */

						.table-row:first-child {
							.col {
								color: #ffffff;
								border-right: 1px solid var(--d-7-dee-5, #d7dee5);
							}
							background: #0c2d45;
						}
					}
					.two-col-table {
						margin-bottom: 0;
						width: calc(300 * 2 / 375 * 100vw);
						.table-row {
							display: flex;
							border-bottom: 1px solid var(--d-7-dee-5, #d7dee5);
							.col {
								padding: calc(8 / 375 * 100vw) calc(16 / 375 * 100vw);

								color: var(--0-c-2-d-45, #0c2d45);

								/* JP-16R */
								font-family: "Noto Sans JP";
								font-size: calc(16 / 375 * 100vw);
								font-style: normal;
								font-weight: 400;
								line-height: 160%; /* 25.6px */
								letter-spacing: calc(0.64 / 375 * 100vw);

								border-right: calc(1 / 375 * 100vw) solid var(--d-7-dee-5, #d7dee5);
							}
							.col1 {
								width: calc(300 / 375 * 100vw);
								p {
								}
							}
							.col2 {
								width: calc(300 / 375 * 100vw);
								p {
								}
							}
						}

						/* Start of Selection */
						.table-row:nth-child(odd) {
							background: #f8f8f8;
						}
						/* End of Selection */

						.table-row:first-child {
							.col {
								color: #ffffff;
								border-right: calc(1 / 375 * 100vw) solid var(--d-7-dee-5, #d7dee5);
							}
							background: #0c2d45;
						}
					}
				}
			}
		}
	}
}