@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  page.css
 style info :  ページ固有css
=================================================================== */
/* fontsize YUI
10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197%  */
/*----------------------------------------------------------------------------------
		 								common
------------------------------------------------------------------------------------*/
.wp-caption.alignleft, .wp-caption.aligncenter, .wp-caption.alignright, .wp-caption.alignnone {
  max-width: 100%;
  height: 100%; }

.wp-caption.alignright {
  display: block;
  margin: 0 0 0 auto; }

/* 配置位置 右 */
.wp-caption.alignleft {
  display: block;
  margin: 0 auto 0 0; }

/* 配置位置 左 */
.wp-caption.aligncenter {
  display: block;
  margin: 0 auto; }

/* 配置位置 中央 */
.wp-caption.alignright img, .wp-caption.alignleft img, .wp-caption.aligncenter img {
  max-width: 100%;
  height: 100%; }

.wp-caption-text {
  font-size: 11px;
  line-height: 1.8; }

img.alignright {
  display: block;
  margin: 0 0 0 auto; }

/* 配置位置 右 */
img.alignleft {
  display: block;
  margin: 0 auto 0 0; }

/* 配置位置 左 */
img.aligncenter {
  display: block;
  margin: 0 auto; }

img.alignleft, img.aligncenter, img.alignright, img.alignnone {
  max-width: 100%;
  height: 100%; }

blockquote {
  position: relative;
  padding: 30px 15px 8px 15px;
  box-sizing: border-box;
  font-style: italic;
  background: #efefef;
  color: #555;
  margin-bottom: 45px; }

blockquote:before {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 3px;
  vertical-align: middle;
  content: "“";
  font-family: sans-serif;
  color: #cfcfcf;
  font-size: 90px;
  line-height: 1; }

blockquote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.7; }

blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em; }

@media only screen and (max-width: 750px) {
  .animated {
    animation-duration: 2s;
    animation-fill-mode: both; } }

@media only screen and (max-width: 750px) {
  .fadeIn {
    animation-name: fadeIn; } }

@media only screen and (max-width: 750px) {
  @keyframes fadeIn {
    0% {
      opacity: 0; }
    50% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0; }
    50% {
      opacity: 0; }
    100% {
      opacity: 1; } } }

a[href^="tel:"] {
  pointer-events: none; }
  @media only screen and (max-width: 750px) {
    a[href^="tel:"] {
      pointer-events: auto; } }

/*------------------------------------------------------------------------------------
		 							front-page
------------------------------------------------------------------------------------*/
#index_Area {
  width: 100%; }
  #index_Area img {
    width: 100%; }
    @media only screen and (max-width: 750px) {
      #index_Area img {
        object-fit: cover; } }
  #index_Area .fv_slider {
    position: relative; }

#about_Area {
  width: 100%;
  color: white;
  padding: 120px 0;
  margin: 0 auto; }
  @media only screen and (max-width: 750px) {
    #about_Area {
      padding: 80px 0; } }
  #about_Area img {
    width: 100%; }
  #about_Area .about_Inner {
    width: 70%;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) and (max-width: 1100px) and (max-width: 1300px) {
      #about_Area .about_Inner {
        width: 85%; } }
    @media only screen and (max-width: 750px) {
      #about_Area .about_Inner {
        width: 88%;
        display: block; } }
    #about_Area .about_Inner h3 {
      font-size: 28px;
      font-weight: 600;
      color: #004CA1;
      text-align: center;
      margin-bottom: 30px; }
      @media only screen and (min-width: 751px) and (max-width: 1100px) and (max-width: 1300px) {
        #about_Area .about_Inner h3 {
          font-size: 22px; } }
      @media only screen and (max-width: 750px) {
        #about_Area .about_Inner h3 {
          font-size: 22px; } }
    #about_Area .about_Inner .catch {
      display: flex;
      align-items: center;
      /* 垂直中心 */
      justify-content: center;
      /* 水平中心 */ }
    #about_Area .about_Inner .catch:before, #about_Area .about_Inner .catch:after {
      border-top: 2px solid #00ACE5;
      content: "";
      width: 2em;
      /* 線の長さ */ }
    #about_Area .about_Inner .catch:before {
      margin-right: 1em;
      /* 文字の右隣 */ }
    #about_Area .about_Inner .catch:after {
      margin-left: 1em;
      /* 文字の左隣 */ }
    #about_Area .about_Inner h4 {
      font-size: 22px;
      color: #323232;
      text-align: center;
      line-height: 3rem;
      font-weight: 500; }
      @media only screen and (min-width: 751px) and (max-width: 1100px) and (max-width: 1300px) {
        #about_Area .about_Inner h4 {
          font-size: 18px; } }
      @media only screen and (max-width: 750px) {
        #about_Area .about_Inner h4 {
          font-size: 16px; } }

#overview_Area {
  width: 100%;
  background-color: #F5F7FC;
  color: #323232;
  padding: 120px 0; }
  @media only screen and (max-width: 750px) {
    #overview_Area {
      padding: 80px 0; } }
  #overview_Area img {
    width: 100%; }
  #overview_Area .overview_Inner {
    width: 70%;
    margin: 0 auto;
    position: relative; }
    @media only screen and (min-width: 751px) and (max-width: 1100px) and (max-width: 1300px) {
      #overview_Area .overview_Inner {
        width: 85%; } }
    @media only screen and (max-width: 750px) {
      #overview_Area .overview_Inner {
        width: 88%;
        display: block; } }
    #overview_Area .overview_Inner h3 {
      font-size: 28px;
      font-weight: 600;
      color: #004CA1;
      text-align: center;
      margin-bottom: 30px; }
      @media only screen and (min-width: 751px) and (max-width: 1100px) and (max-width: 1300px) {
        #overview_Area .overview_Inner h3 {
          font-size: 22px; } }
      @media only screen and (max-width: 750px) {
        #overview_Area .overview_Inner h3 {
          font-size: 22px; } }
    #overview_Area .overview_Inner .catch {
      display: flex;
      align-items: center;
      /* 垂直中心 */
      justify-content: center;
      /* 水平中心 */ }
    #overview_Area .overview_Inner .catch:before, #overview_Area .overview_Inner .catch:after {
      border-top: 2px solid #00ACE5;
      content: "";
      width: 2em;
      /* 線の長さ */ }
    #overview_Area .overview_Inner .catch:before {
      margin-right: 1em;
      /* 文字の右隣 */ }
    #overview_Area .overview_Inner .catch:after {
      margin-left: 1em;
      /* 文字の左隣 */ }
    #overview_Area .overview_Inner table {
      width: 80%;
      border-collapse: collapse;
      border-spacing: 0;
      font-size: 18px;
      margin: 30px auto; }
      @media only screen and (max-width: 750px) {
        #overview_Area .overview_Inner table {
          width: 100%;
          font-size: 16px;
          margin: 10px auto;
          display: block; } }
      @media only screen and (max-width: 750px) {
        #overview_Area .overview_Inner table tr {
          display: block;
          margin-bottom: 5px;
          padding: 10px 0; } }
      #overview_Area .overview_Inner table th {
        border-bottom: 1px solid #323232;
        padding: 25px 20px 16px; }
        @media only screen and (max-width: 750px) {
          #overview_Area .overview_Inner table th {
            display: block;
            border: none;
            padding: 10px 15px 5px;
            font-weight: bold;
            font-size: 15px;
            background: transparent;
            border-bottom: 1px solid #323232; } }
      #overview_Area .overview_Inner table td {
        border-bottom: 1px solid #323232;
        padding: 25px 20px 16px; }
        @media only screen and (max-width: 750px) {
          #overview_Area .overview_Inner table td {
            display: block;
            border: none;
            padding: 10px 15px 10px;
            font-size: 15px; } }

#regulations_Area {
  width: 100%;
  color: #323232;
  padding: 120px 0; }
  @media only screen and (max-width: 750px) {
    #regulations_Area {
      padding: 80px 0; } }
  #regulations_Area img {
    width: 100%; }
  #regulations_Area .regulations_Inner {
    width: 70%;
    margin: 0 auto;
    position: relative; }
    @media only screen and (min-width: 751px) and (max-width: 1100px) and (max-width: 1300px) {
      #regulations_Area .regulations_Inner {
        width: 85%; } }
    @media only screen and (max-width: 750px) {
      #regulations_Area .regulations_Inner {
        width: 88%;
        display: block; } }
    #regulations_Area .regulations_Inner h3 {
      font-size: 28px;
      font-weight: 600;
      color: #004CA1;
      text-align: center;
      margin-bottom: 30px; }
      @media only screen and (min-width: 751px) and (max-width: 1100px) and (max-width: 1300px) {
        #regulations_Area .regulations_Inner h3 {
          font-size: 22px; } }
      @media only screen and (max-width: 750px) {
        #regulations_Area .regulations_Inner h3 {
          font-size: 22px; } }
    #regulations_Area .regulations_Inner .catch {
      display: flex;
      align-items: center;
      /* 垂直中心 */
      justify-content: center;
      /* 水平中心 */ }
    #regulations_Area .regulations_Inner .catch:before, #regulations_Area .regulations_Inner .catch:after {
      border-top: 2px solid #00ACE5;
      content: "";
      width: 2em;
      /* 線の長さ */ }
    #regulations_Area .regulations_Inner .catch:before {
      margin-right: 1em;
      /* 文字の右隣 */ }
    #regulations_Area .regulations_Inner .catch:after {
      margin-left: 1em;
      /* 文字の左隣 */ }
    #regulations_Area .regulations_Inner .download {
      width: 700px;
      display: flex;
      margin: 30px auto; }
      @media only screen and (max-width: 750px) {
        #regulations_Area .regulations_Inner .download {
          display: block;
          width: 100%; } }
      #regulations_Area .regulations_Inner .download .left_box {
        width: 250px;
        text-align: center; }
        @media only screen and (max-width: 750px) {
          #regulations_Area .regulations_Inner .download .left_box {
            width: 35%;
            margin: 10px auto; } }
        #regulations_Area .regulations_Inner .download .left_box img {
          width: 60%; }
          @media only screen and (max-width: 750px) {
            #regulations_Area .regulations_Inner .download .left_box img {
              width: 100%; } }
      #regulations_Area .regulations_Inner .download .right_box {
        width: 380px;
        padding-top: 30px; }
        @media only screen and (max-width: 750px) {
          #regulations_Area .regulations_Inner .download .right_box {
            width: 90%;
            margin: 0 auto; } }
        #regulations_Area .regulations_Inner .download .right_box p {
          font-size: 20px;
          font-weight: 600;
          text-align: center; }
          @media only screen and (max-width: 750px) {
            #regulations_Area .regulations_Inner .download .right_box p {
              font-size: 16px; } }
        #regulations_Area .regulations_Inner .download .right_box .link_btn a {
          position: relative;
          display: block;
          width: 280px;
          padding: 18px 0;
          background-color: #E8853C;
          border-radius: 20px;
          font-size: 18px;
          color: #fff;
          text-decoration: none;
          text-align: center;
          margin: 20px auto; }
          @media only screen and (max-width: 750px) {
            #regulations_Area .regulations_Inner .download .right_box .link_btn a {
              width: 250px;
              font-size: 16px; } }
        #regulations_Area .regulations_Inner .download .right_box .btn-arrow-right a::after {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          right: 27px;
          width: 9px;
          height: 9px;
          margin: auto;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          transform: rotate(45deg);
          box-sizing: border-box; }