@charset "UTF-8";



@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/* @group common */
html {
  
    font-size: 62.5%;
}
html, body {
}
body {
    margin: 0;
    padding: 0;
   font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN',Yu Gothic, 'メイリオ', meiryo, sans-serif;
   font-size: 1.4em;
    line-height: 1.6;
}
a{color:#0090C2;}


img {
    max-width: 100%;
}
.linkBox-img {
    overflow: hidden;
}
.linkBox-img img {
    transition: all 0.5s ease 0s;
}
.linkBox-img img:hover {
    opacity: 0.5;
    transform: scale(1.1, 1.1);
}
a.button:link, .button:visited {
    width: 100%;
    max-width: 20em;
    position: relative;
    display: block;
    margin: 30px auto 0;
    padding: 14px 15px;
   
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
    border-radius: 5px;
    line-height: 1.2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 998;
}

@media screen and (max-width: 767px) {
a.button:link, .button:visited {
 
}
}
a.button:link:after, a.button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
a.button:link:hover, a.button:visited:hover {
    color: #FFF;
    text-shadow: none;
}
a.button:link:hover:after, a.button:visited:hover:after {
    height: 450%;
}
a.button-green {
    border: 2px solid #00B59D;
    border-radius: 5px;
    color: #00B59D;
}
a.button-green:after {
    background: #00B59D;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
    transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
/************************************************
#header
****************************************/

#header {
        background: url('../images/topImg-back.png') no-repeat center top #FFEB00;
      
        background-size:cover;
    z-index: 999;
    width: 100%;
    top: 0;
    overflow:hidden;

}
#header-inner {
    position: relative;
     min-height:400px;
     left:0;
     top:0;
}

#topImg{
    position:absolute;
    bottom:0;
    left:0;
       width:100%;
     
    }
#topImg img{
bottom:0;
   position:absolute;	
	display:block;
    }
#header-logo{
    padding-top:20px;
    }
    
        
#header-txt{

       position:absolute;
       text-align:center;
       top:50%;
       margin-top:-160px;
        left:0;
       font-size: 3.4rem;
    font-weight:bold;
    color:#2E44A7;
    line-height:1.4;
    width:100%;
    }
#header-txt span{
    display:inline-block;
}


@media only screen and (max-width:767px) {
    #header-logo{
max-width:300px;
margin: 0 auto;

    }
    
#header-txt{
      font-size: 3rem;
}
}
@media only screen and (max-width:440px) {
 #header-txt{
      font-size: 2.4rem;
}   
}

/**共通吹き出し********************/   
.hukidashi-title{
     text-align:center;
     padding:0 15px 0;
    }
.hukidashi-title span{
    margin:0 0 20px;
	background: #ffeb00 none repeat scroll 0 0;
    border: 5px solid #2e44a7;
    color: #2e44a7;
    display: inline-block;
    line-height: 1.4;
    min-width: 115px;
    padding: 10px 20px;
    width:100%;
    max-width:600px;
    position: relative;
    text-align: center;
 
    z-index: 0;
    font-size:2.2rem;
    font-weight:bold;
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.hukidashi-title span:before {
	 border-color: #ffeb00 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    bottom: -12px;
    content: "";
    left: 50%;
    margin-left: -12px;
    position: absolute;
    z-index: 0;
}
.hukidashi-title span:after {
  border-color: #2e44a7 transparent transparent;
    border-style: solid;
    border-width: 17px 17px 0;
    bottom: -19px;
    content: "";
    left: 50%;
    margin-left: -17px;
    position: absolute;
    z-index: -1;
}

@media only screen and (max-width:767px) {
 .hukidashi-title span{
      font-size:1.8rem;
     }   
}


/**#sec-osusume********************/   
#sec-osusume{
    background-color:#F6F6EF;
    width:100%;
    padding:30px 0;
}

#osusume-read{
     font-size: 2.4rem;
    line-height:1.4;
    color:#2e44a7;
    margin-bottom:20px;
    text-align:center;  }

.osusumeBox{
    background:#fff;
    padding:30px 30px 30px 160px;
    margin-left:24px;
       position:relative;
       margin-bottom:30px;
    }
    
.osusumeBox-title{
    text-align:center;
    line-height:1.2;
    position:absolute;
    top:24px;
    left:-24px;
    color: #333;
    background: #FFEB00;
     font-size: 2rem;
    font-weight: bold;
  
    padding: 0.8em;

}
 
.osusumeBox-title:after
{
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 12px solid transparent;
    border-top: 12px solid #FFA900;
        border-right: 12px solid #FFA900;
            left: 0;
}

.osusumeBox-midashi{
      font-size: 2.6rem;
    line-height:1.4;
    color:#2e44a7;
    margin-bottom:10px; 
    }
    
.osusumeBox-point{
    counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
    }   
.osusumeBox-point dt{
 clear: both;
    float: left;
     font-size: 1.8rem;
    font-weight: bold;
    
    }       
 .osusumeBox-point dd{
      font-size: 1.6rem;
      padding:1px 0 1px 30px;
      margin-bottom:10px;
    }    


.osusumeBox-point dt:before{
    color:#333;
    font-weight:bold;
 background-color: #FFEB00;
    border-radius: 1.4em;
    content: counter(number, decimal);
    counter-increment: number;
    display: inline-block;
    line-height: 1;
    padding: 0.2em;
    width: 1.4em;
    text-align: center;
    margin-right:0.2em;
}
  
  .osusumeBox-img{
      list-style:none;}
 
     
@media only screen and (max-width:992px) {
.osusumeBox-point dt{
 float:none;
 }      
}

@media only screen and (max-width:767px) {
    .osusumeBox{

    padding:20px;
    margin-left:0;
   
    }
    
.osusumeBox-title{
    position:relative;
      width:auto;
    top:inherit;
    left:inherit;
    padding:0.4em;
    margin-bottom:10px;
      font-size: 2rem;

}
.osusumeBox-title:after
{
    display:none;
}
.osusumeBox-title br{
    display:none;
    }

#osusume-read{
     font-size: 1.8rem;
    }

.osusumeBox-midashi{
    font-size: 1.6rem;
    }
    

.osusumeBox-point dt{
   font-size: 1.6rem;
    
    }       
 .osusumeBox-point dd{
      font-size: 1.4rem;
      padding:1px 0 1px 30px;
      margin-bottom:10px;
    }    

    
}


/**#sec-intro_IO********************/   
#sec-intro_IO{
    
    background-color:#2E44A7;
   padding:40px 0;
   position:relative;
   z-index:1;
    
    }
#sec-intro_IO:before{    
 background: url('../images/Intro_IO-back-l.png') no-repeat -200px top;
 width:800px;
 height:1564px;
 position:absolute;
 left:0;
 top:0;
 z-index:-1;
 overflow:hidden;
}
#sec-intro_IO:after{    
 background: url('../images/Intro_IO-back-r.png') no-repeat 200px top;
 width:800px;
 height:1564px;
 position:absolute;
right:0;
bottom:0;
 z-index:-1;
  overflow:hidden;
}

@media only screen and (max-width:767px) {
#sec-intro_IO:before,   #sec-intro_IO:after{
    background:none;
    display:none;
}
}


#intro_IO-title{
 color: #fff;
     font-size: 3rem;
    font-weight: bold;
    text-align: center;
    margin:0 auto 30px;
    
    padding-bottom:20px;
    max-width: 970px;
    border-bottom:1px solid #fff;
    }
@media only screen and (max-width:767px) {
 #intro_IO-title{   font-size: 2rem;}    
}

#intro_IO-read{
     color: #FFEB00;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin:0 auto 30px;
    }
@media only screen and (max-width:767px) {
#intro_IO-read{   font-size: 1.8rem;
text-align:left;
} 
#intro_IO-read br{
display:none;} 

#intro_IO-sub_read{
text-align:left;
} 
}
    
#intro_IO-sub_read{
     color: #fff;
      font-size: 1.6rem;
     margin-bottom:30px;
     text-align:center;
    }

#intro_IO-dataBox{
    background-color:#FFEB00;
    padding:30px;
    }
#intro_IO-dataBox:before,
#intro_IO-dataBox:after {
    content:"";
    display:block;
}
 
#intro_IO-dataBox:after {
    clear:both;
}


#intro_IO-dataBox .intro_IO-dataBox-spec{
    float:left;
    width:60%;
    text-align:left;
    }
#intro_IO-dataBox .intro_IO-dataBox-map{
      float:left;
       width:40%;
    }


#intro_IO-dataBox .intro_IO-dataBox-spec th{
    width:6.5em;
    display:block;
    }   
#intro_IO-dataBox .intro_IO-dataBox-spec th:before{
content:"\f0c8";
font-family:'FontAwesome';
display:inline-block;
    line-height: 1.6;
    vertical-align:baseline;
    margin-right:0.2em;
  color:#2E44A7; 
    }  
#intro_IO-map figure figcaption{
    color:#fff;
    text-align:center;
    }
@media only screen and (max-width:767px) {
    #intro_IO-dataBox{
 
    padding:20px;
    }
    
#intro_IO-dataBox .intro_IO-dataBox-spec, #intro_IO-dataBox .intro_IO-dataBox-map{
    float:none;
    width:100%;
}

#intro_IO-dataBox .intro_IO-dataBox-spec th{
  width:100%;
    display:block;
}
#intro_IO-dataBox .intro_IO-dataBox-spec td{
      display:block; 
    }
}

    
                



/**#sec-plan********************/   
#sec-plan, #sec-entrance {
    background-color:#ededed;
    padding:50px 0;
    }

#plan-read{
 font-size: 2rem;
    font-weight: bold;
    margin: 0 auto 30px;
    text-align: center;
    }

#plan-sub_read{
    font-size: 1.6rem;
    margin-bottom: 30px;
    text-align: center;
    }   

@media only screen and (max-width:767px) {
#plan-read{font-size: 1.8rem;
text-align:left;}   
#plan-read br{display:none;}   

#plan-sub_read{font-size: 1.6rem;
text-align:left;}  

}
 .plan-tabs-map, .entrance-tabs-map{
     margin-bottom:20px;
     text-align:center;
     }
  .plan-tabs-map img, .entrance-tabs-map img{
        max-width:600px;
        width:100%;
  }
  
/**タブ設定共通********************/      
.resp-tabs-list{
    margin-bottom:20px;
    display:table;
    border: 2px solid #2E44A7; 
     background-color:#fff;
     width:100%;
    }
.resp-tabs-list:before,
.resp-tabs-list:after {
    content:"";
    display:block;
}
 
.resp-tabs-list:after {
    clear:both;
}
.resp-tabs-list li {
    text-align:center;
     display:table-cell;
  font-weight: 600;
  font-size: 1.6rem;
   border: 2px solid #2E44A7; 
  padding: 13px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
}
.resp-tabs-list li.resp-tab-active{
background-color:#FFEB00 !important; 
    }
.resp-tabs-container {
  padding: 0px;

  clear: left;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
 border-bottom: 4px solid #2E44A7; 
  border-left: 4px solid #2E44A7; 
    border-right: 4px solid #2E44A7; 
     background-color:#6D7CC1;
     color:#fff;
}

.resp-tab-content {
                border:4px solid #2e44a7;
      background-color:#fff;
      height:auto;

       width: 100%;
       overflow:hidden;
       padding:30px;
  display: none;

}

.resp-tab-content h3{
    background-color:#2e44a7;
    color:#fff;
    font-size: 2.4rem;
    font-weight:bold;
    text-align:center;
    padding:10px;
   
    }
.resp-tab-content figcaption{
     text-align:center;}
     
.resp-content-active,
.resp-accordion-active { display: block; }

h2.resp-tab-active {
    color:#333;
    border-bottom:0;
  margin-bottom: 0px !important;

}

h2.resp-tab-active {    background-color:#FFEB00 !important; }
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child {
       border-top:4px solid #2e44a7;
        }

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

ul.resp-tabs-list { display: none; }

h2.resp-accordion { display: block;
font-size:1.6rem;
text-align:center; }

.resp-tab-content {
    padding:15px;}
.resp-tab-content h3{
  
    font-size: 1.8rem;

    padding:5px;
   
    }

}

  
  
/**#sec-rental********************/   
  #sec-rental{
      padding:50px 0;
      
      }
 #rental-title{
     border-bottom: 1px solid #2E44A7;
   color:#2E44A7;
    font-size: 3rem;
    font-weight: bold;
    margin: 0 auto 30px;
    max-width: 970px;
    padding-bottom: 20px;
    text-align: center;
     }     
#sec-rental h4{
      color:#2E44A7;
         font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
    }      

@media only screen and (max-width:767px) {     
 #rental-title{
   font-size: 2rem;
       margin: 0 auto 30px;
    padding-bottom: 10px;
 }
 #sec-rental h4{
      font-size: 1.6rem;  
 }
 
}
  .rental-table {
  background-color: transparent;
width:100%;
  max-width: 100%;
  margin-bottom:30px;
}

th {
  text-align: left;
}

  .rental-table > thead > tr > th,
  .rental-table > tbody > tr > th,
  .rental-table > tfoot > tr > th,
  .rental-table > thead > tr > td,
  .rental-table > tbody > tr > td,
  .rental-table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #434343;
}
 .rental-table > thead > tr > th, .rental-table > thead > tr > td{
background-color:#5869B9;
color:#fff;
font-weight:bold;
text-align:center;
}
  .rental-table > tbody > tr > th{
      background-color:#FFFDE5;}
 .rental-table > tbody > tr > td:last-child{
     text-align:right;}   
 
/**#sec-access********************/    
#sec-access{
        background-color: #2e44a7;
    padding: 50px 0;
    position: relative;
    z-index: 1;
    }
#access-title{
    border-bottom: 1px solid #fff;
    color: #fff;
   font-size:3rem;
    font-weight: bold;
    margin: 0 auto 30px;
    max-width: 970px;
    padding-bottom: 20px;
    text-align: center;
}
#access-map{
    margin-bottom:30px;
    }    
#access-map figcaption{
    color:#fff;
    font-weight:bold;
    font-size: 1.6rem;
    margin-bottom:5px;
    
    }      
 #access-midashi{
     color:#FFEB00;
     font-weight:bold;
     font-size:2.6rem;
     text-align:center;
     margin-bottom:10px;
     }    
  #access-midashi br{display:none;}    
  #access-transportation{
      margin-bottom:30px;
      }   
      
  #access-transportation:before,
  #access-transportation:after {
    content:"";
    display:block;
}
 
  #access-transportation:after {
    clear:both;
}

   #access-transportation dl{
       float:left;
       width:48%;
       margin:0 1% 10px;
             font-weight:bold;
             text-align:center;
           font-size: 2rem;

      } 
     #access-transportation dl i{
         color:#FFB21E;
         }          
     #access-transportation dt{
         padding:10px 30px;
         background-color:#DDDDDD;
     
      coor:#2E44A7;
      }   
     #access-transportation dd{
      padding:10px 30px;
         background-color:#fff;
          coor:#333;
      }   
 @media only screen and (max-width:767px) {
     
     #access-title{

   font-size:2.4rem;
       padding-bottom: 10px;
}
 #access-midashi{
         font-size:2rem;
     }    
  #access-midashi br{display:block;}    
   #access-transportation dl{
    float:none;
       width:100%;}  
   #access-transportation dd br{
       display:none;
       
   }
 }
#access-btn {
        text-align:center;
        margin-bottom:30px;}
#access-btn a{
     color:#2E44A7;
    font-weight:bold;
    font-size: 2.4rem;
      text-align:center;
      background-color:#FFEB00;
      padding:1em 2em;
      line-height:1;
      border-radius:1.5em;
      display:inline-block;
      box-shadow : 0px 0px 5px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000');

  text-decoration:none;
    }
 #access-btn a:hover{   
      color:#fff;
      background-color:#FF0000;
 }
 @media only screen and (max-width:767px) {
     
   #access-btn a{
    font-size: 1.6rem;
   }
 }
 
#access-dataBox{
    background-color:#fff;
    padding:20px 30px;
     }
 #access-dataBox h4{
      color: #2e44a7;
      margin-bottom:5px;
      font-weight:bold;
     font-size: 1.8rem;
     }   
    
 #access-dataBox-table{
     margin-bottom:30px;
     width:40%;
     float:left;}
    
#access-dataBox-table th{
    width:6.5em;
    display:block;
    }   
#access-dataBox-table th:before{
content:"\f0c8";
font-family:'FontAwesome';
display:inline-block;
    line-height: 1.6;
    vertical-align:baseline;
    margin-right:0.2em;
  color:#2E44A7; 
    }   



#access-dataBox-img{
    width:58%;
      float:right;
     }

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

#access-dataBox-table, #access-dataBox-img{
    float:none;
    width:100%;
}

#access-dataBox-table th{
  width:100%;
    display:block;
}
#access-dataBox-table td{
      display:block; 
    }
}

                
/**contact-box********************/   
.contact-box {
  background: url('../images/contact-back.png') no-repeat center top;
  background-size:cover;
  padding:40px 0;
}
.contact-box-txt{
    color:#fff;
    font-weight:bold;
    font-size:24px;
    text-align:center;
    margin-bottom:20px;
    line-height:1.4;
    
    }
.contact-box-txt br{
    display:none;}    
    
    .contact-box-btn {
        text-align:center;}
.contact-box-btn a{
    text-decoration:none;
     color:#2E44A7;
    font-weight:bold;
     font-size: 2.4rem;
      text-align:center;
      background-color:#FFEB00;
      padding:1em 2em;
      line-height:1;
      border-radius:1.5em;
      display:inline-block;
      box-shadow : 0px 0px 5px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000000');


    }
.contact-box-btn a:hover{   
      color:#fff;
      background-color:#FF0000;
 }
 
.contact-box-btn a i{
    font-size:130%;
    margin-right:0.2em;
    vertical-align:central;}


@media only screen and (max-width:767px) {
 .contact-box-txt{
 font-size: 1.6rem;
    }
  .contact-box-txt br{
      display:block;}     
   .contact-box-btn a{
     font-size: 1.6rem;
       }
    
}


#footer{
    background-color:#FFEB00;
    padding:30px 0 60px;
    
    }
    
.footer-left{
     float:left;
     }   
.footer-right{
           float:right;
     }     
   #footer-logo{
       margin-bottom:10px;
       }      
#footer-navi{
    margin-bottom:20px;
}       
#footer-navi li{
    display:inline-block;
    margin-left:20px;
}    
#footer-navi li a{
    text-decoration:none;
    color:#2E44A7;
    
    } 
 #footer-navi li a:before{   
    content:"\f0da";
    font-family:'FontAwesome';
display:inline-block;
    }

 #copy{
     font-size:12px;
     padding-left: 15px;
     padding-right: 15px;
      text-align:center;
     }   
@media only screen and (max-width:767px) {
   #footer-logo{
       width:300px;
       text-align:center;
       margin:0 auto;  
       } 
 .footer-left,.footer-right{
     float:none;
     text-align:center;
     }   
 #copy{
    text-align:center;
     
     }   
       
}



#fixedbox {
    position: fixed;
    bottom: 0px;
    width:100%;
    z-index:999;
    display:none;

}
#fixedbox > table{
        width:100%;
        }
#fixedbox-form, #fixedbox-pagetop{

        text-align:center}        
 
        

        
        
#fixedbox-form a, #fixedbox-pagetop a{
    background-color:#2E44A7;
	    border-top:1px solid #fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    display:block;
	font-size:14px;
    line-height:1.2;
	padding:10px 5px;
	text-decoration:none;
	
}
        
#fixedbox-form a i, #fixedbox-pagetop a i{
    margin-right:0.2em;
    }

#fixedbox-pagetop{
    width:8em;
  border-left:1px solid #fff;
    }
#fixedbox-form a:hover, #fixedbox-pagetop a:hover{
  background-color:#FF0000;
}