@charset "utf-8";

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width:768px) {
  /* ------------------------------------------------------
   * Override
  ------------------------------------------------------ */

  /* ------------------------------------------------------
   * Parts
  ------------------------------------------------------ */
	/* ----- teletora-index-layout ----- */
	.teletora-index-layout {
    margin-top: 63px;
		border-top: 1px solid #dde0e7;
    border-radius: 8px;
		background-color: #fff;
	}
	.teletora-index-layout .teletora-index-layout__inner {
		max-width: 960px;
		margin: 0 auto;
		padding: 54px 0;
	}
	.teletora-index-layout .teletora-index-layout__inner >:first-child,
	.teletora-index-layout .teletora-index-layout__inner > section:first-child >:first-child {
		margin-top: 0 !important;
	}


		/* --- teletora-index-banner-wrap --- */
		.teletora-index-banner-wrap {
			display: flex;
			flex-flow: nowrap;
      gap: 20px;
			justify-content: center;
			margin-top: 20px;
			margin-left: 20px;
		}

	/* --- teletora-index-banner-v2 --- */
	.teletora-index-banner-v2 {
		box-sizing: border-box;
		border: 1px solid #f1f2f6;
		border-radius: 7px;
		overflow: hidden;
	}
	.teletora-index-banner-v2 > [class*="__type"] {
		position: relative;
		display: block;
	}
	.teletora-index-banner-v2 .teletora-index-banner-v2__type::before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 4px;
		right: 4px;
		border-style: solid;
		border-width: 0 6px 6px 0;
		border-color: transparent #06066b transparent transparent;
		z-teletora-index: 1;
	}
	.teletora-index-banner-v2 .teletora-index-banner-v2__type:hover::before {
		border-color: transparent #1eace5 transparent transparent;
	}
	.teletora-index-banner-v2 .teletora-index-banner-v2__type--blank::before {
		content: "";
		position: absolute;
		top: 4px;
		right: 4px;
		display: inline-block;
		width: 10px;
		height: 10px;
		background-image: url('/extlib/corporate/sustainability/teletora-index/img/cmn_ic05_01.png'), url('/extlib/corporate/sustainability/teletora-index/img/cmn_ic05_02.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain, 0 0;
		z-teletora-index: 1;
	}
	.teletora-index-banner-v2 .teletora-index-banner-v2__type--blank:hover::before {
		background-size: 0 0, contain;
	}
	.teletora-index-banner-v2 img {
		width: 100%;
		transition: transform .6s;
	}
	.teletora-index-banner-v2 > [class*="__type"]:not([class*="__type--nolink"]):hover img {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	/* --- teletora-index-figure-wrap --- */
	.teletora-index-figure-wrap {
		border-radius: 6px;
		background-color: #fff;
		padding: 24px 24px 48px;
	}
	.teletora-index-figure-wrap .cmn-figure-wrap--center {
		margin-top: 0px;
	}
}
/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width:767.98px) {
  /* ------------------------------------------------------
   * Override
  ------------------------------------------------------ */
  /* ------------------------------------------------------
   * Parts
  ------------------------------------------------------ */
	/* --- teletora-index-layout --- */
	.teletora-index-layout {
    margin-top: 40px;
		border-top: 1px solid #dde0e7;
    border-radius: 8px;
		background-color: #fff;
	}
	.teletora-index-layout .teletora-index-layout__inner {
		padding: 35px 10px;
	}
	.teletora-index-layout .teletora-index-layout__inner >:first-child,
	.teletora-index-layout .teletora-index-layout__inner > section:first-child >:first-child {
		margin-top: 0 !important;
	}

	/* --- teletora-index-banner-wrap --- */
	.teletora-index-banner-wrap {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
    gap: 20px 15px;
	}
		/* --- teletora-index-banner-v2 --- */
	.teletora-index-banner-v2 {
    width: calc((100% - 15px) / 2);
		box-sizing: border-box;
	}
	.teletora-index-banner-v2 > [class*="__type"] {
		position: relative;
		display: block;
		border: 1px solid #f1f2f6;
		border-radius: 4px;
		overflow: hidden;
		z-teletora-index: 1;
	}
	.teletora-index-banner-v2 .teletora-index-banner-v2__type::before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 4px;
		right: 4px;
		border-style: solid;
		border-width: 0 8px 8px 0;
		border-color: transparent #06066b transparent transparent;
		z-teletora-index: 1;
	}
	.teletora-index-banner-v2 .teletora-index-banner-v2__type--blank::before {
		content: "";
		position: absolute;
		top: 4px;
		right: 4px;
		display: inline-block;
		width: 10px;
		height: 10px;
		background-image: url('/extlib/corporate/sustainability/teletora-index/img/cmn_ic05_01.png'), url('/extlib/corporate/sustainability/teletora-index/img/cmn_ic05_02.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain, 0 0;
		z-teletora-index: 1;
	}
	.teletora-index-banner-v2 img {
		width: 100%;
	}

		/* --- teletora-index-figure-wrap --- */
	.teletora-index-figure-wrap {
		border-radius: 6px;
		background-color: #fff;
		padding: 16px 16px 32px;
	}
	.teletora-index-figure-wrap .cmn-figure-wrap--center {
		margin-top: 0px;
	}


}