@charset "utf-8";
/* CSS Document */

/*共通コンポーネント*/
body main p {
	font-size: 16px;
	line-height: 2em;
}
.c-pc{
	display: block;
}
.c-sp{
	display: none;
}
.c-bold{
	font-weight: 700;
}
.c-stock__btn{
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
}
.c-stock__btn a{
	color: #fff;
	display: block;
	font-weight: 700;
	padding: 15px 10px;
	font-size: 18px;
	background-color: #ea5404;
	border-radius: 40px; 
}
.c-stock__btn a:hover{
	text-decoration: none;
	opacity: 0.8;
}
.c-stock__btn_bottom{
	margin-bottom: 70px;
}
.c-heading-primary{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
}
.c-heading-primary::before{
	content: "";
  display: inline-block;
  width: 30px;      /* 横線の長さ */
  height: 8px;      /* 横線の太さ */
  background: #000; /* 色 */
  margin:0 12px 6px; /* 文字との間隔 */
}
.c-heading-secondary{
	margin-bottom: 40px;
	font-weight: 800;
	font-size: 24px;
}
@media screen and (max-width: 430px) {
	.c-pc{
	display: none;
}
.c-sp{
	display: block;
}
	.c-stock__btn{
	margin: 0 20px;
}
	.c-stock__btn a{
	font-size: 15px;
}
	.c-stock__btn_bottom{
		margin-bottom: 80px;
	}
	.c-heading-primary::before{
  width: 25px; 
  height: 6px;
  margin:0 12px 4px;
}
	.c-heading-secondary{
	font-size: 16px;
	line-height: 2em;
}
}
.p-stock img{
	width: 100%;
}
.p-stock__inner{
	max-width: 950px;
	padding: 0 20px;
	margin: 0 auto;
}
@media screen and (max-width: 430px) {
	.p-stock__inner{
	width: 90%;
}
}
/*共通ユーティリティクラス*/
.u-lh-2{
	line-height: 2!important;
}
.u-fs-sm{
	font-size: 0.875rem;
}
.u-br-pc{
	display: block;
}
.u-br-sp{
		display: none;
	}



.page_title h1{
	line-height: 1.5em;
	padding-top: 26px;
}
.p-stock{
	line-height: 2em;
}

/* メインコンテナ */
.p-stock-hero{
	margin-bottom: 70px;
}
.p-stock-hero__container {
  position: relative;
  max-width: 1440px;
  height: 500px;
  overflow: hidden;
	margin:0 auto 40px;
}

.p-stock-hero__container::after {
  content: "";
  position: absolute;

  left: -40px;
  right: -40px;
  bottom: -40px;
  height: 50px;
  background: rgba(255,255,255,1);
  filter: blur(5px);
  pointer-events: none;
  z-index: 2;
}

.p-stock-hero__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 複数の背景を指定：先に書いたものが上に重なります */
  background-image: 
    /* 1. 左の白グラデーション */
    linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 15%),
    /* 2. 右の白グラデーション */
    linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 15%),
    /* 3. 本体の画像 */
    url("../images/bg_mainImg.jpg"); 
  background-size: 15% 100%, 15% 100%, cover; /* グラデーションの幅を制限 */
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left center, right center, center 20%;
  z-index: 1;
}
.p-stock-hero__img::before {
	content: url("../images/radius-left.png");
	position: absolute;
	left: 0;
	bottom: -46px;
}
.p-stock-hero__img::after {
	content: url("../images/radius-right.png");
	position: absolute;
	right: 0;
	bottom: -46px;
}
.p-stock-hero__img img {
    display: block; /* 隙間をなくすために追加 */
    width: 100%;
    -webkit-mask-image: linear-gradient(
        to right, 
        transparent 0%, 
        black 10%, 
        black 90%, 
        transparent 100%
    );
    mask-image: linear-gradient(
        to right, 
        transparent 0%, 
        black 10%, 
        black 90%, 
        transparent 100%
    );
}

.p-stock-hero__content {
  position: relative;
  max-width: 950px;
  margin: 0 auto;
  height: 100%;
  z-index: 10;
}

.p-stock-hero__text-box {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.p-stock-hero__main-text {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.05em;
	line-height: 1.5em;
}
.p-stock-concept{
	text-align: center;
	margin-bottom: 120px;
}
.p-stock-about{
	margin-bottom: 80px;
}
.p-stock-about .p-stock__inner{
	display: flex;
}
.p-stock-about__text{
	margin-right: 4%;
	width: 45%;
}
.p-stock-about sup{
	font-size: 10px;
	top: -1em;
}
.p-stock-about .c-heading-secondary{
	font-size: 16px;
	font-weight: normal;
}
.p-stock-about .c-heading-secondary span{
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.2em;
}
.p-stock-about__note{
	font-size: 12px;
}
.p-stock-about__img{
	width: 51%;
}
.p-stock-scroll {
  position: relative;
  overflow: hidden;
	margin-bottom: 70px;
}

.p-stock-scroll__track {
  display: flex;
  width: max-content;
  animation: scrollLoop 50s linear infinite;
}

.p-stock-scroll__track img {
  width: auto;
	height: 500px;
  flex-shrink: 0;
}

@keyframes scrollLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.p-stock-service .p-stock-service__box{
	text-align: center;
}
.p-stock-service__intro{
	margin-bottom: 80px;
}
.p-service-flow{
	display: flex;
	margin: 0 auto 120px;
	max-width: 95%;
}
.p-service-flow__item{
	width: 30%;
}
.p-service-flow__item a:hover{
	text-decoration: none;
	opacity: 0.8;
}
.p-service-flow__item img{
	display: block;
	width: 65%;
	margin: 0 auto;
}
.p-service-flow__title{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em!important;
    margin-top: 20px;
}
.p-service-flow__item--blue .p-service-flow__title{
	color: #4c7aa1;
}
.p-service-flow__item--green .p-service-flow__title{
	color: #31939b;
}
.p-service-flow__item--orange .p-service-flow__title{
	color: #ef7830;
}
.p-service-flow__item--blue .p-service-flow__arrow{
	width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 16px solid #4c7aa1;
  border-bottom: 0;
	display: block;
	margin: 10px auto 0;
}
.p-service-flow__item--green .p-service-flow__arrow{
	width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 16px solid #31939b;
  border-bottom: 0;
	display: block;
	margin: 10px auto 0;
}
.p-service-flow__item--orange .p-service-flow__arrow{
	width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-top: 16px solid #ef7830;
  border-bottom: 0;
	display: block;
	margin: 10px auto 0;
}
.p-service-flow__plus{
	font-size: 40px;
	font-weight: bold;
	margin:100px 20px 0; 
}

.p-introduction-movie__title{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 40px;
}
.p-introduction-movie__title::before{
	content: "";
  display: inline-block;
  width: 30px;
  height: 8px;
  background: #000;
  margin:0 12px 6px; 
}
.p-introduction-movie__player{
	margin-bottom: 40px;
}
.p-introduction-movie{
	margin-bottom: 60px;
}

.p-service-detail{
	margin-bottom: 80px;
}
.p-service-detail__head{
	padding: 25px 0 20px;
	margin-bottom: 50px;
}
.p-service-detail__head--blue{
	background-color: #E3EBF7;
}
.p-service-detail__head-inner{
	max-width: 720px;
	margin: 0 auto;
	display: flex;
	padding: 0 20px;
}
.p-service-detail__head-img img{
	max-width: 120px;
}
.p-service-detail__head-text{
	margin:10px 0 0 20px;
}
.p-service-detail__head-text--blue{
	color: #4C7AA1;
}
.p-service-detail__lead{
	font-size: 24px;
	font-weight: 700;
	margin-top: 5px;
	line-height: 1.5em!important;
}
.p-service-detail__list {
  display: grid;
  /* 1fr 1frで均等な2カラム。隙間は元の4%を継承 */
  grid-template-columns: repeat(2, 1fr);
  gap: 0 4%;
  list-style: none; 
  padding: 0;
  margin: 0;
}


.p-service-detail__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 10; 
  align-content: start;
}


.p-service-detail__sub-title {
  grid-row: 1;
  font-size: 24px;
  margin-bottom: 40px;
  font-weight: 700;
}

.p-service-detail__sub-title span {
  font-size: 30px;
  margin-right: 20px;
}


.p-service-detail__text {
  grid-row: 2;
  margin-bottom: 0; 
}

.p-service-detail__img {
  grid-row: 3; /* 3行目：画像 */
  margin: 40px 0 40px 0;
}

.p-service-detail__small-title {
  /* 以降、01にある要素を順番に並べる */
  background-color: #4E80AC;
  color: #fff;
  padding: 15px 0 15px 20px;
  font-size: 16px;
  margin-bottom: 20px;
}
.p-service-detail__desc{
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 1.8em!important;
}

.p-service-detail__head--green{
	background-color: #F0F8F8;
}
.p-service-detail__head--green .p-service-detail__head-inner{
	max-width: 740px;
}
.p-service-detail__head-text--green{
	color: #31939B;
}
/* バナー全体のコンテナ */
.p-service-detail__report-banner {
  display: flex;
  align-items: stretch; /* 左右の高さを揃える */
  border: 2px solid #00457C; 
  border-radius: 12px;   
  overflow: hidden;         /* 画像を角丸に合わせて切り抜く */
  margin-top: 60px;
  background-color: #fff;
}
.p-service-detail__report-body {
  flex: 1;
  padding: 50px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-service-detail__report-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px;
  letter-spacing: 0.05em;
}

.p-service-detail__report-text {
  font-size: 14px;
  line-height: 2em!important;
  color: #333;
}
.p-service-detail__report-image {
  flex: 1;
  margin: 0;
}

.p-service-detail__report-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 枠いっぱいに隙間なく表示 */
  vertical-align: bottom;
}
@media (max-width: 768px) {
  .p-service-detail__report-banner {
    flex-direction: column;
  }
  .p-service-detail__report-body {
    padding: 30px;
    order: 1; /* テキストを上にする */
  }
  .p-service-detail__report-image {
    order: 2; /* 画像を下にする */
    height: 200px; 
  }
	.p-service-detail__report-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}
}
.p-introduction-movie__text{
		margin-top: 40px;
	}
.p-service-maintenance__text{
	margin-bottom: 30px;
	font-size: 14px;
}
.p-service-maintenance__img{
	margin-bottom: 10px;
}
.p-service-maintenance__note{
	text-align: right;
	font-size: 12px!important;
	margin-top: 20px;
}
.p-service-maintenance__compare-caption{
	text-align: center;
}
.p-service-maintenance__item{
	margin-bottom: 80px;
}
.p-service-maintenance__content{
	display: flex;
	gap:2%;
}
.p-service-maintenance__check-title{
	background-color: #32949C;
	color: #fff;
	padding: 10px 0 10px 20px;
	font-weight: 700;
}
.p-service-maintenance__img--bottom{
	width: 50%;
}
.p-service-maintenance__check-area{
	width: 48%;
}
.p-maintenance-list{
	margin:10px 0 0 30px;
	column-count: 2;
  column-gap: 40px;
}
.p-service-maintenance__list-item{
	list-style: auto;
	font-size: 14px;
	letter-spacing: -0.07em;
}
.p-service-detail__note{
	text-align: right;
	font-size: 12px!important;
}
.p-service-detail__title{
	font-weight: 700;
}
.p-service-detail__head--orange{
	background-color: #FFF0DD;
}
.p-service-detail__head--orange .p-service-detail__head-inner{
	max-width: 600px;
}
.p-service-detail__head-text--orange{
	color: #EF7830;
}
.p-service-support__list{
	margin-bottom: 80px;
}
.p-support-info{
	display: flex;
	gap:4%;
}

.p-support-info__img--top {
  position: relative;
  width: 48%;
}

.p-support-info__img--top img {
  width: 100%;
}
.p-support-info__badge-img {
  position: absolute;
  top: -8%;
  right: -18px;
  width: 40%!important;
  height: auto;
  z-index: 2; 
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.1));
}
.p-support-info__img--top,.p-support-info__body{
	width: 48%;
}
.p-support-info__title{
	background-color: #EF7830;
	color: #fff;
	padding: 10px 0 10px 20px;
	margin-bottom: 20px;
	font-weight: 700;
}
.p-support-info__text{
	margin-bottom: 10px;
}
.p-support-info__note{
	text-align: left;
	margin-top: 20px;
	font-size: 12px;
	line-height: 1.8em!important;
}
.p-support-info{
	margin-bottom: 30px;
}
.p-service-support__item{
	margin-bottom: 80px;
}
.p-support-info__lead,.p-support-info__img--bottom{
	width: 48%;
}
.p-support-info__item--reverse{
	display: flex;
	gap:4%;
}
.p-support-info__text--note{
	text-align: right;
	font-size: 12px!important;
	margin-top: 35px;
}
.guarantee-img {
  display: grid;
  /* PC版：4列 */
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 10px;
  align-items: start;
  margin: 40px 0;
}
.guarantee-img__item img {
  width: 100%;
  height: auto;
  display: block;
}
.guarantee-img__item--head-red {
  grid-row: 1;
  grid-column: 1 / 3; /* 1・2列目をぶち抜き */
}
.guarantee-img__item--head-blue {
  grid-row: 1;
  grid-column: 3;
}
.guarantee-img__item--head-purple {
  grid-row: 1;
  grid-column: 4;
}
.guarantee-img__item--box {
  position: relative;
  grid-row: 2;
}
.guarantee-img__item--box:nth-of-type(1) { grid-column: 1; }
.guarantee-img__item--box:nth-of-type(2) { grid-column: 2; }
.guarantee-img__item--box:nth-of-type(3) { grid-column: 3; }
.guarantee-img__item--box:nth-of-type(4) { grid-column: 4; }
.guarantee-img__text {
  grid-row: 3 !important; 
  font-size: 11px;
  line-height: 1.6 !important;
  margin-top: 5px;
}
.guarantee-img__text:nth-of-type(1) { grid-column: 1; }
.guarantee-img__text:nth-of-type(2) { grid-column: 2; }
.guarantee-img__text:nth-of-type(3) { grid-column: 3; }
.guarantee-img__text:nth-of-type(4) { grid-column: 4; }
.guarantee-img__or {
  position: absolute;
  top: 40%;
  right: -25px;
  width: 45px;
  z-index: 2;
}

/* --- 【スマホ版の配置指定】 (430px以下) --- */
@media screen and (max-width: 430px) {
  .guarantee-img {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px 10px;
	margin: 40px 0 0;
  }
  .guarantee-img__item,
  .guarantee-img__text {
    grid-row: auto !important;
    grid-column: auto !important;
  }
  .guarantee-img__item--head-red {
    grid-column: 1 / 3 !important;
    order: 1;
  }
  .guarantee-img__item--box:nth-of-type(1) { order: 2; }
  .guarantee-img__item--box:nth-of-type(2) { order: 3; }

.guarantee-img__text {
  font-size: 12px;
  margin:0 0 30px 0;
}
  .guarantee-img__text:nth-of-type(1) { order: 4; }
  .guarantee-img__text:nth-of-type(2) { order: 5; }

  .guarantee-img__item--head-blue { order: 6; }
  .guarantee-img__item--head-purple { order: 7; }

  .guarantee-img__item--box:nth-of-type(3) { order: 8; }
  .guarantee-img__item--box:nth-of-type(4) { order: 9; }

  .guarantee-img__text:nth-of-type(3) { order: 10; }
  .guarantee-img__text:nth-of-type(4) { order: 11; }

  .guarantee-img__or {
    width: 38px;
    right: -22px;
  }
}
.p-stock-service{
	margin-bottom: 80px;
}
.stock-technology{
	background-color: #f3f3f3;
	padding: 80px 0;
	text-align: center;
}
.stock-technology__subtitle{
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.8em;
}
.stock-technology__text{
	margin-bottom: 40px;
}
.tech-grid{
	display: flex;
	gap:2%;
	margin-bottom: 60px;
}
.tech-box{
	width: 49%;
}
.tech-title,.tech-text{
	text-align: left;
	font-size: 14px;
	line-height: 1.8em!important;
	
}
.tech-title{
	margin:20px 0;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6em;
}
.stock-cta{
	background-color: #F8EDEC;
	padding: 80px 0 110px;
	margin-bottom: 70px;
}
.stock-cta__inner{
	display: flex;
	margin-bottom: 60px;
}
.stock-cta__logo{
	width: 30%;
}
.stock-cta__title{
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: 700;
}
.stock-cta__text{
	font-size: 14px;
	line-height: 2em!important;
}
.stock-cta__lead{
	margin-left: 20px;
	width: 70%;
}
.stock-cta__list{
	display: flex;
	gap:2%;
}
.stock-cta__item{
	width: 32%;
}
.stock-cta__item-img{
	margin-bottom: 30px;
}
.stock-cta__item-img img{
	width: 100%;
}
.stock-cta__item-title{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
}
.stock-cta__item-text{
	font-size: 14px;
	line-height: 1.8em!important;
}
.stock-cta__principles-title{
	margin-bottom: 40px;
	font-weight: 700;
	font-size: 18px;
}


@media screen and (max-width: 430px) {
	body main p {
	font-size: 14px;
	line-height: 2em;
}
	.p-stock-hero__container {
		height: 260px;
	}
	.p-stock-hero .c-stock__btn{
	margin: 50px 20px 40px;
}

.p-stock-hero__img {
  background-image: url("../images/bg_mainImg_sp.jpg"); 
background-size: cover;
   background-position: center;
}
  .p-stock-hero__text-box {
    top: 0;
    left: 20px;
    padding: 15px 12px;
  }

  .p-stock-hero__main-text {
    font-size: 14px;
  }
	.p-stock-scroll__track_pc{
		display: none;
	}
	.p-stock-scroll__track_sp{
		display: block;
	}
	.p-stock-concept{
	margin-bottom: 60px;
}
	.p-stock-concept__text{
		text-align: left;
		font-size: 14px;
	}
	.p-stock-about .p-stock__inner{
	display: block;
}
	.p-stock-about{
		margin-bottom: 50px;
	}
	.p-stock__inner{
		padding: 0;
	}
	.c-heading-primary,.c-heading-secondary{
		text-align: center;
	}
	.c-heading-primary{
		font-size: 18px;
		margin-bottom: 40px;
	}
	.p-stock-about__lead{
		margin-bottom: 30px;
	}
	.p-stock-about__text,.p-stock-about__img{
	width: 100%;
}
	.p-stock-about sup{
	top: -0.8em;
}
	.p-stock-about .c-heading-secondary span{
		font-size: 16px;
	}
	.p-stock-about__img{
		margin-bottom: 20px;
	}
	.p-stock-about__note{
		margin: 0;
		font-size: 12px!important;
	}
	.p-stock-service__intro{
		text-align: left;
	}
	.p-stock-scroll__track img {
		width: auto;
	height: 200px;
}
	.p-service-flow{
		flex-wrap: wrap;
		max-width: 100%;
		margin: 0 auto 80px;
	}
	.p-service-flow__item--blue{
		width: 100%;
		margin-bottom: 20px;
	}
	.p-service-flow__item--blue .p-service-flow__title{
		margin-bottom: 0!important;
	}
	.p-service-flow__item--blue .p-service-flow__icon{
		width: 32%;
		margin: 0 auto;
	}
	.p-service-flow__item--green,.p-service-flow__item--orange{
		width: 46%;
	}
	.p-service-flow__item--green{
		margin-right: 8%;
	}
	.p-service-flow__arrow {
		display: none!important;
	}
	.p-service-flow .p-service-flow__title{
		font-size: 18px;
		font-weight: 700;
	}
	.p-introduction-movie__title {
    font-size: 20px;
    margin-bottom: 20px;
}
	.p-introduction-movie__subtitle{
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 20px;
	}
	.p-introduction-movie__text{
		margin-top: 20px;
		text-align: left;
	}
	.p-service-detail{
	margin:0 0 80px;
}
	.p-service-detail__head-inner{
		display: block;
	}
	.p-service-detail__head-img img{
		display: block;
		margin: 0 auto;
	}
	.p-service-detail__head-text{
		text-align: center;
	}
	.p-service-detail__lead{
		font-size: 22px!important;
	}
	.p-service-detail__list{
	display: block;
}
	.p-service-detail__item{
	width: 100%;
		margin-bottom: 60px;
}
	.p-service-detail__img {
    margin: 0 0 20px 0;
}
	.p-service-maintenance__content{
		display: block;
	}
	.p-service-maintenance__img--bottom, .p-service-maintenance__check-area {
		width: 100%;
	}
	.p-service-maintenance__img--bottom{
		margin-bottom: 20px;
	}
	.p-maintenance-list{
	column-count: 1;
}
	.p-service-detail__lead{
	line-height: 1.8em;
}
	.p-service-detail__small-title {
		padding: 10px 0 10px 20px;
	}
	.p-service-detail__sub-title span {
    font-size: 23px;
    margin-right: 10px;
}
	.p-service-detail__sub-title {
		font-size: 16px;
	}
	.p-service-detail__desc {
		margin-bottom: 20px;
	}
	.p-support-info{
	display: block;
}
	.p-support-info__img--top, .p-support-info__body{
		width: 100%;
	}
	.p-support-info__img--top{
		margin-bottom: 20px;
	}
	.p-support-info__badge-img {
		top: 5%;
    right: 10px;
	}
	.p-support-info__item--reverse{
		display: block;
	}
	.p-support-info__lead, .p-support-info__img--bottom {
		width: 100%;
	}
	.p-support-info__img--bottom{
		margin: 40px 0;
	}
	.p-support-info__lead{
		margin-bottom: 40px;
	}
	.p-support-info__text--note {
    margin-top: 0;
}.stock-technology__subtitle {
    font-size: 16px;
	line-height: 2em;
}
	.tech-grid{
	display: block;
}
	.stock-technology__text{
		text-align: left;
	}
	.tech-box{
	width: 100%;
		margin-bottom: 60px;
}
	.tech-title{
		margin: 20px 0;
		font-size: 16px;
	}
	.tech-title,.tech-text{
	line-height: 2em!important;
	
}
	.stock-cta {
    padding: 80px 0 40px;
}
	.stock-cta__inner {
	display: block;
		width: 100%;
	}
	.stock-cta__title{
	font-size: 16px;
		line-height: 2em;
}
	.stock-cta__principles-title {
    margin-bottom: 20px;
}
	    .stock-cta__item {
        margin-bottom: 60px;
    }
	.stock-cta__item-img {
    margin-bottom: 15px;
}
	.stock-cta__lead{
	margin-left: 0;
	width: 100%;
}
	.stock-cta__logo{
		margin-bottom: 40px;
		width: 100%;
	}
	.stock-cta__list{
		display: block;
	}
	.stock-cta__item{
		width: 100%;
	}
}


/*スライダー*/
#image-compare {
  width: 100%;
  max-width: 950px;
  margin: 50px auto;
}
#image-compare img {
   width: auto !important;
  height: auto !important;
}
@media screen and (max-width: 430px) {
	#image-compare {
  width: 100%;
  max-width: 100%;
 margin: 50px auto 0;
}

#image-compare .icv {
  width: 100%;
  height: auto !important;
}

#image-compare .icv__img {
  width: 100%;
  height: 200px !important;
}

#image-compare img {
  width: 100%;
  height: auto !important;
  object-fit: contain;
}
}


/* Magnific Popup CSS  モーダルウィンドウ用css*/
.mfp-wrap .mfp-iframe-holder .mfp-content{max-width:99%;width:7in;border:1px solid #959593;padding:0}.mfp-wrap .mfp-iframe-scaler iframe{box-shadow:none;background:#fff}.mfp-bg{z-index:1;overflow:hidden;background:#0b0b0b;opacity:.5;filter:alpha(opacity=80)}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:2;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:4}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:3}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:5;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{/* top:1px */}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:9pt;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:9pt;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-bg,.mfp-wrap{z-index:1112!important}.mfp-content{margin:5px 0 0;padding:50px 0 0}button.mfp-close{right:0;opacity:1;filter:alpha(opacity=100);padding:0;font-size:0;text-indent:-9999px;overflow:hidden}.mfp-iframe-holder .mfp-close{top:-54px;right:0;padding-right:0}.mfp-iframe-holder .mfp-close:active{top:-53px}
.mfp-iframe-holder .mfp-close {
	background: url(/stock/column/img/common/icon_close.svg) no-repeat right center;
	cursor: pointer;
}

.mfp-wrap .mfp-iframe-holder .mfp-content {
	max-width: 950px;
	width: 100%;
}