@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #fff667;
  color: #333;
  text-decoration: none; }

mark {
  background-color: #fff667;
  color: #333;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; 
border: none;}

img {
  vertical-align: top; }
  img[usemap] {
    border-width: 0; }
  a img {
    border-width: 0;
    text-decoration: none; }

ul, li {
  list-style: none; }

html {
  font-size: 62.5%; }

body {
  margin: 0;
  padding: 0;
  background-color: #f5fafc;
  color: #333;
  font-size: 1.8rem;
  line-height: 2;
  font-family:  "游ゴシック体", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  -webkit-text-size-adjust: none; }
  @media screen and (max-width: 640px) {
    body {
      font-size: 1.6rem;
      line-height: 2; } }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

a {
  text-decoration: none;
  color: #005ea6; }
  a:hover {
    text-decoration: none; 
  color: #94ceec;}

img {
  max-width: 100%;
  height: auto; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

/* 全体
/*+---------------------------------*/
/* --- PCでのみ表示 --- */
.pc-only {
  display: block; }
  @media screen and (max-width: 800px) {
    .pc-only {
      display: none; } }

/* --- スマホでのみ表示 --- */
.sp-only {
  display: none; }
  @media screen and (max-width: 800px) {
    .sp-only {
      display: block; } }

/* トップページ
/*+---------------------------------*/
/* --- main --- */
.main {
  display: block;
  overflow: hidden;
  height: 100%;
  position: relative;
  padding-bottom: 360px; }
  @media screen and (max-width: 800px) {
    .main {
      padding-bottom: 20px; } }

/* fixed image 
.fixed-image {
  background: url("../img/25909231_m.jpg") top center no-repeat;
  background-size: 120% 100%;
  padding-top: 50%;
  position: absolute;
  width: 100%;
  -webkit-transition: .1s;
  transition: .1s;
  z-index: -1; }
  .fixed-image.-fixed {
    position: fixed;
    top: 0; }
  @media screen and (max-width: 800px) {
    .fixed-image {
      background-image: url("../img/fixed-bg_sp.jpg");
      background-size: 100% 100%;
      padding-top: 100%; } }

/* --- footer --- */
.footer {
  background-color: #FFF;
  padding-bottom: 20px;
  position: relative; }
  .footer::before {
    background: url("../img/ft=bg.png") top  center no-repeat;
    background-size: cover;
    content: "";
    height: 360px;
    position: absolute;
    top: -360px;
    left: 0;
    width: 100%; }
  @media screen and (max-width: 800px) {
      .footer::before {
        background-image: url("../img/ft-bg-sp.png");
        background-size: 100% 100%;
        height: 120px;
        top: -120px; } }

/* --- pagetop --- */
.pagetop-wrap {
  position: absolute;
  right: 4%;
  width: 90px; }
  @media screen and (max-width: 800px) {
    .pagetop-wrap {
      top: -120px;
      right: 0;
      width: 72px; } }

.pagetop-button {
  background: url("../img/pagetop.svg") top center no-repeat;
  background-size: 40px auto;
  display: block;
  padding-top: 48px;
  width: 100%; }
  .pagetop-button__text {
    color: #005ea6;
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center; }
  .pagetop-button:hover {
    background-image: url("../img/pagetop-h.svg"); }
    .pagetop-button:hover .pagetop-button__text {
      color: #94ceec; }
  @media screen and (max-width: 800px) {
    .pagetop-button {
      background-size: 32px auto;
      padding-top: 36px; }
      .pagetop-button__text {
        font-size: 1.6rem; } }
/* ----fix list---*/
.fix_btn {
  position: fixed;
  right: 1vw;
  top: 64vh;
  display: block;
  width: 80px;
  height: 80px;
  background: #94ceec;
  border-radius: 10px;
  text-align: center;
  padding-top: 1.2rem;
  z-index: 99;
  line-height: 1.2;
}

.fix_btn_contact {
  position: fixed;
  right: 1vw;
  top: 74vh;
  display: block;
  width: 80px;
  height: 80px;
  background: #005ea6;
  border-radius: 10px;
  text-align: center;
  padding-top: 1.2rem;
  z-index: 99;
  line-height: 1.2;
}
.fix_btn span {
  color: #fff;
  font-family: 'Oswald', sans-serif;
  display: block;
}
.fix_btn_contact span{
  color: #fff;
  font-family: 'Oswald', sans-serif;
  display: block;
}

@media screen and (max-width: 800px){
.fix_btn {
    top: inherit;
    height: auto;
    bottom: 12vh;
    right: 0;
    margin: auto;
    border-radius: 5px;
    padding: 0.7rem 0;
    font-family: 'Oswald', sans-serif;
}
.fix_btn_contact {
  top: inherit;
  height: auto;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 5px;
  padding: 0.7rem 0;
  font-family: 'Oswald', sans-serif;
}
}

/* --- sns list --- */
.sns-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 368px;
  width: 120px; }
  .sns-list__item {
    width: 48px; }
    .sns-list__item img {
      vertical-align: bottom; }
    .sns-list__item a {
      display: block;
      -webkit-transition: .3s;
      transition: .3s; }
      .sns-list__item a:hover {
        opacity: 0.64; }
  @media screen and (max-width: 800px) {
    .sns-list {
      max-width: 200px; 
    width: 90px;}
      .sns-list__item {
        width: 40%; } }

/* --- copyright --- */
.copyright {
  color: #005ea6;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 64px;
  text-align: center; }
  @media screen and (max-width: 800px) {
    .copyright {
      margin-top: 24px; } }

/* --- MV --- */
.main-visual {
  background: url("../img/top-image.jpg") top center no-repeat;
  background-size: 100% 100%;
  padding-top: 22.5%;
  position: relative;
  width: 100%;
  z-index: 1; }
  @media screen and (max-width: 800px) {
  .main-visual {
  background-image: url("../img/top-image-sp.jpg");
  padding-top: 38.4%; } }

.mv-title h1{
  font-size: 15.0rem;
  font-family: 'Oswald', sans-serif;
  line-height: 1.0;
}
.mv-title p{
  font-size: 2.0rem;
  font-weight: 700;
}
.mv-title {
  text-align: center;
  padding-bottom: 16.125%; }
  
  @media screen and (max-width: 800px) {
  .mv-title {
   text-align: center;
  padding-top: 36.26667%;
  padding-bottom: 56.26667%; }
      

  .mv-title h1{
  font-size: 6.0rem;
   }
  .mv-title p{
    font-size: 2.0rem;
    font-weight: 700;
    padding-top: -200px;
  }
  
   }
 .scroll { 
  position: absolute; top: 880px; z-index: 10; }
.scroll .scroll-down {
  position: relative; 
  display: inline-block;
  color: #005ea6; 
  letter-spacing: 0.1em;
 text-decoration: none;
 transform-origin: top left; 
 transform: rotate(270deg); 
 font-family: 'Oswald', sans-serif;
 line-height: 1.0;padding: 0.8em 1.2em 0.8em 110px; }
.scroll .scroll-down::before, .scroll .scroll-down::after { 
  content: ""; 
  position: absolute;
  display: block;
  margin: auto;
  top: 0; 
  bottom: 0; 
  background: #005ea6;
  left: 102px;
   height: 1px; 
  }
  .scroll .scroll-down::after { width: 80px; animation: down-line 3s ease-in-out infinite; }
   @keyframes down-line { 0% { width: 0; left: 102px; }
   50% { width: 80px; left: 18px; opacity: 1; }
   90% { opacity: 0.7; }
   95% { opacity: 0.2; }
   100% { width: 0px; left: 18px; opacity: 0; } }
  @media screen and (max-width: 800px) {
    .scroll{
      position: absolute;
      top:600px;
      z-index: 10;
    }
    .scroll .scroll-down {
      font-size: 1.4rem;
      font-size: 3.733vw;
      right: 0;
      bottom: 17.61006%;
      width: 100%; }
   }

/* --- heading --- */
.en-title {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(65%, #Fff667));
  background: linear-gradient(transparent 65%, #fff667 65%);
  color: #005ea6;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1; }
  @media screen and (max-width: 640px) {
    .en-title {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #Fff667));
      background: linear-gradient(transparent 70%, #fff667 70%);
      font-size: 2.4rem; } }

.heading-level2 {
  font-size: 4.8rem;
  font-weight: 900;
  line-height: 1.4;
  margin-top: 30px; }
  @media screen and (max-width: 640px) {
    .heading-level2 {
      font-size: 2.8rem;
      margin-top: 20px; } }

.heading-level3 {
  font-size: 4.0rem;
  font-weight: 900;
  line-height: 1.4;
  margin-top: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
}
  .heading-level3.-margintop-none {
    margin-top: 0; }
  @media screen and (max-width: 640px) {
    .heading-level3 {
            font-size: 2.8rem;
      margin-top: 22px;
      padding-top: 2px;
      padding-bottom: 2px;
      } }

.heading-level4 {
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.4; }
  @media screen and (max-width: 800px) {
    .heading-level4.-sp-textcenter {
      text-align: center; } }
  @media screen and (max-width: 640px) {
    .heading-level4 {
      font-size: 2.2rem; }
      .heading-level4.-sp-sizesmall {
        font-size: 2.0rem; } }

/* --- text --- */
.text-box {
  margin-top: 48px; }
  .text-box.-margintop-narrow {
    margin-top: 24px; }
  .text-box .common-paragraph {
    font-weight: 500;
    -webkit-transform: rotate(0.03deg);
        -ms-transform: rotate(0.03deg);
            transform: rotate(0.03deg); }
    .text-box .common-paragraph.-lineheight-narrow {
      line-height: 1.4; }
    .text-box .common-paragraph.-margintop-8 {
      margin-top: 8px; }
      .text-box .common-paragraph a{
        font-weight:700}

  @media screen and (max-width: 800px) {
    .text-box {
      margin-top: 32px; } }

.newline {
  display: inline-block; }

/* --- image box --- */
.image-box {
  margin-top: 64px;
  text-align: center; }
  .image-box img {
    margin-left: auto;
    margin-right: auto; }
  .image-box.-margintop-none {
    margin-top: 0; }
  .image-box.-sizemedium {
    max-width: 480px; }
  @media screen and (max-width: 800px) {
    .image-box {
      margin-top: 40px;
      margin-left: auto;
      margin-right: auto; }
      .image-box.-sizemedium {
        max-width: 100%; }
      .image-box.-sp-sizesmall {
        width: 75.84098%; }
      .image-box.-sp-sizetiny {
        width: 67.27829%; } }

/* --- textlink --- */
.textlink-wrap {
  margin-top: 40px; }
  .textlink-wrap.-margintop-wide {
    margin-top: 80px; }
  @media screen and (max-width: 800px) {
    .textlink-wrap {
      margin-top: 32px; }
      .textlink-wrap.-margintop-wide {
        margin-top: 64px; } }

.textlink {
  background: url("../img/icon-link.svg") left center no-repeat;
  background-size: 28px auto;
  display: inline-block;
  font-weight: 700;
  line-height: 1.4;
  padding-left: 40px;
  -webkit-transform: rotate(0.03deg);
      -ms-transform: rotate(0.03deg);
          transform: rotate(0.03deg); }
  .textlink .icon-blank {
    display: inline-block;
    position: relative; }
    .textlink .icon-blank::after {
      background: url("../img/icon-blank.svg") right center no-repeat;
      background-size: 10px auto;
      content: "";
      display: inline-block;
      margin-left: 8px;
      position: relative;
      top: -2px;
      height: 10px;
      width: 10px; }
  .textlink .icon-pdf {
    display: inline-block;
    position: relative; }
    .textlink .icon-pdf::after {
      background: url("../img/icon-pdf.svg") right center no-repeat;
      background-size: 12px auto;
      content: "";
      display: inline-block;
      margin-left: 8px;
      position: relative;
      top: -2px;
      height: 12px;
      width: 12px; }
  .textlink:hover {
    background-image: url("../img/icon-link-hover.svg");
    color: #023386; }
    .textlink:hover .icon-blank::after {
      background-image: url("../img/icon-blank-hover.svg"); }
  @media screen and (max-width: 800px) {
    .textlink {
      background-size: 20px auto;
      padding-left: 28px; } }

/* --- button --- */
.Form-Btn {
        border-radius: 6px;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 280px;
        display: block;
        letter-spacing: 0.05em;
        background: #94CEEC;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
      }
.Form-Btn:hover{
  background:#036eb6;
  color:#fff;
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

/* --- event detail --- */
.detail-box {
  border-top: 2px solid #94ceec;
  border-bottom: 2px solid #94ceec;
  margin-top: 32px;
  padding-top: 40px;
  padding-bottom: 40px; }
  .detail-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    line-height: 1.4;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    width: 100%;
    -webkit-transform: rotate(0.03deg);
        -ms-transform: rotate(0.03deg);
            transform: rotate(0.03deg); }
    .detail-box dl + dl {
      margin-top: 14px; }
    .detail-box dl dt {
      min-width: 28%; 
    background-color:#94ceec;
    padding: 12px;
}
  .detail-box dl dd {
      width: 70%;
      padding: 12px;
    background-color: #e8f2f7; }
      .detail-box dl dd .size-small {
        display: inline-block;
        font-size: 1.4rem; }

  @media screen and (max-width: 800px) {
    .detail-box {
      margin-top: 24px;
      padding-top: 24px;
      padding-bottom: 24px; }
      .detail-box dl {
        display: block; }
        .detail-box dl + dl {
          margin-top: 16px; }
        .detail-box dl dt {
          text-align: left;
          min-width: 100%; }
        .detail-box dl dd {
          margin-top: 8px;
          padding-left:1rem;
          width: 100%; }
          .detail-box dl dd .size-small {
            font-size: 1.2rem; } }

.schedule-box {
  margin-top: 40px; }
  .schedule-box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    line-height: 1.4;
    width: 100%;
    -webkit-transform: rotate(0.03deg);
        -ms-transform: rotate(0.03deg);
            transform: rotate(0.03deg); }
    .schedule-box dl + dl {
      margin-top: 14px; }
    .schedule-box dl dt {
      text-align: left;
      min-width: 20%; }
    .schedule-box dl dd {
      width: 80%; 
    font-weight: 500;
  }
      .schedule-box dl dd .-pc-margintop-8 {
        display: block;
        margin-top: 8px; }
        .schedule-box dl a{
          font-weight: 700;
        }
  @media screen and (max-width: 800px) {
    .schedule-box {
      margin-top: 34px; }
      .schedule-box dl {
        display: block; }
        .schedule-box dl + dl {
          margin-top: 16px; }
        .schedule-box dl dt {
          text-align: left; }
        .schedule-box dl dd {
          margin-top: 8px;
          padding-left: 5.50459%;
          width: 100%; }
          .schedule-box dl dd .-pc-margintop-8 {
            margin-top: 0; } 
            .schedule-box dl dd .size-small {
              display: inline-block;
              font-size: 1.4rem; }
      }

/* --- 2column --- */
.column-two-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .column-two-box.-alignitem-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .column-two-box__item {
    -ms-flex-preferred-size: 560px;
        flex-basis: 560px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .column-two-box__item.-narrow {
      -ms-flex-preferred-size: 288px;
          flex-basis: 288px; }
    .column-two-box__item.-wide {
      -ms-flex-preferred-size: 632px;
          flex-basis: 632px; }
    .column-two-box__item.-left-shrink {
      -ms-flex-negative: 1;
          flex-shrink: 1;
      margin-right: 5%; }
    .column-two-box__item.-right-shrink {
      -ms-flex-negative: 1;
          flex-shrink: 1;
      margin-left: 5%; }
    .column-two-box__item img {
      max-width: 100%;
      height: auto; }
  @media screen and (max-width: 980px) {
    .column-two-box {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .column-two-box.-sp-columnreverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; }
      .column-two-box__item + .column-two-box__item {
        margin-top: 40px; }
      .column-two-box__item.-left-shrink {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-left: auto;
        margin-right: auto; }
      .column-two-box__item.-right-shrink {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        margin-left: auto;
        margin-right: auto; }
      .column-two-box__item.-sp-margintop-none {
        margin-top: 0; }
      .column-two-box__item.-sp-margintop-add {
        margin-top: 40px; } }
  @media screen and (max-width: 800px) {
    .column-two-box__item {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
      .column-two-box__item.-narrow {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
      .column-two-box__item.-wide {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; } }

/* --- 2column --- */
.column-2-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 32px; }
  .column-2-box__item {
    width: 46%; }
    .column-2-box__item .text-box {
      margin: 24px;
     }
     .column-2-box__item .text-box .heading-level4{
      text-align: center;
     }
      .column-2-box__item .text-box .common-paragraph {
        font-size: 1.6rem; }
  @media screen and (max-width: 800px) {
    .column-2-box {
      display: block; }
      .column-2-box__item {
        width: 100%; }
        .column-2-box__item + .column-2-box__item {
          margin-top: 40px; }
        .column-2-box__item .text-box {
          margin-top: 16px; 
        margin-right: 0;
      margin-left: 0;}
           }

/* --- 3column --- */
.column-three-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 32px; }
  .column-three-box__item {
    width: 31.2%; }
    .column-three-box__item .text-box {
      margin-top: 24px; }
      .column-three-box__item .text-box .common-paragraph {
        font-size: 1.4rem; }
  @media screen and (max-width: 800px) {
    .column-three-box {
      display: block; }
      .column-three-box__item {
        width: 100%; }
        .column-three-box__item + .column-three-box__item {
          margin-top: 40px; }
        .column-three-box__item .text-box {
          margin-top: 16px; }
          .column-three-box__item .text-box .common-paragraph {
            text-align: center; } }
/* --- section inner --- */
.section-box__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 87.2%; 
}
.section-box_what_inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 100%; }

/* --- section --- */
.section-box {
  padding-top: 120px;
}

.section-second-box {
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
  .section-second-box.-margintop-narrow {
    margin-top: 80px; }
  .section-second-box.-margintop-small {
    margin-top: 64px; }
    .section-second-box .size-small {
      display: inline-block;
      font-size: 1.4rem;

  }
  .section-second-box.-square-box {
    background-color: rgba(238, 238, 238, 0.66);
    margin-top: 120px;
    padding: 40px; 
    margin-bottom: 40px;}
    .section-second-box.-square-box.-margintop-narrow {
      margin-top: 40px; }
  @media screen and (max-width: 800px) {
    .section-box {
      padding-top: 60px;
    }
    .section-second-box {
      margin-top: 64px; }
      .section-second-box.-margintop-narrow {
        margin-top: 80px; }
      .section-second-box.-margintop-small {
        margin-top: 64px; }
      .section-second-box.-square-box {
        margin-top: 64px;
        margin-right: -7.4%;
        margin-left: -7.4%;
        padding-top: 48px;
        padding-bottom: 48px;
        padding-right: 6.93333%;
        padding-left: 6.93333%;
        width: auto; }
        .section-second-box.-square-box.-margintop-narrow {
          margin-top: 56px; } }

.section-third-box {
  margin-top: 120px; 
}
  @media screen and (max-width: 800px) {
    .section-third-box {
      margin-top: 56px; } 
    }
/* --- blog--- */   
.section-blog-box {
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 100%; 
}

.top-blog ul{
  width: 1200px;
  max-width: 1080px;
	margin:60px auto 0;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
.top-blog ul li{width:240px;
  transition: transform 0.5s ease;}
.top-blog ul li:nth-child(2),
.top-blog ul li:nth-child(3){margin-top:50px;}
.top-blog ul li:hover{transform: translateY(-10px);}
.top-blog ul li a{display:block;}
.top-blog ul li a:hover{display:block;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;}
.top-blog ul li .img_area{
	width:100%;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	height:160px;
	background-position:center center;
	background-size:cover;
	}
.top-blog ul li .text_area{
	position:relative;
	width:100%;
	background:#fff;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	padding:30px 20px 20px;
	box-sizing:border-box;
}
.top-blog ul li .text_area span{
	font-size:12px;
	color:#999;
	}
	
.top-blog ul li .text_area h2{
	font-size:16px;
	font-weight:700;
	color:#0d6fb8;
	letter-spacing:0.04em;
	margin:8px 0 18px;
	}
.top-blog ul li .text_area p{
	font-size:14px;
	line-height:22px;
	letter-spacing:0.04em;
	color:#666;
	font-weight:400;
    word-break: break-all;
	}
	
.top-blog ul li:hover p{color:#0d6fb8;transition: color 0.5s ease;}
	
.top-blog ul li .text_area:before{
	content:"";
	display:inline-block;
	position:absolute;
	left:20px;top:-15px;
	padding:10px 14px 9px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-size:12px;
	font-weight:700;
    align-items: flex-start;
	}
	
.top-blog ul li.it-tec-blog .text_area:before{content:"IT技術の話";background:#005ea6;}
.top-blog ul li.web-blog .text_area:before{content:"WEB制作";background:#94ceec;}
.top-blog ul li.news-blog .text_area:before{content:"日常";background:#6bba6e;}
.top-blog ul li.info-blog .text_area:before{content:"お知らせ";background:#999999;}


@media screen and ( max-width: 1050px ) {
  .top-blog ul li{width:23%; }}
@media screen and ( max-width: 900px ) {
.top-blog ul li{width:48%; }
.top-blog ul li:nth-child(2),
.top-blog ul li:nth-child(3){margin-top:0;}
.top-blog ul li,
.top-blog ul li:nth-child(2){margin-bottom:4%; }
	
	
	
.top-blog ul li .img_area{position:relative;height:auto;}
.top-blog ul li .img_area:before{content:"";display:block;}
}
@media screen and ( max-width: 800px ) {
.top-blog ul{width:calc(100% - 30px);margin:25px auto 0;}
.top-blog ul li{width:calc(50% - 10px); margin-bottom:20px;}
.top-blog ul li .img_area{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	}
.top-blog ul li .text_area{
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	padding:15px 12px 20px;
}
.top-blog ul li .text_area span{font-size:10px;}
	
.top-blog ul li .text_area h2{
	font-size:13px;
	line-height:1.5;
	margin:4px 0 2px;
	}
.top-blog ul li .text_area p{font-size:11px;line-height:16px;}
	
.top-blog ul li .text_area:before{
	left:12px;top:-12px;
	padding:5px 8px 5px;
	font-size:10px;
	}	
	
.top-blog ul li:hover{transform: translateY(-5px);}
	
	}
.Form {
 margin-top: 80px;
 margin-left: auto;
 margin-right: auto;
 max-width: 720px;
 text-align: left;
 }
 .section-second-box.-square-box .center{
  text-align: center;
  font-weight: bold;
  margin-top: 1rem;
font-size: 1.4rem; }
      @media screen and (max-width: 800px) {
        .Form {
          margin-top: 40px;
        }
      }
      .Form-Item {
        border-top: 1px solid #ddd;
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: 100%;
        display: flex;
        align-items: center;
      }
      @media screen and (max-width: 800px) {
        .Form-Item {
          padding-left: 14px;
          padding-right: 14px;
          padding-top: 16px;
          padding-bottom: 16px;
          flex-wrap: wrap;
        }
      }
      .Form-Item:nth-child(5) {
        border-bottom: 1px solid #ddd;
      }
      .Form-Item-Label {
        width: 100%;
        max-width: 248px;
        letter-spacing: 0.05em;
        font-weight: bold;
        font-size: 18px;
      }
      @media screen and (max-width: 800px) {
        .Form-Item-Label {
          max-width: inherit;
          display: flex;
          align-items: center;
          font-size: 15px;
        }
      }
      .Form-Item-Label.isMsg {
        margin-top: 8px;
        margin-bottom: auto;
      }
      @media screen and (max-width: 800px) {
        .Form-Item-Label.isMsg {
          margin-top: 0;
        }
      }
      .Form-Item-Label-Required {
        border-radius: 6px;
        margin-left: 6px;
        padding-top: 2px;
        padding-bottom: 2px;
        width: 48px;
        display: inline-block;
        text-align: center;
        background: #94ceec;
        color: #fff;
        font-size: 14px;
      }

      @media screen and (max-width: 800px) {
        .Form-Item-Label-Required {
          border-radius: 4px;
          padding-top: 4px;
          padding-bottom: 4px;
          width: 32px;
          font-size: 10px;
        }
      }
      .Form-Item-Input {
        border: 1px solid #eee;
        border-radius: 6px;
        margin-left: 40px;
        padding-left: 1em;
        padding-right: 1em;
        height: 48px;
        flex: 1;
        width: 100%;
        max-width: 410px;
        background: #e8f2f7;
        font-size: 18px;
      }
      @media screen and (max-width: 800px) {
        .Form-Item-Input {
          margin-left: 0;
          margin-top: 18px;
          height: 40px;
          flex: inherit;
          font-size: 15px;
        }
      }
      .Form-Item-Textarea {
        border: 1px solid #eee;
        border-radius: 6px;
        margin-left: 40px;
        padding-left: 1em;
        padding-right: 1em;
        height: 216px;
        flex: 1;
        width: 100%;
        max-width: 410px;
        background: #e8f2f7;
        font-size: 18px;
      }
      @media screen and (max-width: 800px) {
        .Form-Item-Textarea {
          margin-top: 18px;
          margin-left: 0;
          height: 200px;
          flex: inherit;
          font-size: 15px;
        }
      }
      .Form-Btn {
        border-radius: 6px;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 280px;
        display: block;
        letter-spacing: 0.05em;
        background: #94ceec;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
      }
    	
.Form-Btn:hover{
	background:#036eb6;
	color:#fff;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
      @media screen and (max-width: 800px) {
        .Form-Btn {
          margin-top: 24px;
          padding-top: 8px;
          padding-bottom: 8px;
          width: 160px;
          font-size: 16px;
        }
      }
      /* ==========================================================================
news&blog
========================================================================== */

/* header
----------------------------------------------------------- */
.top-head { width: 100%; clear: both; margin: 0; padding: 0 2%; display: flex; justify-content: space-between; }

.top-head-inner { height: 80px; position: relative; z-index: 999; }
.head-logo { padding-top: 8px; }
.head-logo .logo {
  font-size: 4.8rem;
  font-weight: 700;
  font-family: 'Oswald', sans-serif;
}
#sub-visual { 
  width: 100%; clear: both; 
  height: 240px; padding: 40px 0; position: relative; 
  text-align: center;
  align-items: center;
background:url(../img/sub-header.jpg)} 
.sub-visual-inner { width: 100%; clear: both; position: relative; } 
.sub-visual-ttl { padding-top: 30px; z-index: 2;
 }
.sub-en-ttl span { font-size: 6.0rem;
  font-family: 'Oswald', sans-serif; line-height: 1.0; line-height: 1;
   display: inline-block; padding: 0 0.2em 0.05em 0.1em; }

 @media screen and (max-width: 800px) {
  .top-head { padding: 0; display: block; }
  .top-head-inner { width: 100%; clear: both; height: auto; position: static; }
  .head-logo { width: 100%; clear: both; padding: 0; }
  .head-logo .logo {font-size: 2.4rem; width: 100%; height: 60px; background: #fff; margin: 0; padding: 8px 0 0 2%; position: fixed; top: 0; right: 0; z-index: 10000; }
  .head-logo .logo img { width: 180px; }
  #sub-visual { width: 100%; clear: both; height: 240px; padding: 40px 0; position: relative; 
  background:url(../img/sub-header-sp.jpg)}
  .sub-visual-ttl { margin-top: 60px; z-index: 2;
  }
  .sub-en-ttl span { font-size: 4.0rem;
  line-height: 1.0; line-height: 1;
  display: inline-block; padding: 0 0.2em 0.05em 0.1em; }
}
      /* ==========================================================================
        section-blog-box
      ========================================================================== */
      #section-blog-box{
        width:100%;
        position:relative;
        padding:260px 0 360px;
      }
      #section-blog-box .con_wrap{
        width:calc(100% - 30px);
        max-width:1200px;
        z-index:100;
        position:relative;
        margin:0 auto;
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
          justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: left;
        }
        
      
      #section-blog-box .con_wrap .blog_area{
        width:calc(100% - 360px);
        }
        
      #section-blog-box .con_wrap .blog{
        margin-bottom:70px;
        }
      #section-blog-box .con_wrap .blog .dc_area{position:relative;}
      #section-blog-box .con_wrap .blog .dc_area:after{
        content:"";
        display:block;
        clear:both;
      }
      #section-blog-box .con_wrap .blog .day{
        display:inline-block;
        font-size:14px;
        color:#999999;
        padding-top:9px;
        font-weight:700;
        }
      #section-blog-box .con_wrap .blog .it-tec-blog {
      background:#005ea6;
      display:inline-block;
      position:absolute;
      left:100px;
      padding:4px 4px 4px;
      -moz-border-radius: 5px;
      -webkit-border-radius:5px;
      border-radius:5px;
      color:#fff;
      font-size:12px;
      font-weight:700;
      white-space: nowrap;
      }
      #section-blog-box .con_wrap .blog .web-blog {
      background:#94ceec;
      display:inline-block;
      position:absolute;
      left:100px;
      padding:4px 4px 4px;
      -moz-border-radius: 5px;
      -webkit-border-radius:5px;
      border-radius:5px;
      color:#fff;
      font-size:12px;
      font-weight:700;
      white-space: nowrap;
      }
      #section-blog-box .con_wrap .blog .news-blog {
      background:#6bba6e;
      display:inline-block;
      position:absolute;
      left:100px;
      padding:4px 4px 4px;
      -moz-border-radius: 5px;
      -webkit-border-radius:5px;
      border-radius:5px;
      color:#fff;
      font-size:12px;
      font-weight:700;
      white-space: nowrap;
      }
      #section-blog-box .con_wrap .blog .info-blog {
      background:#999999;
      display:inline-block;
      position:absolute;
      left:100px;
      padding:4px 4px 4px;
      -moz-border-radius: 5px;
      -webkit-border-radius:5px;
      border-radius:5px;
      color:#fff;
      font-size:12px;
      font-weight:700;
      white-space: nowrap;
      }

      #section-blog-box .con_wrap .blog h2{font-size:20px;font-weight:bold;line-height:32px;margin-bottom:15px;}
      #section-blog-box .con_wrap .blog h2.stit{ background:url(../img/line.jpg) left bottom repeat-x;padding-bottom:20px;margin:26px 0 30px; font-size:2.6rem; line-height:1.5;}
      #section-blog-box .con_wrap .blog h2 a{
        display:block;font-size:2.6rem; line-height:1.5; color:#333; font-weight:700; text-decoration:none !important;}
      #section-blog-box .con_wrap .blog p
      {font-weight: 500; line-height:32px;margin-bottom:35px;}
      #section-blog-box .con_wrap .blog a{
        font-size:15px; line-height:32px;color:#036eb6;font-weight:700;text-decoration:underline;}
      #section-blog-box .con_wrap .blog img{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; margin-bottom:30px; height:auto !Important;}

      #section-blog-box .con_wrap .blog .pagenav {
      color: #94ceec;
      margin: 60px auto 0;
      line-height: 2em;
      text-align: left;
      clear: both; }

      #section-blog-box .con_wrap .blog .pagenav a {
      color: #94ceec; }

      #section-blog-box .con_wrap .blog .pagenav a.page-numbers, .pagenav .current {
      padding: 6px .6em;
      text-decoration: none;
      font-size: 1.2rem;
      background: #FFF;
      border: 1px solid #94ceec; }

      #section-blog-box .con_wrap .blog .pagenav .current {
      background: #94ceec;
      color: #FFF;
      font-weight: bold; }

      #section-blog-box .con_wrap .blog .pagenav a.page-numbers:hover {
      color: #FFF;
      background: #94ceec; }

      #section-blog-box .con_wrap .pager_btn{
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        }
      
      #section-blog-box .con_wrap .pager_btn a{
        position:relative;
        display:block;
        width:150px;
        height:40px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background:#fff;
        border:1px solid #005ea6;
        box-sizing:border-box;
        color:#005ea6;
        font-size: 1.6rem;
        font-weight:700;
        padding-top:5px;
        }
      #section-blog-box .con_wrap .pager_btn .top_btn{text-align:center;}
      
      #section-blog-box .con_wrap .pager_btn a:hover{
        color:#fff;
        background-color:#94ceec;
        filter: alpha(opacity=100);
        -moz-opacity:1;
        opacity:1;
        border:1px solid #94ceec;
        -webkit-transition: color 0.4s ease, background 0.4s ease;
        -moz-transition: color 0.4s ease, background 0.4s ease;
        -o-transition: color 0.4s ease, background 0.4s ease;
        transition: color 0.4s ease, background 0.4s ease;	
        }
        
      #section-blog-box .con_wrap .pager_btn .prev_btn{
        margin-right:20px;
        padding-left:60px;
        -webkit-transition: left 0.4s ease;
          -moz-transition: left 0.4s ease;
          -o-transition: left 0.4s ease;
          transition: left 0.4s ease;
        }
      
      #section-blog-box .con_wrap .pager_btn .next_btn{
      margin-left:20px;
      padding-left:60px;
      -webkit-transition: right 0.4s ease;
      -moz-transition: right 0.4s ease;
      -o-transition: right 0.4s ease;
      transition:right 0.4s ease;
      }

#section-blog-box .con_wrap .side_area{
  margin-top: 120px;
  width:280px;}
	
#section-blog-box .con_wrap .side_area .category_box,
#section-blog-box .con_wrap .side_area .article_box,
#section-blog-box .con_wrap .side_area .select_box
{
	padding:30px 20px 30px;
	box-sizing:border-box;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#E8f2f7;
	margin-bottom:40px;
	}
  
#section-blog-box .con_wrap .side_area .category_box h2,
#section-blog-box .con_wrap .side_area .article_box h2,
#section-blog-box .con_wrap .side_area .select_box h2{
	font-size:2.0rem;
	text-align:center;
	font-weight:700;
  margin-bottom: 1rem;
	}
#section-blog-box .con_wrap .side_area .category_box span,
#section-blog-box .con_wrap .side_area .article_box span,
#section-blog-box .con_wrap .side_area .select_box span{
  font-family: 'Oswald', sans-serif;
	font-size:1.2rem;
	color:#0d6fb8;
	font-weight:700;
	display:block;
	text-align:center;
	margin:2px 0 4px;text-transform: uppercase;
	}
#section-blog-box .con_wrap .side_area .category_box a{
	display:block;
	position:relative;
	width:100%;
	height:50px;
	text-align:center;
	color:#fff;
	padding-top:1rem;
	font-weight:700;
	background:#999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size:16px;
	box-sizing:border-box;
	margin-bottom:20px;
	}

#section-blog-box .con_wrap .side_area .category_box a:hover{opacity: 0.5;}
#section-blog-box .con_wrap .side_area .category_box .it-tec-blog{background:#005ea6;}
#section-blog-box .con_wrap .side_area .category_box .web-blog{background:#94ceec;}
#section-blog-box .con_wrap .side_area .category_box .news-blog{background:#6bba6e;}


#section-blog-box .con_wrap .side_area .article_box a{
	display:block;
	position:relative;
	width:100%;
	padding:20px 20px 16px;
	box-sizing:border-box;
	background:#fff;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:20px;
	-webkit-transition: color 0.4s ease, background 0.4s ease;
    -moz-transition: color 0.4s ease, background 0.4s ease;
    -o-transition: color 0.4s ease, background 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease;	
	}

#section-blog-box .con_wrap .side_area .article_box a span{
	text-align:left;
	text-transform:none;
	-webkit-transition: color 0.4s ease, background 0.4s ease;
    -moz-transition: color 0.4s ease, background 0.4s ease;
    -o-transition: color 0.4s ease, background 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease;	
	margin:0;	
	}
#section-blog-box .con_wrap .side_area .article_box a p{
	font-size:1.4rem;
	line-height:22px;
	color:#333;
	font-weight:700;
	-webkit-transition: color 0.4s ease, background 0.4s ease;
    -moz-transition: color 0.4s ease, background 0.4s ease;
    -o-transition: color 0.4s ease, background 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease;	
	}
	
#section-blog-box .con_wrap .side_area .article_box a:hover{
	background:#94ceec;
	}

#section-blog-box .con_wrap .side_area .article_box a:hover p,
#section-blog-box .con_wrap .side_area .article_box a:hover span{
	color:#fff;
	
	}
@media screen and ( max-width: 1200px ) {

#section-blog-box .con_wrap .blog_area{
	width:calc(100% - 280px - 6.25vw);
	}
}
	
@media screen and ( max-width: 800px ) {
#section-blog-box{background:none;padding:120px 0 80px;}

#section-blog-box .con_wrap .blog_area{width:100%;}
	
#section-blog-box .con_wrap .blog{margin-bottom:45px;}

#section-blog-box .con_wrap .blog .day{font-size:1.0rem;padding-top:6px;}
#section-blog-box .con_wrap .blog .category{padding:6px 10px 5px;margin-left:13px;font-size:11px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;	line-height:11px;}
#section-blog-box .con_wrap .blog h2{font-size:1.6rem;line-height:22px;margin-bottom:10px;}
#section-blog-box .con_wrap .blog h2.stit{ background:url(../image/news/title_border01_sp.png) left bottom repeat-x;background-size:23px 2px;padding-bottom:10px;margin:15px 0 20px; font-size:17px; line-height:1.5;}
#section-blog-box .con_wrap .blog h2 a{font-size:1.6rem; line-height:1.5;}
#section-blog-box .con_wrap .blog p{font-size:1.4rem; line-height:20px;margin-bottom:15px;}
#section-blog-box .con_wrap .blog a{font-size:1.4rem; line-height:20px;}
#section-blog-box .con_wrap .blog img{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; margin-bottom:16px;}

#section-blog-box .con_wrap .pager_btn a{
	width:140px;
	height:30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border:1px solid #005ea6;
	font-size:12px;
	padding-top:2px;text-align:center;
	}
	
#section-blog-box .con_wrap .pager_btn .prev_btn{margin-right:10px;padding-left:0px;}

#section-blog-box .con_wrap .pager_btn .next_btn{margin-left:10px;padding-left:0;}
#section-blog-box .con_wrap .side_area{width:100%;margin:55px 0 70px;}
#section-blog-box .con_wrap .side_area .category_box,
#section-blog-box .con_wrap .side_area .article_box,
#section-blog-box .con_wrap .side_area .select_box {
	padding:25px 15px 10px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;
	}
	
#section-blog-box .con_wrap .side_area .category_box{	
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			}
#section-blog-box .con_wrap .side_area .category_box h2,
#section-blog-box .con_wrap .side_area .article_box h2,
#section-blog-box .con_wrap .side_area .select_box{
  font-size:1.6rem; width:100%;
margin-bottom: 2rem;}
#section-blog-box .con_wrap .side_area .category_box span,
#section-blog-box .con_wrap .side_area .article_box span,
#section-blog-box .con_wrap .side_area .select_box{
font-size:1.6rem;width:100%;}
#section-blog-box .con_wrap .side_area .category_box a{
	height:40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size:11px;
	margin-bottom:2rem;
	width:calc(50% - 15px / 2);
	}

#section-blog-box .con_wrap .side_area .category_box a:hover{opacity: 0.5;}
#section-blog-box .con_wrap .side_area .category_box .cate1 a:hover{opacity: 0.5;}
#section-blog-box .con_wrap .side_area .category_box .cate2{background:#94ceec;}
#section-blog-box .con_wrap .side_area .category_box .cate3{background:#6bba6e;}


#section-blog-box .con_wrap .side_area .article_box a,
#section-blog-box .con_wrap .side_area .select_box a{
	padding:10px 10px 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:15px;
	}

#section-blog-box .con_wrap .side_area .article_box a span .select_box a span{
	text-align:left;
	font-size:11px;
	}
#section-blog-box .con_wrap .side_area .article_box .select_box a p{
	font-size:12px;
	line-height:20px;
	color:#444;
	font-weight:700;
	-webkit-transition: color 0.4s ease, background 0.4s ease;
    -moz-transition: color 0.4s ease, background 0.4s ease;
    -o-transition: color 0.4s ease, background 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease;	
	margin-top:2px;
	}
	
#section-blog-box .con_wrap .side_area .article_box a:hover{
	background:#94ceec;
	}

#section-blog-box .con_wrap .side_area .article_box a:hover p,
#section-blog-box .con_wrap .side_area .article_box a:hover span{
	color:#fff;
	
	}

}
/*お問い合わせ**/
    .section-contact-box.-square-box {
        background-color: rgba(238, 238, 238, 0.66);
        margin-top: 220px;
        padding: 40px;
        margin-bottom: 400px;
    }
    .section-contact-box {
       margin-left: auto;
        margin-right: auto;
        margin-top: 120px;
      max-width: 960px;
      width: 100%;
    }
   .section-contact-box .common-paragraph {
    line-height: 1.4;
    text-align: center;
 }
 @media screen and ( max-width: 800px ) {
  .section-contact-box.-square-box{
    margin-top: 120px;
    margin-bottom: 120px;
  } 
}
.section-contact-box.-square-box dt{
font-weight: 700;
}
.section-contact-box.-square-box span{
  font-weight: 700;
  }
  
/*プライバシーポリシー**/
.section-privacy-box.-square-box {
  background-color: rgba(238, 238, 238, 0.66);
  margin-top: 220px;
  padding: 40px;
  margin-bottom: 400px;
  text-align: left;
}
.section-privacy-box {
 margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
max-width: 960px;
width: 100%;
}
.section-privacy-box .common-paragraph {
line-height: 1.4;
text-align: center;
}

.section-privacy-box.-square-box dt{
  padding-top: 1.5rem;
  font-weight: 700;
  }
.section-privacy-box.-square-box span{
font-weight: 700;
}
    
@media screen and ( max-width: 800px ) {
.section-privacy-box.-square-box{
margin-top: 120px;
margin-bottom: 120px;
} 
}
.section-box-404 {
  padding-top: 220px;
  padding-bottom: 420px;
}
@media screen and (max-width: 800px) {
  
.section-box-404 {
  padding-top: 120px;
  padding-bottom: 160px;
} 
}

.section-box-thank {
  padding-top: 120px;
  padding-bottom: 420px;
}
.heading-level3{
  font-size: 3.0rem;
}
.section-box-thank .section-box_inner{
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 87.2%; 
}
@media screen and (max-width: 800px) {
.section-box-thank {
  padding-top: 60px;
  padding-bottom: 160px;
}
}