@charset "utf-8";
/* CSS Document */
/*.vc {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%
}
.vc video, .vc iframe, .vc img.tn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}*/
.spon {
  display: none;
}
.mv01 .vc {
  margin-bottom: 60px;
}
.vc span {
  display: block;
  cursor: pointer;
}
#pagebody2 .inner .contents01 {
    margin: 0 auto 100px;
}
.cm_txt01 {
  font-weight: bold;
  /* font-size: 26px; */
  font-size: 24px;
  text-align: center;
  margin-bottom: 40px;
}
.mv01 {
  width: 768px;
  margin: 0 auto 50px;
}
#pagebody2 .inner h2 {
  font-size: 39px;
  border-bottom: none;
  padding-bottom: 0;
  margin: 0 0 35px;
}
#pagebody2 .inner .contents01 p.cm_txt02 {
  font-size: 22px;
  text-align: left;
  font-weight: normal;
  margin-bottom: 95px;
}
#pagebody2 .inner .contents01 hr {
  border: solid 1px #4D1F63;
}
#pagebody2 .inner .contents01 hr.line01 {
  margin-bottom: 55px;
}
#pagebody2 .contents01 img.tn {
  margin-top: 0;
}
.blk01, .blk02 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.blk01 {
  margin-bottom: 50px;
}
.blk01 h3, .blk02 h3 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #4D1F63;
  text-align: center;
}
.mv02, .blk01 p, .mv03, .mv04 {
  width: 451px;
}
.blk01 p {
  padding-top: 65px;
}
#pagebody2 .inner .contents01 hr.line02 {
  margin-bottom: 55px;
}
.blk02 {
  margin-bottom: 100px;
}
.blk03 {
  border: solid 2px #4D1F63;
  padding: 45px 60px;
  margin-bottom: 85px;
}
#pagebody2 .inner .blk03 h2 {
  margin-bottom: 35px 50px;
}
#pagebody2 .inner .blk03 h3 {
  font-size: 26px;
  margin-bottom: 0.8em;
  font-weight: bold;
}
#pagebody2 .inner .blk03 hr {
  margin-bottom: 1.5em;
  margin-top:1.5em;
}
.blk04 {
  padding: 0;
  border: solid 2px #4D1F63;
  margin-bottom: 85px;
}
#pagebody2 .inner .blk04 h2 {
  color: #ffffff;
  margin-bottom: 0;
  background: url("../images/cm/arrow01.png") right center no-repeat #4D1F63;
  background-size: contain;
  cursor:pointer;
}
#pagebody2 .inner .blk04 h2.open {
  background: url("../images/cm/arrow02.png") right center no-repeat #4D1F63;
}
.blk04>div {
  padding: 60px;
  display: none;
}
.blk04>div.open {
  display:block;
}
#pagebody2 .inner .blk04 h3 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 45px;
}
h2.main_title {
  font-size: 34px !important;
}
div.blk02_tmp {
  margin-bottom: 10px !important;
}
.blk02 .mv03 p.note_txt {
  color: #ff0000;
  font-size: 27px;
  font-weight: bold;
  height: 2.2em;
  margin-bottom: 0 !important;
}
.blk02 .mv04 {
  padding-top: calc(27px * 2.2);
}
.list_wrp {
  padding-bottom: 35px;
}
.list_wrp ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list_wrp li {
  margin-bottom: 24px;
  width: 49%;
}
.list_wrp span {
  display: block;
  text-align: center;
}
.list_wrp .inr_top {
  background: #4D1F63;
  padding: 1em 0;
  position:relative;
}
.list_wrp .inr_top span {
  color: #fff;
  line-height: 1.4em;
}
.list_wrp .inr_top span.ttl {
  font-size: 26px;
  font-weight: bold;
}
.list_wrp .inr_top span.icon {
	display:block;
	position:absolute;
	left:7.5%;
	top:9.5%;
}
.list_wrp .inr_top span.icon img {
	margin-top:0 !important;
}
.list_wrp .inr_btm {
  border: 1px solid #4D1F63;
  box-sizing: border-box;
  line-height: 1.46em;
  padding: 1em 0;
  width: 100%;
}
.list_wrp li:last-of-type {
  position: relative;
}
.list_wrp li .note_txt {
  bottom: 0;
  position: absolute;
}
.list_wrp li .note_txt p {
  font-size: .75em;
  margin: 0 !important;
}
.blk03.pict_box {
  box-sizing: border-box;
  margin-top: 70px;
  padding: 40px 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.pict_frm {
  background: url(../images/cm/char_01.png) bottom left no-repeat, url(../images/cm/char_02.png) bottom right no-repeat;
  bottom: 0;
  height: 300px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: calc(100% + 4px);
}
.blk03.pict_box h2 {
  margin-bottom: 0 !important;
}
.blk03.pict_box p {
  font-size: 120%;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 1080px) {
  #pagebody2 .inner .contents01 {
    margin: 0 auto 9.259259259vw;
}
  .mv01 .vc {
  margin-bottom: 5.555555556vw;
}
  .cm_txt01 {
    font-size: 2.407407407vw;
    margin-bottom: 3.703703704vw;
  }
  .mv01 {
    /*width: 71.11111111vw;*/
    margin: 0 auto 4.62962963vw;
  }
  #pagebody2 .inner h2 {
    font-size: 3.611111111vw;
    margin-bottom: 3.240740741vw;
  }
  #pagebody2 .inner .contents01 p.cm_txt02 {
    margin-bottom: 8.796296296vw;
  }
  #pagebody2 .inner .contents01 hr.line01 {
    margin-bottom: 5.092592593vw;
  }
  .blk01, .blk02 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .blk01 {
    margin-bottom: 4.62962963vw;
  }
  .blk01 h3, .blk02 h3 {
    font-style: 3.611111111vw;
    margin-bottom: 1.851851852vw;
  }
  .mv02, .blk01 p, .mv03, .mv04 {
    width: 41.75925926vw;
  }
  .blk01 p {
    padding-top: 6.018518519vw;
  }
  #pagebody2 .inner .contents01 hr.line02 {
    margin-bottom: 5.092592593vw;
  }
  .blk02 {
    margin-bottom: 9.259259259vw;
  }
  .blk03 {
    padding: 5.555555556vw;
    margin-bottom: 7.87037037vw;
  }
  #pagebody2 .inner .blk03 h2 {
    margin-bottom: 6.944444444vw;
  }
  #pagebody2 .inner .blk03 h3 {
    font-size: 2.407407407vw;
    margin-bottom: 3.240740741vw;
  }
  #pagebody2 .inner .blk03 hr {
    margin-bottom: 4.62962963vw;
  }


}
@media screen and (max-width: 900px) {
.list_wrp .inr_top span.icon {
	left:1.5%;
	top:18%;
}
.list_wrp .inr_top span.icon img {
	width:80%;
}	
}