@charset "utf-8";

main#container {
    margin-bottom: 70px;
}

.g_container {
  margin: 0 auto;
  font-size: 16px;
}
/*--------------------------------------------------------------------------------ページタイトルまわり*/
.g_header {
  width: var(--w-basesize);
  margin: 2em auto 0;
  padding: 0;
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
}
.g_header img {
  width: 100%;
  hight: auto;
}
.g_header div.title {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3em;
  text-align: left;
  padding: 0 0 2em;
}
.g_header div.date {
  padding: 2em 0;
  display: block;
  text-align: right;
}
/*--------------------------------------------------------------------------------リード*/
.lead {
  width: var(--w-basesize);
  margin: 0 auto 2em;
  padding: 0;
}
.lead p {
  padding: 1em;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 1.1em;
}
.leadTitle {
  margin: 1em 0;
  padding: 1em 0 1em 1em;
  font-size: 1.8em;
  line-height: 1.2em;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: 900;
}
/* --------------------------まとめ------------------------- */ :root {
  --matome-h2-text-color: #FFFFFF;
  --matome-h2-bg-color: #0F7E6E;
}
.matome {
  margin: 6em 0 0;
  padding-bottom: 1em;
}
.matome p {
  font-weight: normal;
  margin: 0 1em;
  font-size: 1.1em;
}
.matome h2 {
  position: relative;
  font-size: 2em;
  padding: 0.6em;
  margin-bottom: 1.6em;
  background: var(--matome-h2-bg-color);
  color: var(--matome-h2-text-color);
}
.matome h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid var(--matome-h2-bg-color);
  width: 0;
  height: 0;
}

/*--------------------------------------------------------------------------------ペーコンテナ*/
.wrap-con {
  width: 100%;
  display: block;
  justify-content: center;
  padding-top: 3em;
    overflow: hidden;
}
.sec_wrap {
  width: var(--w-basesize);
  margin: 0 auto;
}
.sec_wrap p {}
.sec_wrap:first-child {
  margin: 0 auto;
}
.sec_wrap:not(:first-child) {
  margin-top: 3em;
}
.sec_wrap:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------------------------まわりこみあり 左右*/
.p_n, .p_l, .p_r {
  padding: 0 1em;
  overflow: hidden;
  margin: 0 auto;
}
.p_n p, .p_l p, .p_r p {
  font-weight: normal;
  display: block;
  padding: 0;
  margin: 0;
}
.p_n img {
  width: 100%;
  height: auto;
  margin: 2em auto;
}
.p_n h2, .p_r h2 {
  font-size: 1.6rem;
  border-bottom: solid 3px var(--point-color01);
  margin-bottom: 1em;
}
.p_l img.pr56w {
  float: left;
  max-width: 56%;
  height: auto;
  margin: 0 2em 2em 0;
}
.p_l img.pr35w {
  float: left;
  max-width: 35%;
  height: auto;
  margin: 0 2em 2em 0;
}
.p_l img.pr45w {
  float: left;
  max-width: 45%;
  height: auto;
  margin: 0 2em 2em 0;
}
.p_r img.pr35w {
  float: right;
  max-width: 35%;
  height: auto;
  margin: 0 0 2em 2em;
}
.p_r img.pr45w {
  float: right;
  max-width: 45%;
  height: auto;
  margin: 0 0 2em 2em;
}
.p_r img.pr56w {
  float: right;
  max-width: 56%;
  height: auto;
  margin: 0 0 1em 2em;
}
.p_5050 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p_5050 div {
  width: auto;
  margin: 0 2em;
}
.p_5050 div img {
  width: 100%;
}
.p_100 {
  display: block;
}
.p_100 img {
  max-width: 100%;
  object-fit: cover;
}
.p_100 div {
  margin: 0 auto;
  text-align: center;
}
.p_100 div img {
display: block;
  max-width: 100%;
  object-fit: cover;
  margin:0 auto;
}
.p_con01 {
  width: 90%;
  margin: 0 auto;
}
.p_con01:first-child {
  margin-top: 6em;
}
.p_con01:not(:first-child) {
  margin-top: 6em;
}
.p_con01:last-child {
  margin-bottom: 0;
}
.p_con01 div.ub_y01 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: solid 8px #FFFE94;
  background-image: url(../img/BG_001.png);
  background-repeat: no-repeat;
  padding: 0 2em;
}
.p_con01 div.ub_y02 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: solid 8px #FFFE94;
  background-image: url(../img/BG_002.png);
  background-repeat: no-repeat;
  padding: 0 2em;
}
.p_con01 div.ub_y03 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: solid 8px #FFFE94;
  background-image: url(../img/BG_003.png);
  background-repeat: no-repeat;
  padding: 0 2em;
}
.p_con01 div.ub_y01 div.left {
  margin: 0 0 0 2em;
}
.p_con01 div.ub_y01 div.left h3 {
  font-size: 2em;
  margin: 0.5em 0;
  font-weight: 900;
}
.p_con01 div.ub_y01 div.left p {
  font-size: 1.1em;
}
.p_con01 div.ub_y01 div.right {
width:250px;
}
.p_con01 div.ub_y01 div.right img {
  width: 100%;
}
.p_con01 div.ub_y02 div.left {
  margin: 0 0 0 2em;
}
.p_con01 div.ub_y02 div.left h3 {
  font-size: 2em;
  margin: 0.5em 0;
  font-weight: 900;
}
.p_con01 div.ub_y02 div.left p {
  font-size: 1.1em;
}
.p_con01 div.ub_y02 div.right {}
.p_con01 div.ub_y02 div.right img {
  width: 100%;
}
.p_con01 div.ub_y01 div.left {
  margin: 0 0 0 2em;
}
.p_con01 div.ub_y03 div.left h3 {
  font-size: 2em;
  margin: 0.5em 0;
  font-weight: 900;
}
.p_con01 div.ub_y03 div.left p {
  font-size: 1.1em;
}
.p_con01 div.ub_y03 div.right {}
.p_con01 div.ub_y03 div.right img {
  width: 100%;
}
.p_con02 {
  width: 90%;
  margin: 0 auto;
}
.p_con02:first-child {
  margin-top: 0em;
}
.p_con02:not(:first-child) {
  margin-top: 0;
}
.p_con02:last-child {
  margin-bottom: 0;
}
.p_con02 div.c01{
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 2em;
align-items: center;
}
.p_con02 div.left {
width:50%;
  margin: 0 0 0 2em;
}

.p_con02 div.left p {
  font-size: 1.1em;
}
.p_con02 div.right {
width:50%;
}
.p_con02 div.right img {
  width: 100%;
}
.contents-set{
  display: flex;
}
.contents-set div.contents-set-3w{
  width: 33%;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

.contents-set div.contents-set-3w:nth-child(1){
margin-right:10px;
}
.contents-set div.contents-set-3w:nth-child(2){
margin:0;
}
.contents-set div.contents-set-3w:nth-child(3){
margin-left:10px;
}
.contents-set div.contents-set-3w img{
  width: 100%;
  height: auto;
}