/* CSS Document */


@media (min-width: 1200px) {
    .container {
      max-width: 1200px !important;
    }
  }
  
  /*------------------------------------------------*/
  /*  all                                           */
  /*------------------------------------------------*/
  .navbar{ padding: 0;}
  .sticky {
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
   background: rgba(239,143,161, 0.9);
  }
  ul,ol{ margin-left: 0; padding-left: 0;}
  
  .cl-pk {color: #EF8FA1;}  /* pink */
  .cl-bl {color: #4EBDC1;}  /* light blue */
  .cl-wh {color: #ffffff;}  /* white */
  .cl-gr {color: #3a5859;}  /* gray */
  .cl-bg {color: #3a5859;}  /* blue gray */
  
  .font-l {font-size: 150%;}
  
  
  .btn-gra-s { margin-top: 5px;}
  .btn-gra > a,
  .btn-gra-s > a{
      display: block;
      background-image: url('/assets/templates/main/img/gra-button.png');
      background-repeat: no-repeat;
      background-size: contain;
      text-align: center;
      color:#ffffff !important;
      line-height: 1;
      background-position: top center;
  }
  .btn-gra > a{
      padding: 1.1rem 1.5rem;
      font-size: 1.35rem;
      margin: 0 auto;
  }
  .btn-gra-s { width: auto; max-width: 170px; }
  .btn-gra-s > a{
      padding:0.3rem 1rem;
      font-size: 1rem;
      margin: 0 auto;
      widows: auto;
  }
  
  .desktop{ display: block;}
  .mobile{ display: none;}
  
  .text-mincho{ font-family:'Noto Serif JP', serif; font-weight: 600;}
  h4 > .btn-gra-s{ margin-right: 5rem;}
  
  /*------------------bootstrap---------------------*/
  .text-primary{ color:#EF8FA1 !important;}
  .border-primary{ border-color: #EF8FA1 !important;}
  .text-info{ color: #4EBDC1 !important;}
  .border-info{ border-color: #4EBDC1 !important;}
  .text-success{ color: #4EBDC1 !important;}
  .border-success{ border-color: #4EBDC1 !important;}
  .text-brown{ color:#8C6239 !important;}
  
  .btn-primary{ background-color: #EF8FA1 !important; border-color: #EF8FA1 !important;}
  .btn-success{ background-color: #4EBDC1 !important; border-color: #4EBDC1  !important; }
  .btn-info{background-color: #C5AC60 !important; border-color: #C5AC60 !important; }
  
  .error{ color:#bf0024; margin:10px; text-align: center;}
  /*------------------------------------------------*/
  /*  header                                        */
  /*------------------------------------------------*/
  .h-title {
      z-index: 50;
  }
  .h-navi {
      padding-right: 0;
      z-index: 50;
  }
  .h-navi ul {
      list-style-type: none;
      overflow: hidden;
      display: flex;
  }
  .h-navi ul > li{
      width: auto;
      background-color: rgba(232, 107, 131, 0.8);
      border-right:solid 1px rgba(255,255,255,.5);
      border-bottom:solid 1px rgba(255,255,255,.5);
  }	
  .h-navi ul > li > a {
      display: block;
      color: #ffffff;
      line-height: 1.5;
      padding: 1em 1.35em;
      text-align: center;
      white-space: nowrap;
  }
  .h-navi ul > li:first-child{ 
      border-left:solid 1px rgba(255,255,255,.5);
  }
  .h-navi ul > li:last-child{
      background:  rgba(78, 189, 193, 0.9);
  }.section-top {
      margin-top: 0;
  }
  .btn-primary.focus, .btn-primary:focus {
      box-shadow: none !important;
  }
  
  .navi-inner{ max-width: 1900px;}
  .logo-img{ max-height: 56px;}
  .not-front .longtitle{ font-family: 'Spectral', serif; font-weight: 600; color:#ffffff; font-style: italic;}
  
  .btn-shopid2{background-color: rgb(232, 107, 132);color:#ffffff; width: 100%; line-height: 0.8; font-size: 1.25rem;}
  .btn-shopid1{background-color:#0056b3 ; color:#ffffff;  width: 100%; line-height: 0.8; font-size: 1.25rem;}
  .btn-shopid2:hover{background-color: rgb(255, 205, 215); opacity: 1;  }
  .btn-shopid1:hover{background-color:#9fcdff ;  opacity: 1; }
  @media screen and (max-width: 1199px) {
      .navi-inner{ max-width:100vw;}
      .h-navi ul > li > a {
          line-height: 1.5;
          padding: 0.5em 0.75em;
  }
      
  }
  @media screen and (max-width: 1038px) {
      .h-navi ul > li > a {
          line-height: 1.5;
          padding: 0.5em 0.5em;
  }
      
  }
  @media screen and (max-width: 896px) {
      .h-navi ul > li > a {
          line-height: 1.5;
          padding: 0.5em 0.25em;
  }
      h1.site-title{ text-align: center;}
      
  }
  /*------------------------------------------------*/
  /*  main                                        */
  /*------------------------------------------------*/
  
  .scroll-fixed-btn {
      position: fixed;
      right: 0px;
      top: 50vh;
      transform: translateY(-50%);
      font-size: 1.3rem;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      color: white;
      z-index: 1030;
      padding: 0.65rem;
      background: rgba(78, 189, 193, 0.9);
  }
  
  .scroll-fixed-btn:hover {
      color:white;
  }
  
  #top .section-top {
      margin-top: -70px;
      min-height: 650px;
      background-image: url('/assets/templates/main/img/back-main.png');
      background-repeat: no-repeat;
      background-position: top center;
      background-size: cover;
      position: relative;
      z-index: -10;
      padding-top: 85px;
  }
  .h-area {
      display: block;
      min-height: 650px;
      background-image: url('/assets/templates/main/img/h-txt.png') , url('/assets/templates/main/img/h-bk1.png');
      background-repeat: no-repeat,no-repeat;
      background-position: top 35% left, bottom right;
      background-size: auto,30%;
      z-index: 10;
  }
  .h-area-txt1 {
      width: 70%;
      position: absolute;
      bottom:7%;
      margin-left: 50px;
      background-image: url('/assets/templates/main/img/bl-bk.png');
      background-repeat: no-repeat;
  }
  .h-area-txt2 {
      position: absolute;
      bottom:3%;
      left:52%;
  }
  .h-area-txt1 .contact-subtext,
  .h-area-txt2 h4 {
      color: #ffffff;
      font-size: 1.8rem;
      position: relative;
      z-index: 20;
      line-height: 1;
  }
  .h-area strong {
      font-size: 2.8rem;
      font-style: italic;
      font-weight: 500;
      font-family: 'Ubuntu', sans-serif;
  }
  .h-area-txt1 .contact-subtext {
      height: 120px;
      padding: 0.8rem 0 0.5rem 1.8rem ;
  }
  .h-area-txt1 .contact-subtext hr {
      width: 36rem;
      height: 1px;
      border: 0;
      background-color: #ffffff;
      margin-top: 0.3rem;
      margin-left: 0;
  }
  
  .h-area-txt2 h4 {
      height: 105px;
      padding: 0.5rem 0 ;
      background-color: #8C6239;
  }
  .h-area-txt2 h4::before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 105px 55px 0 0;
      border-color: transparent #8C6239 transparent transparent;
      position: absolute;
      top: 0;
      left: -55px;
  }
  .h-area-txt2 h4::after {
      content: "";
      background-color: #8C6239;
      height: 105px;
      position: absolute;
      top: 0;
      left: 25vw;
      z-index: -10;
      width: 100%;
  }
  
  @media screen and ( max-width:767px) {
      .h-area-txt2 h4::after {
          left: 0;
      }
  }
  .section-contact-new,
  .section-info {
      background-color: #ffffff;
  }
  .section-contact-new .ac-bk {
      background-image: url('/assets/templates/main/img/access-bk.png');
      background-repeat: no-repeat;
      background-position: top -3rem center;
      z-index: 0;
      margin-bottom: 5rem;
  }
  .reservearea {
      min-height: 600px;
  }
  /*
  .section-contact-new .border-text {
      color: #4C403B;
      font-size: 1rem;
      margin: 10px 0 0 0;
      display: flex;
      align-items: center;
  }
  .section-contact-new .border-text:before,
  .section-contact-new .border-text:after {
      border-top: 1px solid;
      content: "";
      flex-grow: 1;
  }
  .section-contact-new .border-text:before {
      margin-right: 1rem;
  }
  .section-contact-new .border-text:after {
      margin-left: 1rem;
  }*/
   .text-number {
      font-size: 3.25rem;
      color: #4C403B;
      font-weight: 500;
      margin: 5px 0 ;
      line-height: 1;
      font-family: 'Ubuntu', sans-serif;
  }
  .section-contact-new .map-img {
      position: absolute;
      top: 0;
      right: 5rem;
  }
  .section-contact-new .con-txt {
      margin-top: 6rem;
  }
  
  .section-schedule {
      background-image: url('/assets/templates/main/img/pk-bk.png');
      background-position: top center;
      background-repeat: no-repeat;
      background-color: #F2A0AA;
      text-align: center;
      padding: 5rem;
  }
  
  .section-schedule h3,
  .section-info h3 {
      margin-bottom: 1rem;
  }
  
  .section-info {
      background-image: url('/assets/templates/main/img/info-bk-t.png') , url('/assets/templates/main/img/info-bk-b.png');
      background-repeat: no-repeat,no-repeat;
      background-position: top center, bottom center;
      z-index: 0;
      align-items: center;
      text-align: center;
      padding: 5rem 5rem;
  }
  .index .section-sc{ background-image: none;}
  .section-info .info1 {
      padding: 1rem;
      border-top: 1px solid #A7A7A7;
      margin: 0 1rem;
  }
  
  .section-info  a{ color:#333333 !important;}
  .section-info  a:not(.btn):hover{ text-decoration: underline;opacity: 1;}
  .section-info a.btn{ color:#ffffff !important;}
  .section-info .info-p,
  .section-info .info-g {
      display: inline;
      padding: 0 1rem;
  }
  .section-info .info-p {
      background-color: #EF8FA1;
  }
  .section-info .info-g {
      background-color: #72BFBC;
  }
  .section-info .info1 div:nth-child(1),
  .section-info .info1 div:nth-child(2) {
      text-align: center ;
  }
  .section-info .info1 div:nth-child(3) {
      text-align: left;
  }
  
  .section-03 {
      background-image: url('/assets/templates/main/img/check-img.png');
      background-repeat: no-repeat;
      background-position: bottom right;
      z-index: 1;
  }
  .section-03 .content3-2 .col {
      min-width: 19%;
      min-height: 3.8rem;
  }
  .section-03 .content3-2 a {
      color: #333;
  }
  
  .section-04 div {
      text-align: center;
  }
  
  .section-contact .contact-text {
      font-size: 1.35rem;
      font-weight: 500;
      color: #8C6239;
      padding: 1rem 0 1rem 15rem;
  }
  .section-contact h4 {
      background-color: #8C6239;
      height: 100px;
      color: #ffffff;
      position: relative;
      padding: 0 0 0 15rem;
      z-index: 1;
      line-height: 1.3;
      font-size: 1.5rem;
  }
  .section-contact h4 > strong {
       font-size: 2.8rem;
      font-style: italic;
      font-weight: 500;
      font-family: 'Ubuntu', sans-serif;
  }
  .section-contact h4::before {
      content: "";
      background-color: #8c6239;
      height: 100px;
      position: absolute;
      top: 0;
      left: -25vw;
      z-index: -10;
      width: 100%;
  }
  .section-contact h4::after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 100px 0 0 50px;
      border-color: transparent transparent transparent #8c6239;
      position: absolute;
      top: 0;
      right: -50px;
  }
  .section-contact .link-map {
      position: absolute;
      top: 3.5rem;
      right: 1rem;
      z-index: 30;
  }
  .section-contact .link-map .btn-gra a {
      font-size: 1.2rem;
  }
  .section-contact .contact-subtext,
  .section-sc .contact-subtext {
      margin-top: 0;
      padding-left: 15rem;
      padding-bottom: 2rem;
      font-size: 1.25rem;
      color: #4C403B;
      font-weight: 500;
  }
  .section-contact .yoyaku {
      padding: 0 4rem;
      text-align: center;
  }
  
  #guidance .site-title {
      text-align: center;
      margin-top: 2rem;
      color: #ffffff;
  }
  .section-gr {
      background-image: url('/assets/images/about/greeting-bk.png'), url('/assets/images/about/profile-bk.png');
      background-repeat: no-repeat, no-repeat;
      background-position: top center, bottom center;
      z-index: 0;
  }
  .section-gr .gr-text {
      margin-left: 15%;
      margin-right: 4rem;
      padding-top: 3rem;
  }
  .section-gr .po-text {
      margin-right: 28%;
      margin-left: 5rem;
      margin-top: 13rem;
      padding-bottom: 5rem;
  }
  .section-gr .pr-text {
      margin-top: 5rem;
      padding-bottom: 3rem;
      color: #ffffff;
  }
  .section-gr .pr-img {
      margin-top: -5rem;
  }
  
  .section-ab {
      background-image: url('/assets/images/about/pk-bk.png');
      background-repeat: repeat-y;
      background-position: top center;
      padding-bottom: 3rem;
      z-index: 0;
  }
  .section-ab .section-ab-1 {
      background-image: url('/assets/templates/main/img/about-bk.png');
      background-repeat: no-repeat;
      background-position: bottom right;
      padding-bottom: 3rem;
      z-index: 10;
  }
  
  .section-in {
      background-image: url('/assets/templates/main/img/intro-bk.png');
      background-repeat: no-repeat;
      background-position: top center;
      padding: 3rem;
      z-index: 10;
      background-color:#8CE0DE;
  }
  .section-in .container {
      margin-bottom: 3rem;
  }
  .section-in .h3-title {
      display: inline-block;
      color: #ffffff;
      padding: 1rem 3rem;
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
  }
  .section-in .in-box {
      margin: 0;
      z-index: 10;
  }
  .section-in .in-2 .in-box {
      padding-right: 8rem;
  }
  .section-in .in-2 .in-img {
      padding-left: 4.2rem;
      margin-top: -2rem;
  }
  .section-in .in-3 .in-box {
      padding-left: 5rem;
      margin-bottom: 1rem;
  }
  .section-in .l-box,
  .section-in .r-box {
      padding: 2rem 2rem;
      background: #ffffff;
      margin-top: 2rem;
  }
  .section-in .l-box {
      box-shadow: -1rem 1rem 0px 0 rgb(140, 98, 57);
      margin-right: -3rem;
  }
  .section-in .r-box {
      box-shadow: 1rem 1rem 0px 0 rgb(140, 98, 57);
      margin-left: -1rem;
  }
  .section-in .in-3 .in-img {
      margin-top: -6rem;
  }
  
  .section-ov {
      background-image: url('/assets/images/about/over-bk1.png'),url('/assets/images/about/over-bk2.png');
      background-repeat: no-repeat,no-repeat;
      background-position: top center,bottom center;
  }
  .section-ov .ov-1 {
      padding: 6rem 5rem 5rem;
  }
  .section-ov table {
      width: 100%;
  }
  .section-ov th {
      width: 30%;
      padding: 0.5rem 1rem;
      font-weight: 400;
  }
  .section-ov td {
      width: 70%;
      padding: 0.5rem 1rem;
  }
  .section-ov th,
  .section-ov td,
  .section-ov .no-line,
  .section-sc th,
  .section-sc td, 
  .section-schedule th,
  .section-schedule td,
   {
      border: 0;
  }
  .section-ov tr {
      border-top: 1px solid #a7a7a7;
  }
  .section-ov tr:last-child {
      border-bottom: 1px solid #a7a7a7;
  }
  
  .section-sc,.section-schedule {
      background: #f1a1af;
      background-image: url('/assets/templates/main/img/schedule-bk.png');
      background-repeat: no-repeat;
      background-position: top center;
  }
  .section-sc .sc-1, .section-schedule .sc-1  {
      padding: 4rem 5rem;
  }
  .section-sc table, .section-schedule table  {
      width: 100%;
      padding: 2rem;
      text-align: center;
  }
  .section-sc th, .section-schedule th {
      width: 12.5%;
      background: #eeeeee;
      border-right: solid 1px #f1a1af;
      border-bottom: 0;
      padding: 10px;
  }
  .section-sc td,  .section-schedule td {
      background: #ffffff;
      border-right: solid 1px #777777;
      border-top: 0;
      border-bottom: solid 1px #eeeeee;
      padding: 10px;
  }
  .section-sc tr:first-child th:nth-child(7),
  .section-schedule tr:first-child th:nth-child(7) {
      background: #d6eaff;
  }
  .section-sc tr:first-child th:nth-child(8),
  .section-schedule tr:first-child th:nth-child(8) {
      background: #ffdbe9;
  }
  .section-sc tfoot tr,
  .section-schedule tfoot tr {
      border-top: 2px solid  #f1a1af;
  }
  .section-sc tfoot tr td,
  .section-schedule tfoot tr td {
      border-right: 0;
  }    
  .section-sc .contact-subtext,
  .section-schedule .contact-subtext {
      color: #ef8fa1;
      padding: 0;
  }
  .section-sc .contact-subtext strong,
  .section-schedule .contact-subtext strong {
      font-size: 1.85rem;
      font-style: italic;
      font-weight: 500;
      font-family: 'Ubuntu', sans-serif;
      margin-right: 5px;
  }
  
  .section-ac {
      background-image: url('/assets/images/about/access-bk1.png'),url('/assets/images/about/access-bk2.png');
      background-repeat: no-repeat,no-repeat;
      background-position: top center,bottom center;
  }
  .section-ac .ac-1 {
      padding: 3rem 5rem 5rem;
  }
  .section-ac .ac-2 {
      border-right: 1px solid #363636;
  }
  .section-ac .ac-2,
  .section-ac .ac-3 {
      padding: 0 1.5rem;
  }
  .section-ac .ac-txt {
      font-size: 1.6rem;
      font-weight: 300;
  }
  .section-road p {
      margin-top: 0.25rem;
  }
  #guidance .section-contact .contact-text {
      padding-top: 1rem;
      padding-bottom: 1rem;
      padding-left: 0;
      text-align: center;
  }
  #guidance .section-contact h4 {
      height: 50px;
      padding: 0 2rem 1rem;
      text-align: right;
  }
  #guidance .section-contact h4::before {
      height: 50px;
  }
  #guidance .section-contact h4::after {
      border-width: 50px 0 0 50px;
  }
  #guidance .section-contact .contact-subtext {
      font-size: 1.5rem;
      padding: 2rem;
      text-align: right;
  }
  #guidance .section-contact .yoyaku {
      padding-top: 0
  }
  #guidance .section-contact .border-text {
      margin: 0;
  }
  
  
  
   
  .column-row > a{ display: flex;align-items: center;text-align: center;justify-content: center; width: 100%; height: 100%; background: #ffffff; font-size:85%;}
  .column-row > a:hover{ background: #CC5775; color:#ffffff !important; opacity: 1;}
  .border1{ border-bottom:  solid 1px #00A098; padding-bottom: 1rem; margin-bottom: 1.5rem;}
  .pad-50{ margin-left: 200px;}  
  .point-plus{ color:#8C6239; font-size:1.35rem;}
  .point-plus strong{ font-size:120%; font-weight: 600;}
  .point-plus::before{ content:"\f067"; font-size:110%; color:#EF8FA1; font-family: "FontAwesome"; margin-right: 10px;}
  .quick-test{ background-image: url('/assets/templates/main/img/back-quicktest.png'); background-repeat: no-repeat; background-position: top center; height: 380px; background-size: auto 100%; margin-top: -70px;}
  .quick-test .inner{ display: block; width: 100%; height: 260px; text-align: center; position: relative; bottom: -125px; }
  .quick-test .inner > a{ position: absolute; height: 100%; width: 100%; display: block;}
  /*-------------not frontpage---------------------*/
  
  
  .subheader{ height: 200px; background-repeat: no-repeat; background-size: auto 100%;position: relative; background-position: top center; margin-bottom: 5rem;}
  .subheader h1{ color:#EF8FA1; padding:9rem 2rem 0 0.3rem; width: 100%; position: relative;}
  .subheader h1 > span{ color:#ffffff;  font-family: "Spectral", sans-serif; font-style: italic; text-align: right; position: absolute; right:7%; margin-top: -30px; font-size:1.8rem;}
  
  @media screen  and (max-width: 1600px) {
      .subheader{ height: 160px; }
  }
  #first-consultation h3{ margin-bottom: 1rem;}
  .salepointbox h3{ color:#4EBDC1;}
  #first-consultation .section-06 h2 > span{ font-style: italic;     font-weight: 500;  line-height: 1;    font-family: 'Ubuntu', sans-serif; margin-right: 5px;}
  
  .line-reserve{ background-color:#8CE0DE;  padding: 0;}
  .line-reserve .line-content{ margin-top: -50px;margin-left: -50px;}
  .line-reserve .inner{ padding-top:3rem; padding-left: 5rem;}
  
  
  
  #procedure h1,
  #services h1 {
      margin-top: -3rem;
      margin-bottom: 2rem;
  }
  #procedure .t3 {
      margin-top: 4rem;
      margin-bottom: 5rem;
  }
  .text-box{
      margin-right: 1rem;
      padding: 2rem 2.8rem;
      border: 1px solid #EF8FA1;
      box-shadow: 1rem 1rem 0px 0 rgb(239, 143, 161, .15);
      text-align: justify;
  }
  
  
  #services .section-top {
      background-image: url('/assets/images/about/medical-top.png');
  }
  #services ul {
      list-style: none;
      padding: 0;
  }
  #services li {
      display: inline-block;
      vertical-align: middle;
  }
  #services .section-main2 {
      background-image: url('../img/back-medical-2.png');
      background-repeat: repeat-y;
      background-position: top 350px center;
      background-color:#8CE0DE;
      background-color:#8CE0DE;
      background-size:100% auto;
      z-index: 0;
  }
  
  #services .section-main2::before{content:""; background-color: #ffffff; background-image:url('../img/back-medical-1-1.png'); background-size:100% auto; background-position: top center; background-repeat: no-repeat; 150px; height: 350px; display: block; overflow-y: hidden; z-index: 0; position: absolute; width: 100%;}
  #services .section-main2::after{content:""; background-image:url('../img/back-medical-3.png'); background-size:100% auto; background-position: bottom center; background-repeat: no-repeat; height: 70px; display: block;}
  #services .section-main2 .inner{ z-index: 80; position: sticky; padding-top: 90px;}
  #services .section-main2 h2 {
      padding-top: 0;
      text-align: center;
      margin-bottom: 2rem;
  }
  .text-box2 {
      margin-right: 1rem;
      padding: 2rem 1rem 1rem;
      background: #ffffff;
      box-shadow: 1rem 1rem 0px 0 rgb(238, 238, 238, .15);
  }
  #services .section-main2 .text-box2 h3{ width: 100%; text-align: center; margin-bottom: 2rem;}
  
  .index .lv_h2 {  margin: 10px 0; border-top:solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 5px; }
  .index .lv_h2 a{ color:#666666 !important; font-size:110%;}
  
  
  .index li.lv_h3::before{content:"\f0da"; font-family: "FontAwesome"; font-size:135%; font-weight: bold; line-height: 1; margin-right: 5px; color: #666666;}
  .column-child h2.midashi{ color:#666666;}
  .column-index .col{ min-width: 20%; margin-bottom: 2rem;}
  .column-index h4{ background: #35C9C5; color:#ffffff; text-align: center; font-size: 0.92rem; padding: 0.5rem 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 3.75rem; }
  .column-child .img-row img{ width: 300px; object-fit: contain;}
  .column-body{padding: 1rem;}
  .column-body p{ line-height: 1.75; }
  .column-body h2{ color:#4EBDC1;  padding:0 0.8rem; display: flex;align-items: center; margin-top: 4rem; margin-bottom: 3rem;}
  .column-body h2:before,
  .column-body h2:after {border-top: 1px solid;content: "";flex-grow: 1;}
  .column-body h2:before {margin-right: 1rem;}
  .column-body h2:after {margin-left: 1rem;}
  
  .column-body h3{ margin: 5rem 0 1rem 0; color:#00A098;  border-top:solid 1px #dedede;border-bottom:solid 1px #dedede; padding: 0.75rem 0; }
  .column-body ol, .column-body ul { padding: 1.3rem 3rem; margin:1rem 3rem 1rem  3rem; background-color: #f8f8f8; border:solid 1px #dddddd; list-style: outside; line-height: 1.75;}
  .column-body li{ margin-bottom: 10px;}
  .column-body dl{  padding: 1.3rem; margin:1rem 1rem 1rem  3rem; background-color: #f8f8f8; border:solid 1px #dddddd;}
  .column-body dt{ font-style:italic; margin-top: 1rem; color:#ef8fa1; font-weight: 500;}
  .column-body  dd{ margin-left: 3rem;}
  .column-body h4{ font-weight: 500; font-size: 1rem; margin-top: 1rem; margin-bottom: 1rem; color:#50c2c6;}
  .column-body h4 + p{ margin-left: 1.5rem; }
  .column-body p + p{ margin-top: 1.3rem;}
  .column-body ol { counter-reset: number 0;  list-style: none;}
  .column-body ol > li{ text-indent:  -1.5rem; margin-left: 1.5rem;}
  .column-body ol > li::before{   counter-increment: number 1;  content: counter(number) ". "; font-size:1.35rem; font-style: italic; color: #229ac6;}
  .column-body blockquote{ margin: 1rem auto; font-size:80%; background-color: #efefef; padding: 1rem;}
  .column-body blockquote > p{ color:#000000; border-top:solid 1px #666666; border-bottom: solid 1px #666666; text-align: center; padding: 5px 10px;}
  .column-body blockquote > ul{ background: none; border: none;  margin: 0;} 
  .column-body blockquote > ul > li{ line-height: 1.35rem; margin-bottom: 0;}
  ul.index a{ color:#ffffff;}
  ul.index a:hover { color:#000000; text-decoration: underline;}
  
  .content-footer{ border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc;}
  .content-footer > div > div { background-color:#C5AC60 !important; color:#ffffff; border-radius: 5px; padding: 0; position: relative;   }
  .content-footer a{ color:#ffffff !important; font-size:1rem; font-weight: 400; display: block; width: 100%; height: 100%; padding: 0.5rem; text-align: center; line-height: 1;align-items: center; display: flex;  flex-wrap: wrap;  justify-content: space-between;}
  .content-footer a > span{ display: inline-block; width: 90%;}
  .content-footer a.prevnav i, .content-footer a.nextnav i{ font-size: 1.85rem; font-weight: 600; width: 10%; height: 100%; margin: 0 5px; align-items: center; display: flex;  flex-wrap: wrap;  justify-content: space-between;}
  .content-footer a.prevnav i{ position: absolute; left: 0;}
  .content-footer a.nextnav i, .content-footer a.nextnav i::before{ position: absolute; right:0; }
  .related-content a h4{ color:#00A098; font-size:1.15rem; font-weight: 500; border-bottom: dashed 1px #cccccc; margin-bottom: 10px;}
  .related-content a p{ color:#333333 !important; font-size:0.9rem;}
  .related-content img{ border:solid 1px #dfdfdf; margin-right: 10px; max-width: 150px;}
  .related-content button{ background: #ffffff;  border:solid 1px #00A098; color:#00A098 !important; border-radius: 20px;padding: .5rem 1.75rem; text-align: center; margin: 10px auto;}
  .related-content button:hover{ background:#00A098 ; color: #ffffff !important;}
  
  @media screen and (max-width: 767px) {
      .column-child .img-row{ text-align: center;}
      .column-child .img-row img{ max-width: 150px; margin: 0 auto;}
      .column-body{ padding: 0;}
      .column-body h3 {    margin: 3rem 0 1rem 0;}
      .column-body ol, .column-body ul {    padding: 1rem 0 1rem 2rem;    margin:0;}
  }
  
  #check li{ list-style: none;}
  .sub_nav > li{ margin-bottom: 1em; padding-left: 5px !important; padding-right: 5px !important;}
  .sub_nav > li > a{ width: 100%; height: 100%;padding: .5rem; color:#00849F; font-size:90%; display: block; border:solid 1px #00849F; text-align: center; }
  .sub_nav > li > a:hover{ background: #009584; color:#ffffff;}
  .sub_nav_heading { margin: 1rem 0;padding: 0.5rem;text-align:left;color: #4EBDC1; border-top:solid 1px #dedede; border-bottom: solid 1px #dedede;	}
  .slider_text { color:#ffffff;}	
  
  ul.checklist{ margin-left: 0; }
  ul.checklist li:before{content:"\f14a"; font-family: FontAwesome; }
  ul.checklist li{ padding-left: 1rem; text-indent: -1rem; margin-bottom: 0.5rem;}
  #quick-check .grid-item{ margin-bottom: 0.25rem; }
  #quick-check .grid-item .test-category{ background: #ffffff; padding: 1rem; border:solid 1px #dedede ; border-radius: 5px; width: 100%;}
  .checkmenulist > li{ min-width: 50%; margin-bottom: .5rem;}
  .checkmenulist > li > a{ line-height: 1; width: 100%; height: 100%; border:solid 2px #00849F; border-radius: 5px; padding: .5rem .75rem;display: flex;
  align-items: center;
  text-align: center;
  justify-content: center; color:#00849F !important;     -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all  0.3s ease;}
  .checkmenulist > li > a:hover{color:#ffffff !important; background-color:rgba(0, 132, 159, 0.81) !important;}
  .btn-groups { }
  .btn-groups > a{ border:solid 1px #ef8fa1; color:#ef8fa1 !important; border-radius: 5px; display: flex; width: 100%; height: 100%; text-align: center; align-items: center; justify-content: center; padding: .5rem;     -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all  0.3s ease;}
  .btn-groups > a:hover{ background-color: #ef8fa1; color:#ffffff !important; opacity: 1;}
  
  .info-p{
      display:table;
      padding:0 1rem;
      background-color: #EF8FA1;
  }
  /*------------------------------------------------*/
  /*  footer                                        */
  /*------------------------------------------------*/
  
  .section-contact .notfront h4{ height: 60px; padding: 0; text-align: right;}
  .section-contact .notfront h4::before, .section-contact h4.notfront::after{ height: 60px;}
  .section-contact .notfront h4::after{border-width: 60px 0 0 50px;}
  .section-contact .notfront h4 > strong{ font-size: 2.5rem;}
  .section-contact .notfront .contact-text{ padding: 1rem 0 1rem 0;text-align: center;}
  .section-contact .notfront .contact-subtext{ padding-left: 11rem; padding-top: 1rem; padding-bottom: 1rem;}
  .section-contact .notfront .yoyaku{ margin-top: -10px; padding: 0 5rem;}
  .section-contact .notfront .text-number{ font-size: 2.85rem; margin: 0;}
  .section-contact .notfront .btn-gra > a {    padding: 0.9rem 1.5rem;    font-size: 1.35rem;    margin: 0 auto;}
  .copy-right_text {
      color: #8C6239;
      padding: 0 1em 1em;
      font-size: 0.8rem;
  }
  .copy-right_text .f-navi {
      text-align: right;
  }
  .copy-right_text ul {
      list-style-type: none;
  }
  .copy-right_text ul > li{
      display: inline-block;
      border-right:solid 1px #8C6239;
      padding: 0 1em;
      font-size: 0.8rem;
  }	
  .copy-right_text ul > li > a {
      display: block;
      color: #8C6239;
      line-height: 1;
      text-align: center;
  }
  .copy-right_text ul > li:last-child{ 
      border-right: none;
      padding-right: 0;
  }
  
  
  #msform {
      text-align: center;
      position: relative;
      margin-top: 20px
  }
  
  #msform fieldset .form-card {
      background: white;
      border: 0 none;
      border-radius: 0px;
      padding: 20px 40px 30px 40px;
      box-sizing: border-box;
      width: 94%;
      margin: 0 3% 20px 3%;
      position: relative
  }
  
  #msform fieldset {
      background: white;
      border: 0 none;
      border-radius: 0.5rem;
      box-sizing: border-box;
      width: 100%;
      margin: 0;
      padding-bottom: 20px;
      position: relative
  }
  
  #msform fieldset:not(:first-of-type) {
      display: none
  }
  
  
  #msform input[type="text"],
  #msform input[type="email"],
  #msform textarea {
      padding: 0px 8px 4px 8px;
      border: none;
      border-bottom: 1px solid #ccc;
      border-radius: 0px;
      margin-bottom: 25px;
      margin-top: 2px;
      width: 100%;
      box-sizing: border-box;
  }
  
  #msform input[type="text"]:focus,
  #msform textarea:focus {
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border: none;
      font-weight: bold;
      border-bottom: 2px solid skyblue;
      outline-width: 0
  }
  
  #msform .action-button {
      width: 100px;
      background: #00708b;
      font-weight: bold;
      color: white;
      border: 0 none;
      border-radius: 0px;
      cursor: pointer;
      padding: 10px 5px;
      margin: 10px 5px
  }
  
  #msform .action-button:hover,
  #msform .action-button:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue
  }
  
  #msform .action-button-previous {
      width: 100px;
      background: #939393;
      font-weight: bold;
      color: white;
      border: 0 none;
      border-radius: 0px;
      cursor: pointer;
      padding: 10px 5px;
      margin: 10px 5px
  }
  
  #msform .action-button-previous:hover,
  #msform .action-button-previous:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
  }
  .form-check{ border: solid 1px #ccc;background-color: #fff; border-radius: 5px;}
  .form-check:hover{ background-color:#AFCFD4;  }
  .form-check .form-check-input{ margin-left: 5px !important;}
  .form-check label{ padding: 0.5rem 1.5rem; width: 100%; height: 100%;}
  .form-check:hover label{cursor: pointer !important;  }
  
  #msform select.list-dt {
      border: none;
      outline: 0;
      border-bottom: 1px solid #ccc;
      padding: 2px 5px 3px 5px;
      margin: 2px
  }
  
  #msform select.list-dt:focus {
      border-bottom: 2px solid skyblue
  }
  
  #msform .card {
      z-index: 0;
      border: none;
      border-radius: 0.5rem;
      position: relative
  }
  
  #progressbar {
      margin-bottom: 30px;
      overflow: hidden;
      color: lightgrey
  }
  
  #progressbar .active {
      color: #000000
  }
  
  #progressbar li {
      list-style-type: none;
      font-size: 12px;
      width: 25%;
      float: left;
      position: relative
  }
  
  #progressbar #step1:before {
      font-family: FontAwesome;
      content: "\f023"
  }
  
  #progressbar #datepick:before {
      font-family: FontAwesome;
      content: "\f007"
  }
  
  #progressbar #profiledata:before {
      font-family: FontAwesome;
      content: "\f09d"
  }
  
  #progressbar #confirm:before {
      font-family: FontAwesome;
      content: "\f00c"
  }
  
  #progressbar li:before {
      width: 50px;
      height: 50px;
      line-height: 45px;
      display: block;
      font-size: 18px;
      color: #ffffff;
      background: lightgray;
      border-radius: 50%;
      margin: 0 auto 10px auto;
      padding: 2px
  }
  
  #progressbar li:after {
      content: '';
      width: 100%;
      height: 2px;
      background: lightgray;
      position: absolute;
      left: 0;
      top: 25px;
      z-index: -1
  }
  
  #progressbar li.active:before,
  #progressbar li.active:after {
      background: skyblue
  }
  
  .fs-title{ font-size: 1.35rem; font-weight: 600; margin-bottom: 3rem;}
  .radio-group {
      position: relative;
      margin-bottom: 25px
  }
  
  .radio {
      display: inline-block;
      width: 204;
      height: 104;
      border-radius: 0;
      background: lightblue;
      box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
      box-sizing: border-box;
      cursor: pointer;
      margin: 8px 2px
  }
  
  .radio:hover {
      box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)
  }
  
  .radio.selected {
      box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)
  }
  
  .fit-image {
      width: 100%;
      object-fit: cover
  }
  .profiledata label, #logiform label{ text-align: left; background: #ededed; width: 100%; padding: 5px;}
  .require, .required{ font-size: 80%; background-color:#ff003b; margin: 0 10px;color:#ffffff; padding: 3px;}
  
  .newopen{ background-color:#63b3c2;}
  
  @media screen and (max-width: 767px) {
    .newopen{ margin-top: 90px;}
  }