@charset "UTF-8";
.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: block;
    overflow: hidden; }
  .clearfix:after {
    clear: both; }

@font-face {
  font-family: 'svgfont';
  src: url("../fonts/svgfont.eot?yx65rj");
  src: url("../fonts/svgfont.eot?yx65rj#iefix") format("embedded-opentype"), url("../fonts/svgfont.ttf?yx65rj") format("truetype"), url("../fonts/svgfont.woff?yx65rj") format("woff"), url("../fonts/svgfont.svg?yx65rj#svgfont") format("svg");
  font-weight: normal;
  font-style: normal; }

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'svgfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ico_back:before {
  content: ""; }

.ico_pdf:before {
  content: ""; }

.ico_arrow_b:before {
  content: ""; }

.ico_arrow_l:before {
  content: ""; }

.ico_arrow_r:before {
  content: ""; }

.ico_arrow_t:before {
  content: ""; }

.ico_arrow2_r:before {
  content: ""; }

.ico_arrow3_r:before {
  content: ""; }

.ico_blank:before {
  content: ""; }

.ico_check:before {
  content: ""; }

.ico_contact:before {
  content: ""; }

.ico_cross_b:before {
  content: ""; }

.ico_cross_l:before {
  content: ""; }

.ico_home:before {
  content: ""; }

.ico_loupe:before {
  content: ""; }

.ico_minus:before {
  content: ""; }

.ico_plus:before {
  content: ""; }

.ico_triangle_b:before {
  content: ""; }

.ico_triangle_l:before {
  content: ""; }

.ico_triangle_r:before {
  content: ""; }

.ico_triangle_t:before {
  content: ""; }

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansJP-Regular.otf"); }

@font-face {
  font-family: 'poppinsregular';
  src: url("../fonts/poppins-regular-webfont.eot");
  src: url("../fonts/poppins-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.ttf") format("truetype"), url("../fonts/poppins-regular-webfont.woff2") format("woff2"), url("../fonts/poppins-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'poppinssemibold';
  src: url("../fonts/poppins-semibold-webfont.eot");
  src: url("../fonts/poppins-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"), url("../fonts/poppins-semibold-webfont.woff2") format("woff2"), url("../fonts/poppins-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotocondensedbold';
  src: url("../fonts/robotocondensed-bold-webfont.eot");
  src: url("../fonts/robotocondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/robotocondensed-bold-webfont.ttf") format("truetype"), url("../fonts/robotocondensed-bold-webfont.woff2") format("woff2"), url("../fonts/robotocondensed-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello.eot?51443337");
  src: url("../fonts/fontello.eot?51443337#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?51443337") format("woff2"), url("../fonts/fontello.woff?51443337") format("woff"), url("../fonts/fontello.ttf?51443337") format("truetype"), url("../fonts/fontello.svg?51443337#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?51443337#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-up-open:before {
  content: '\e800'; }

/* '' */
.icon-right-open:before {
  content: '\e801'; }

/* '' */
.icon-left-open:before {
  content: '\e802'; }

/* '' */
.icon-down-open:before {
  content: '\e803'; }

/* '' */
.icon-angle-left:before {
  content: '\f104'; }

/* '' */
.icon-angle-right:before {
  content: '\f105'; }

/* '' */
.icon-angle-up:before {
  content: '\f106'; }

/* '' */
.icon-angle-down:before {
  content: '\f107'; }

/* '' */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

#main.sub {
  background: #003296 url("../images/column/bg.jpg") center top no-repeat;
  background-size: cover; }

@media only screen and (min-width: 0) and (max-width: 46em) {
  #main.sub {
    background: #003296 url("../images/column/bg_sp.jpg") center top no-repeat;
    background-size: cover; }
  #main .main-inr {
    height: auto;
    padding: 19.5% 0; } }

#contents {
  padding: 0; }
  #contents .column_index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media only screen and (min-width: 0) and (max-width: 46em) {
      #contents .column_index {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    #contents .column_index .column_index_main {
      width: 685px; }
      @media only screen and (min-width: 46.06em) and (max-width: 66.125em) {
        #contents .column_index .column_index_main {
          width: calc(685 / 988 * 100%); } }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        #contents .column_index .column_index_main {
          width: 100%; } }
      #contents .column_index .column_index_main .column-ico_new span {
        font-size: 0.9em;
        font-size: 0.9rem; }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          #contents .column_index .column_index_main .column-ico_new span {
            font-size: 1.1em;
            font-size: 1.1rem; } }
      #contents .column_index .column_index_main .column-main_title {
        font-size: 1.5em;
        font-size: 1.5rem; }
        @media only screen and (min-width: 46.06em) and (max-width: 66.125em) {
          #contents .column_index .column_index_main .column-main_title {
            font-size: 1.4em;
            font-size: 1.4rem; } }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          #contents .column_index .column_index_main .column-main_title {
            font-size: 1.5em;
            font-size: 1.5rem; } }
      #contents .column_index .column_index_main .column-main_tag {
        font-size: 1.3em;
        font-size: 1.3rem; }
        @media only screen and (min-width: 46.06em) and (max-width: 66.125em) {
          #contents .column_index .column_index_main .column-main_tag {
            font-size: 1.2em;
            font-size: 1.2rem; } }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          #contents .column_index .column_index_main .column-main_tag {
            font-size: 1.2em;
            font-size: 1.2rem; } }
    #contents .column_index .column_index_nav {
      width: 285px;
      position: sticky;
      top: 110px; }
      @media only screen and (min-width: 46.06em) and (max-width: 66.125em) {
        #contents .column_index .column_index_nav {
          width: calc(285 / 988 * 100%); } }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        #contents .column_index .column_index_nav {
          width: 100%;
          position: relative;
          top: 0;
          padding: 20px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; } }
      #contents .column_index .column_index_nav .side-bnr {
        margin-bottom: 20px; }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          #contents .column_index .column_index_nav .side-bnr {
            margin-bottom: 0; } }
        #contents .column_index .column_index_nav .side-bnr li + li {
          margin-top: 20px; }
          @media only screen and (min-width: 0) and (max-width: 46em) {
            #contents .column_index .column_index_nav .side-bnr li + li {
              margin-top: 4.02685%; } }
        #contents .column_index .column_index_nav .side-bnr li a:hover {
          opacity: 0.7; }
        #contents .column_index .column_index_nav .side-bnr li img {
          display: block;
          width: 100%; }
      #contents .column_index .column_index_nav .sidebar_tag {
        padding: 0 0 20px; }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          #contents .column_index .column_index_nav .sidebar_tag {
            display: none; } }
        #contents .column_index .column_index_nav .sidebar_tag .sidemenu_h1 {
          font-size: 2em;
          font-size: 2rem;
          font-weight: bold;
          color: #143686;
          position: relative;
          margin-bottom: 1em; }
          @media only screen and (min-width: 0) and (max-width: 46em) {
            #contents .column_index .column_index_nav .sidebar_tag .sidemenu_h1 {
              font-size: 2.2em;
              font-size: 2.2rem; } }
          #contents .column_index .column_index_nav .sidebar_tag .sidemenu_h1 span:after {
            content: '';
            width: calc(100% - 5.5em);
            display: block;
            height: 2px;
            background: #143686;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
        #contents .column_index .column_index_nav .sidebar_tag ul {
          text-align: left;
          font-size: 1.4em;
          font-size: 1.4rem;
          font-weight: bold; }
          #contents .column_index .column_index_nav .sidebar_tag ul li {
            display: inline-block;
            margin-right: .5em;
            margin-bottom: 1em; }
            #contents .column_index .column_index_nav .sidebar_tag ul li a {
              display: block;
              color: #143686;
              background-color: #dee2ea;
              padding: .75em;
              -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
              transition: color 0.3s ease-out, background-color 0.3s ease-out; }
              #contents .column_index .column_index_nav .sidebar_tag ul li a:hover {
                color: #fff;
                background-color: #143686; }
  @media only screen and (min-width: 46.06em) and (max-width: 66.125em) {
    #contents #leadtxt {
      padding: 0px 30px 0 30px; } }
  @media only screen and (min-width: 0) and (max-width: 46em) {
    #contents #leadtxt {
      padding: 40px 20px 0 20px;
      margin-bottom: 20px; } }
  #contents .tag_list_sp {
    display: none; }
    @media only screen and (min-width: 0) and (max-width: 46em) {
      #contents .tag_list_sp {
        display: block;
        padding: 20px 0 0; }
        #contents .tag_list_sp h3 {
          font-size: 1.6rem;
          line-height: 1.7;
          font-weight: bold;
          margin-bottom: 5px; }
        #contents .tag_list_sp ul {
          text-align: left;
          font-size: 1.4em;
          font-size: 1.4rem;
          font-weight: bold; }
          #contents .tag_list_sp ul li {
            display: inline-block;
            margin-right: .5em;
            margin-bottom: 1em; }
            #contents .tag_list_sp ul li a {
              display: block;
              color: #143686;
              background-color: #dee2ea;
              padding: .5em .65em; } }
  #contents .pickup-column {
    margin-top: 60px; }
    @media only screen and (min-width: 0) and (max-width: 46em) {
      #contents .pickup-column {
        margin-top: 40px; } }
    #contents .pickup-column.is-last-column {
      padding: 0 0 60px; }
    #contents .pickup-column .col-inr {
      max-width: 988px;
      margin: 0 auto; }
    #contents .pickup-column .pickup-title {
      font-size: 2.3em;
      font-size: 2.3rem;
      color: #143686;
      line-height: 1.5;
      font-weight: bold;
      margin-bottom: 30px;
      font-weight: bold;
      border-bottom: 2px solid #003296;
      padding: 5px 0 5px 0px; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        #contents .pickup-column .pickup-title {
          font-size: 1.7em;
          font-size: 1.7rem;
          padding: 5px 0;
          margin: 0 20px 30px; } }
    #contents .pickup-column .column-main_item .column-ico_new {
      left: 0;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    #contents .pickup-column-main {
      display: none;
      margin: 0 40px; }
      #contents .pickup-column-main.slick-initialized {
        display: block; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        #contents .pickup-column-main {
          margin: 0 20px; } }
      #contents .pickup-column-main .column-main_item {
        margin: 0 10px; }
      #contents .pickup-column-main .btn-slide {
        position: absolute;
        top: 50%;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #003296;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        z-index: 1; }
        #contents .pickup-column-main .btn-slide span {
          display: inline-block;
          width: 100%;
          height: 100%;
          position: relative; }
          #contents .pickup-column-main .btn-slide span::after {
            content: '';
            position: absolute;
            z-index: 0;
            top: 50%;
            left: 50%;
            width: 8px;
            height: 8px;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff; }
        #contents .pickup-column-main .btn-slide.slick-disabled {
          opacity: .2; }
        #contents .pickup-column-main .btn-slide-prev {
          left: -40px; }
          #contents .pickup-column-main .btn-slide-prev span::after {
            -webkit-transform: translate(-50%, -50%) rotate(-135deg);
                    transform: translate(-50%, -50%) rotate(-135deg); }
          @media only screen and (min-width: 0) and (max-width: 46em) {
            #contents .pickup-column-main .btn-slide-prev {
              left: -20px; } }
        #contents .pickup-column-main .btn-slide-next {
          right: -40px; }
          #contents .pickup-column-main .btn-slide-next span::after {
            -webkit-transform: translate(-50%, -50%) rotate(45deg);
                    transform: translate(-50%, -50%) rotate(45deg); }
          @media only screen and (min-width: 0) and (max-width: 46em) {
            #contents .pickup-column-main .btn-slide-next {
              right: -20px; } }

#top-column {
  padding: 0 0 60px; }
  #top-column .col-inr {
    max-width: 988px;
    margin: 0 auto; }

@media only screen and (min-width: 46.06em) and (max-width: 66.125em) {
  #top-case {
    padding: 110px 30px; } }

@media only screen and (min-width: 0) and (max-width: 46em) {
  #top-case {
    padding: 55px 15px; } }

.column {
  background: #f5f5f5; }
  .column-accordion-btn {
    position: relative;
    display: block;
    background-color: transparent;
    border: none;
    background-color: #003296;
    border: 2px solid #003296;
    width: 466px;
    height: 60px;
    text-align: center;
    color: #fff;
    font-size: 1.8em;
    font-size: 1.8rem;
    font-weight: bold;
    cursor: pointer;
    margin: 0 auto;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .column-accordion-btn span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%; }
    .column-accordion-btn::after {
      content: '';
      position: absolute;
      z-index: 0;
      top: 0;
      bottom: 0;
      margin: auto 0;
      right: 21px;
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
      -webkit-transition: all .3s;
      transition: all .3s; }
    .column-accordion-btn:hover {
      background-color: #fff;
      color: #003296; }
      .column-accordion-btn:hover::after {
        border-top-color: #003296;
        border-right-color: #003296; }
    .column-accordion-btn.is_open::after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      top: 8px; }
  .column-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px; }
  .column-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
    overflow: hidden;
    height: 0;
    -webkit-transition: height .5s;
    transition: height .5s; }
    .column-main_item {
      width: 31.98381%;
      margin-left: 2.02429%;
      margin-bottom: 20px;
      text-align: center;
      background: #fff;
      position: relative; }
      .column-main_item:nth-child(3n+1) {
        margin-left: 0; }
      .column-main_item a {
        display: block;
        position: relative;
        /*
	    	&:before {
	    		content: '';
	    		display: block;
	    		width: percentage(46/360);
	    		padding-top: percentage(46/360);
	    		border-radius: 50%;
	    		background: #d3dd4b;
	    		position: absolute;
	    		top: 0;
	    		left: percentage(20/360);
	    		transform: translate(0, -50%);
	    	}*/ }
        .column-main_item a:hover {
          opacity: 0.7; }
      .column-main_item .column-ico_new {
        position: absolute;
        width: 15%;
        padding-top: 15%;
        text-align: center;
        left: 5.55556%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); }
        .column-main_item .column-ico_new span {
          font-size: 1.2em;
          font-size: 1.2rem;
          color: #143686;
          font-weight: bold;
          z-index: 2;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
        .column-main_item .column-ico_new:before {
          content: '';
          display: block;
          width: 100%;
          padding-top: 100%;
          border-radius: 50%;
          background: #d3dd4b;
          position: absolute;
          top: 0;
          z-index: 0; }
    .column-main_thumb img {
      width: 100%; }
    .column-main_title {
      font-size: 1.8em;
      font-size: 1.8rem;
      font-weight: bold;
      color: #143686;
      text-align: left;
      padding: 8.33333%;
      line-height: calc(27.2/18); }
    .column-main_tag {
      padding: 0 8.33333% 8.33333%;
      text-align: left;
      font-size: 1.3em;
      font-size: 1.3rem;
      font-weight: bold;
      color: #143686; }
      .column-main_tag li {
        display: inline-block;
        background: #e7ebf3;
        padding: .5em;
        margin-right: .5em;
        margin-bottom: 1em; }
  @media only screen and (min-width: 0) and (max-width: 46em) {
    .column-top_txt {
      font-size: 1.4em;
      font-size: 1.4rem; }
    .column-accordion-btn {
      width: 90%;
      font-size: 1.6em;
      font-size: 1.6rem; }
    .column-new {
      margin-bottom: 25px;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; }
    .column-main {
      margin-bottom: 25px;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly; }
      .column-main_item {
        width: 44%;
        margin-left: 0;
        margin-bottom: 9.09091%; }
        .column-main_item:nth-child(3n+1) {
          margin-left: 0; }
        .column-main_item .column-ico_new {
          width: 21.21212%;
          font-size: 0.95em;
          font-size: 0.95rem;
          left: 4.54545%; }
          .column-main_item .column-ico_new span {
            top: 74%; }
      .column-main_title {
        font-size: 1.5em;
        font-size: 1.5rem;
        padding: 6.06061%; }
      .column-main_tag {
        padding: 0 6.06061% 6.06061%;
        font-size: 1.2em;
        font-size: 1.2rem; }
        .column-main_tag li {
          display: inline-block;
          background: #e7ebf3;
          padding: .5em;
          margin-right: .5em;
          margin-bottom: 1em; } }

.column-detail {
  background: #f5f5f5; }
  .column-detail #contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media only screen and (min-width: 0) and (max-width: 46em) {
      .column-detail #contents {
        display: block; } }
  .column-detail #column-detail {
    width: 650px; }
    @media only screen and (min-width: 0) and (max-width: 46em) {
      .column-detail #column-detail {
        width: 100%;
        padding: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    .column-detail #column-detail .tit {
      font-size: 2.6em;
      font-size: 2.6rem;
      font-weight: bold;
      color: #143686;
      margin-top: 3em;
      margin-bottom: 1em; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        .column-detail #column-detail .tit {
          font-size: 2.2em;
          font-size: 2.2rem;
          margin-top: 2em;
          margin-bottom: .5em; } }
    .column-detail #column-detail .subtit {
      font-size: 1.8em;
      font-size: 1.8rem;
      font-weight: bold;
      line-height: calc(27/15);
      margin-top: 1em; }
    .column-detail #column-detail .stit {
      font-size: 1.6em;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: calc(27/15);
      margin-top: 1em; }
    .column-detail #column-detail .sstit {
      font-size: 1.5em;
      font-size: 1.5rem;
      font-weight: bold;
      line-height: calc(27/15);
      margin-top: 1em; }
    .column-detail #column-detail p, .column-detail #column-detail li, .column-detail #column-detail dt, .column-detail #column-detail dd, .column-detail #column-detail td, .column-detail #column-detail th {
      font-size: 1.5em;
      font-size: 1.5rem;
      line-height: calc(27/15); }
      .column-detail #column-detail p + p, .column-detail #column-detail li + p, .column-detail #column-detail dt + p, .column-detail #column-detail dd + p, .column-detail #column-detail td + p, .column-detail #column-detail th + p {
        margin-top: 1em; }
    .column-detail #column-detail table {
      width: 100%;
      font-size: 1.5em;
      font-size: 1.5rem;
      line-height: calc(27/15);
      margin-top: 1em; }
      .column-detail #column-detail table td, .column-detail #column-detail table th {
        padding: .5em;
        border: 1px solid #ccc; }
      .column-detail #column-detail table th {
        text-align: center;
        font-weight: bold;
        background: #E8E8E8; }
        .column-detail #column-detail table th.txt-left {
          text-align: left; }
      .column-detail #column-detail table td {
        background: #FFF; }
      .column-detail #column-detail table thead th {
        background: #C0C0C0; }
    .column-detail #column-detail ul {
      margin-top: 1em;
      margin-bottom: 2em; }
      .column-detail #column-detail ul li + li {
        margin-top: 1em; }
      .column-detail #column-detail ul.list10 {
        text-indent: -1em;
        padding-left: 1em; }
      .column-detail #column-detail ul.list15 {
        text-indent: -1.5em;
        padding-left: 1.5em; }
      .column-detail #column-detail ul.list-disc {
        padding-left: 2.4em; }
        .column-detail #column-detail ul.list-disc li {
          list-style: disc;
          margin-top: .5em; }
      .column-detail #column-detail ul.list-decimal {
        padding-left: 2.4em; }
        .column-detail #column-detail ul.list-decimal li {
          list-style: decimal;
          margin-top: .5em; }
    .column-detail #column-detail .product-block-btn {
      cursor: pointer;
      margin-top: 1em; }
      .column-detail #column-detail .product-block-btn input {
        cursor: pointer; }
    .column-detail #column-detail .boxcol {
      padding: 1em;
      border: 1px solid #ccc; }
    .column-detail #column-detail .note {
      font-size: 1.1em;
      font-size: 1.1rem; }
    .column-detail #column-detail dl.tbl {
      margin-top: 1em; }
      .column-detail #column-detail dl.tbl dt {
        float: left;
        font-weight: bold; }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          .column-detail #column-detail dl.tbl dt {
            float: none;
            display: inline; } }
      .column-detail #column-detail dl.tbl dd {
        padding-left: 5em; }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          .column-detail #column-detail dl.tbl dd {
            padding-left: 0; } }
    .column-detail #column-detail .supervision {
      background: #FFF;
      border: 10px solid #dce8f1;
      padding: 4.61538%;
      margin: 6.15385% 0 12.30769%; }
      .column-detail #column-detail .supervision_h1 {
        background: #dce8f1;
        font-size: 2em;
        font-size: 2rem;
        font-weight: bold;
        text-align: center;
        color: #143686;
        padding: .5em;
        margin-bottom: 4.60123%; }
      .column-detail #column-detail .supervision p.supervision_h2 {
        font-size: 1.8em;
        font-size: 1.8rem;
        font-weight: bold; }
      .column-detail #column-detail .supervision p + p {
        margin-top: .5em; }
    .column-detail #column-detail .col-center {
      margin-top: 20px;
      text-align: center; }
      .column-detail #column-detail .col-center p {
        font-weight: bold; }
  .column-detail_title {
    border-top: 3px solid #143686;
    border-bottom: 1px solid #143686;
    font-size: 3em;
    font-size: 3rem;
    font-weight: bold;
    color: #143686;
    text-align: left;
    padding: 3.07692% 0;
    line-height: calc(42/30); }
    @media only screen and (min-width: 0) and (max-width: 46em) {
      .column-detail_title {
        font-size: 2.3em;
        font-size: 2.3rem; } }
  .column-detail_tag {
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: left;
    font-size: 1.3em;
    font-size: 1.3rem;
    font-weight: bold;
    color: #143686; }
    @media only screen and (min-width: 0) and (max-width: 46em) {
      .column-detail_tag {
        display: block; } }
    .column-detail_tag p {
      margin-bottom: 0; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        .column-detail_tag p {
          margin-top: .5em; } }
    .column-detail_tag li {
      display: inline-block;
      background: #e7ebf3;
      margin-right: .5em; }
      .column-detail_tag li a {
        display: block;
        color: #143686;
        background-color: #e7ebf3;
        padding: .5em;
        -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
        transition: color 0.3s ease-out, background-color 0.3s ease-out; }
        .column-detail_tag li a:hover {
          color: #fff;
          background-color: #143686; }
  .column-detail_main {
    margin-bottom: 6.15385%; }
    .column-detail_main img {
      width: 100%; }
  .column-detail .column-detail_thumb {
    margin: 6.15385% 0; }
    .column-detail .column-detail_thumb img {
      width: 100%; }
  .column-detail_index {
    background: #FFF;
    padding: 4.61538%;
    padding: 3em;
    margin: 6.15385% 0;
    position: relative; }
    @media only screen and (min-width: 0) and (max-width: 46em) {
      .column-detail_index {
        padding: 4.34783%;
        padding: 1.7em; } }
    .column-detail_index .btn-toc {
      float: right;
      background: #eeeeee;
      color: #000;
      font-size: 1.5em;
      font-size: 1.5rem;
      padding: .5em 1em;
      position: absolute;
      top: 1.5em;
      right: 4.61538%;
      cursor: pointer; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        .column-detail_index .btn-toc {
          top: .85em; } }
      .column-detail_index .btn-toc span {
        position: relative;
        padding-left: 20px; }
        .column-detail_index .btn-toc span::before {
          content: '';
          display: block;
          background: #ffffff;
          height: calc(tan(60deg) * 15px / 2);
          width: 15px;
          background: #000;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
      .column-detail_index .btn-toc.close span::before {
        -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                clip-path: polygon(0 0, 100% 0, 50% 100%); }
      .column-detail_index .btn-toc.open span::before {
        -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
                clip-path: polygon(50% 0, 100% 100%, 0 100%); }
    .column-detail_index .tit {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        .column-detail_index .tit {
          margin-bottom: 0.5em !important;
          margin-bottom: 0 !important; } }
    .column-detail_index li {
      font-size: 1.5em;
      font-size: 1.5rem;
      font-weight: bold;
      line-height: calc(27.2/18);
      border-bottom: 1px solid #eaeaea;
      padding: .75em 0; }
      .column-detail_index li:last-child {
        border-bottom: none; }
      .column-detail_index li a {
        text-decoration: underline;
        color: #000; }
        .column-detail_index li a:hover {
          text-decoration: none; }
      .column-detail_index li ul {
        margin-bottom: 0 !important;
        padding-left: 1em; }
        .column-detail_index li ul li {
          border-bottom: none;
          padding: 0;
          margin: 0.5em !important; }
  .column-detail .adps,
  .column-detail .bpo {
    margin: 6.15385% 0; }
    @media only screen and (min-width: 0) and (max-width: 46em) {
      .column-detail .adps,
      .column-detail .bpo {
        margin: 8.69565% 0; } }
    .column-detail .adps-bnr,
    .column-detail .bpo-bnr {
      width: 100%;
      height: 0;
      padding-top: 68.15385%;
      background: #003296 url("../images/column/bg_adps.jpg") center top no-repeat;
      background-size: cover !important;
      position: relative; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        .column-detail .adps-bnr,
        .column-detail .bpo-bnr {
          background: #003296 url("../images/column/bg_adps_sp.jpg") center top no-repeat;
          padding-top: 84.49275%; } }
      .column-detail .adps-bnr_h1,
      .column-detail .bpo-bnr_h1 {
        width: 38.15385%;
        position: absolute;
        font-size: 1.78em;
        font-size: 1.78rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        top: 9.02935%;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        .column-detail .adps-bnr_h1 img,
        .column-detail .bpo-bnr_h1 img {
          width: 100%; }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          .column-detail .adps-bnr_h1,
          .column-detail .bpo-bnr_h1 {
            font-size: 1.15em;
            font-size: 1.15rem;
            width: 47.82609%;
            top: 6.00343%; } }
      .column-detail .adps-bnr_h2,
      .column-detail .bpo-bnr_h2 {
        position: absolute;
        font-size: 1.89em;
        font-size: 1.89rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        top: 37.02032%;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          .column-detail .adps-bnr_h2,
          .column-detail .bpo-bnr_h2 {
            font-size: 1.25em;
            font-size: 1.25rem;
            top: 34.30532%; } }
        .column-detail .adps-bnr_h2:before, .column-detail .adps-bnr_h2:after,
        .column-detail .bpo-bnr_h2:before,
        .column-detail .bpo-bnr_h2:after {
          content: '';
          display: block;
          position: absolute;
          width: 2px;
          height: 1.5em;
          background: #FFF;
          top: 50%; }
        .column-detail .adps-bnr_h2:before,
        .column-detail .bpo-bnr_h2:before {
          left: -1em;
          -webkit-transform: translateY(-50%) rotate(-25deg);
                  transform: translateY(-50%) rotate(-25deg); }
        .column-detail .adps-bnr_h2:after,
        .column-detail .bpo-bnr_h2:after {
          right: -1em;
          -webkit-transform: translateY(-50%) rotate(25deg);
                  transform: translateY(-50%) rotate(25deg); }
        .column-detail .adps-bnr_h2.txt,
        .column-detail .bpo-bnr_h2.txt {
          width: 100%; }
          .column-detail .adps-bnr_h2.txt:before, .column-detail .adps-bnr_h2.txt:after,
          .column-detail .bpo-bnr_h2.txt:before,
          .column-detail .bpo-bnr_h2.txt:after {
            display: none; }
        .column-detail .adps-bnr_h2.nenmatsu,
        .column-detail .bpo-bnr_h2.nenmatsu {
          font-size: 5em;
          font-size: 5rem;
          width: 100%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
          @media only screen and (min-width: 0) and (max-width: 46em) {
            .column-detail .adps-bnr_h2.nenmatsu,
            .column-detail .bpo-bnr_h2.nenmatsu {
              font-size: 4em;
              font-size: 4rem; } }
          .column-detail .adps-bnr_h2.nenmatsu:before, .column-detail .adps-bnr_h2.nenmatsu:after,
          .column-detail .bpo-bnr_h2.nenmatsu:before,
          .column-detail .bpo-bnr_h2.nenmatsu:after {
            display: none; }
      .column-detail .adps-bnr ul,
      .column-detail .bpo-bnr ul {
        width: 100%;
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        top: 45.14673%;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          .column-detail .adps-bnr ul,
          .column-detail .bpo-bnr ul {
            -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                    justify-content: space-evenly;
            top: 44.59691%; } }
        .column-detail .adps-bnr ul li,
        .column-detail .bpo-bnr ul li {
          width: 21.53846%;
          margin: 0 15px !important; }
          .column-detail .adps-bnr ul li img,
          .column-detail .bpo-bnr ul li img {
            width: 100%; }
          @media only screen and (min-width: 0) and (max-width: 46em) {
            .column-detail .adps-bnr ul li,
            .column-detail .bpo-bnr ul li {
              margin: 0;
              width: 27.97101%; } }
      .column-detail .adps-bnr .btn,
      .column-detail .bpo-bnr .btn {
        position: absolute;
        bottom: 4.51467%;
        width: 34.92308%;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          .column-detail .adps-bnr .btn,
          .column-detail .bpo-bnr .btn {
            width: 49.56522%; } }
        .column-detail .adps-bnr .btn a,
        .column-detail .bpo-bnr .btn a {
          display: inline-block;
          width: 100%;
          padding: 1em 0;
          background: #ea8a09;
          color: #FFF;
          font-size: 1.8em;
          font-size: 1.8rem;
          font-weight: bold;
          position: relative;
          text-align: center; }
          @media only screen and (min-width: 0) and (max-width: 46em) {
            .column-detail .adps-bnr .btn a,
            .column-detail .bpo-bnr .btn a {
              font-size: 1.4em;
              font-size: 1.4rem; } }
          .column-detail .adps-bnr .btn a span,
          .column-detail .bpo-bnr .btn a span {
            vertical-align: middle;
            position: relative; }
          .column-detail .adps-bnr .btn a:hover,
          .column-detail .bpo-bnr .btn a:hover {
            opacity: .7; }
        .column-detail .adps-bnr .btn.nenmatsu,
        .column-detail .bpo-bnr .btn.nenmatsu {
          bottom: 27.08804%; }
    .column-detail .adps-bnrtxt,
    .column-detail .bpo-bnrtxt {
      width: 100%;
      position: absolute;
      top: 45%;
      left: 0;
      text-align: center;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        .column-detail .adps-bnrtxt,
        .column-detail .bpo-bnrtxt {
          top: 45%; } }
      .column-detail .adps-bnrtxt_h1, .column-detail .adps-bnrtxt_h2,
      .column-detail .bpo-bnrtxt_h1,
      .column-detail .bpo-bnrtxt_h2 {
        position: static;
        -webkit-transform: none;
                transform: none;
        width: 100%;
        text-algin: center;
        font-weight: bold;
        color: #fff; }
        .column-detail .adps-bnrtxt_h1:before, .column-detail .adps-bnrtxt_h1:after, .column-detail .adps-bnrtxt_h2:before, .column-detail .adps-bnrtxt_h2:after,
        .column-detail .bpo-bnrtxt_h1:before,
        .column-detail .bpo-bnrtxt_h1:after,
        .column-detail .bpo-bnrtxt_h2:before,
        .column-detail .bpo-bnrtxt_h2:after {
          display: none; }
      .column-detail .adps-bnrtxt_h1,
      .column-detail .bpo-bnrtxt_h1 {
        font-size: 6.8em;
        font-size: 6.8rem;
        line-height: 1.3; }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          .column-detail .adps-bnrtxt_h1,
          .column-detail .bpo-bnrtxt_h1 {
            font-size: 3.4em;
            font-size: 3.4rem; } }
        .column-detail .adps-bnrtxt_h1.compass img,
        .column-detail .bpo-bnrtxt_h1.compass img {
          width: 90.60403%;
          margin: 0 auto; }
      .column-detail .adps-bnrtxt_h2,
      .column-detail .bpo-bnrtxt_h2 {
        font-size: 2.3em;
        font-size: 2.3rem;
        line-height: 1.5; }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          .column-detail .adps-bnrtxt_h2,
          .column-detail .bpo-bnrtxt_h2 {
            font-size: 1.4em;
            font-size: 1.4rem; } }
    .column-detail .adps-btn,
    .column-detail .bpo-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 25px;
      margin-bottom: 70px;
      font-size: 1.5em;
      font-size: 1.5rem;
      font-weight: bold; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        .column-detail .adps-btn,
        .column-detail .bpo-btn {
          display: block; } }
      .column-detail .adps-btn.is-center,
      .column-detail .bpo-btn.is-center {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .column-detail .adps-btn .inquiry,
      .column-detail .adps-btn .download,
      .column-detail .bpo-btn .inquiry,
      .column-detail .bpo-btn .download {
        width: 48.76923%;
        text-align: center; }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          .column-detail .adps-btn .inquiry,
          .column-detail .adps-btn .download,
          .column-detail .bpo-btn .inquiry,
          .column-detail .bpo-btn .download {
            width: 100%; } }
        .column-detail .adps-btn .inquiry p,
        .column-detail .adps-btn .download p,
        .column-detail .bpo-btn .inquiry p,
        .column-detail .bpo-btn .download p {
          margin-bottom: 10px; }
          @media only screen and (min-width: 0) and (max-width: 46em) {
            .column-detail .adps-btn .inquiry p,
            .column-detail .adps-btn .download p,
            .column-detail .bpo-btn .inquiry p,
            .column-detail .bpo-btn .download p {
              margin-bottom: 0.5em !important; } }
      .column-detail .adps-btn .inquiry p,
      .column-detail .bpo-btn .inquiry p {
        color: #ea8a09 !important; }
      .column-detail .adps-btn .inquiry a,
      .column-detail .bpo-btn .inquiry a {
        width: 100% !important;
        background: #ea8a09;
        color: #fff;
        height: 90px;
        line-height: 90px; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        .column-detail .adps-btn .nenmatsu,
        .column-detail .bpo-btn .nenmatsu {
          margin-top: 1em; } }
      .column-detail .adps-btn .nenmatsu p,
      .column-detail .bpo-btn .nenmatsu p {
        color: #143686 !important; }
      .column-detail .adps-btn .nenmatsu a,
      .column-detail .bpo-btn .nenmatsu a {
        width: 100% !important;
        background: #143686;
        color: #fff;
        height: 90px;
        line-height: 90px; }
        .column-detail .adps-btn .nenmatsu a span,
        .column-detail .bpo-btn .nenmatsu a span {
          padding: 5px 0; }
          .column-detail .adps-btn .nenmatsu a span:before,
          .column-detail .bpo-btn .nenmatsu a span:before {
            display: none; }
      .column-detail .adps-btn .download,
      .column-detail .bpo-btn .download {
        color: #143686; }
        @media only screen and (min-width: 0) and (max-width: 46em) {
          .column-detail .adps-btn .download,
          .column-detail .bpo-btn .download {
            margin-top: 25px; } }
        .column-detail .adps-btn .download form,
        .column-detail .bpo-btn .download form {
          width: 100%;
          position: relative;
          display: inline-block;
          -webkit-transition: all .3s;
          transition: all .3s; }
          .column-detail .adps-btn .download form:hover,
          .column-detail .bpo-btn .download form:hover {
            opacity: 0.7; }
          .column-detail .adps-btn .download form:before,
          .column-detail .bpo-btn .download form:before {
            content: " ";
            position: absolute;
            top: 35%;
            left: 50%;
            display: inline-block;
            background: url("/assets/images/solution/icon-paper.png") no-repeat;
            background-size: contain;
            width: 24px;
            height: 32px;
            z-index: 2;
            -webkit-transform: translateX(calc(-100% - 2em - 10px));
                    transform: translateX(calc(-100% - 2em - 10px)); }
          .column-detail .adps-btn .download form:after,
          .column-detail .bpo-btn .download form:after {
            font-family: 'svgfont';
            content: "";
            font-size: 1.8em;
            font-size: 1.8rem;
            width: 30px;
            height: 20px;
            color: #fff;
            position: absolute;
            right: 20px;
            top: -10px;
            bottom: 0;
            margin: auto;
            z-index: 2; }
          .column-detail .adps-btn .download form .btn.btn-solution,
          .column-detail .bpo-btn .download form .btn.btn-solution {
            width: 100%;
            background: #143686;
            color: #FFF;
            border: none;
            font-size: 1.5em;
            font-size: 1.5rem;
            font-weight: bold;
            height: 90px;
            text-align: center;
            cursor: pointer;
            position: relative;
            z-index: 1;
            -webkit-appearance: none;
            border-radius: 0; }
            @media only screen and (min-width: 0) and (max-width: 46em) {
              .column-detail .adps-btn .download form .btn.btn-solution,
              .column-detail .bpo-btn .download form .btn.btn-solution {
                font-size: 1.8em;
                font-size: 1.8rem; } }
          .column-detail .adps-btn .download form > span,
          .column-detail .bpo-btn .download form > span {
            display: block;
            -webkit-transition: all .3s;
            transition: all .3s; }
            .column-detail .adps-btn .download form > span input,
            .column-detail .bpo-btn .download form > span input {
              -webkit-appearance: none;
              border-radius: 0;
              border: none;
              background: none;
              font-size: 1.8em;
              font-size: 1.8rem;
              color: #fff;
              font-family: "���S�V�b�N Medium",YuGothic,YuGothicM,"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "���C���I", "�l�r �o�S�V�b�N", "Helvetica", arial, sans-serif;
              font-weight: bold;
              padding: 0;
              cursor: pointer; }
  .column-detail .bpo-bnr_h1 {
    top: 27.08804%;
    width: 49.23077%; }
  .column-detail .bpo-bnr_h2 {
    top: 52.82167%;
    line-height: 1.6; }
  .column-detail .bpo .btn {
    bottom: 13.54402%; }
  .column-detail #column-sidemenu {
    width: 285px; }
    @media only screen and (min-width: 0) and (max-width: 46em) {
      .column-detail #column-sidemenu {
        width: 100%;
        padding: 20px 20px 100px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
    .column-detail #column-sidemenu .sidemenu_h1 {
      font-size: 2em;
      font-size: 2rem;
      font-weight: bold;
      color: #143686;
      position: relative;
      margin-bottom: 1em; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        .column-detail #column-sidemenu .sidemenu_h1 {
          font-size: 2.2em;
          font-size: 2.2rem; } }
      .column-detail #column-sidemenu .sidemenu_h1 span:after {
        content: '';
        width: calc(100% - 4.5em);
        display: block;
        height: 2px;
        background: #143686;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .column-detail #column-sidemenu.tag--kanri .related-article li.tag--kanri {
      display: block !important; }
    .column-detail #column-sidemenu.tag--senryaku .related-article li.tag--senryaku {
      display: block !important; }
    .column-detail #column-sidemenu.tag--roumu .related-article li.tag--roumu {
      display: block !important; }
    .column-detail #column-sidemenu.tag--roumukanri .related-article li.tag--roumukanri {
      display: block !important; }
    .column-detail #column-sidemenu.tag--jinji .related-article li.tag--jinji {
      display: block !important; }
    .column-detail #column-sidemenu.tag--shugyo .related-article li.tag--shugyo {
      display: block !important; }
    .column-detail #column-sidemenu.tag--kyuyo .related-article li.tag--kyuyo {
      display: block !important; }
    .column-detail #column-sidemenu.tag--shotodoke .related-article li.tag--shotodoke {
      display: block !important; }
    .column-detail #column-sidemenu.tag--mokuhyo .related-article li.tag--mokuhyo {
      display: block !important; }
    .column-detail #column-sidemenu.tag--mynumber .related-article li.tag--mynumber {
      display: block !important; }
    .column-detail #column-sidemenu.tag--jinzai .related-article li.tag--jinzai {
      display: block !important; }
    .column-detail #column-sidemenu.tag--skill .related-article li.tag--skill {
      display: block !important; }
    .column-detail #column-sidemenu .column-sidemenu_col li {
      position: relative; }
      .column-detail #column-sidemenu .column-sidemenu_col li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 15px; }
        .column-detail #column-sidemenu .column-sidemenu_col li a:hover {
          opacity: 0.7; }
      .column-detail #column-sidemenu .column-sidemenu_col li figure {
        width: 38.59649%; }
        .column-detail #column-sidemenu .column-sidemenu_col li figure img {
          width: 100%; }
      .column-detail #column-sidemenu .column-sidemenu_col li .article {
        width: 54.38596%; }
        .column-detail #column-sidemenu .column-sidemenu_col li .article .sidemenu_h2 {
          font-size: 1.2em;
          font-size: 1.2rem;
          font-weight: normal;
          line-height: calc(18/12);
          margin-bottom: .5em;
          color: #333333; }
          @media only screen and (min-width: 0) and (max-width: 46em) {
            .column-detail #column-sidemenu .column-sidemenu_col li .article .sidemenu_h2 {
              font-size: 1.4em;
              font-size: 1.4rem; } }
        .column-detail #column-sidemenu .column-sidemenu_col li .article p {
          font-size: 1.1em;
          font-size: 1.1rem;
          color: #143686; }
          @media only screen and (min-width: 0) and (max-width: 46em) {
            .column-detail #column-sidemenu .column-sidemenu_col li .article p {
              font-size: 1.3em;
              font-size: 1.3rem; } }
  .column-detail .related-article {
    margin-bottom: 40px; }
    .column-detail .related-article .column-sidemenu_col li {
      display: none; }
  .column-detail .ranking-article {
    margin-bottom: 40px; }
    .column-detail .ranking-article .column-sidemenu_col li {
      display: block; }
      .column-detail .ranking-article .column-sidemenu_col li::before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        background: #d3dd4b;
        color: #143686;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: 3; }
      .column-detail .ranking-article .column-sidemenu_col li::after {
        font-weight: bold;
        font-size: 1.1em;
        font-size: 1.1rem;
        color: #143686;
        width: 24px;
        line-height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: 3; }
      .column-detail .ranking-article .column-sidemenu_col li:first-child::after {
        content: '1'; }
      .column-detail .ranking-article .column-sidemenu_col li:nth-child(2)::after {
        content: '2'; }
      .column-detail .ranking-article .column-sidemenu_col li:nth-child(3)::after {
        content: '3'; }
      .column-detail .ranking-article .column-sidemenu_col li:nth-child(4)::before {
        background: #143686; }
      .column-detail .ranking-article .column-sidemenu_col li:nth-child(4)::after {
        content: '4';
        color: #fff; }
      .column-detail .ranking-article .column-sidemenu_col li:nth-child(5)::before {
        background: #143686; }
      .column-detail .ranking-article .column-sidemenu_col li:nth-child(5)::after {
        content: '5';
        color: #fff; }
  .column-detail .side-bnr {
    margin-bottom: 40px; }
    .column-detail .side-bnr li + li {
      margin-top: 20px; }
      @media only screen and (min-width: 0) and (max-width: 46em) {
        .column-detail .side-bnr li + li {
          margin-top: 4.02685%; } }
    .column-detail .side-bnr li a:hover {
      opacity: 0.7; }
    .column-detail .side-bnr li img {
      display: block;
      width: 100%; }

.is-fixed {
  position: sticky;
  top: 100px;
  padding: 30px 0; }

/*
.column-detail.provisional {
	#column-detail {
		width:100%;
	}
	#column-sidemenu {
		display:none;
	}
}	*/