/*　subpage fv*/


.main-area {
  max-width:1200px;
  margin: auto;
  padding: 80px 30px;
}

.subpage_title{
  width: 100%;        
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  height: 320px;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}


.subpage_title::before{
	position: absolute;
	content: '';
	display: block;
	width:100%;
	height: 100%;
	background: url("../img/sub/about.png") bottom right no-repeat;
	background-size: cover;
}

.subpage_title h2{
  z-index: 2;
  color: #0A1B91;
  text-align: center;
  font-size: min(6vw, 65px);
  letter-spacing: 1px;
}

.subpage_title h2 span span{
	line-height: 1;
	position: relative;
	top:-10px;
  text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 0px 2px 0 #fff, 0 -2px 0 #fff, 0px 0 0 #fff, 2px 0 0 #fff;
}


.bgDUextend::before {
  height: 25%;
  width: calc(100% - 50px);
  top: inherit;
  background: #f7c400;
  border-radius: 100%;
  bottom: 20%;
}


.menu_guide_text{
  margin: auto;
  display: flex;
  padding-right: 30px;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 10px 30px;
}

.menu_guide_text a,
.menu_guide_text p{
	font-size: 14px;
	font-weight: 600;
}


.menu_guide_text a{
	color: #0A1B91;
}

.menu_guide_text a:hover{
	opacity: 0.75;
}

.menu_guide_text p{
	color: #000;
}

.menu_guide_text span{
	margin: 3px 10px; 
	color: #000;
	font-size: 15px;
}



.sub-l-down-tri span{
	display: block;
	position: absolute;
	background: url("../img/decorate/equal-tri.png");
	background-size: 100% 100%;
	left: 0;
	bottom: 0;
	height: 40vh;
	aspect-ratio:10/11;
	transform: scale(1,1);
}


.sub-l-up-tri span{
	display: block;
	position: absolute;
	background: url("../img/decorate/equal-tri.png");
	background-size: 100% 100%;
	left: 0;
	top: 0;
	height: 40vh;
	aspect-ratio:3/6;
	transform: scale(1,-1);
}


.sub-fv .buiding {
    position: absolute;
    z-index: 3;
    display: block;
    height: 35vh;
    aspect-ratio: 52 / 60;
    bottom: 0px;
    left: 3vw;
    background: url(../img/decorate/buiding.png) 0% 0% / 100% 100%;
}


.sub-title-r-construct span {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 35vh;
    aspect-ratio: 1 / 1;
	background: url(../img/icon/strength-right.png) 0% 0% / cover;
	background-size: cover;
	transform: scale(-1,1);
}

@media(max-width: 1560px){
  
  .subpage_title h2 {
    font-size: max(5vw, 50px);
  }
  
  .main-area {
    padding: 60px 30px;
  }
  
}

@media (max-width: 1024px) {
  
  .subpage_title {
    height: 220px;
    margin-top: 100px;
  }
  
  .main-area {
      padding: 60px 20px;
  }

  .subpage_title h2 {
    font-size: min(10vw, 35px);
    letter-spacing: 1px;
  }
  
}

@media (max-width: 768px) {

  .subpage_title {
      margin-top: 60px;
  }
  
  .menu_guide_text {
    padding: 10px ;
  }
  
  .menu_guide_text a, .menu_guide_text p {
    font-size: 12px;
  }
  
  .menu_guide_text span {
    margin: 3px 5px
  }
  
}


@media (max-width: 600px) {

  .subpage_title h2 {
    font-size: max(7vw, 20px);
    letter-spacing: 0.005rem;
  }
  
  .subpage_title h2 span{
    margin:0;
    padding: 20px 0;
    width: 100%;
  }
  
  .bgDUextend::before {
    height: 25%;
    width: 105%;
    top: inherit;
    background: #f7c400;
    border-radius: 100%;
    bottom: 30%;
    left: -2.5%;
  }
  
}

/*　subpage fv↑↑↑ */



.main-area-title {
  margin-bottom: 30px;
}


/* button */

.button{
  width: fit-content;
  gap: 15px;
  padding: 5px 20px;
}

/* button ///*/