@charset "utf-8";

.sub_eyecatch{
	position: relative;
	margin-bottom: 7vh;
}

.sub_h1{
	position: absolute;
	bottom:1.2em;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.plan_lead h2{
	margin-bottom: 3vh;
}
.plan_lead p{
	line-height: 2.0;
	margin-bottom: 7vh;
}

 /*==============*/
.plan_no{
	position: relative;
}
.plan_no::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.0em;
    width: 0.8em;
    height: 1px;
    background-color: #333333;
}
.line_h{
	line-height: 0.7em;
}
.plan_no21 h3{
	line-height: 0.5em;
	margin-bottom: 0.8em;
}
.plan_no21 .caption{
	text-align: end;
}
.plan_sec1{
	text-align: center;
}
.plan_point{
	    gap: 3.0em 2.0em;;
}
.point_items{
  display: grid;
   grid-template-columns: repeat(
    auto-fit,
    minmax(clamp(80px, 30%, 150px), 1fr)
  );
	justify-content:center; 
  gap:5px;
  text-align: center;
  margin-bottom: 2.0em;
}
.point_items li{
    padding: 2px 0;
  background-color: #e5e5e6;
}
.point_right{
	justify-self:center;
}
.num_Line{
	display: flex;
	gap:0.8em;
}
.num_line{
	position: relative;
}
.num_line::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.5em;
    width: 3.0em;
    height: 0.4em;
    background-color: #e5e5e6;
	z-index: -1;
}
.plan_photo{
	justify-self:center;
	align-self: end;
	filter:blur(8px);
}
.plan_photo img{
	width: 100%;
	max-height: 60vh;
}
.left_line{
	position: relative;
}
.left_line::after {
    content: "";
    position: absolute;
    left: -2.0em;
    bottom: 0;
    height: 100%;
    border-left: dotted 1px #333333;
}

.plan_to{
	display: inline-block;
	text-align: center;
	background-color:#001144;
		border: solid 2px #001144;
	box-shadow: 3px 3px 0 rgba(0, 17, 68, 0.6);
	color:#ffffff;
	padding: 0.5em 2.0em;
}

.plan_to:hover{
	color: #001144;
	font-weight: bold;
	background-color: #ffffff;
	transform: translateX(3px) translateY(3px);
	box-shadow: none;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.text_align{
	text-align: center;
}
/*3dパースのサイズ指定*/
.iframe_wrap{
  max-width: 1450px;
  width: 100%;
  margin: 0 auto;
}

.iframe_wrap iframe{
  width: 100%;
  height: 800px; /* 好きな高さ */
}
@media (max-width: 768px) {
	.only_pc{
		display: none;
	}
	.sp_image{
		width: 70vw;
		margin-left: -3vw;
	}	
.SEC_container {
  width: 90vw;
  margin: 0 auto 10vh;
  padding-bottom: 15vh;
  border-bottom: dotted 1px #333333;
}
.SEC_container2 {
  width: 90vw;
  margin: 0 auto 10vh;
}
.SEC_container_last {
  width: 90vw;
  margin: 0 auto 10vh;
  padding-bottom: 50vh;
}
}
@media (max-width: 428px) {
.sub_h1{
	bottom:0.5em;
}
	}