@charset "utf-8";
/* --------------------------------
フォント設定　基本14px　ゴシック
-------------------------------- */
body,textarea,address,caption,cite,code,dfn,em,th,tr,td,var,h1,h2,h3,h4,h5,h6,input,select{font-size: 14px;color: #000000;}
body,html,button,input,select,textarea,h1,h2,h3,h4,h5,h6,footer{    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/* --------------------------------
リンク、リンク色
-------------------------------- */
a{text-decoration: underline;}
/*色*/
a,a:link {color: #337ab7;cursor: pointer;}
a:visited {color: #660099;}
a:hover,a:active,a:focus {color: #23527c;}
a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
/* --------------------------------
	共通のタグ設定
-------------------------------- */
b,strong {font-weight: bold;}
dfn {    font-style: italic;}
small {    font-size: 12px;}
.relabox {    position: relative;}
.objblk{display:block;}
/* --------------------------------
	コンテンツ
-------------------------------- */
.header{
    height:170px;
    background-image: url(../img/header_bg.jpg);
    background-repeat: repeat-x;
    padding-top: 28px;
}

.logo{
    width: 224px;
    height:116px;

    margin:0 auto;
}
.ttl_deco{
    border-bottom: 1px solid #A57B2B;
    width:104px;
    height:auto;
}
.tdeco1{
    padding:40px 0px 1px 0px;
}
.tdeco2{
    padding:70px 0px 1px 0px;
}
.tdeco3{
    padding:70px 0px 1px 0px;
}
.ttl_deco img{
margin-left:auto;
    margin-right:0;
}
.course_s{
    height:10px;
    width:60px;
    
}
.clubhouse_s{
    height:10px;
    width:91px;   
}
.access_s{
    height:10px;
    width:59px;
}


.ttl{
   padding:28px 0px 24px 6%; 
}
.course_l{
    height:20px;
    width:100px;     
}
.clubhouse_l{
    height:20px;
    width:160px;   
}
.access_l{
    height:20px;
    width:75px;  
}
.sttl{
   padding:0px 0px 8px 6%; 
}
.west{
    height:12px;
    width:82px;   
}
.east{
    height:12px;
    width:77px; 
}

.frm_box{
      position: relative;
  width: 88%;
  padding-top: 49.5%;/*56.25*/
    margin:0px 0px 0px 6%;
}
.frm_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.access_txt{
    padding:0px 0px 14px 6%;
    line-height: 1.7;
}
.map_btn,.map_btn_a{
    width: 240px;
    height:36px;
}
.map_btn_a{
   margin:0px 0px 60px 6%;  
}
.map_btn{

}
.recruit_bnr, .recruit_bnr_a{
	
}
.recruit_bnr_a{
   margin:0px 0px 60px 6%; 
}
.recruit_bnr{
    width: 94%;
    max-width: 320px;
    height:auto;
}

.footer{
    background-color:#034A3B;
    padding:2px 0px;
    font-size: 11px;
    color:#FFFFFF;
    text-align: center;
}
.copyright{
    width: 9px;
    height:9px;
}
.pad_te{
    padding-top:28px;
}
/*start min-width: 600px*/
@media (min-width: 600px) {
    .ttl_deco{
    width:114px;
}
.tdeco1{
    padding:50px 0px 1px 0px;
}
.tdeco2{
    padding:80px 0px 1px 0px;
}
.tdeco3{
    padding:80px 0px 1px 0px;
}
.course_s{
    height:11px;
    width:66px;
    
}
.clubhouse_s{
    height:11px;
    width:100px;  
}
.access_s{
    height:11px;
    width:65px;
}
.ttl{
   padding:34px 0px 30px 10%; 
}
    .course_l{
    height:24px;
    width:120px;     
}
.clubhouse_l{
    height:24px;
    width:192px;   
}
.access_l{
    height:24px;
    width:90px;  
}
.sttl{
   padding:0px 0px 8px 10%; 
}
    .west{
    height:14px;
    width:95px;   
}
.east{
    height:14px;
    width:90px; 
}
.frm_box{
  position: relative;
  width: 80%;
  padding-top: 45.0%;/*56.25*/
  margin:0px 0px 0px 10%;
}
.access_txt{
  padding:0px 0px 14px 10%;
  line-height: 1.7;
}
.map_btn_a{
   margin:0px 0px 60px 10%;  
}
.recruit_bnr_a{
   margin:0px 0px 60px 10%;  
}
    .pad_te{
    padding-top:34px;
}
}
/*end min-width: 600px*/


/*start min-width: 900px*/
@media (min-width: 900px) {
    .ttl_deco{
    width:14%;
}
.tdeco1{
    padding:60px 0px 1px 0px;
}
.tdeco2{
    padding:100px 0px 1px 0px;
}
.tdeco3{
    padding:100px 0px 1px 0px;
}
}
/*end min-width: 900px*/