#mainImageWrap {
  display: flex;
  height: 300px;
  justify-content: center;
  align-items: center;
  background: url(../../blog/img/bg_mainimage.jpg) no-repeat;
  background-size: cover; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    #mainImageWrap {
      height: 360px;
      background: url(../../blog/img/bg_mainimage_sp.jpg) no-repeat;
      background-size: cover; } }

@media only screen and (min-width: 751px), print {
  .mainContentInner {
    display: flex;
    width: 1200px;
    margin: auto;
    padding: 25px 0 110px;
    justify-content: space-between; } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .mainContentInner {
    padding: 55px 55px 110px; } }

@media only screen and (min-width: 751px), print {
  #articleWrap {
    width: 940px; } }
#articleWrap h3 {
  padding-left: 28px;
  padding-bottom: 5px;
  color: #004389;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #004389;
  background: url(../../blog/img/icon_article.png) no-repeat 2px 2px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    #articleWrap h3 {
      padding-left: 60px;
      font-size: 40px;
      border-width: 2px;
      background: url(../../blog/img/icon_article_sp.png) no-repeat 4px 4px; } }
#articleWrap .btnWrap {
  margin-top: 40px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    #articleWrap .btnWrap {
      margin-top: 80px; } }
  #articleWrap .btnWrap .btnStyle {
    width: 100%; }
#articleWrap .pagenation {
  margin-top: 40px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    #articleWrap .pagenation {
      margin-top: 80px; } }
  #articleWrap .pagenation ul {
    justify-content: center; }

@media only screen and (min-width: 751px), print {
  #articleSideBar {
    width: 220px; } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  #articleSideBar {
    margin-top: 120px; } }
#articleSideBar dl {
  padding: 30px 20px 25px;
  background: #E7EDF4; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    #articleSideBar dl {
      padding: 65px 45px 75px; } }
  #articleSideBar dl:nth-child(n+2) {
    margin-top: 20px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      #articleSideBar dl:nth-child(n+2) {
        margin-top: 60px; } }
  #articleSideBar dl dt {
    padding-left: 35px;
    color: #004389; }
    #articleSideBar dl dt .en {
      font-size: 20px;
      font-weight: bold;
      line-height: 24px; }
    #articleSideBar dl dt .jp {
      font-size: 14px;
      line-height: 16px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      #articleSideBar dl dt {
        padding-left: 80px; }
        #articleSideBar dl dt .en {
          font-size: 48px;
          line-height: 50px; }
        #articleSideBar dl dt .jp {
          font-size: 32px;
          line-height: 34px; } }
  #articleSideBar dl.categoryWrap dt {
    background: url(../../blog/img/icon_category.png) no-repeat left 3px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      #articleSideBar dl.categoryWrap dt {
        background: url(../../blog/img/icon_category_sp.png) no-repeat left 6px; } }
  #articleSideBar dl.categoryWrap .categoryList {
    margin-top: 15px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      #articleSideBar dl.categoryWrap .categoryList {
        margin-top: 40px; } }
    #articleSideBar dl.categoryWrap .categoryList li:nth-child(n+2) {
      margin-top: 10px; }
      @media only screen and (min-width: 1px) and (max-width: 750px) {
        #articleSideBar dl.categoryWrap .categoryList li:nth-child(n+2) {
          margin-top: 30px; } }
  #articleSideBar dl.categoryWrap a {
    color: #3F3F3F; }
  #articleSideBar dl.searchWrap dt {
    background: url(../../blog/img/icon_search.png) no-repeat left 3px; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      #articleSideBar dl.searchWrap dt {
        background: url(../../blog/img/icon_search_sp.png) no-repeat left 6px; } }
  #articleSideBar dl.searchWrap input[type="text"] {
    width: 100%;
    height: 36px;
    margin-top: 15px;
    padding: 0 5px;
    line-height: 36px;
    border: 1px solid #CACACA; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      #articleSideBar dl.searchWrap input[type="text"] {
        height: 82px;
        margin-top: 50px;
        padding: 0 10px;
        line-height: 82px;
        border-width: 2px; } }
  #articleSideBar dl.searchWrap input[type="submit"] {
    display: flex;
    width: 100%;
    height: 36px;
    margin-top: 7px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #004389;
    background: #004389; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      #articleSideBar dl.searchWrap input[type="submit"] {
        height: 82px;
        margin-top: 16px;
        font-size: 32px; } }
    @media only screen and (min-width: 751px), print {
      #articleSideBar dl.searchWrap input[type="submit"] {
        -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
        #articleSideBar dl.searchWrap input[type="submit"]:hover {
          color: #004389;
          background: #fff; } }

@media only screen and (min-width: 751px), print {
  .top #articleWrap .articleList {
    display: flex;
    flex-wrap: wrap; } }
@media only screen and (min-width: 751px), print {
  .top #articleWrap .articleBlock {
    width: 285px;
    margin-top: 32px;
    margin-left: 42px; }
    .top #articleWrap .articleBlock:nth-child(3n+1) {
      margin-left: 0; }
    .top #articleWrap .articleBlock:nth-child(n+4) {
      margin-top: 45px; }
    .top #articleWrap .articleBlock a {
      display: block;
      color: #1a1a1a;
      text-decoration: none; }
      .top #articleWrap .articleBlock a:hover .imgWrap img {
        -moz-transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        -webkit-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3); }
      .top #articleWrap .articleBlock a:hover .title {
        color: #004389;
        text-decoration: underline; }
    .top #articleWrap .articleBlock .imgWrap {
      position: relative;
      height: 190px;
      overflow: hidden; }
      .top #articleWrap .articleBlock .imgWrap img {
        width: 100%;
        -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
    .top #articleWrap .articleBlock .date {
      margin-top: 3px;
      font-size: 14px; }
    .top #articleWrap .articleBlock .categoryList {
      font-size: 0; }
      .top #articleWrap .articleBlock .categoryList li {
        display: inline-block;
        margin-top: 3px;
        margin-right: 7px;
        padding: 0 3px;
        font-size: 12px;
        border-width: 1px !important;
        border-style: solid !important; }
    .top #articleWrap .articleBlock .title {
      margin-top: 5px;
      font-weight: bold;
      -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .top #articleWrap .articleBlock {
    margin-top: 56px; }
    .top #articleWrap .articleBlock a {
      display: block;
      color: #1a1a1a; }
    .top #articleWrap .articleBlock .imgWrap img {
      width: 100%; }
    .top #articleWrap .articleBlock .date {
      margin-top: 6px;
      font-size: 28px; }
    .top #articleWrap .articleBlock .categoryList {
      font-size: 0; }
      .top #articleWrap .articleBlock .categoryList li {
        display: inline-block;
        margin-top: 6px;
        margin-right: 10px;
        padding: 0 6px;
        font-size: 24px;
        border-width: 2px !important;
        border-style: solid !important; }
    .top #articleWrap .articleBlock .title {
      margin-top: 10px;
      font-weight: bold;
      -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } }

@media only screen and (min-width: 751px), print {
  .search #articleWrap .articleBlock a {
    display: flex;
    padding: 16px 0 19px;
    color: #1a1a1a;
    text-decoration: none;
    justify-content: space-between; }
    .search #articleWrap .articleBlock a:hover .imgWrap img {
      -moz-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
      -webkit-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }
    .search #articleWrap .articleBlock a:hover .title {
      color: #004389;
      text-decoration: underline; }
  .search #articleWrap .articleBlock .imgWrap {
    position: relative;
    width: 225px;
    height: 150px;
    overflow: hidden; }
    .search #articleWrap .articleBlock .imgWrap img {
      width: 100%;
      -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
  .search #articleWrap .articleBlock .detailWrap {
    width: 690px; }
  .search #articleWrap .articleBlock .date {
    float: left;
    width: 95px;
    padding-top: 3px;
    font-size: 14px; }
  .search #articleWrap .articleBlock .categoryList {
    float: left;
    width: 595px;
    font-size: 0; }
    .search #articleWrap .articleBlock .categoryList li {
      display: inline-block;
      margin-top: 3px;
      margin-right: 7px;
      padding: 0 3px;
      font-size: 12px;
      border-width: 1px !important;
      border-style: solid !important; }
  .search #articleWrap .articleBlock .title {
    clear: both;
    padding-top: 10px;
    font-weight: bold;
    -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
  .search #articleWrap .articleBlock .description {
    margin-top: 20px; } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .search #articleWrap .articleBlock {
    margin-top: 56px; }
    .search #articleWrap .articleBlock a {
      display: block;
      color: #1a1a1a; }
    .search #articleWrap .articleBlock .imgWrap img {
      width: 100%; }
    .search #articleWrap .articleBlock .date {
      margin-top: 6px;
      font-size: 28px; }
    .search #articleWrap .articleBlock .categoryList {
      font-size: 0; }
      .search #articleWrap .articleBlock .categoryList li {
        display: inline-block;
        margin-top: 6px;
        margin-right: 10px;
        padding: 0 6px;
        font-size: 24px;
        border-width: 2px !important;
        border-style: solid !important; }
    .search #articleWrap .articleBlock .title {
      margin-top: 10px;
      font-weight: bold;
      -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; } }
.search #articleWrap .searchResult p {
  line-height: 14px; }
  .search #articleWrap .searchResult p span {
    font-size: 160%;
    font-weight: bold; }
@media only screen and (min-width: 751px), print {
  .search #articleWrap .searchResult {
    margin-bottom: 20px; } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .search #articleWrap .searchResult {
    margin-bottom: 40px; } }

@media only screen and (min-width: 751px), print {
  .detail #articleWrap .titleWrap .date {
    font-size: 14px; } }
.detail #articleWrap .titleWrap .categoryList {
  font-size: 0; }
  .detail #articleWrap .titleWrap .categoryList li {
    display: inline-block;
    margin-top: 3px;
    margin-right: 7px;
    padding: 0 3px;
    font-size: 12px;
    border-width: 1px !important;
    border-style: solid !important; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .detail #articleWrap .titleWrap .categoryList li {
        display: inline-block;
        margin-top: 6px;
        margin-right: 10px;
        padding: 0 6px;
        font-size: 24px;
        border-width: 2px !important;
        border-style: solid !important; } }
.detail #articleWrap .titleWrap h3 {
  margin-top: 5px;
  padding-left: 0;
  padding-bottom: 25px;
  border-width: 2px;
  background: none; }
.detail #articleWrap .articleBody {
  margin-top: 45px;
  padding-bottom: 65px;
  border-bottom: 2px solid #004389; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .detail #articleWrap .articleBody {
      margin-top: 60px;
      padding-bottom: 80px;
      border-width: 4px; } }
  .detail #articleWrap .articleBody h4 {
    color: #004389;
    font-size: 20px;
    font-weight: bold; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .detail #articleWrap .articleBody h4 {
        font-size: 40px; } }
  .detail #articleWrap .articleBody h5 {
    color: #004389;
    font-size: 18px;
    font-weight: bold; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .detail #articleWrap .articleBody h5 {
        font-size: 36px; } }
  .detail #articleWrap .articleBody h6 {
    color: #004389;
    font-weight: bold; }
  .detail #articleWrap .articleBody ul {
    list-style: disc;
    margin-left: 1.5em; }
  .detail #articleWrap .articleBody ol {
    list-style: decimal;
    margin-left: 1.5em; }
  .detail #articleWrap .articleBody b, .detail #articleWrap .articleBody strong, .detail #articleWrap .articleBody em {
    font-weight: bold; }
  .detail #articleWrap .articleBody hr {
    border-width: 2px;
    border-color: #004389; }
    @media only screen and (min-width: 1px) and (max-width: 750px) {
      .detail #articleWrap .articleBody hr {
        border-width: 4px; } }
.detail #articleWrap .btnWrap .btn {
  display: flex;
  height: 70px;
  align-items: center;
  background: #F4F4F5; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .detail #articleWrap .btnWrap .btn {
      height: 140px; } }
.detail #articleWrap .btnWrap a {
  color: #004389; }
  @media only screen and (min-width: 751px), print {
    .detail #articleWrap .btnWrap a:hover {
      text-decoration: underline; } }
.detail #articleWrap .btnWrap .fullBox {
  margin-top: 30px; }
  @media only screen and (min-width: 1px) and (max-width: 750px) {
    .detail #articleWrap .btnWrap .fullBox {
      margin-top: 60px; } }
  .detail #articleWrap .btnWrap .fullBox a {
    width: 100%;
    justify-content: center; }
@media only screen and (min-width: 751px), print {
  .detail #articleWrap .btnWrap .comboBox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between; }
    .detail #articleWrap .btnWrap .comboBox .btn {
      position: relative;
      width: 469px; }
      .detail #articleWrap .btnWrap .comboBox .btn.prev {
        padding-left: 55px; }
      .detail #articleWrap .btnWrap .comboBox .btn.next {
        padding-right: 55px;
        justify-content: flex-end;
        text-align: right; }
    .detail #articleWrap .btnWrap .comboBox a:before {
      content: "";
      position: absolute;
      width: 11px;
      height: 18px;
      top: 50%;
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      -ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
    .detail #articleWrap .btnWrap .comboBox a.prev:before {
      left: 22px;
      background: url(../img/arw_btn_back_blue.png) no-repeat; }
    .detail #articleWrap .btnWrap .comboBox a.next:before {
      right: 22px;
      background: url(../img/arw_btn_next_blue.png) no-repeat; }
    .detail #articleWrap .btnWrap .comboBox a:hover.prev:before {
      -moz-transform: translate(-5px, -50%);
      -ms-transform: translate(-5px, -50%);
      -webkit-transform: translate(-5px, -50%);
      transform: translate(-5px, -50%); }
    .detail #articleWrap .btnWrap .comboBox a:hover.next:before {
      -moz-transform: translate(5px, -50%);
      -ms-transform: translate(5px, -50%);
      -webkit-transform: translate(5px, -50%);
      transform: translate(5px, -50%); } }
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .detail #articleWrap .btnWrap .comboBox .btn {
    display: none; }
  .detail #articleWrap .btnWrap .comboBox a.prev {
    padding-right: 30px;
    padding-left: 100px;
    background: #F4F4F5;
    background: url(../img/arw_btn_back_blue_sp.png) no-repeat 50px center #F4F4F5; }
  .detail #articleWrap .btnWrap .comboBox a.next {
    justify-content: flex-end;
    padding-left: 30px;
    padding-right: 100px;
    text-align: right;
    background: url(../img/arw_btn_next_blue_sp.png) no-repeat right 50px center #F4F4F5; }
  .detail #articleWrap .btnWrap .comboBox a:nth-child(n+2) {
    margin-top: 10px; }
  .detail #articleWrap .btnWrap .comboBox a.btn {
    display: flex; } }