@charset "utf-8";

/*-----------------------------------------------
 __default style
-----------------------------------------------*/

/*モバイル・タブレット共通*/
/*  (max-width: 480px) and (orientation: portrait) */
@media screen
  and (max-width: 767px)
  and (orientation: portrait) {
  
    body {
      font-size: 100%;
      min-width: 320px;
      height: 100%;
      -webkit-text-size-adjust: 100%;
      /* position: relative; */
    }

    h1 {
      font-size: 180%;
      min-height: 36px;
      /*font-weight: normal;*/
      letter-spacing: normal;
		overflow: hidden;
    }
	  
	  h1:before{
        top: 5%;
       left: -60px;
       width: 200px;
       height: 100px;
     }

      h1:after{
        top: 60%;
        right: -40px;
        width: 150px;
        height: 80px;
      }
	  
    
    h2{
      font-size: 150%;
      margin: 0 5px 20px 5px;;
    }

    h4 {
      padding-left: 25px;
      text-indent: 0px;
    }
    
    
    .mobile tr{
      display: block;
      width: 100%;
    }

    .mobile th, .mobile td{
      display: block;
      width: auto;
      padding: 5px 0;
      width: 98%;
      padding: 5px 1%;
    }


    #wrapper_out, #wrapper, #head_out, #head_out2, #head, #main_box, #left_box, #right_box, #foot, #copy{
      width: 100%;
      min-width: 100%;
      max-width: 100%;
    }
      
/*     #wrapper_out{
      height: 100%;
    } */

   .wt100, .w98, .w90, .wt10, .wt15, .wt20, .wt23, .wt25, .wt30, .wt33, .wt35 ,.wt40, .wt43, .w60, .wt65, .wt70, .w80{
      width: 100%;
    }
    
    .wt20t{
      width:30%;
    }
    
    .wt40t{
      width:35%;
    }
    
    .anim_fadeup2n.is_show{
      -webkit-animation: 1.0s ease-in-out .3s forwards fadeInUp;
      animation: 1.0s ease-in-out .3s forwards fadeInUp;
    /*   -webkit-animation: 1.0s ease-in-out 1.0s forwards fadeInUp;
      animation: 1.0s ease-in-out 1.0s forwards fadeInUp; */
    }

    .pc{
      display: none;
    }

    .sp{
      display: inherit;
    }
      
header {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    position: relative;
}
      
nav {
    display: none;
}
      
.logo img {
    padding: 13px 0 7px 10px;
}
      
 .navi_right {
     position: relative;
     width: 100%;
      }
      
 .navi_right2 {
     position: absolute;
     right: 54px;
     top: 0px;
     width: 54px;
      }
      
.telsp {
    z-index: 1000000;
    position: relative;
    /* left: 267px; */
    border-left: none;
    height: 60px;
    position: fixed;
    padding-left: 0px;
    display: inherit;
    background: #fff;
    width: 54px;
}


.telsp img {
    width: 40px;
    position: absolute;
    top: 10px;
    left: 7px;
    
}
      
.hover_sec.active {
    visibility: inherit;
    opacity: 1;
}
      
.content {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

.navbtn {
    display: inherit;
    background: #4EA583;
    height: 60px;
    width: 54px;
    right: 0;
}
      
.plan {
    flex-wrap: wrap;
    margin: 30px 0 50px 0;
}
      
.plan_item {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
}
      
#pcontainer {
    margin: 0;
}
/*-----------------------------------------------
 __
-----------------------------------------------*/
    
h2.top {
    font-size: 180%;
    width: 100%;
}
      
section.bg1 {
    width: 100%;
    padding-bottom: 100px;
}
      
.wrapper {
    width: 100%;
}
      
      
.tel-img {
    display: none;
}
      
.tel-no {
    font-size: 230%;
    letter-spacing: 0.2rem;
    margin-right: 0px;
}
      
.contact {
    width: 88%;
    max-width: 100%;
}
      
.link ul {
    display: inherit;
    justify-content: center;
    padding: 40px 0;
    text-align: center;
}
      
.link li {
    margin-bottom: 20px;
    border-right: none;
}
      
.top_cap2.top {
    top: 60%;
    width: 70%;
    font-size: 100%;
}
      
.top_cap.top {
    top: 35%;
    width: 100%;
    height: 80px;
    font-size: 180%;
}
      
/*-----------------------------------------------
 __下層ページ
-----------------------------------------------*/
      
.slidebg.v2 {
    min-height: 130px;
}
      
#top_slide {
    margin: 0px auto 0;
    min-width: 100%;
}
      
.top_cap.v2 {
    width: 100%;
    font-size: 100%;
    height: inherit;
    text-indent: 1rem;
}
      
.about_messa {
    flex-flow: column;
    align-items: center;
    margin: 30px 0 0 0;
}

      
.about_messa .am_item.am_l {
    width: 100%;
    font-size: 100%;
    letter-spacing: 0.1rem;
    order:2;
}
      
.about_messa .am_item.am_r {
    width: 70%;
    order:1;
}
      
.company {
    width: 100%;
}
      
.company dl {
    display: inherit;
    margin: 30px 0 0 0;
}
      
.company dt {
    width: 100%;
    padding: 15px 0;
    text-indent: 1rem;
    border: none;
}
      
.company dd {
    width: calc(100% - 10px);
    padding: 0px;
    border: none;
    margin-bottom: 30px;
    padding-left: 10px;
}
      
.shisetu_syashin {
    width: 100%;
    display: inherit;
}
      
.shisetu_syashin .item {
    width: 100%;
    margin-bottom: 35px;
}
      
.hall {
    width: 100%;
}
      

.hall dl {
    font-size: 100%;
}
      
      

      
      
/* プラン                                       */
      
      
.plan_box {
    display: inherit;
}
      
.plan_box .pb_item {
    width: 100%;
    margin-bottom: 30px;
}
      
.ac_box .ac_item {
    width: 45%;
}
      
.ac_box .ac_item.sp_ac {
    border: none;
    display: block;
}
      
.shisetu_syashin.wt20 .item {
    width: 100%;
    margin-bottom: 50px;
}
      
#page-top {
    bottom: 20px;
    right: 15px;
}
      
.top_mess {
          text-align: left;
      }
      
.txtitem {
    text-align: left;
}
}
  /*----------------------------------------
  
  ------------------------------------------*/

@media screen
  and (max-width: 767px)
  and (orientation: landscape) {
	  

      
#top_slide {
    min-width: 100%;
    margin: 0px auto 0;
}
      
header {
    min-width: 100%;
}
      
#wrapper_out {
    min-width: 100%;
}
      
.content {
    width: 90%;
    margin: 0px auto;
}
      
.top_cap {
    width: 100%;
}
      
header {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    position: relative;
}
      
nav {
    display: none;
}
      
.navbtn {
    display: inherit;
}
      
      
.top_cap2 {
    width: 100%;
    font-size: 150%;
}
      
#pcontainer {
    margin: 0px 0 0;
}

.top_cap.top {
    top: 40%;
    width: 100%;
    height: 80px;
    font-size: 160%;
}
      
.top_cap2.top {
    top: 60%;
    width: 70%;
    font-size: 100%;
}
      
section.bg1 {
    width: 100%;
}
      
.plan {
    flex-wrap: wrap;
    margin: 30px 0 50px 0;
}
      
.plan_item {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
}
      
/* about ページ                                   */
      
      
.slidebg.v2 {
    min-height: 200px;
}
      
.slidebg.v2 h1 {
    font-size: 100%;
    text-indent: 1rem;
}
      
.about_messa {
    flex-flow: column;
    align-items: center;
    margin: 30px 0 0 0;
}
      
.about_messa .am_item.am_l {
    width: 100%;
    font-size: 100%;
    letter-spacing: 0.1rem;
    order: 2;
}
      
.about_messa .am_item.am_r {
    width: 70%;
    order: 1;
}
      
      
.company {
    margin: 0 auto;
    width: 100%;
}
      
.shisetu_syashin .item {
    width: 48%;
}

.hall {
    width: 100%;
}
      
h2.top {
    width: 100%;
}
      
.contact {
    width: 90%;
}
      
#page-top {
    bottom: 20px;
    right: 15px;
}
      
/* plan ページ                                   */
      
      
.plan_box {
    flex-wrap: wrap;
}
      
.plan_box .pb_item {
    width: 48%;
    margin-bottom: 30px;
}
      
.shisetu_syashin.wt20 .item {
    width: 48%;
    margin-bottom: 50px;
}
      
.telsp img {
    width: 40px;
    position: absolute;
    top: 10px;
    left: 7px;
}
      
.navbtn {
    display: inherit;
    background: #4EA583;
    height: 60px;
    width: 54px;
    right: 0;
    top: 0;
}
      
.telsp {
    z-index: 1000000;
    position: relative;
    right:54px;
    border-left: none;
    height: 60px;
    position: fixed;
    top: 0;
    padding-left: 0px;
    display: inherit;
    width: 54px;
    background: #fff;
}
     
      
.logo img {
    padding: 13px 0 7px 10px;
}
      
}

/*----------------------------------------------------
__タブレット縦
--------------------------------------*/

@media screen
  and (min-width: 768px)
  and (max-width: 1080px)
  and (orientation: portrait){


header {
    min-width: 100%;
   position: relative;
}

.top_cap {
    width: 100%;
}
     
#wrapper_out {
    min-width: 100%;
}
      
.content {
    width: 90%;
    margin: 0px auto;
}
      

.top_cap2 {
    width: 100%;
}
      
section.bg1 {
    width: 100%;
}
      
h2.top {
    width: 100%;
}
      
      
.plan {
    flex-wrap: wrap;
}
      
.plan_item {
    width: 48%;
    margin-bottom: 50px;
}
      
.contact {
    width: 90%;
}
      
.telsp {
    z-index: 1000000;
    position: relative;
    right: 54px;
    border-left: none;
    height: 60px;
    position: fixed;
    top: 0;
    padding-left: 0px;
    display: inherit;
    width: 54px;
    background: #fff;
}
      
.telsp img {
    width: 40px;
    position: absolute;
    top: 10px;
    left: 7px;
}
      
.navbtn {
    display: inherit;
    background: #4EA583;
    height: 60px;
    width: 54px;
    right: 0;
    top: 0;
}
      
.menu-trigger {
    position: relative;
    width: 30px;
    height: 30px;
}
      
.menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
      
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    /* background-color: #00196b; */
    background-color: #fff;
    border-radius: 4px;
}
      
/* .menu-trigger span:nth-of-type(1) {
    top: 5px;
}
      
      
.menu-trigger span:nth-of-type(2) {
    top: 17px;
}
      
.menu-trigger span:nth-of-type(3) {
    bottom: -3px;
} */
      
#pcontainer {
    margin: 0px 0 0;
}
      
 nav {
    display: none;
      }
      
      
#top_slide {
    min-width: 100%;
    margin: 0;
}
      
.slidebg.v2 {
    min-height: 300px;
}
      
.top_cap {
    width: 100%;
    text-indent: 1rem;
}
      
.about_messa {
    flex-flow: column;
    align-items: center;
    margin: 30px 0 0 0;
}
      
.about_messa .am_item.am_l {
    width: 100%;
    font-size: 100%;
    letter-spacing: 0.1rem;
    order: 2;
}
      
      
.about_messa .am_item.am_r {
    width: 70%;
    order: 1;
}
      
.company {
    width: 100%;
}
      
      
.hall {
    width: 100%;
}
      
.plan_box {
    flex-wrap: wrap;
}
      
.plan_box .pb_item {
    width: 48%;
    margin-bottom: 30px;
}

.shisetu_syashin.wt20 .item {
    width: 48%;
    margin-bottom: 35px;
}
      
.logo img {
    padding: 13px 0 7px 10px;
}
      
.ip-br {
    display: none;
  }
      
}

/* タブレット横------------------------------------------------- */
@media screen
  and (min-width: 768px)
  and (max-width: 1080px)
  and (orientation: landscape){
	  

      
.content {
    width: 90%;
    margin: 0px auto;
}
      
header {
    min-width: 100%;
    max-width: 100%;
}
      
#wrapper_out {
    min-width: 100%;
}
      
h2.top {
    width: 100%;
}
      
section.bg1 {
    width: 100%;
}
      
#top_slide {
    min-width: 100%;
}
      
.slidebg.v2 {
    min-height: 300px;
}
      
.slidebg.v2 h1 {
    text-indent: 1rem;
}
      
.company {
    margin: 0 auto;
    width: 100%;
}
      

      
.telsp img {
    width: 40px;
    position: absolute;
    top: 10px;
    left: 7px;
}
      
.navbtn {
    display: inherit;
    background: #4EA583;
    height: 60px;
    width: 54px;
    right: 0;
    top: 0;
}
      
.telsp {
    z-index: 1000000;
    position: relative;
    right:54px;
    border-left: none;
    height: 60px;
    position: fixed;
    top: 0;
    padding-left: 0px;
    display: inherit;
    width: 54px;
    background: #fff;
}
      
.menu-trigger {
    position: relative;
    width: 30px;
    height: 30px;
}
      
.menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
      
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    /* background-color: #00196b; */
    background-color: #fff;
    border-radius: 4px;
}
      
/* .menu-trigger span:nth-of-type(1) {
    top: 5px;
}
      
      
.menu-trigger span:nth-of-type(2) {
    top: 17px;
}
      
.menu-trigger span:nth-of-type(3) {
    bottom: -3px;
} */
      
#pcontainer {
    margin: 50px 0 0;
}
      
 nav {
    display: none;
      }
      
      
#top_slide {
    min-width: 100%;
}
      
.logo img {
    padding: 13px 0 7px 10px;
}
}



/* タブレット横------------------------------------------------- */
@media screen
  and (min-width: 768px)
  and (max-width: 1180px)
  and (orientation: landscape){
	  
header {
    min-width: 100%;
    position: relative;
}

}

/* ------------------------------------ */
@media screen
  and (min-width: 768px)
  and (max-width: 1024px)
  and (orientation: portrait){
}


@media screen and (min-width: 820px)
  and (max-width: 1180px)
  and (orientation: landscape) {
.content {
    width: 90%;
    margin: 0px auto;
}
      
header {
    min-width: 100%;
    max-width: 100%;
}
      
#wrapper_out {
    min-width: 100%;
}
      
h2.top {
    width: 100%;
}
      
section.bg1 {
    width: 100%;
}
      
#top_slide {
    min-width: 100%;
}
      
.slidebg.v2 {
    min-height: 300px;
}
      
.slidebg.v2 h1 {
    text-indent: 1rem;
}
      
.company {
    margin: 0 auto;
    width: 100%;
}
      

      
.telsp img {
    width: 40px;
    position: absolute;
    top: 10px;
    left: 7px;
}
      
.navbtn {
    display: inherit;
    background: #4EA583;
    height: 60px;
    width: 54px;
    right: 0;
    top: 0;
}
.telsp {
    z-index: 1000000;
    position: relative;
    right:54px;
    border-left: none;
    height: 60px;
    position: fixed;
    top: 0;
    padding-left: 0px;
    display: inherit;
    width: 54px;
    background: #fff;
}
      
.menu-trigger {
    position: relative;
    width: 30px;
    height: 30px;
}
      
.menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
      
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
}
      
#pcontainer {
    margin: 50px 0 0;
}
      
 nav {
    display: none;
      }
      
      
#top_slide {
    min-width: 100%;
    margin: 0;
}
      
.logo img {
    padding: 13px 0 7px 10px;
}
    }



/* ----------------------------------------------- */