img {
  border-width: 0px;
}
.img_block { /*画像下部余白ハック*/
  display: block;
}
/*　詳細ボタン（ここまで）　*/
/*Q&A*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_qa dt {
  position: relative;
  margin: 0 0 1.5em 0;
  text-align: left;
}
.cp_qa dd {
  position: relative;
  margin: 0 0 2em 0;
  padding: 0 0 1.5em 2em;
  text-align: left;
  border-bottom: 1px dotted #6256D1;
}
.cp_qa dt::before, .cp_qa dd::before {
  font-size: 1.2em;
  margin: 0 0.5em 0 0;
  color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  width: 1.6em;
  height: 1.5em;
  line-height: 1.2em;
}
.cp_qa dt::before {
  padding: 0.2em 0.4em;
  content: 'Q';
  background: #EFD735;
}
.cp_qa dd::before {
  padding: 0.2em 0.45em;
  content: 'A';
  background: #6256D1;
}
.cp_qa dt::after, .cp_qa dd::after {
  position: absolute;
  top: 0.5em;
  display: inline-block;
  width: 0;
  height: 0;
  content: '';
  border-width: 8px 0 8px 8px;
  border-style: solid;
}
.cp_qa dt::after {
  left: 1.7em;
  border-color: transparent transparent transparent #EFD735;
}
.cp_qa dd::after {
  left: 3.65em;
  border-color: transparent transparent transparent #6256D1;
}
ul.mokuji {
  max-width: 300px;
  margin: 0 auto;
}
ul.mokuji a {
  color: #4F2FD3 !important;
  border-bottom: 3px solid #D8DCF3;
}
/*2022OC*/
ul.l_list_arrow {
  padding: 0 0.5em;
  position: relative;
  margin-top: 2em;
}
ul.l_list_arrow li {
  line-height: 1.5;
  padding: .8em 0 .8em 2em;
  border-bottom: dashed 1px silver;
  list-style-type: none !important;
}
ul.l_list_arrow li:last-of-type {
  border-bottom: none;
}
ul.l_list_arrow li:before {
  /*リスト内のアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f138"; /*アイコン種類*/
  position: absolute;
  left: 0.5em; /*左端からのアイコンまで*/
  color: #34B899; /*アイコン色*/
  font-weight: 600;
}
/*2020OCボタン*/
.l_grid_btn {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 30px;
  margin: 30px 0;
}
a.l_bn_btn {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: .6em 3em .6em 1em;
  font-size: 1.2em;
  font-weight: normal;
  -moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  background-color: #8F96B7;
  background-image: linear-gradient(315deg, #b3cdd1 0%, #9fa4c4 74%);
  color: #fff !important;
  text-decoration: none;
  border-radius: 50vh;
  transition: 0.3s;
}
a.l_bn_btn::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50vh;
}
a.l_bn_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
}
a.l_bn_btn:hover {
  text-decoration: none;
  background-color: #8F96B7;
  background-image: linear-gradient(315deg, #b3cdd1 0%, #656E9B 74%);
  color: #fff !important;
}
a.l_bn_btn.pink {
  color: #fff !important;
  background-color: #eec0c6;
  background-image: linear-gradient(315deg, #eec0c6 0%, #e58c8a 74%);
}
a.l_bn_btn.pink:hover {
  background-color: #DC7784;
  background-image: linear-gradient(315deg, #eec0c6 0%, #DC7784 74%);
  color: #fff !important;
}
a.l_bn_btn.green {
  color: #fff !important;
  background-color: #3FC58C;
  background-image: linear-gradient(315deg, #f9ea8f 0%, #3FC58C 74%);
}
a.l_bn_btn.green:hover {
  background-color: #2CBB90;
  background-image: linear-gradient(315deg, #f9ea8f 0%, #2CBB90 74%);
  color: #fff !important;
}
a.l_bn_btn.blue {
  color: #fff !important;
  background-color: #abe9cd;
  background-image: linear-gradient(315deg, #AED9E8 0%, #3eadcf 74%);
}
a.l_bn_btn.blue:hover {
  background-color: #5290BD;
  background-image: linear-gradient(315deg, #AED9E8 0%, #5290BD 74%);
  color: #fff !important;
}
a.l_bn_btn.foam {
  color: #fff !important;
  background-color: #FF8A9C;
  background-image: linear-gradient(315deg, #FF8A9C 0%, #F77B43 74%);
}
a.l_bn_btn.foam:hover {
  background-color: #CF6265;
  background-image: linear-gradient(315deg, #FF8A9C 0%, #E5932B 74%);
  color: #fff !important;
}
a.l_bn_btn span.link_pdf:after {
  content: "\f1c1";
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  padding-left: 10px;
  text-shadow: none;
  color: #fff;
}
a.l_bn_btn.foam.gray {
  pointer-events: none;
  color: #fff !important;
  background: #C1C1C1 !important;
}