/* CSS Document */

@media (max-width: 1024px) {
   .h-area {  background-size: 90% auto,30% 50%; background-position: top 23% left, bottom right;}
   .h-navi ul > li{width: 100%;}
   .h-area-txt1 .contact-subtext hr {      width: 95%;   }
   .h-area-txt1 {        bottom: 10%;      margin-left: -3%;}
   .h-area-txt2{ left: 50%; }
   .h-area-txt2 h4{ font-size:1.35rem; padding-right: 0.5rem;}
   .h-area-txt2 br{ display: none;}
}
@media (max-width: 767px) {
    body,html{ max-width: 100vw;overflow-x: hidden;}
.desktop{ display: none;}
.mobile{ display: block;}
#newopen{ margin-top: 90px;}
 img {
    width: 100%;
 }
.container {
    max-width: 100vw;
}
    header{ max-width: 100vw; overflow-x: hidden;}
    h2{ font-size:1.75rem;}
    .text-mlarge{ font-size:1.5rem;}
    .pad-50 {    margin-left: 0px;}
    .no-md-gutters > *[class^="col-"]:nth-child(even){ padding-left:5px; padding-right:0;}
    .no-md-gutters > *[class^="col-"]:nth-child(odd){ padding-left:0; padding-right:5px;}

/*------------------------------------------------*/
/*  header          */
    header{  background: rgba(239,143,161, 0.9);}
 .h-navi { 
    width: 100vw;
    padding: 0;
 }
 .h-navi ul {
    padding: 0;
    width: 100%;
    margin-bottom: 0;
 }
 .h-navi ul > li{
    position: relative;
    width: 20%;
    height: 55px;
 }
 .h-navi ul > li > a {
    line-height: 1.3;
    padding: .3em .5em;
    width: 100%;
    height: 100%;
    font-size: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center; 
     font-weight: 500;
     font-family: 'M PLUS 1p', sans-serif;
     white-space: normal;
 }
 
    nav li.last{ display: none;}
    nav li:after{ content:""; height: 3px; background-color: #4EBDC1; width: 80%; position: absolute; bottom:3px; left:0.5em;}
    nav li:nth-child(4) > a{ padding: .3em .3em; font-size:0.8rem}
    .h-navi ul > li:first-child{ border-left: none;}
    .h-navi ul > li:nth-child(6){ border-right: none;}
      .site-title .shitenmei{ display: none;}
    
    .btn-gra > a {    font-size: 1rem;}

    .btn-umeda{ padding: 0.25rem 0.5rem; text-align: center; color:#ffffff; background-color: rgba(232, 107, 131, 0.8);}  
    .btn-umeda.active{ background-color:rgba(255,255,255,0.8); color:rgba(232, 107, 131, 0.9); }
    .btn-higashi{ padding: 0.25rem 0.5rem; text-align: center; color:#ffffff; background-color:rgba(78, 189, 193, 0.8);}
    .btn-higashi.active{ background-color:rgba(255,255,255,0.8); color:rgb(61, 136, 139);}
/*------------------------------------------------*/
/*  main                                          */
/*------------------------------------------------*/
    main{ padding-top: 0;}
.subheader{ background-repeat: no-repeat;
            background-size: 200% auto;
            position: relative;
            background-position: top center;
            margin-top: 115px; height: 90px;
            margin-bottom: 1rem;
}
.subheader h1{ color:#ffffff; font-size: 1.25rem; padding: 0.5rem 0 0 0; line-height: 1.2;}
.subheader h1 > span {
    margin-top: 0;
    font-size: 1rem;
    top: 100%;
    right: 0;
}
	
.scroll-fixed-btn {
	padding:0.5rem;
	font-size: 1rem;
 }
 
 .h-area{
   background-image: url('../img/sp_h-bk2.jpg') !important;
   background-repeat: no-repeat !important;
   background-position: top center !important;
   background-size: auto 100% !important;
 }
 .maintop .section-top {
    overflow: hidden;
    margin-top: 17vh;
    min-height: 500px;
    z-index: 0;
    position: relative;
    height: 100%;
    margin-top: 5px !important;

    
 }
 .maintop .h-area{ height: 55vh; min-height: 300px;}

.submain .h-area{
   height: 400px;
   min-height: 300px;
   margin-top: 30px;

}
#top .submain{
   min-height: 600px;
   margin-top: 0 !important;
   background-image: none !important;
   background-color: #f7c8ce;
}

 .h-area-txt1 {
    width: 100%;
    position: absolute;
    top: 470px;
    margin-left: 0;
    background-image: url('../img/bl-bk.png');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 30;
    height: 100%;
 }
 .h-area-txt1 .contact-subtext {
    font-size: 1.2rem;
    padding: 0.5rem 0.3rem;
 }
 .h-area-txt1 .contact-subtext hr {
    width: 87%;
    margin: 0.3rem 0.5rem;
 }
 .h-area-txt1 .contact-s {
    font-size: 75%;
    padding: 0 1rem 0.5rem;
 }
 .h-area-txt1 strong, .h-area-txt2 strong {
    font-size: 1.2rem;
    font-style: italic;
 }
 .h-area-txt2 {
    position: absolute;
    bottom:0;
    left: 0;
    margin-left: 50px;
 }
 .h-area-txt2 h4 {
    font-size: 0.9rem;
    padding: 1rem 0.25rem;
    width: 100%;
    display: block;
   height: 65px;
 }
 .h-area-txt2 h4::before {
    border-width: 65px 50px 0 0;
    left: -50px;
 }
 .h-area-txt2 h4::after {
    left: 15vw;
 }

 .section-contact-new .ac-bk {
    background-image: none;
    margin-bottom: 1rem;
 }
 .section-contact-new .con-txt {
    margin-top: 1rem;
 }
 .section-contact-new .map-img {
    position: static;
 }

 .section-schedule {
    background-image: url('../img/sp_pk-bk.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align: center;
    color: #ffffff;
    padding: 5rem 0 3rem;
    margin-left: 0;
    margin-right: 0;
 }

  .index  .section-schedule { color:#333333;}
  .quick-test {
   background-position: bottom 0 right 40%;
   height: 150px;
   background-size: 350%;
   margin-top: 0;
}
.quick-test .inner > a{ position: relative;}
.quick-test .inner {

   width: 100%;
   height: 100%;
   bottom: 0;
}
 .section-info {
    background-image: none;
    align-items: center;
    text-align: center;
    padding: 0 0 3rem;
    margin-left: 0;
    margin-right: 0;
 }
 .section-info .info1 {
    padding: 0.5rem 0;
    margin: 0 0.5rem;
 }
 .section-info .info-p,
 .section-info .info-g {
    padding: 0 0.5rem;
 }
 .section-info .info1 div:nth-child(1),
 .section-info .info1 div:nth-child(2) {
    text-align: left ;
 }
 .section-info .info1:nth-last-child(2) {
    margin-bottom: 2rem;
 }

 .section-02 {
    background-image: url('../img/sp_bl-bk.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
 }
 .section-02 h3 {
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 1rem;
 }
 .section-02 hr {
    display: none;
 }
 .section-02 p br {
    display: none;
 }
 .section-02 > div::after {
    background-image: none;
 }

 .section-03 {
     background-image: none;
     padding-bottom: 0;

 } 
 .section-03 .content3-2 .col {
    min-width: 45%;
 }


 .section-04 {
    background: url('../img/back-top-contact.jpg') no-repeat ;
    background-size: cover;
    background-position: top center;
    padding: 90px 0 20px 0;
 }
 .section-04 p {
    text-align: left;
    margin-left: 20%;
    margin-top: 0;
    line-height: 1.4;
    padding-bottom: 0;
 }
 .section-04 img {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom:0;
    width: 32%;
    z-index: 20;
 }



 #guidance .section-top {
    margin-top: -120px;
    min-height: 200px;
    background-image: url('../img/sp_h-bk2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    z-index: 0;
    position: relative;
 }
 #guidance .site-title {
    text-align: left;
    padding-top: 7rem;
    padding-left: 1rem;
 }
 .section-gr .gr-text,
 .section-gr .po-text,
 .section-gr .pr-text {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
 }
 .section-gr {
    background-image: none;
 }
 .section-gr .container {
    padding: 0;
 }
 .section-gr .gr-text {
    background-image: url('../img/sp_maru.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain ;
    z-index: 0;
    padding-top: 0;
 }
 .section-gr .gr-name {
    text-align: right;
 }
 .section-gr .gr-po img {
    width: 100vw;
 }
 .section-gr .po-text {
    margin-top: 0;
 }
 .section-gr .po-text {
    background-image: url('../img/sp_pr1.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain ;
    z-index: 0;
 }
 .section-gr .pr-text {
    margin-top: -1rem;
    background: #8ce0de;
    background-image: url('../img/sp_pr2.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain ;
    width: 100vw;
 }
 .section-gr .pr-text1 {
    padding: 0 ;
 }
 .section-gr .pr-text2 {
    padding-right: 15px;
    padding-left: 15px;
 }
 .section-gr .pr-img {
    margin-left: 58.333333%;
    margin-top: -35.5rem;
 }
/*
 .section-gr .pr-img img {
 }
*/
.section-ab  {     background-color: #f1a1af;}
  #about .section-ab  {     background-color: #ffffff;}
 .section-ab .section-ab-1 {

    background-image: url('../img/sp_ab.png');
    background-size: contain;
    padding-bottom: 6rem;
 }
 .section-ab .ab-name-box {
    background-image: url('../img/sp_line-s.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    z-index: 0;
 }
 .section-ab .ab-name {
    padding-top: 6rem;
 }
 .section-ab h3 {
    margin-top: 1rem;
 }
/* .section-ab .section-ab-2 div:nth-child(1) div:nth-child(1) {
    padding-left: 0;
 }
 .section-ab .section-ab-2 div:nth-child(n+2) {
    padding-right: 0;
    padding-left: 0;
 }
*/

 .section-in {
    background-image: url('../img/sp_in-bk.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    z-index: 10;
 }
 .section-in .container {
    padding: 1rem 0 2rem;
    margin-bottom: 0;
 }
 .section-in,
 .section-in .in-1 .in-img,
 .section-in .in-1 .in-box,
 .section-in .in-2 .in-img,
 .section-in .in-2 .in-box, 
 .section-in .in-3 .in-img,
 .section-in .in-3 .in-box  {
    padding: 0;
    margin: 0;
 }
 #guidance .section-in h3 {
    margin-bottom: 0;
 }
 .section-in img {
    width: 100%;
    height: 12.5rem;
    object-fit: cover;
 }
 .section-in .l-box,
 .section-in .r-box {
    box-shadow: none;
    margin: 0;
    padding: 1rem 0.5rem;
    font-size: 90%;
 }
 .section-in .in-1,
 .section-in .in-2,
 .section-in .in-3 {
    box-shadow: 0.5rem 0.5rem 0px 0 rgb(140, 98, 57);
    margin: 3rem 1.5rem 3rem 1rem;
 }

.section-ov {
    background-image: url('../img/sp_line-l.png'),url('../img/sp_ov.png');
    background-repeat: no-repeat,no-repeat;
    background-position: top center,bottom center;
    background-size: contain;
    margin-bottom: 2rem;
 }
 .section-ov .ov-1 {
    padding: 3rem 1rem;
 }
 .section-ov img {
    padding: 1rem 3rem;
 }

.section-sc , .section-schedule{
    background-position: bottom center;
    background-size: contain;
    padding-bottom: 2rem;
 }
 .section-sc .sc-1, .section-schedule .sc-1 {
    padding: 1rem;
 }
 .section-sc thead, .section-schedule thead {
    display: flex;
    float: left;
 }
 .section-sc tbody , .section-schedule tbody {
    display: flex;
    width: auto;
 } 
.section-sc tbody > tr, .section-schedule tbody > tr{
  width: 100%;
 }
    
 .section-sc th, .section-schedule th,
 .section-sc td,  .section-schedule td {
    display: flex;
    width: auto;
    padding: 10px;
    text-align: center;
    height: 4em;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: solid 1px #f1a1af;
    border-right: solid 1px #f1a1af;
    border-left: none;
 }
 .section-sc tfoot tr td:nth-child(1), .section-schedule tfoot tr td:nth-child(1) {
    border-bottom: none;
    height: 3rem;
    padding: 0;
 }
 .section-sc tfoot tr td:nth-child(2), .section-schedule tfoot tr td:nth-child(2) {
    height: 5rem;
 }
    
 .section-sc .contact-subtext, .section-schedule .contact-subtext {
    font-size: 98%;
    letter-spacing: -0.05em
 }

.time-am, .time-pm{ background-color: #D7D7D7 !important;}
.section-ac {
    background-image: url('../img/sp_ac.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
 }
 .section-ac .ac-1 {
    padding: 0 0.5rem 1rem;
    border-right: none;
 }
 .section-ac .ac-txt {
    font-size: 1.3rem;
 }
 .section-ac .ac-2 {
    padding-bottom: 1rem;
    border-bottom: 1px solid #333333;
 }
 .section-ac .ac-3 {
    padding: 1rem 1.5rem;
 }

 .section-road {
    background-image: url('../img/sp_line-l.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
 }
  #guidance .section-road h3 {
    padding-top: 3rem;
    margin-bottom: 0;
 }

    .map-img > img{ display: none;}
    .map-img{ background-image: url('../img/sp-accessmap.png');
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 100vw;
height: 480px;
margin-left: -15px;
margin-right: -15px;
background-position: bottom center;}
    
.section-03::after{ display: none;}
.text-box{ padding: 1rem; margin-right:0; box-shadow: none;}
.text-number{ font-size: 2.35rem;}
    
    #services .section-main2{ background-position: top 20px center;}
    #services .section-main2::before {    height: 70px;}
   .text-box2{ margin-right: 0; box-shadow: none !important;}

    .column-index .col-md{  margin-bottom:0;}
    .column-index .col-md h4{ font-weight: 500;  padding: 0.5rem 0; font-size: 0.9rem; line-height: 1; max-height: none;height: 3.5rem;}
    .column-body dl {    padding:0.5rem;    margin: 1rem 1rem 1rem 1rem; }
    .column-child img{ width: 100%; height: auto;}
    .content-footer a{font-size: 0.8rem;}
    #checktest1 .checkmenulist > li.first{ min-width: 100%;}
    .column-child h2, .related-content h2{ font-size:1.3rem;}
    .point-plus{ font-size: 1rem;}
    .line-reserve .inner{ padding-left: 0; padding-top: 1.5rem; text-align: center;}
    .line-reserve .btn{ text-align: center !important;}
    .line-reserve .btn:hover{border:solid 1px rgba(255,255,255,.7);}
/*------------------------------------------------*/
/*  footer                                        */
/*------------------------------------------------*/
 .m-link {
    bottom: 0; 
    left: 0; 
    width: 100vw;
    z-index: 100;
    margin: 0;
 }
 .m-link .b-yoyaku,
 .m-link .b-access {
    text-align: center;
    padding: 0;
 }
 .m-link .b-yoyaku {
    background: #4EBDC1;
 }
 .m-link .b-access {
    background: #EF8FA1;border-left: solid 1px #fff;
 }
 .m-link .b-yoyaku a,
 .m-link .b-access a {
    color: #ffffff;
    display: flex;
    width: 100%; height: 100%;
    padding: 15px;
    align-items: center;
    justify-content: center;


 }
.copy-right_text .f-navi {
    text-align: center;
}
 .copy-right_text .f-navi {
    margin: 0;
    padding: 0;
    width: 100vw;
 }
 .copy-right_text ul {
    padding: 0;
    margin: 0;
 }
 .copy-right_text ul > li:first-child{ 
    border-left: solid 1px #8C6239;
 }
 .copy-right_text ul > li:last-child{ 
    border-left: solid 1px #8C6239;
    border-right: solid 1px #8C6239;
    padding-right: 1em;
 }
    footer{ padding-bottom: 10px;}


}