/* Scss Document */
/*sp*/
/*pc*/
.topicpath ol li {
  display: inline;
  list-style-type: none; }

.topicpath ol li:after {
  content: " > "; }

.topicpath ol li:last-child:after {
  content: ""; }

@media screen and (min-width: 750px) {
  #Contents_Visual {
    height: 200px;
    background: #adb5c4 url(../image/img_common/mainimg_page_img.jpg) no-repeat 50% 0; } }
@media screen and (max-width: 749px) {
  #Contents_Visual {
    height: 200px;
    background: #adb5c4 url(../image/img_common/mainimg_page_img.jpg) no-repeat 50% 45px; } }

@media screen and (min-width: 750px) {
  .PageCopy {
    position: absolute;
    width: 100%;
    backface-visibility: hidden; }
    .PageCopy h2 {
      display: block;
      margin: 0px auto;
      text-align: center;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 80px; } }
@media screen and (max-width: 749px) {
  .PageCopy {
    position: absolute;
    width: 100%;
    backface-visibility: hidden; }
    .PageCopy h2 {
      display: block;
      margin: 0px auto;
      text-align: center;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 80px; } }

@media screen and (min-width: 750px) {
  .topicpath {
    padding: 20px 0;
    font-family: "Noto Sans Japanese"; } }
@media screen and (max-width: 749px) {
  .topicpath {
    padding: 20px 0;
    font-family: "Noto Sans Japanese"; } }

@media screen and (min-width: 750px) {
  .ContentsArea {
    width: 1000px;
    margin: 0 auto; } }
@media screen and (max-width: 749px) {
  .ContentsArea {
    padding: 10px 20px;
    margin: 0 auto; } }

@media screen and (min-width: 750px) {
  .ContentsPage {
    margin: 10px 0 60px; } }
@media screen and (max-width: 749px) {
  .ContentsPage {
    margin: 10px 0 30px; } }

@media screen and (min-width: 750px) {
  .ContentsTitle {
    margin: 20px 0 10px; } }
@media screen and (max-width: 749px) {
  .ContentsTitle {
    margin: 20px 0 10px; } }

@media screen and (min-width: 750px) {
  .textType_01 {
    font-family: "Noto Sans Japanese";
    font-size: 14px;
    line-height: 2;
    margin-bottom: 20px; } }
@media screen and (max-width: 749px) {
  .textType_01 {
    font-family: "Noto Sans Japanese";
    font-size: 14px;
    line-height: 2;
    margin-bottom: 20px; } }

@media screen and (min-width: 750px) {
  table.type04 {
    font-family: "Noto Sans Japanese";
    font-size: 14px;
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    width: 100%; } }
@media screen and (max-width: 749px) {
  table.type04 {
    font-family: "Noto Sans Japanese";
    font-size: 14px;
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    width: 100%; } }

@media screen and (min-width: 750px) {
  table.type04 th {
    font-family: "Noto Sans Japanese";
    font-size: 14px;
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc; } }
@media screen and (max-width: 749px) {
  table.type04 th {
    font-family: "Noto Sans Japanese";
    font-size: 14px;
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc; } }

@media screen and (min-width: 750px) {
  table.type04 td {
    font-family: "Noto Sans Japanese";
    font-size: 14px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc; } }
@media screen and (max-width: 749px) {
  table.type04 td {
    font-family: "Noto Sans Japanese";
    font-size: 14px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc; } }

@media screen and (min-width: 750px) {
  .CopyTitle h3 {
    font-family: "Sawarabi Mincho";
    color: #2e3432;
    line-height: 2;
    font-size: 24px;
    font-weight: 300; } }
@media screen and (max-width: 749px) {
  .CopyTitle h3 {
    font-family: "Sawarabi Mincho";
    color: #2e3432;
    line-height: 2;
    font-size: 20px;
    font-weight: 300; } }

@media screen and (min-width: 750px) {
  ul.imgMatrixCenter {
    display: flex;
    justify-content: center; }
    ul.imgMatrixCenter li {
      padding: 10px; } }
@media screen and (max-width: 749px) {
  ul.imgMatrixCenter {
    text-align: center; }
    ul.imgMatrixCenter li {
      padding: 10px; } }

@media screen and (min-width: 750px) {
  .tit_M {
    padding: 10px 20px 30px;
    border-left: 1px solid #ccc;
    color: #2e3432;
    font-size: 22px;
    font-family: "Noto Sans Japanese";
    margin-bottom: 20px; } }
@media screen and (max-width: 749px) {
  .tit_M {
    padding: 10px 10px 20px;
    border-left: 1px solid #ccc;
    font-size: 22px;
    font-family: "Noto Sans Japanese";
    margin-bottom: 20px; } }

@media screen and (min-width: 750px) {
  .BoxType_01 {
    position: relative;
    margin-top: 40px; } }
@media screen and (max-width: 749px) {
  .BoxType_01 {
    position: relative;
    margin-top: 40px; } }

@media screen and (min-width: 750px) {
  .BoxType_01_img {
    position: absolute;
    top: -13px;
    left: 15px; }
    .BoxType_01_img span {
      background: #2251ab;
      padding: 5px 44px;
      color: #fff;
      font-size: 15px;
      font-family: "Noto Sans Japanese"; } }
@media screen and (max-width: 749px) {
  .BoxType_01_img {
    position: absolute;
    top: -13px;
    left: 15px; }
    .BoxType_01_img span {
      background: #2251ab;
      padding: 5px 30px;
      color: #fff;
      font-size: 15px;
      font-family: "Noto Sans Japanese"; } }

@media screen and (min-width: 750px) {
  .BoxType_01_bg {
    border: 1px solid #ccc;
    padding: 30px;
    font-family: "Noto Sans Japanese";
    font-size: 14px;
    color: #2e3432;
    line-height: 2; } }
@media screen and (max-width: 749px) {
  .BoxType_01_bg {
    border: 1px solid #ccc;
    padding: 30px;
    font-family: "Noto Sans Japanese";
    font-size: 14px;
    color: #2e3432;
    line-height: 2; } }