@charset "UTF-8";
/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/*¥µ¥¤¥È¥«¥é©`*/
/*¥Æ¥­¥¹¥È¤ËÊ¹¤¦¥Õ¥©¥ó¥È¥«¥é©`*/
/*¥Æ¥­¥¹¥ÈÄÚ¤ÇÊ¹¤¦¥ê¥ó¥¯¥«¥é©`*/
@media screen and (max-width: 1025px) {
  :root {
    font-size: 62.5%; }
  body {
    background: #e0e0e0; }
  a {
    text-decoration: none;
    color: #212227; }
  main {
    overflow: hidden; }
    main#second {
      padding-top: 50px; }
  #mainVisual {
    width: 100%;
    height: 220px;
    background-size: cover;
    background-position: 50%; }
    #mainVisual.no_img {
      height: 50px; }
    #mainVisual img {
      width: 100%;
      height: 220px;
      -o-object-fit: cover;
      object-fit: cover; }
  .title_wrap_pc {
    display: none; }
  article h1 {
    position: relative;
    width: calc(100% + 30px);
    padding: 15px 15px 15px 15px;
    background: #fff;
    line-height: 1.4;
    font-size: 2.1rem;
    margin-top: -28px;
    margin-left: -30px; }
  article > .inner {
    position: relative;
    z-index: 10; }
  article .tobiraH2 {
    line-height: 1.3;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    font-size: 1.9rem;
    margin: 60px 0 30px;
    font-weight: normal; }
    article .tobiraH2:before {
      top: calc(50% - 8px); }
    article .tobiraH2 a {
      display: block;
      color: #212227; }
      article .tobiraH2 a:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 11px;
        height: 11px;
        border-top: 1px solid #666;
        border-right: 1px solid #666;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: relative;
        top: -2px;
        margin-left: 15px; }
  article .lv_list {
    margin-top: 20px; }
    article .lv_list ul li {
      font-size: 1.4rem;
      margin-top: 20px; }
      article .lv_list ul li a {
        color: #fff;
        display: block;
        background: #212227; }
        article .lv_list ul li a span {
          overflow: hidden;
          position: relative;
          display: block;
          padding: 15px 15px 15px 30px; }
          article .lv_list ul li a span:before {
            content: "";
            width: 20px;
            height: 20px;
            margin-top: -10px;
            background: #4e38e5;
            position: absolute;
            top: 50%;
            left: -14px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg); }
  article.column1 .pankuz {
    width: calc(100% + 60px);
    margin-top: 80px;
    margin-left: -30px;
    background: #fff; }
  article .pankuz {
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 30px;
    width: 100%; }
    article .pankuz .breadcrumb {
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap; }
      article .pankuz .breadcrumb a,
      article .pankuz .breadcrumb a span {
        color: #212227;
        text-decoration: none !important; }
      article .pankuz .breadcrumb > div {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        font-size: 1rem; }
        article .pankuz .breadcrumb > div:not(:first-child) {
          padding-left: 10px;
          margin-left: 10px; }
        article .pankuz .breadcrumb > div + div:before {
          content: "";
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          border-top: 1px solid #e0e0e0;
          border-right: 1px solid #e0e0e0;
          width: 5px;
          height: 5px;
          position: absolute;
          top: 50%;
          left: -4px;
          margin-top: -3px; }
  article.column2 {
    background: #fff; }
    article.column2 #navCat {
      padding: 15px;
      font-size: 1.5rem;
      line-height: 1;
      background: #212227;
      color: #fff;
      position: relative; }
      article.column2 #navCat .spSubNavBtn {
        display: block;
        width: 15px;
        height: 15px;
        border-top: 7px double #fff;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -3px; }
    article.column2 #side_nav {
      padding: 0 15px;
      font-size: 1.4rem; }
      article.column2 #side_nav .sp_disp {
        display: block;
        margin: 0 15px; }
      article.column2 #side_nav > ul {
        padding-bottom: 25px;
        display: none; }
        article.column2 #side_nav > ul li {
          position: relative; }
          article.column2 #side_nav > ul li.on > a {
            background: #4e38e5;
            color: #fff; }
          article.column2 #side_nav > ul li.on span:after {
            background-color: #fff;
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg); }
          article.column2 #side_nav > ul li a {
            background: #fff;
            display: block;
            padding: 15px;
            border-bottom: 1px solid #dbd6d3;
            position: relative; }
          article.column2 #side_nav > ul li > span {
            position: absolute;
            width: 40px;
            height: 50px;
            top: 0;
            right: 0; }
            article.column2 #side_nav > ul li > span:before {
              content: "";
              width: 11px;
              height: 1px;
              background: #4e38e5;
              position: absolute;
              top: 50%;
              left: 50%;
              margin-left: -5px; }
            article.column2 #side_nav > ul li > span:after {
              content: "";
              width: 1px;
              height: 11px;
              background: #4e38e5;
              position: absolute;
              top: 50%;
              left: 50%;
              margin-top: -5px;
              transition: all .3s; }
          article.column2 #side_nav > ul li > ul {
            display: none;
            padding: 5px 0 5px 15px; }
            article.column2 #side_nav > ul li > ul li a {
              display: block;
              padding: 12px 25px;
              position: relative; }
              article.column2 #side_nav > ul li > ul li a.on {
                background: #fff;
                color: #4e38e5; }
              article.column2 #side_nav > ul li > ul li a:after {
                content: "";
                border-top: 1px solid #4e38e5;
                border-right: 1px solid #4e38e5;
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                width: 4px;
                height: 4px;
                position: absolute;
                top: 50%;
                left: 10px;
                margin-top: -2px;
                margin-top: -4px; }
            article.column2 #side_nav > ul li > ul li span {
              display: none; }
            article.column2 #side_nav > ul li > ul li > ul {
              display: block; }
              article.column2 #side_nav > ul li > ul li > ul li span {
                display: none; }
    article.column2 .post-body {
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 30px;
      font-size: 1.6rem;
      /*
    h2{
     line-height: 1.3;
     font-size: 1.6rem;
     padding-left: 25px;
     position: relative;
     margin-top: 40px;
     margin-bottom: 15px;
     clear: both;

     &:first-child{
      margin-top: 0;
     }

     &:before{
      content: "";
      background: #4e38e5;
      width: 15px;
      height: 3px;
      position: absolute;
      top: 8px;
      left: 0;
     }
    }
*/ }
      article.column2 .post-body h1 {
        position: relative;
        width: calc(100% - 30px);
        padding: 35px 0 0px 30px;
        background: #fff;
        line-height: 1.4;
        font-size: 2.1rem;
        margin: 0;
        border-bottom: 0; }
        article.column2 .post-body h1:after {
          display: none; }
      article.column2 .post-body > section {
        width: 100%;
        padding: 35px 30px 40px;
        background: #fff; }
        article.column2 .post-body > section:first-of-type > *:first-child {
          margin-top: 0;
          padding-top: 0; }
      article.column2 .post-body a:not(.commonBtn) {
        color: #4028d5;
        text-decoration: underline; }
        article.column2 .post-body a:not(.commonBtn):visited {
          color: #9851F5; }
      article.column2 .post-body h3 {
        line-height: 1.4;
        font-size: 1.4rem;
        margin-top: 15px;
        border-left: 7px solid #4e38e5;
        background: #f5f5f5;
        color: #000;
        padding: 7px 15px 7px 13px;
        margin-bottom: 15px;
        clear: both; }
  main .post-body p, main .post-body ul, main .post-body dl {
    font-family: 'Roboto', sans-serif; }
  article {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 1.4rem; }
    article.column1 {
      padding: 0 30px; }
    article ul {
      list-style: none; }
    article img {
      max-width: 100%;
      width: auto;
      height: auto; }
    article .colorPrimary {
      color: #4e38e5; }
  section {
    width: 100%;
    display: block; }
  main {
    overflow-wrap: break-word;
    /* common class */ }
    main .column-single a {
      text-decoration: underline;
      color: #3F7EC1; }
    main strong {
      font-weight: 600 !important; }
    main h1 {
      font-weight: 600;
      font-size: 2.2rem;
      line-height: 1.1;
      font-weight: 600; }
    main h2 {
      line-height: 1.3;
      padding-left: 30px;
      position: relative;
      clear: both;
      margin-top: 30px;
      margin-bottom: 20px;
      font-size: 1.6rem;
      font-weight: 600; }
      main h2::before {
        content: "";
        background: #4e38e5;
        width: 20px;
        height: 3px;
        position: absolute;
        left: 0; }
      main h2 + p {
        margin-top: 1em; }
      main h2::before {
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    main h3 {
      line-height: 1.4;
      font-size: 1.6rem;
      margin-top: 30px;
      font-weight: 600;
      border-left: 7px solid #4e38e5;
      background: #f5f5f5;
      color: #000;
      padding: 7px 15px 7px 13px;
      margin-bottom: 20px;
      clear: both;
      padding: 10px 15px;
      font-size: 1.4rem;
      line-height: 1.4;
      font-weight: 600; }
      main h3 + p {
        margin-top: 1em; }
    main h4 {
      line-height: 1.5;
      margin-top: 30px;
      font-weight: 600;
      margin-bottom: 20px;
      clear: both;
      font-size: 1.6rem; }
      main h4 + p {
        margin-top: .7em; }
    main h5 {
      padding-left: 5px;
      border-bottom: 1px solid #707070;
      padding-bottom: 10px;
      line-height: 1.2;
      margin-top: 20px;
      font-size: 1.6rem; }
      main h5 + p {
        margin-top: .7em; }
    main p {
      font-size: 1.6rem;
      line-height: 1.6;
      margin-top: 1.5em; }
    main a.link,
    main span.link {
      background: url(/english/images/common/list.png) no-repeat 0 0px;
      background-size: 15px;
      padding: 0 0 0 23px;
      margin-right: 15px;
      display: inline;
      display: block;
      margin-bottom: 5px; }
    main .icon {
      display: inline-block;
      position: relative;
      padding-right: 20px; }
      main .icon:after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 20px;
        background-size: auto 1em;
        background-repeat: no-repeat;
        background-position: 50% 0;
        margin-left: 7px;
        vertical-align: middle; }
      main .icon[href$=pdf]:after {
        background-image: url(/english/images/second/icon_pdf_sp.png);
        background-size: contain; }
      main .icon[href$=doc]:after, main .icon[href$=docx]:after {
        background-image: url(/english/images/second/icon_doc.png); }
      main .icon[href$=xls]:after, main .icon[href$=xlsx]:after {
        background-image: url(/english/images/second/icon_xls.png); }
    main .ico_blank {
      display: inline-block;
      width: 15px;
      height: 15px;
      background: url("/english/images/second/icon_blank.png") no-repeat 0 0;
      background-size: 10px;
      vertical-align: middle;
      margin-left: 5px;
      position: relative;
      top: -1px; }
    main .img_txt {
      margin: 0 0 20px;
      font-size: 15px; }
      main .img_txt > p,
      main .img_txt > .in {
        text-align: left;
        flex: 1;
        padding-left: 15px;
        padding-right: 0px;
        padding-left: 0;
        padding-right: 0; }
      main .img_txt > p:first-child,
      main .img_txt > .in:first-child {
        padding-left: 0;
        padding-right: 15px;
        padding-left: 0;
        padding-right: 0; }
      main .img_txt .img {
        text-align: center; }
        main .img_txt .img img {
          margin-bottom: 5px; }
        main .img_txt .img p {
          font-size: 13px;
          text-align: center; }
      main .img_txt.toTopImg {
        display: flex;
        flex-flow: column-reverse; }
        main .img_txt.toTopImg p {
          margin-top: 20px; }
    main ul.anker {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      main ul.anker.col2 li {
        width: calc(100%/2); }
      main ul.anker.col4 li {
        width: calc(100%/2); }
      main ul.anker li {
        list-style: none;
        border-right: 1px solid #fff;
        width: calc(100%/3); }
        main ul.anker li a {
          display: block;
          background: #eeeeee;
          position: relative;
          height: 100%;
          padding: 8px 12px 20px;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #000;
          line-height: 1.3;
          text-decoration: none;
          transition: background-color .2s;
          font-size: 1.4rem; }
          main ul.anker li a:after {
            content: "";
            display: block;
            border-bottom: 1px solid #000;
            border-right: 1px solid #000;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            width: 7px;
            height: 7px;
            position: absolute;
            bottom: 11px;
            left: 50%;
            margin-left: -3px; }
    main .btn_wrap {
      margin-top: 1.5em; }
    main .btnList {
      margin-top: 1.5em; }
    main .commonBtn, main .btn, main .btn_more a {
      background: #000;
      color: #fff;
      padding: 10px 15px 12px 20px;
      display: block;
      width: 100%;
      margin: 0 auto;
      text-align: left;
      text-decoration: none;
      transition: all 0.3s;
      margin-bottom: 5px;
      position: relative;
      overflow: hidden;
      line-height: 1.7;
      font-size: 1.4rem; }
      main .commonBtn:before, main .btn:before, main .btn_more a:before {
        content: "";
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: #4e38e5;
        position: absolute;
        top: 50%;
        left: -14px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all 0.3s; }
      main .commonBtn[target="_blank"]:after, main .commonBtn[target="newwindow"]:after, main .btn[target="_blank"]:after, main .btn[target="newwindow"]:after, main .btn_more a[target="_blank"]:after, main .btn_more a[target="newwindow"]:after {
        border: none;
        content: "";
        background: url(/english/images/common/icon_blank_w.png) no-repeat;
        background-size: cover;
        width: 16px;
        height: 16px;
        display: inline-block;
        position: absolute;
        top: 12px;
        right: 12px;
        -webkit-transform: none;
                transform: none; }
      main .commonBtn.btn_center, main .btn.btn_center, main .btn_more a.btn_center {
        margin: 0 auto; }
      main .commonBtn.btn_right, main .btn.btn_right, main .btn_more a.btn_right {
        margin: 0 0 0 auto; }
    main .btnCenter {
      display: flex;
      justify-content: center; }
    main .imgLine2 li {
      text-align: center;
      margin-top: 20px; }
      main .imgLine2 li img {
        max-width: 100%; }
    main .imgLine2 .cap {
      display: block;
      text-align: left;
      font-size: 1.4rem; }
    main .imgLine3 li {
      text-align: center;
      margin-top: 20px; }
      main .imgLine3 li img {
        max-width: 100%; }
    main .imgLine3 .cap {
      display: block;
      text-align: left;
      font-size: 1.4rem; }
    main .imgLine4 {
      margin-bottom: 30px;
      display: flex;
      flex-wrap: wrap; }
      main .imgLine4 li {
        width: calc(50% - 8px);
        margin-right: 16px; }
        main .imgLine4 li:nth-of-type(2n) {
          margin-right: 0; }
        main .imgLine4 li img {
          width: 100%; }
    main .imgInP .img {
      display: block;
      margin: 0 auto;
      padding-bottom: 10px; }
      main .imgInP .img .cap {
        display: block;
        text-align: left;
        font-size: 1.4rem; }
    main .imgInP.sp_img_btm {
      display: flex;
      flex-wrap: wrap; }
      main .imgInP.sp_img_btm .img {
        display: block;
        order: 2;
        margin: 10px auto 0;
        padding-bottom: 0; }
      main .imgInP.sp_img_btm .text {
        flex-basis: 100%;
        order: 1; }
    main .twoCol {
      margin-top: 10px; }
      main .twoCol .txt *:nth-child(1) {
        margin-top: 0; }
      main .twoCol .txt + .img {
        margin-top: 10px; }
      main .twoCol .img {
        width: 100%;
        text-align: center; }
        main .twoCol .img + .txt {
          margin-top: 10px; }
        main .twoCol .img img {
          max-width: 100%;
          width: auto;
          height: auto; }
    main ul.commonList,
    main ul.ul {
      margin-top: 1.5em; }
      main ul.commonList li,
      main ul.ul li {
        padding-left: 13px;
        margin-top: 7px;
        margin-bottom: 7px;
        position: relative;
        box-sizing: border-box; }
        main ul.commonList li:not(:first-of-type),
        main ul.ul li:not(:first-of-type) {
          margin-top: 10px; }
        main ul.commonList li:before,
        main ul.ul li:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: .5em;
          width: 6px;
          height: 6px;
          border-radius: 10px;
          background: #4e38e5; }
    main ul.arrow > li {
      padding: 0 0 0 20px;
      line-height: 1.5;
      margin-bottom: 7px;
      background: url(/english/images/common/list.png) no-repeat 0 5px;
      background-size: 15px; }
    main .box {
      margin: 30px 0;
      padding: 15px;
      background: #f5f5f5; }
      main .box *:first-child {
        margin-top: 0; }
    main ol {
      padding-left: 18px;
      margin-top: 15px;
      font-size: 1.2rem; }
      main ol li + li {
        margin-top: 10px; }
    main .commonTable, main .A {
      width: 100%;
      border-collapse: collapse;
      border-spacing: inherit;
      margin-top: 1.5em;
      font-size: 1.4rem; }
      main .commonTable .nowrap, main .A .nowrap {
        white-space: nowrap; }
      main .commonTable td.wFix,
      main .commonTable th.wFix, main .A td.wFix,
      main .A th.wFix {
        width: 120px; }
      main .commonTable th, main .A th {
        background-color: #646e78;
        color: #fff;
        text-align: left;
        font-weight: 600;
        background-clip: padding-box;
        border: 1px solid #fff;
        padding: 8px 12px; }
        main .commonTable th.required, main .A th.required {
          position: relative;
          vertical-align: middle; }
          main .commonTable th.required:after, main .A th.required:after {
            content: "±Øíš";
            background-color: #cf0000;
            color: #fff;
            font-size: 1.4rem;
            padding: 4px 8px;
            line-height: 1;
            display: inline-block;
            float: right;
            margin-right: -35px; }
        main .commonTable th.sub, main .A th.sub {
          color: #212227;
          border: 1px solid #c8c8c8;
          background-color: #ebebeb; }
        main .commonTable th.null, main .A th.null {
          border-top: 1px solid #fff;
          border-left: 1px solid #fff;
          background-color: #fff; }
      main .commonTable td, main .A td {
        padding: 8px 12px;
        background-color: #F3F3F3;
        background-clip: padding-box;
        border: 1px solid #c8c8c8; }
        main .commonTable td *:last-child, main .A td *:last-child {
          margin-bottom: 0; }
        main .commonTable td *:first-child, main .A td *:first-child {
          margin-top: 0; }
        main .commonTable td .kome, main .A td .kome {
          display: block;
          font-size: 1.4rem;
          margin-top: 5px; }
        main .commonTable td .category, main .A td .category {
          width: 130px;
          display: inline-block; }
        main .commonTable td .subtxt, main .A td .subtxt {
          width: 43px;
          display: inline-block;
          text-align: right;
          padding-right: 10px; }
        main .commonTable td.null, main .A td.null {
          border-top: 1px solid #fff;
          border-left: 1px solid #fff; }
      main .commonTable.type2, main .A.type2 {
        border-left: none; }
        main .commonTable.type2 th.title, main .A.type2 th.title {
          text-align: left;
          border-right: none;
          background-color: #f6f6f6; }
          main .commonTable.type2 th.title:after, main .A.type2 th.title:after {
            content: none; }
        main .commonTable.type2 tr, main .A.type2 tr {
          border-right: none; }
        main .commonTable.type2 th, main .A.type2 th {
          background: none;
          border-right: none;
          position: relative;
          width: 120px; }
          main .commonTable.type2 th:after, main .A.type2 th:after {
            content: ":";
            color: #999999;
            display: inline-block;
            position: absolute;
            right: 0; }
        main .commonTable.type2 td, main .A.type2 td {
          border-right: none; }
    main .scrollTable,
    main .sp_scroll {
      overflow: auto; }
      main .scrollTable table,
      main .sp_scroll table {
        white-space: nowrap;
        margin-top: 0; }
    main .scrolltext {
      font-size: 1.2rem;
      display: block;
      text-align: right;
      margin-top: 1.5em !important; }
      main .scrolltext:before {
        content: "";
        width: 16px;
        height: 14px;
        background-size: contain;
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle; }
    main .colorBox {
      margin-top: 2em;
      padding: 15px; }
      main .colorBox *:nth-child(1) {
        margin-top: 0; }
      main .colorBox p {
        line-height: 1.7; }
      main .colorBox.bgGray {
        background-color: #f5f5f5; }
    main .borderBox {
      margin-top: 2em;
      border: 1px solid #000;
      padding: 15px; }
      main .borderBox *:nth-child(1) {
        margin-top: 0; }
      main .borderBox p {
        line-height: 1.7; }
      main .borderBox.bdGray {
        border-color: #999; }
    main .kome {
      line-height: 1.7; }
    main .tab_wrap {
      width: 100%; }
      main .tab_wrap .tab_area {
        display: flex;
        overflow: auto; }
        main .tab_wrap .tab_area label {
          background-color: #E5E5E5;
          color: #000;
          cursor: pointer;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          border-radius: 5px 5px 0 0;
          border: 1px solid #ccc;
          position: relative;
          width: auto;
          min-width: calc(50% - 5px);
          font-size: 1.4rem;
          min-height: 50px;
          padding: 0 30px 0 15px; }
          main .tab_wrap .tab_area label:first-of-type {
            margin-right: 10px; }
            main .tab_wrap .tab_area label:first-of-type:after {
              content: "";
              width: 14px;
              height: 69px;
              border-bottom: 1px solid #ccc;
              position: absolute;
              right: -15px;
              bottom: -1px; }
          main .tab_wrap .tab_area label span {
            display: block;
            color: #000;
            width: 100%;
            text-align: center;
            font-size: 1.3rem;
            display: none; }
          main .tab_wrap .tab_area label:before {
            content: "";
            border: 0px;
            border-top: solid 2px #B4B4B4;
            border-right: solid 2px #B4B4B4;
            -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
            position: absolute;
            display: inline-block;
            width: 6px;
            height: 6px;
            top: calc(50% - 4px);
            right: 10px; }
      main .tab_wrap .tab_panel {
        width: 100%;
        display: none;
        padding-top: 15px; }
      main .tab_wrap .panel_area {
        padding: 0 20px 20px;
        border-radius: 0 0 6px 6px;
        background: #fff;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc; }
    main .border-box {
      border: 1px solid #ccc;
      padding: 20px; }
    main .ytWrap {
      position: relative;
      padding-bottom: 56.25%;
      margin-top: 30px; }
      main .ytWrap iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    main .iframeWrap {
      position: relative;
      padding-bottom: 57.25%;
      margin-top: 30px; }
      main .iframeWrap iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    main .toggle {
      margin-top: 20px;
      margin-bottom: 20px; }
      main .toggle > .title {
        background: #f6f6f6;
        position: relative;
        padding: 15px 40px 15px 30px;
        font-size: 1.6rem;
        line-height: 1.4; }
        main .toggle > .title:before {
          content: "";
          display: block;
          width: 2px;
          height: 18px;
          background: #4e38e5;
          position: absolute;
          right: 25px;
          top: 50%;
          margin-top: -9px;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); }
        main .toggle > .title:after {
          content: "";
          display: block;
          width: 2px;
          height: 18px;
          background: #4e38e5;
          position: absolute;
          right: 25px;
          top: 50%;
          margin-top: -9px;
          transition: all 0.5s; }
      main .toggle .body {
        padding: 20px 30px;
        display: none;
        padding: 20px 15px; }
        main .toggle .body > *:first-child {
          margin-top: 0;
          padding-top: 0; }
      main .toggle.open .title:after {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg); }
    main .wrap404 {
      background-color: #fff;
      border-radius: 20px;
      padding: 20px;
      margin-bottom: 40px; }
      main .wrap404 .wrap404in h1 {
        background-color: transparent;
        margin: 0;
        padding: 0; }
      main .wrap404 .wrap404in .btn {
        margin-top: 30px; }
    main .pointerNone {
      cursor: default;
      text-decoration: none; }
    main .taC {
      text-align: center !important; }
    main .taL {
      text-align: left !important; }
    main .taR {
      text-align: right !important; }
    main .Center {
      margin: 0 auto !important; }
    main .ovh {
      overflow: hidden !important; }
    main .mw100 {
      max-width: 100% !important;
      width: auto !important; }
    main .w100p {
      width: 100% !important; }
    main .mB0 {
      margin-bottom: 0 !important; }
    main .mB5 {
      margin-bottom: 5px !important; }
    main .mB10 {
      margin-bottom: 10px !important; }
    main .mB20 {
      margin-bottom: 20px !important; }
    main .mB30 {
      margin-bottom: 30px !important; }
    main .mB40 {
      margin-bottom: 40px !important; }
    main .mB50 {
      margin-bottom: 50px !important; }
    main .mT0 {
      margin-top: 0 !important; }
    main .mT5 {
      margin-top: 5px !important; }
    main .mT10 {
      margin-top: 10px !important; }
    main .mT20 {
      margin-top: 20px !important; }
    main .mT30 {
      margin-top: 30px !important; }
    main .mT40 {
      margin-top: 40px !important; }
    main .mT50 {
      margin-top: 50px !important; }
    main .mL0 {
      margin-left: 0px !important; }
    main .mL5 {
      margin-left: 5px !important; }
    main .mL10 {
      margin-left: 10px !important; }
    main .mL20 {
      margin-left: 20px !important; }
    main .mL30 {
      margin-left: 30px !important; }
    main .mL40 {
      margin-left: 40px !important; }
    main .mL50 {
      margin-left: 50px !important; }
    main .mR0 {
      margin-right: 0px !important; }
    main .mR5 {
      margin-right: 5px !important; }
    main .mR10 {
      margin-right: 10px !important; }
    main .mR20 {
      margin-right: 20px !important; }
    main .mR30 {
      margin-right: 30px !important; }
    main .mR40 {
      margin-right: 40px !important; }
    main .mR50 {
      margin-right: 50px !important; }
    main .mB0 {
      margin-bottom: 0 !important; }
    main .mB5_sp {
      margin-bottom: 5px !important; }
    main .mB10_sp {
      margin-bottom: 10px !important; }
    main .mB20_sp {
      margin-bottom: 20px !important; }
    main .mB30_sp {
      margin-bottom: 30px !important; }
    main .mB40_sp {
      margin-bottom: 40px !important; }
    main .mB50_sp {
      margin-bottom: 50px !important; }
    main .mT0 {
      margin-top: 0 !important; }
    main .mT5_sp {
      margin-top: 5px !important; }
    main .mT10_sp {
      margin-top: 10px !important; }
    main .mT20_sp {
      margin-top: 20px !important; }
    main .mT30_sp {
      margin-top: 30px !important; }
    main .mT40_sp {
      margin-top: 40px !important; }
    main .mT50_sp {
      margin-top: 50px !important; }
    main .mL0_sp {
      margin-left: 0px !important; }
    main .mL5_sp {
      margin-left: 5px !important; }
    main .mL10_sp {
      margin-left: 10px !important; }
    main .mL20_sp {
      margin-left: 20px !important; }
    main .mL30_sp {
      margin-left: 30px !important; }
    main .mL40_sp {
      margin-left: 40px !important; }
    main .mL50_sp {
      margin-left: 50px !important; }
    main .mR0_sp {
      margin-right: 0px !important; }
    main .mR5_sp {
      margin-right: 5px !important; }
    main .mR10_sp {
      margin-right: 10px !important; }
    main .mR20_sp {
      margin-right: 20px !important; }
    main .mR30_sp {
      margin-right: 30px !important; }
    main .mR40_sp {
      margin-right: 40px !important; }
    main .mR50_sp {
      margin-right: 50px !important; }
    main .size12_sp {
      font-size: 12px !important; }
    main .size14_sp {
      font-size: 14px !important; }
    main .size16_sp {
      font-size: 16px !important; }
    main .size18_sp {
      font-size: 18px !important; }
    main .size20_sp {
      font-size: 20px !important; }
    main .w50p_sp {
      width: 50% !important; }
    main .red {
      color: #de0000 !important; }
    main .blue {
      color: #356fcf !important; }
    main .gray {
      color: #666 !important; }
    main .bold {
      font-weight: 600 !important; }
    main .underline {
      text-decoration: underline !important; }
    main .green {
      color: #23ac3a !important; }
    main .bdb {
      border-bottom: 2px solid #004aa4; }
    main .fontL {
      font-size: 1.2em; }
    main .fontS {
      font-size: .8em; }
    main .floatL {
      float: left; }
    main .floatR {
      float: right; }
    main .preBox {
      background: #eff0f4;
      border: 1px solid #000;
      padding: 15px;
      box-sizing: border-box;
      clear: both;
      overflow: hidden;
      margin-top: 30px;
      font-family: Arial, sans-serif;
      line-height: 1.8; }
      main .preBox pre {
        overflow: auto;
        white-space: pre-wrap;
        word-wrap: break-word;
        -moz-text-align-last: auto;
             text-align-last: auto; } }

@media screen and (min-width: 800px) {
  :root {
    font-size: 62.5%; }
  body {
    background: #e0e0e0; }
  a {
    text-decoration: none;
    color: #212227; }
  main {
    overflow: hidden; }
  main .post-body p, main .post-body ul, main .post-body dl {
    font-family: 'Roboto', sans-serif; }
  article ul {
    list-style: none; }
  article img {
    max-width: 100%;
    width: auto;
    height: auto; }
  article .colorPrimary {
    color: #4e38e5; }
  section {
    width: 100%;
    display: block; }
  main {
    overflow-wrap: break-word;
    /* common class */ }
    main .column-single a {
      text-decoration: underline;
      color: #3F7EC1; }
    main strong {
      font-weight: 600 !important; }
    main h1 {
      font-weight: 600; }
    main h2 {
      line-height: 1.3;
      padding-left: 30px;
      position: relative;
      clear: both; }
      main h2::before {
        content: "";
        background: #4e38e5;
        width: 20px;
        height: 3px;
        position: absolute;
        left: 0; }
    main h3 {
      line-height: 1.4;
      font-size: 1.6rem;
      margin-top: 30px;
      font-weight: 600;
      border-left: 7px solid #4e38e5;
      background: #f5f5f5;
      color: #000;
      padding: 7px 15px 7px 13px;
      margin-bottom: 20px;
      clear: both; }
    main h4 {
      line-height: 1.5;
      margin-top: 30px;
      font-weight: 600;
      margin-bottom: 20px;
      clear: both; }
      main h4 + p {
        margin-top: .7em; }
    main h5 {
      padding-left: 5px;
      border-bottom: 1px solid #707070;
      padding-bottom: 10px;
      line-height: 1.2;
      margin-top: 20px; }
      main h5 + p {
        margin-top: .7em; }
    main p {
      font-size: 1.6rem;
      line-height: 1.6;
      margin-top: 1.5em; }
    main a.link,
    main span.link {
      background: url(/english/images/common/list.png) no-repeat 0 0px;
      background-size: 15px;
      padding: 0 0 0 23px;
      margin-right: 15px;
      display: inline; }
    main .icon {
      display: inline-block;
      position: relative;
      padding-right: 20px; }
      main .icon:after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 20px;
        background-size: auto 1em;
        background-repeat: no-repeat;
        background-position: 50% 0;
        margin-left: 7px;
        vertical-align: middle; }
      main .icon[href$=pdf]:after {
        background-size: contain; }
      main .icon[href$=doc]:after, main .icon[href$=docx]:after {
        background-image: url(/english/images/second/icon_doc.png); }
      main .icon[href$=xls]:after, main .icon[href$=xlsx]:after {
        background-image: url(/english/images/second/icon_xls.png); }
    main .ico_blank {
      display: inline-block;
      width: 15px;
      height: 15px;
      background: url("/english/images/second/icon_blank.png") no-repeat 0 0;
      background-size: 10px;
      vertical-align: middle;
      margin-left: 5px;
      position: relative;
      top: -1px; }
    main .img_txt > p,
    main .img_txt > .in {
      text-align: left;
      flex: 1;
      padding-left: 15px;
      padding-right: 0px; }
    main .img_txt > p:first-child,
    main .img_txt > .in:first-child {
      padding-left: 0;
      padding-right: 15px; }
    main .img_txt .img img {
      margin-bottom: 5px; }
    main .img_txt .img p {
      font-size: 13px;
      text-align: center; }
    main ul.anker {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      main ul.anker.col2 li {
        width: calc(100%/2); }
      main ul.anker.col4 li {
        width: calc(100%/4); }
      main ul.anker li {
        list-style: none;
        border-right: 1px solid #fff;
        width: calc(100%/3); }
        main ul.anker li a {
          display: block;
          background: #eeeeee;
          position: relative;
          height: 100%;
          padding: 8px 12px 20px;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #000;
          line-height: 1.3;
          text-decoration: none;
          transition: background-color .2s; }
          main ul.anker li a:after {
            content: "";
            display: block;
            border-bottom: 1px solid #000;
            border-right: 1px solid #000;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            width: 7px;
            height: 7px;
            position: absolute;
            bottom: 11px;
            left: 50%;
            margin-left: -3px; }
    main .commonBtn[target="_blank"]:after, main .commonBtn[target="newwindow"]:after, main .btn[target="_blank"]:after, main .btn[target="newwindow"]:after, main .btn_more a[target="_blank"]:after, main .btn_more a[target="newwindow"]:after {
      border: none;
      content: "";
      background: url(/english/images/common/icon_blank_w.png) no-repeat;
      background-size: cover;
      width: 16px;
      height: 16px;
      display: inline-block;
      position: absolute;
      top: 12px;
      right: 12px;
      -webkit-transform: none;
              transform: none; }
    main .commonBtn.btn_center, main .btn.btn_center, main .btn_more a.btn_center {
      margin: 0 auto; }
    main .commonBtn.btn_right, main .btn.btn_right, main .btn_more a.btn_right {
      margin: 0 0 0 auto; }
    main .btnCenter {
      display: flex;
      justify-content: center; }
    main .imgLine2 li {
      text-align: center; }
      main .imgLine2 li img {
        max-width: 100%; }
    main .imgLine2 .cap {
      display: block;
      text-align: left;
      font-size: 1.4rem; }
    main .imgLine3 li {
      text-align: center; }
      main .imgLine3 li img {
        max-width: 100%; }
    main .imgLine3 .cap {
      display: block;
      text-align: left;
      font-size: 1.4rem; }
    main .imgLine4 {
      margin-bottom: 30px; }
      main .imgLine4 li img {
        width: 100%; }
    main .imgInP .img .cap {
      display: block;
      text-align: left;
      font-size: 1.4rem; }
    main ul.commonList,
    main ul.ul {
      margin-top: 1.5em; }
      main ul.commonList li,
      main ul.ul li {
        padding-left: 13px;
        margin-top: 7px;
        margin-bottom: 7px;
        position: relative;
        box-sizing: border-box; }
        main ul.commonList li:not(:first-of-type),
        main ul.ul li:not(:first-of-type) {
          margin-top: 10px; }
        main ul.commonList li:before,
        main ul.ul li:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: .5em;
          width: 6px;
          height: 6px;
          border-radius: 10px;
          background: #4e38e5; }
    main ul.arrow > li {
      padding: 0 0 0 20px;
      line-height: 1.5;
      margin-bottom: 7px; }
    main .box *:first-child {
      margin-top: 0; }
    main ol {
      padding-left: 18px;
      margin-top: 15px; }
      main ol li + li {
        margin-top: 10px; }
    main .commonTable, main .A {
      width: 100%;
      border-collapse: collapse;
      border-spacing: inherit;
      margin-top: 1.5em; }
      main .commonTable .nowrap, main .A .nowrap {
        white-space: nowrap; }
      main .commonTable th, main .A th {
        background-color: #646e78;
        color: #fff;
        text-align: left;
        font-weight: 600;
        background-clip: padding-box;
        border: 1px solid #fff; }
        main .commonTable th.required, main .A th.required {
          position: relative;
          vertical-align: middle; }
          main .commonTable th.required:after, main .A th.required:after {
            content: "±Øíš";
            background-color: #cf0000;
            color: #fff;
            font-size: 1.4rem;
            padding: 4px 8px;
            line-height: 1;
            display: inline-block;
            float: right;
            margin-right: -35px; }
        main .commonTable th.sub, main .A th.sub {
          color: #212227;
          border: 1px solid #c8c8c8;
          background-color: #ebebeb; }
        main .commonTable th.null, main .A th.null {
          border-top: 1px solid #fff;
          border-left: 1px solid #fff;
          background-color: #fff; }
      main .commonTable td, main .A td {
        padding: 8px 12px;
        background-color: #F3F3F3;
        background-clip: padding-box;
        border: 1px solid #c8c8c8; }
        main .commonTable td *:last-child, main .A td *:last-child {
          margin-bottom: 0; }
        main .commonTable td *:first-child, main .A td *:first-child {
          margin-top: 0; }
        main .commonTable td .kome, main .A td .kome {
          display: block;
          font-size: 1.4rem;
          margin-top: 5px; }
        main .commonTable td .category, main .A td .category {
          width: 130px;
          display: inline-block; }
        main .commonTable td .subtxt, main .A td .subtxt {
          width: 43px;
          display: inline-block;
          text-align: right;
          padding-right: 10px; }
        main .commonTable td.null, main .A td.null {
          border-top: 1px solid #fff;
          border-left: 1px solid #fff; }
      main .commonTable.type2, main .A.type2 {
        border-left: none; }
        main .commonTable.type2 th.title, main .A.type2 th.title {
          text-align: left;
          border-right: none;
          background-color: #f6f6f6; }
          main .commonTable.type2 th.title:after, main .A.type2 th.title:after {
            content: none; }
        main .commonTable.type2 tr, main .A.type2 tr {
          border-right: none; }
        main .commonTable.type2 th, main .A.type2 th {
          background: none;
          border-right: none;
          position: relative; }
          main .commonTable.type2 th:after, main .A.type2 th:after {
            content: ":";
            color: #999999;
            display: inline-block;
            position: absolute;
            right: 0; }
        main .commonTable.type2 td, main .A.type2 td {
          border-right: none; }
    main .scrollTable,
    main .sp_scroll {
      overflow: auto; }
    main .scrolltext {
      font-size: 1.2rem;
      display: block;
      text-align: right; }
      main .scrolltext:before {
        content: "";
        width: 16px;
        height: 14px;
        background-size: contain;
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle; }
    main .colorBox {
      margin-top: 2em; }
      main .colorBox *:nth-child(1) {
        margin-top: 0; }
      main .colorBox p {
        line-height: 1.7; }
      main .colorBox.bgGray {
        background-color: #f5f5f5; }
    main .borderBox {
      margin-top: 2em;
      border: 1px solid #000; }
      main .borderBox *:nth-child(1) {
        margin-top: 0; }
      main .borderBox p {
        line-height: 1.7; }
      main .borderBox.bdGray {
        border-color: #999; }
    main .kome {
      line-height: 1.7; }
    main .tab_wrap {
      width: 100%; }
      main .tab_wrap .tab_area {
        display: flex; }
        main .tab_wrap .tab_area label {
          background-color: #E5E5E5;
          color: #000;
          cursor: pointer;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          border-radius: 5px 5px 0 0;
          border: 1px solid #ccc;
          position: relative; }
          main .tab_wrap .tab_area label span {
            display: block;
            color: #000;
            width: 100%;
            text-align: center; }
          main .tab_wrap .tab_area label:before {
            content: "";
            border: 0px;
            border-top: solid 2px #B4B4B4;
            border-right: solid 2px #B4B4B4;
            -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
            position: absolute;
            display: inline-block; }
      main .tab_wrap .tab_panel {
        width: 100%;
        display: none; }
      main .tab_wrap .panel_area {
        padding: 0 20px 20px;
        border-radius: 0 0 6px 6px;
        background: #fff;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc; }
    main .border-box {
      border: 1px solid #ccc;
      padding: 20px; }
    main .ytWrap {
      position: relative;
      padding-bottom: 56.25%; }
      main .ytWrap iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    main .iframeWrap {
      position: relative; }
      main .iframeWrap iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    main .toggle > .title {
      background: #f6f6f6;
      position: relative;
      padding: 15px 40px 15px 30px; }
      main .toggle > .title:before {
        content: "";
        display: block;
        width: 2px;
        height: 18px;
        background: #4e38e5;
        position: absolute;
        right: 25px;
        top: 50%;
        margin-top: -9px;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
      main .toggle > .title:after {
        content: "";
        display: block;
        width: 2px;
        height: 18px;
        background: #4e38e5;
        position: absolute;
        right: 25px;
        top: 50%;
        margin-top: -9px;
        transition: all 0.5s; }
    main .toggle .body {
      padding: 20px 30px;
      display: none; }
    main .toggle.open .title:after {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg); }
    main .pointerNone {
      cursor: default;
      text-decoration: none; }
    main .taC {
      text-align: center !important; }
    main .taL {
      text-align: left !important; }
    main .taR {
      text-align: right !important; }
    main .Center {
      margin: 0 auto !important; }
    main .ovh {
      overflow: hidden !important; }
    main .mw100 {
      max-width: 100% !important;
      width: auto !important; }
    main .w100p {
      width: 100% !important; }
    main .mB0 {
      margin-bottom: 0 !important; }
    main .mB5 {
      margin-bottom: 5px !important; }
    main .mB10 {
      margin-bottom: 10px !important; }
    main .mB20 {
      margin-bottom: 20px !important; }
    main .mB30 {
      margin-bottom: 30px !important; }
    main .mB40 {
      margin-bottom: 40px !important; }
    main .mB50 {
      margin-bottom: 50px !important; }
    main .mT0 {
      margin-top: 0 !important; }
    main .mT5 {
      margin-top: 5px !important; }
    main .mT10 {
      margin-top: 10px !important; }
    main .mT20 {
      margin-top: 20px !important; }
    main .mT30 {
      margin-top: 30px !important; }
    main .mT40 {
      margin-top: 40px !important; }
    main .mT50 {
      margin-top: 50px !important; }
    main .mL0 {
      margin-left: 0px !important; }
    main .mL5 {
      margin-left: 5px !important; }
    main .mL10 {
      margin-left: 10px !important; }
    main .mL20 {
      margin-left: 20px !important; }
    main .mL30 {
      margin-left: 30px !important; }
    main .mL40 {
      margin-left: 40px !important; }
    main .mL50 {
      margin-left: 50px !important; }
    main .mR0 {
      margin-right: 0px !important; }
    main .mR5 {
      margin-right: 5px !important; }
    main .mR10 {
      margin-right: 10px !important; }
    main .mR20 {
      margin-right: 20px !important; }
    main .mR30 {
      margin-right: 30px !important; }
    main .mR40 {
      margin-right: 40px !important; }
    main .mR50 {
      margin-right: 50px !important; }
    main .red {
      color: #de0000 !important; }
    main .blue {
      color: #356fcf !important; }
    main .gray {
      color: #666 !important; }
    main .bold {
      font-weight: 600 !important; }
    main .underline {
      text-decoration: underline !important; }
    main .green {
      color: #23ac3a !important; }
    main .bdb {
      border-bottom: 2px solid #004aa4; }
    main .fontL {
      font-size: 1.2em; }
    main .fontS {
      font-size: .8em; }
    main .floatL {
      float: left; }
    main .floatR {
      float: right; }
    main .preBox {
      background: #eff0f4;
      border: 1px solid #000;
      padding: 15px;
      box-sizing: border-box;
      clear: both;
      overflow: hidden;
      margin-top: 30px;
      font-family: Arial, sans-serif;
      line-height: 1.8; }
      main .preBox pre {
        overflow: auto;
        white-space: pre-wrap;
        word-wrap: break-word;
        -moz-text-align-last: auto;
             text-align-last: auto; } }

@media print, screen and (min-width: 1026px) {
  :root {
    font-size: 62.5%; }
  body {
    background: #e0e0e0;
    ine-height: 1.6;
    color: #212227;
    font-size: 1.4rem; }
  a {
    text-decoration: none;
    color: #212227; }
  .inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative; }
  main {
    overflow: hidden; }
  #mainVisual {
    height: 650px;
    padding: 25px 0 0;
    position: relative;
    margin: 0 25px;
    overflow: hidden;
    z-index: 2; }
    #mainVisual.no_img {
      height: 290px; }
    #mainVisual img {
      margin-left: calc(-960px + 50%);
      width: 1920px;
      max-width: 1920px; }
  .title_wrap_pc {
    max-width: 1280px;
    margin: -83px auto 0px;
    padding-top: 56px;
    position: relative;
    z-index: 2; }
    .title_wrap_pc:after {
      content: "";
      display: block;
      clear: both; }
    .title_wrap_pc .pageTitle {
      display: inline-block;
      line-height: 1.3;
      padding: 0 25px 0 90px;
      background-color: #fff;
      min-width: 470px;
      font-size: 3rem;
      padding-top: 15px;
      padding-bottom: 15px;
      margin-left: -50px;
      max-width: 97%;
      position: relative;
      margin-top: -50px;
      font-weight: 600;
      border-left: 0; }
      .title_wrap_pc .pageTitle:after {
        content: "";
        width: 90px;
        height: 1px;
        background: #4e38e5;
        position: absolute;
        top: 50%;
        left: -26px;
        margin-top: -1px; }
    .title_wrap_pc .pankuz {
      float: right;
      position: static;
      background-color: #fff;
      padding: 20px 1928px 20px 60px;
      margin-right: -1920px;
      margin-top: 25px; }
      .title_wrap_pc .pankuz .breadcrumb {
        letter-spacing: -0.4em;
        padding-right: 5px; }
        .title_wrap_pc .pankuz .breadcrumb > div {
          letter-spacing: normal;
          display: inline-block;
          vertical-align: top;
          position: relative;
          padding-left: 0;
          margin-left: 0;
          font-size: 1.2rem;
          overflow: hidden;
          white-space: nowrap;
          max-width: 200px;
          text-overflow: ellipsis; }
          .title_wrap_pc .pankuz .breadcrumb > div + div {
            padding-left: 15px;
            margin-left: 15px; }
            .title_wrap_pc .pankuz .breadcrumb > div + div:before {
              content: "";
              -webkit-transform: rotate(45deg);
                      transform: rotate(45deg);
              border-top: 2px solid #e0e0e0;
              border-right: 2px solid #e0e0e0;
              width: 8px;
              height: 8px;
              position: absolute;
              top: 50%;
              left: -7px;
              margin-top: -6px; }
      .title_wrap_pc .pankuz a {
        color: #000;
        text-decoration: none;
        transition: .2s color; }
        .title_wrap_pc .pankuz a:hover {
          color: #4e38e5; }
  article .pankuz {
    display: none; }
  article h1 {
    display: none; }
  article > .inner {
    z-index: 10; }
  article h2.tobiraH2 {
    line-height: 1;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff;
    font-size: 2.8rem;
    margin: 70px 40px 0;
    font-weight: normal; }
    article h2.tobiraH2 a {
      transition: all 0.3s;
      color: #212227; }
      article h2.tobiraH2 a:after {
        transition: all 0.3s;
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        border-top: 2px solid #666;
        border-right: 2px solid #666;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        position: relative;
        top: -2px;
        margin-left: 15px; }
      article h2.tobiraH2 a:hover {
        color: #4e38e5; }
        article h2.tobiraH2 a:hover:after {
          border-color: #4e38e5; }
  article .lv_list {
    margin: 30px 40px 0; }
    article .lv_list ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      article .lv_list ul li {
        vertical-align: top;
        width: calc((100% - 20px) / 2);
        font-size: 1.6rem;
        margin: 20px 0 0 0; }
        article .lv_list ul li a {
          color: #fff;
          display: block;
          background: #212227;
          height: 100%; }
          article .lv_list ul li a:hover {
            color: #fff; }
            article .lv_list ul li a:hover span:before {
              left: -10px; }
        article .lv_list ul li span {
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          height: 100%;
          padding: 15px 15px 15px 35px; }
          article .lv_list ul li span:before {
            content: "";
            width: 20px;
            height: 20px;
            margin-top: -10px;
            background: #4e38e5;
            position: absolute;
            top: 50%;
            left: -14px;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            transition: all .3s; }
  article.column2 {
    position: relative; }
    article.column2:before {
      content: "";
      display: block;
      width: 50vw;
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      right: 0; }
    article.column2 .inner {
      display: flex;
      flex-wrap: wrap;
      max-width: 1280px;
      margin: 0 auto;
      position: relative; }
      article.column2 .inner #navCat {
        width: 100%;
        padding: 30px 0;
        font-size: 2.6rem;
        line-height: 1;
        font-weight: 600; }
        article.column2 .inner #navCat .spSubNavBtn {
          display: none; }
      article.column2 .inner #side_nav {
        flex-basis: 320px;
        max-width: 320px;
        min-width: 250px;
        padding: 0 20px 80px 40px; }
        article.column2 .inner #side_nav > ul {
          display: block !important; }
          article.column2 .inner #side_nav > ul > li {
            margin-bottom: 1px;
            font-size: 1.5rem;
            overflow: hidden;
            position: relative; }
            article.column2 .inner #side_nav > ul > li > span {
              position: absolute;
              width: 40px;
              height: 54px;
              top: 0;
              right: 0; }
              article.column2 .inner #side_nav > ul > li > span:before {
                content: "";
                display: block;
                width: 11px;
                height: 1px;
                background: #fff;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -5px; }
              article.column2 .inner #side_nav > ul > li > span:after {
                content: "";
                width: 1px;
                height: 11px;
                background: #fff;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-top: -5px;
                transition: all .3s; }
            article.column2 .inner #side_nav > ul > li > a {
              background: #212227;
              color: #fff;
              display: block;
              padding: 15px 30px 15px 20px;
              position: relative; }
              article.column2 .inner #side_nav > ul > li > a:before {
                content: "";
                width: 20px;
                height: 20px;
                margin-top: -10px;
                background: #4e38e5;
                position: absolute;
                top: 50%;
                left: -14px;
                -webkit-transform: rotate(45deg);
                        transform: rotate(45deg); }
            article.column2 .inner #side_nav > ul > li.on > a {
              background: #4e38e5; }
              article.column2 .inner #side_nav > ul > li.on > a:before {
                background: #212227; }
            article.column2 .inner #side_nav > ul > li.on span:before {
              display: none; }
            article.column2 .inner #side_nav > ul > li.on span:after {
              -webkit-transform: rotate(90deg);
                      transform: rotate(90deg); }
            article.column2 .inner #side_nav > ul > li.on {
              /*
        span{
        &:before{
        display: none;
       }

        &:after{
        transform: rotate(90deg);
       }
        */ }
              article.column2 .inner #side_nav > ul > li.on > a:hover {
                background: #4e38e5; }
                article.column2 .inner #side_nav > ul > li.on > a:hover:before {
                  background: #212227; }
            article.column2 .inner #side_nav > ul > li > ul {
              display: none;
              padding: 15px 0;
              background: #ebebeb; }
              article.column2 .inner #side_nav > ul > li > ul li {
                font-size: 1.4rem; }
                article.column2 .inner #side_nav > ul > li > ul li a {
                  display: block;
                  padding: 8px 25px 8px 20px;
                  color: #212227;
                  position: relative; }
                  article.column2 .inner #side_nav > ul > li > ul li a:hover {
                    color: #212227; }
                  article.column2 .inner #side_nav > ul > li > ul li a.on {
                    background: #fff; }
                    article.column2 .inner #side_nav > ul > li > ul li a.on:before {
                      content: "";
                      width: 8px;
                      height: 2px;
                      position: absolute;
                      top: 50%;
                      left: 7px;
                      background: #4e38e5;
                      margin-top: -1px; }
                  article.column2 .inner #side_nav > ul > li > ul li a:after {
                    content: "";
                    border-top: 1px solid #4e38e5;
                    border-right: 1px solid #4e38e5;
                    -webkit-transform: rotate(45deg);
                            transform: rotate(45deg);
                    width: 4px;
                    height: 4px;
                    position: absolute;
                    top: 50%;
                    right: 20px;
                    margin-top: -2px;
                    margin-top: -4px; }
                  article.column2 .inner #side_nav > ul > li > ul li a:hover:before {
                    content: "";
                    width: 8px;
                    height: 2px;
                    position: absolute;
                    top: 50%;
                    left: 7px;
                    background: #4e38e5;
                    margin-top: -1px; }
      article.column2 .inner .post-body {
        flex-basis: calc(100% - 340px);
        width: calc(100% - 340px);
        background: #fff;
        padding-left: 60px;
        padding-right: 5px;
        display: flex;
        flex-wrap: wrap;
        font-size: 1.6rem;
        flex: 1;
        /*
      h2{
       line-height: 1.3;
       font-size: 2.6rem;
       padding-left: 30px;
       position: relative;
       margin-top: 50px;
       margin-bottom: 25px;
       clear: both;

       &:before{
        content: "";
        background: #4e38e5;
        width: 20px;
        height: 3px;
        position: absolute;
        top: 15px;
        left: 0;
       }
      }
*/ }
        article.column2 .inner .post-body h1 + section {
          padding-top: 50px;
          padding-bottom: 80px; }
        article.column2 .inner .post-body h1 + * > *:first-child {
          margin-top: 0 !important;
          padding-top: 0 !important; }
        article.column2 .inner .post-body a:not(.commonBtn) {
          color: #4028d5;
          text-decoration: underline; }
          article.column2 .inner .post-body a:not(.commonBtn):visited {
            color: #9851F5; }
            article.column2 .inner .post-body a:not(.commonBtn):visited:hover {
              color: #4028d5; }
          article.column2 .inner .post-body a:not(.commonBtn):hover {
            color: #9851f5;
            text-decoration: none; }
        article.column2 .inner .post-body h3 {
          line-height: 1.5;
          font-size: 1.8rem;
          margin-top: 30px;
          font-weight: 600;
          border-left: 7px solid #4e38e5;
          background: #f5f5f5;
          color: #000;
          padding: 7px 15px 7px 13px;
          margin-bottom: 20px;
          clear: both; }
        article.column2 .inner .post-body p {
          margin-top: 20px;
          line-height: 1.8; }
  main .post-body p, main .post-body ul, main .post-body dl {
    font-family: 'Roboto', sans-serif; }
  article {
    width: 100%;
    margin: 0 auto; }
    article.column1 {
      padding-bottom: 100px;
      max-width: 1080px;
      margin: 0 auto; }
    article ul {
      list-style: none; }
    article img {
      max-width: 100%;
      width: auto;
      height: auto; }
    article .colorPrimary {
      color: #4e38e5; }
  section {
    width: 100%;
    display: block; }
  main {
    overflow-wrap: break-word;
    /* common class */ }
    main .column-single a {
      text-decoration: underline;
      color: #3F7EC1; }
    main strong {
      font-weight: 600 !important; }
    main h1 {
      font-weight: 600;
      font-size: 4.8rem;
      line-height: 1.4; }
    main h2 {
      line-height: 1.3;
      padding-left: 30px;
      position: relative;
      clear: both;
      margin-top: 50px;
      margin-bottom: 25px;
      font-size: 2.6rem; }
      main h2::before {
        content: "";
        background: #4e38e5;
        width: 20px;
        height: 3px;
        position: absolute;
        left: 0; }
      main h2::before {
        top: 14px; }
    main h3 {
      line-height: 1.4;
      font-size: 1.6rem;
      margin-top: 30px;
      font-weight: 600;
      border-left: 7px solid #4e38e5;
      background: #f5f5f5;
      color: #000;
      padding: 7px 15px 7px 13px;
      margin-bottom: 20px;
      clear: both;
      padding: 10px 20px;
      font-size: 1.8rem; }
    main h4 {
      line-height: 1.5;
      margin-top: 30px;
      font-weight: 600;
      margin-bottom: 20px;
      clear: both;
      font-size: 2rem; }
      main h4 + p {
        margin-top: .7em; }
    main h5 {
      padding-left: 5px;
      border-bottom: 1px solid #707070;
      padding-bottom: 10px;
      line-height: 1.2;
      margin-top: 20px;
      font-size: 1.6rem; }
      main h5 + p {
        margin-top: .7em; }
    main p {
      font-size: 1.6rem;
      line-height: 1.6;
      margin-top: 1.5em; }
    main a.link,
    main span.link {
      background: url(/english/images/common/list.png) no-repeat 0 0px;
      background-size: 15px;
      padding: 0 0 0 23px;
      margin-right: 15px;
      display: inline; }
    main .icon {
      display: inline-block;
      position: relative;
      padding-right: 20px; }
      main .icon:after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 20px;
        background-size: auto 1em;
        background-repeat: no-repeat;
        background-position: 50% 0;
        margin-left: 7px;
        vertical-align: middle; }
      main .icon[href$=pdf]:after {
        background-image: url(/english/images/second/icon_pdf.png);
        background-size: contain; }
      main .icon[href$=doc]:after, main .icon[href$=docx]:after {
        background-image: url(/english/images/second/icon_doc.png); }
      main .icon[href$=xls]:after, main .icon[href$=xlsx]:after {
        background-image: url(/english/images/second/icon_xls.png); }
    main .ico_blank {
      display: inline-block;
      width: 15px;
      height: 15px;
      background: url("/english/images/second/icon_blank.png") no-repeat 0 0;
      background-size: 10px;
      vertical-align: middle;
      margin-left: 5px;
      position: relative;
      top: -1px; }
    main .img_txt {
      display: flex;
      margin: 30px 0 30px; }
      main .img_txt > p,
      main .img_txt > .in {
        text-align: left;
        flex: 1;
        padding-left: 15px;
        padding-right: 0px;
        margin-bottom: 0; }
      main .img_txt > p:first-child,
      main .img_txt > .in:first-child {
        padding-left: 0;
        padding-right: 15px; }
      main .img_txt .img {
        max-width: 50%; }
        main .img_txt .img img {
          margin-bottom: 5px; }
        main .img_txt .img p {
          font-size: 13px;
          text-align: center;
          margin-bottom: 0; }
    main ul.anker {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      main ul.anker.col2 li {
        width: calc(100%/2); }
      main ul.anker.col4 li {
        width: calc(100%/4); }
      main ul.anker li {
        list-style: none;
        border-right: 1px solid #fff;
        width: calc(100%/3); }
        main ul.anker li a {
          display: block;
          background: #eeeeee;
          position: relative;
          height: 100%;
          padding: 8px 12px 20px;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #000;
          line-height: 1.3;
          text-decoration: none;
          transition: background-color .2s;
          font-size: 1.5rem; }
          main ul.anker li a:hover {
            background: #000;
            text-decoration: none;
            color: #fff; }
            main ul.anker li a:hover:after {
              border-bottom: 1px solid #fff;
              border-right: 1px solid #fff; }
          main ul.anker li a:after {
            content: "";
            display: block;
            border-bottom: 1px solid #000;
            border-right: 1px solid #000;
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            width: 7px;
            height: 7px;
            position: absolute;
            bottom: 11px;
            left: 50%;
            margin-left: -3px; }
    main .btn_wrap {
      margin: 1.5em 0 0; }
    main .btnList {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%; }
      main .btnList > li {
        display: flex;
        width: 49.5%; }
        main .btnList > li:nth-child(n + 3) {
          margin-top: .5em; }
        main .btnList > li a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          min-width: inherit; }
    main .commonBtn, main .btn, main .btn_more a {
      background: #000;
      color: #fff;
      padding: 10px 15px 12px;
      display: inline-block;
      min-width: 300px;
      text-align: center;
      text-decoration: none;
      transition: all 0.3s;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 5px;
      position: relative;
      overflow: hidden;
      line-height: 1.7;
      font-size: 1.6rem; }
      main .commonBtn:before, main .btn:before, main .btn_more a:before {
        content: "";
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: #4e38e5;
        position: absolute;
        top: 50%;
        left: -14px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all 0.3s; }
      main .commonBtn:hover, main .btn:hover, main .btn_more a:hover {
        color: #fff;
        background: #4e38e5; }
        main .commonBtn:hover:before, main .btn:hover:before, main .btn_more a:hover:before {
          background: #b7cbff; }
      main .commonBtn[target="_blank"]:after, main .commonBtn[target="newwindow"]:after, main .btn[target="_blank"]:after, main .btn[target="newwindow"]:after, main .btn_more a[target="_blank"]:after, main .btn_more a[target="newwindow"]:after {
        border: none;
        content: "";
        background: url(/english/images/common/icon_blank_w.png) no-repeat;
        background-size: cover;
        width: 16px;
        height: 16px;
        display: inline-block;
        position: absolute;
        top: 12px;
        right: 12px;
        -webkit-transform: none;
                transform: none; }
      main .commonBtn.btn_center, main .btn.btn_center, main .btn_more a.btn_center {
        margin: 0 auto; }
      main .commonBtn.btn_right, main .btn.btn_right, main .btn_more a.btn_right {
        margin: 0 0 0 auto; }
    main .btn_more a {
      width: 40%;
      margin: 0 auto; }
    main .btnS {
      width: 30%; }
    main .btnM {
      width: 50%; }
    main .btnL {
      width: 70%; }
    main .btnCenter {
      display: flex;
      justify-content: center; }
    main .imgLine2 {
      display: flex;
      justify-content: center;
      margin-top: 1.5em; }
      main .imgLine2 li {
        text-align: center;
        width: calc(50% - 8px); }
        main .imgLine2 li:nth-of-type(odd) {
          margin-right: 16px; }
        main .imgLine2 li img {
          max-width: 100%; }
      main .imgLine2.small li {
        width: calc(33% - 8px); }
      main .imgLine2 .cap {
        display: block;
        text-align: left;
        font-size: 1.4rem; }
    main .imgLine3 {
      display: flex;
      justify-content: center;
      margin-top: 1.5em; }
      main .imgLine3 li {
        text-align: center;
        width: calc(33% - 8px);
        margin-right: 16px; }
        main .imgLine3 li:nth-of-type(3n) {
          margin-right: 0; }
        main .imgLine3 li img {
          max-width: 100%; }
      main .imgLine3 .cap {
        display: block;
        text-align: left;
        font-size: 1.4rem; }
    main .imgLine4 {
      margin-bottom: 30px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      main .imgLine4 li {
        width: calc(25% - 12px);
        margin-right: 16px; }
        main .imgLine4 li:nth-of-type(4n) {
          margin-right: 0; }
        main .imgLine4 li img {
          width: 100%; }
    main .imgInP {
      overflow: hidden; }
      main .imgInP .img {
        max-width: 300px; }
        main .imgInP .img img {
          width: 100%;
          height: auto; }
        main .imgInP .img .cap {
          display: block;
          text-align: left;
          font-size: 1.4rem; }
      main .imgInP .img.left {
        float: left;
        margin-right: 20px; }
      main .imgInP .img.right {
        float: right;
        margin-left: 20px; }
    main .twoCol {
      display: flex;
      margin-top: 20px; }
      main .twoCol .txt {
        flex: 1; }
        main .twoCol .txt *:nth-child(1) {
          margin-top: 0; }
        main .twoCol .txt + .img {
          margin-left: 40px; }
      main .twoCol .img {
        max-width: 50%; }
        main .twoCol .img + .txt {
          margin-left: 40px; }
        main .twoCol .img img {
          max-width: 100%;
          width: auto;
          height: auto; }
    main ul.commonList,
    main ul.ul {
      margin-top: 1.5em; }
      main ul.commonList li,
      main ul.ul li {
        padding-left: 13px;
        margin-top: 7px;
        margin-bottom: 7px;
        position: relative;
        box-sizing: border-box; }
        main ul.commonList li:not(:first-of-type),
        main ul.ul li:not(:first-of-type) {
          margin-top: 10px; }
        main ul.commonList li:before,
        main ul.ul li:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: .5em;
          width: 6px;
          height: 6px;
          border-radius: 10px;
          background: #4e38e5; }
    main ul.col2List {
      display: flex;
      flex-wrap: wrap; }
      main ul.col2List li {
        width: 50%;
        flex-basis: 50%; }
        main ul.col2List li:not(:first-of-type) {
          margin-top: 0px; }
        main ul.col2List li:nth-of-type(n + 3) {
          margin-top: 10px; }
    main ul.arrow > li {
      padding: 0 0 0 20px;
      line-height: 1.5;
      margin-bottom: 7px;
      background: url(/english/images/common/list.png) no-repeat 0 5px;
      background-size: 15px; }
    main .box {
      margin: 30px 0;
      padding: 20px;
      background: #f5f5f5; }
      main .box *:first-child {
        margin-top: 0; }
    main ol {
      padding-left: 18px;
      margin-top: 15px; }
      main ol li + li {
        margin-top: 10px; }
    main .commonTable, main .A {
      width: 100%;
      border-collapse: collapse;
      border-spacing: inherit;
      margin-top: 1.5em; }
      main .commonTable .nowrap, main .A .nowrap {
        white-space: nowrap; }
      main .commonTable td.wFix,
      main .commonTable th.wFix, main .A td.wFix,
      main .A th.wFix {
        width: 150px; }
      main .commonTable th, main .A th {
        background-color: #646e78;
        color: #fff;
        text-align: left;
        font-weight: 600;
        background-clip: padding-box;
        border: 1px solid #fff;
        padding: 8px 12px; }
        main .commonTable th.required, main .A th.required {
          position: relative;
          vertical-align: middle; }
          main .commonTable th.required:after, main .A th.required:after {
            content: "±Øíš";
            background-color: #cf0000;
            color: #fff;
            font-size: 1.4rem;
            padding: 4px 8px;
            line-height: 1;
            display: inline-block;
            float: right;
            margin-right: -35px; }
        main .commonTable th.sub, main .A th.sub {
          color: #212227;
          border: 1px solid #c8c8c8;
          background-color: #ebebeb; }
        main .commonTable th.null, main .A th.null {
          border-top: 1px solid #fff;
          border-left: 1px solid #fff;
          background-color: #fff; }
      main .commonTable td, main .A td {
        padding: 8px 12px;
        background-color: #F3F3F3;
        background-clip: padding-box;
        border: 1px solid #c8c8c8; }
        main .commonTable td *:last-child, main .A td *:last-child {
          margin-bottom: 0; }
        main .commonTable td *:first-child, main .A td *:first-child {
          margin-top: 0; }
        main .commonTable td .kome, main .A td .kome {
          display: block;
          font-size: 1.4rem;
          margin-top: 5px; }
        main .commonTable td .category, main .A td .category {
          width: 130px;
          display: inline-block; }
        main .commonTable td .subtxt, main .A td .subtxt {
          width: 43px;
          display: inline-block;
          text-align: right;
          padding-right: 10px; }
        main .commonTable td.null, main .A td.null {
          border-top: 1px solid #fff;
          border-left: 1px solid #fff; }
      main .commonTable.type2, main .A.type2 {
        border-left: none; }
        main .commonTable.type2 th.title, main .A.type2 th.title {
          text-align: left;
          border-right: none;
          background-color: #f6f6f6; }
          main .commonTable.type2 th.title:after, main .A.type2 th.title:after {
            content: none; }
        main .commonTable.type2 tr, main .A.type2 tr {
          border-right: none; }
        main .commonTable.type2 th, main .A.type2 th {
          background: none;
          border-right: none;
          position: relative;
          width: 170px; }
          main .commonTable.type2 th:after, main .A.type2 th:after {
            content: ":";
            color: #999999;
            display: inline-block;
            position: absolute;
            right: 0; }
        main .commonTable.type2 td, main .A.type2 td {
          border-right: none; }
    main .scrollTable,
    main .sp_scroll {
      overflow: auto; }
    main .scrolltext {
      font-size: 1.2rem;
      display: block;
      text-align: right; }
      main .scrolltext:before {
        content: "";
        width: 16px;
        height: 14px;
        background-size: contain;
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle; }
    main .colorBox {
      margin-top: 2em;
      padding: 20px; }
      main .colorBox *:nth-child(1) {
        margin-top: 0; }
      main .colorBox p {
        line-height: 1.7; }
      main .colorBox.bgGray {
        background-color: #f5f5f5; }
    main .borderBox {
      margin-top: 2em;
      border: 1px solid #000;
      padding: 20px; }
      main .borderBox *:nth-child(1) {
        margin-top: 0; }
      main .borderBox p {
        line-height: 1.7; }
      main .borderBox.bdGray {
        border-color: #999; }
    main .col2_wrap {
      display: flex;
      flex-wrap: wrap; }
      main .col2_wrap .left {
        width: calc(50% - 15px);
        margin-right: 30px; }
      main .col2_wrap .right {
        width: calc(50% - 15px); }
    main .kome {
      line-height: 1.7;
      font-size: 1.4rem; }
    main .tab_wrap {
      width: 100%; }
      main .tab_wrap .tab_area {
        display: flex; }
        main .tab_wrap .tab_area label {
          background-color: #E5E5E5;
          color: #000;
          cursor: pointer;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          border-radius: 5px 5px 0 0;
          border: 1px solid #ccc;
          position: relative;
          width: calc(50% - 7px);
          font-size: 1.8rem;
          min-height: 70px;
          padding: 5px 40px 5px 15px; }
          main .tab_wrap .tab_area label:hover {
            opacity: .7; }
          main .tab_wrap .tab_area label:first-of-type {
            margin-right: 14px; }
            main .tab_wrap .tab_area label:first-of-type:after {
              content: "";
              width: 14px;
              height: 69px;
              border-bottom: 1px solid #ccc;
              position: absolute;
              right: -15px;
              bottom: -1px; }
          main .tab_wrap .tab_area label span {
            display: block;
            color: #000;
            width: 100%;
            text-align: center;
            font-size: 1.4rem; }
          main .tab_wrap .tab_area label:before {
            content: "";
            border: 0px;
            border-top: solid 2px #B4B4B4;
            border-right: solid 2px #B4B4B4;
            -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
            position: absolute;
            display: inline-block;
            width: 8px;
            height: 8px;
            top: calc(50% - 4px);
            right: 20px; }
      main .tab_wrap .tab_panel {
        width: 100%;
        display: none;
        padding-top: 20px; }
      main .tab_wrap .panel_area {
        padding: 0 20px 20px;
        border-radius: 0 0 6px 6px;
        background: #fff;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc; }
    main .border-box {
      border: 1px solid #ccc;
      padding: 20px; }
    main .ytWrap {
      position: relative;
      padding-bottom: 56.25%;
      margin-top: 40px; }
      main .ytWrap iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    main .iframeWrap {
      position: relative;
      padding-bottom: 47.25%;
      margin-top: 40px; }
      main .iframeWrap iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    main .toggle {
      margin-top: 30px;
      margin-bottom: 30px; }
      main .toggle > .title {
        background: #f6f6f6;
        position: relative;
        padding: 15px 40px 15px 30px; }
        main .toggle > .title:before {
          content: "";
          display: block;
          width: 2px;
          height: 18px;
          background: #4e38e5;
          position: absolute;
          right: 25px;
          top: 50%;
          margin-top: -9px;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); }
        main .toggle > .title:after {
          content: "";
          display: block;
          width: 2px;
          height: 18px;
          background: #4e38e5;
          position: absolute;
          right: 25px;
          top: 50%;
          margin-top: -9px;
          transition: all 0.5s; }
      main .toggle .body {
        padding: 20px 30px;
        display: none; }
      main .toggle.open .title:after {
        -webkit-transform: rotate(270deg);
                transform: rotate(270deg); }
    main .wrap404 {
      display: flex;
      background-color: #fff;
      border-radius: 20px;
      padding: 40px; }
      main .wrap404 .wrap404in {
        width: 50%;
        color: #000;
        display: flex;
        justify-content: center;
        flex-direction: column; }
        main .wrap404 .wrap404in h1 {
          display: block;
          font-size: 36px; }
        main .wrap404 .wrap404in .stit404_j {
          padding: 40px 0; }
    main .pointerNone {
      cursor: default;
      text-decoration: none; }
    main .taC {
      text-align: center !important; }
    main .taL {
      text-align: left !important; }
    main .taR {
      text-align: right !important; }
    main .Center {
      margin: 0 auto !important; }
    main .ovh {
      overflow: hidden !important; }
    main .mw100 {
      max-width: 100% !important;
      width: auto !important; }
    main .w100p {
      width: 100% !important; }
    main .mB0 {
      margin-bottom: 0 !important; }
    main .mB5 {
      margin-bottom: 5px !important; }
    main .mB10 {
      margin-bottom: 10px !important; }
    main .mB20 {
      margin-bottom: 20px !important; }
    main .mB30 {
      margin-bottom: 30px !important; }
    main .mB40 {
      margin-bottom: 40px !important; }
    main .mB50 {
      margin-bottom: 50px !important; }
    main .mT0 {
      margin-top: 0 !important; }
    main .mT5 {
      margin-top: 5px !important; }
    main .mT10 {
      margin-top: 10px !important; }
    main .mT20 {
      margin-top: 20px !important; }
    main .mT30 {
      margin-top: 30px !important; }
    main .mT40 {
      margin-top: 40px !important; }
    main .mT50 {
      margin-top: 50px !important; }
    main .mL0 {
      margin-left: 0px !important; }
    main .mL5 {
      margin-left: 5px !important; }
    main .mL10 {
      margin-left: 10px !important; }
    main .mL20 {
      margin-left: 20px !important; }
    main .mL30 {
      margin-left: 30px !important; }
    main .mL40 {
      margin-left: 40px !important; }
    main .mL50 {
      margin-left: 50px !important; }
    main .mR0 {
      margin-right: 0px !important; }
    main .mR5 {
      margin-right: 5px !important; }
    main .mR10 {
      margin-right: 10px !important; }
    main .mR20 {
      margin-right: 20px !important; }
    main .mR30 {
      margin-right: 30px !important; }
    main .mR40 {
      margin-right: 40px !important; }
    main .mR50 {
      margin-right: 50px !important; }
    main .mB0_pc {
      margin-bottom: 0 !important; }
    main .mB5_pc {
      margin-bottom: 5px !important; }
    main .mB10_pc {
      margin-bottom: 10px !important; }
    main .mB20_pc {
      margin-bottom: 20px !important; }
    main .mB30_pc {
      margin-bottom: 30px !important; }
    main .mB40_pc {
      margin-bottom: 40px !important; }
    main .mB50_pc {
      margin-bottom: 50px !important; }
    main .mT0_pc {
      margin-top: 0 !important; }
    main .mT5_pc {
      margin-top: 5px !important; }
    main .mT10_pc {
      margin-top: 10px !important; }
    main .mT20_pc {
      margin-top: 20px !important; }
    main .mT30_pc {
      margin-top: 30px !important; }
    main .mT40_pc {
      margin-top: 40px !important; }
    main .mT50_pc {
      margin-top: 50px !important; }
    main .mL0_pc {
      margin-left: 0px !important; }
    main .mL5_pc {
      margin-left: 5px !important; }
    main .mL10_pc {
      margin-left: 10px !important; }
    main .mL20_pc {
      margin-left: 20px !important; }
    main .mL30_pc {
      margin-left: 30px !important; }
    main .mL40_pc {
      margin-left: 40px !important; }
    main .mL50_pc {
      margin-left: 50px !important; }
    main .mR0_pc {
      margin-right: 0px !important; }
    main .mR5_pc {
      margin-right: 5px !important; }
    main .mR10_pc {
      margin-right: 10px !important; }
    main .mR20_pc {
      margin-right: 20px !important; }
    main .mR30_pc {
      margin-right: 30px !important; }
    main .mR40_pc {
      margin-right: 40px !important; }
    main .mR50_pc {
      margin-right: 50px !important; }
    main .size12 {
      font-size: 12px !important; }
    main .size14 {
      font-size: 14px !important; }
    main .size16 {
      font-size: 16px !important; }
    main .size18 {
      font-size: 18px !important; }
    main .size20 {
      font-size: 20px !important; }
    main .red {
      color: #de0000 !important; }
    main .blue {
      color: #356fcf !important; }
    main .gray {
      color: #666 !important; }
    main .bold {
      font-weight: 600 !important; }
    main .underline {
      text-decoration: underline !important; }
    main .green {
      color: #23ac3a !important; }
    main .bdb {
      border-bottom: 2px solid #004aa4; }
    main .fontL {
      font-size: 1.2em; }
    main .fontS {
      font-size: .8em; }
    main .floatL {
      float: left; }
    main .floatR {
      float: right; }
    main .preBox {
      background: #eff0f4;
      border: 1px solid #000;
      padding: 15px;
      box-sizing: border-box;
      clear: both;
      overflow: hidden;
      margin-top: 30px;
      font-family: Arial, sans-serif;
      line-height: 1.8; }
      main .preBox pre {
        overflow: auto;
        white-space: pre-wrap;
        word-wrap: break-word;
        -moz-text-align-last: auto;
             text-align-last: auto; } }

/*# sourceMappingURL=map/second.css.map */
