@charset "UTF-8";
#header {background-color: rgba(255,255,255,1);}
#page_header{background-image: url("../img/header_img_pc.webp");}
#page_header_news{background-image: url("../img/header_img_02_pc.webp");}


.mtb3em{margin: 3em 0;}
.full-width-bg {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  /* 必要に応じて左右の余白を無効化 */
  margin-right: calc(50% - 50vw); 
  /* 左右のスクロールを防ぐため、親にoverflow-x: hiddenが不要になる */
background-color:#deefff;
	padding: 3em 0 1em;
	margin-bottom: 3em;
}
.h3_border_bottom{font-size: 1.6em;border-bottom: solid 1px #000000;margin-bottom: 1.4em;padding-bottom: 0.2em;}

/* =========================
   Base
========================= */
.process {
  padding: clamp(0.8em, 4vw, 30px) 0px;
  background: #fff;
  color: #111;
}

.process__inner {
  max-width: 1200px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(20px, 3vw, 40px);
  align-items: start;
}

/* =========================
   Media
========================= */
.process__media {
  display: grid;
  gap: clamp(12px, 2vw, 20px);
}

.process__figure {
  margin: 0;
  overflow: hidden;
  background: #f3f3f3;
  aspect-ratio: 16 / 9;
}

.process__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =========================
   Heading (Number + Title)
========================= */
.process__heading {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: clamp(5px, 1.8vw, 10px);
  align-items: start;
  margin-bottom:  clamp(0.8em, 3vw, 1em);
}

.process__num {
  margin: 0;
  font-weight: 700;
  line-height: 1;
  font-size: 1.8em;
}

.process__title {
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.4em;
}

/* =========================
   Text
========================= */
.process__text p {
  margin: 0 0 14px;
  line-height: 1.9;
  font-size: 1em;
  color: #222;
}

/* =========================
   Reverse layout
========================= */
.process--reverse .process__inner {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.process--reverse .process__media {
  order: 2;
}

.process--reverse .process__content {
  order: 1;
}

/* =========================
   Mobile
========================= */
@media (max-width: 768px) {
  .process__inner {
    grid-template-columns: 1fr;
  }
.process--reverse .process__inner {
  grid-template-columns: 1fr;
}
  /* まず通常（写真→テキスト） */
  .process__media { order: 2; }
  .process__content { order: 1; }

  /* 反転（テキスト→写真）を上書きで効かせる */
  .process--reverse .process__media { order: 2; }
  .process--reverse .process__content { order: 1; }
}


.point_h3{font-size: 1.8em;margin: 2em 0 0.4em;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}
#page_header_news{background-image: url("../img/header_img_02_sp.webp");}
	
	.sp_page_menu{display: flex;margin-bottom: 0.6em;}
	.sp_page_menu img.left_img{width: 22%;height: auto;}
	.sp_page_menu .right_link{width: 78%;margin-left: 2%;}
	.sp_page_menu .right_link img{margin-bottom: 0.4em;}

}