/*==========================
	overwrite
============================*/

.bread {
  display: none;
}



figure img {
  width: 100%;
}


@media screen and (min-width: 1000px) {
  .bread {
    width: auto !important;
    max-width: 100%;
    margin: auto auto 0;
    display: block;
    background: #fff;
  }


  /* .bread {
    width: 90%;
    margin: auto auto 30px;
    padding: 10px 0;
    display: block;
    background-color: #fff;
    border-radius: 50rem;
  } */

  .bread__inner.inner {
    max-width: 95%;
  }

}

/*==========================
	add module
============================*/

.w-sm-25per {
	width: 25%;
}
.w-98per {
  width: 98%;
}

.w-95per {
  width: 95%;
}

.ms-minus-5 {
  margin-left: -5px;
}


.ms-minus-10 {
  margin-left: -10px;
}

.top-n20per {
	top: -20%;
}
.left-n10per {
	left: -10%;
}
.left-n15per {
	left: -15%;
}
.bottom-n15per {
	bottom: -15%;
}
.right-n10per {
	right: -10%;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.w-18per {
		width: 18%;
	}
	.w-25per {
		width: 25%;
	}
}



/*==========================
	arrow triangle
============================*/

.triangle {
  background: #eea20d;
  height: calc(tan(60deg) * 60px / 2);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  display: inline-block;
  width: 8px;
  height: 10px;
}

/* 上向き ▲ */
.up {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

/* 右向き ▶︎ */
.right {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* 下向き ▼ */
.down {
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

/* 左向き ◀︎ */
.left {
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}


/*==========================
	color
============================*/

.gray-666 {
  color: #666;
}

.gray-999 {
  color: #999;
}

.red {
  color: #e60011;
}


.pink-1 {
  color: #e9455a;
}

.pink-2 {
  color: #eb6da5;
}

.brown {
  color: #694e2d;
}

.orange {
  color: #f08200;
}

.blue {
  color: #1eb9ee;
}


/* bg */

.bg-feefc0 {
  background: #feefc0;
}

.bg-d83263 {
	background: #d83263;
}

.bg-2aa738 {
	background: #2aa738;
}

/* border */

.border-orange {
  border: #eea20d thin solid;
}

/* text */
.text-022039 {
	color: #022039;
}




/*==========================
	font
============================*/

.m-plus-rounded-1c-thin {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.m-plus-rounded-1c-light {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-rounded-1c-medium {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus-rounded-1c-bold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.m-plus-rounded-1c-extrabold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.m-plus-rounded-1c-black {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-style: normal;
}


/*==========================
	all-bg
============================*/

.wrap {
	background:  linear-gradient(0deg, #feefc0 75%, #fff);
}

.bg_top {
  background: url("../img/bg_top_sp.png") no-repeat top center;
  background-size: contain;
}

.lv-02 {
  width: 95%;
  max-width: 1536px;
  margin-left: auto;
  margin-right: auto;
}

.paper {
  background-color: #fff;
  position: relative;
  box-shadow: 0 3px 0 0 #dbcdbd;
}

img.rotate {
	transform: rotate(10deg);
}


@media screen and (min-width: 900px) {
	
	.bg_top {
		background: url("../img/bg_top.png") no-repeat top center;
		background-size: contain;
	}
}

@media screen and (min-width: 1000px) {
  .lv-02 {
    width: 90%;
  }
}

/*==========================
	 title
============================*/


/* #title {
  padding: 0 10px 30px;
} */

/* 
#title {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
} */



#title .txtbox {
  /* border: #f00 thin solid; */
}

#mv {
  /* width: 70%; */
  margin-top: -10px;
  /* はみ出し量 */
  transform: translateY(-10px);
  /* border: #f00 thin solid; */
}

.txtbox h1 {
  background: linear-gradient(0deg, #151a59, #2aa738);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}





/*==========================
	 outline
============================*/

/* .lv-03 {
  width: 95%;
} */


#outline h3 {
  padding-bottom: 30px;
  letter-spacing: 0.1em;
  margin-left: auto;
  text-align: center;
  border-bottom: #022039 thin solid;
}

#outline dt span {
  padding: 2px 15px;
  color: #fff;
  /**/
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}












/*==========================================
	// id #access
============================================*/


.mapbox iframe {
  aspect-ratio: 3 / 4;
  display: block;
  height: auto;
  width: 100%;
}


@media screen and (min-width: 1000px) {

  .mapbox iframe {
    aspect-ratio: 16 / 9;
    display: block;
    height: auto;
    width: 100%;
  }


}