@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;800&display=swap');
/* CSS Document */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
html {
  scroll-behavior: smooth;
}

a:hover img {
  opacity: 0.5;
}

.grayed_out_image {
      filter: grayscale(95%);
}

.bg_rail {
	width: 100%;
	height: auto;
  background-color: #fff;
  background-image: url("../bg_pattern_01.webp");
background-size: 1200px auto;
  background-repeat: repeat;
}

.bg_white {
	width: 100%;
	height: auto;
  background-color: #fff;
}

.btn_items {
    display: flex;
justify-content: center;
}
    
.btn_items .item {
	width : 50%;
}        


.ouboyoko {
  width: 900px;
  margin: 0 auto ;
padding: 0 0 40px;
}

.honbun-area {
  background-color:  rgba(255, 255, 255, 0.7);
  padding: 1em 2em 1em 2em;
  text-align: left;
}
.retsu {
  display: flex; 
  align-items: flex-start; 
margin-bottom: 0.5em; 
}
.midashi_01 {
	width: 20%;
  padding: 0.2em 0.2em 0 0;
  font-family: 'M PLUS 1', sans-serif;
font-weight: 800;
  font-style: normal;
  color: #111;
  font-size: 1.5em;
  line-height: 1.8em;
}

.honbun {
	width: 80%;
  padding: 0.4em 0;
  font-size: 1.3em;
  line-height: 1.8em;
  font-family: 'M PLUS 1', sans-serif;
  font-weight: 400;
font-style: normal;
  color: #111;
}
.honbun a {
  color: #1132f6;
   font-family: 'M PLUS 1', sans-serif;
font-weight: 800;
  font-style: normal;
  text-decoration: underline;
}
p.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
  font-family: 'M PLUS 1', sans-serif;
  font-weight: 400;
font-style: normal;
}
.indent_honbun {
  padding-top: 0.3em;
  padding-left: 4em;
  padding-bottom: 0.3em;
  font-size: 0.9em;
  line-height: 1.65em;
  font-family: 'M PLUS 1', sans-serif;
  font-weight: 400;
font-style: normal;
}

.step_icon {
	width: 10%;
}
.step_icon img {
	width: 90%;
	padding: 0.2em 0.2em 0 0;
}

.step_honbun {
	width: 90%;
  font-size: 1.1em;
  line-height: 1.8em;
	  font-family: 'M PLUS 1', sans-serif;
  font-weight: 400;
font-style: normal;

}

.btn_reduction img {
	width: 70%;
	padding: 0.2em 0.2em 0 0;
	margin: 0 auto 1rem;
}

.btn_reduction_right img {
	width: 60%;
	padding: 0.2em 0.2em 0 0;
	margin: 0 0 0 12rem;
}


.btn_reduction_logo img {
	width: 40%;
	padding: 2rem 0.2em 0 0;
	margin: 0 auto 3rem;
}

.ul_box {
  display: flex;
	width: 70%;
	padding: 0 0 2rem 0;
	margin: 0 auto;
}


.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 90%;
	margin: 0 5%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	padding: 0 0 45px 0;
}