@charset "utf-8";

.nav-all{
background: #fff;
z-index: 999;
}

.nav-wrap{
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 0;
}
.nav{
display: table;
width: 100%;
table-layout: fixed;
box-sizing: border-box;
border-spacing: 4px;
}
.nav a{
display: table-cell;
position: relative;
border-bottom: #EDEFF0 solid 2px;
text-align: center;
transition:opacity .3s;
vertical-align: middle;
font-size: 1.2rem;
line-height: 1.8rem;
font-weight: bold;
background: #f5f5f5;
padding-top: .5rem;
padding-bottom: .5rem;
}
.nav a:hover{
border-bottom-color: #c7d3d8;
}
.nav a span{
display: none;
font-size: .9rem;
padding-top: .2rem;
}
/*ヘッダーの切り替え*/
body.shop nav a.shop{
border-bottom-color: #235A9F;
}
body.event nav a.event{
border-bottom-color: #235A9F;
}
body.news nav a.news{
border-bottom-color: #235A9F;
}
body.about nav a.about{
border-bottom-color: #235A9F;
}
body.access nav a.access{
border-bottom-color: #235A9F;
}




.event-list-data{
margin-top:3rem;
}
.event-list-data h1{
margin:1rem 0 1rem;
color: #225B9F;
font-size: 1.5rem;
font-weight: bold;
}
.event-list-data h1 a{
background: #fff!important;
color: #225B9F;
margin-bottom:0;
text-align:left!important;
}
.event-list-data h2{
margin-top:1rem;
padding-bottom:10px;
border-bottom: solid 1px #F0EFED;
font-weight: bold;
font-size: 1.2rem;
}
.event-list-data div{
display: table;
width:100%;
}
.event-list-data a:first-child{
width:100%;
text-align:center;
display:inline-block;
background:#eee;
}
.event-list-project a{
background:#fff!important;
}
.event-list-data p{
display: table-cell;
width:67%;
vertical-align: top;
font-size: 1.4rem;
line-height: 1.5;
}
.event-list-data div a{
display: table-cell;
width:33%;
vertical-align: top;
padding-left: 5%;
text-align:right;
}



h1.page-title{
font-size:2.0rem;
background: url(/images/pagetitle_top.png) no-repeat    center top;
padding:30px 0 20px;
text-align: center;
font-weight: bold;
color: #002F56;
}
h1.page-title:after{
content: "";
display: block;
background: url(/images/pagetitle_bottom.png) no-repeat center top;
height: 20px;
margin-top: 18px;
}

.lead h1{
font-size: 2rem;
color:#225b9f;
margin: 4rem 0 2rem;
}
.lead p{
font-size: 1.4rem;
}
.header-main{
font-size: 2rem;
color:#225b9f;
font-weight: bold;
border-top: #a7bdd4 solid 1px;
background: url(../images/header_arrow_under.png) no-repeat .5rem 2.8rem;
padding: 2rem 0 0 4rem;
line-height: 1.4;
margin-top: 3rem;
}
.header-cercle{
font-size: 1.8rem;
color:#225b9f;
font-weight: bold;
background: url(../images/header_arrow_cercle.png) no-repeat 0 .5rem;;
padding-left: 2rem;
margin: 1rem 0;
line-height: 1.4;
}

.top-fv{
width:100%;
z-index: -98;
position: absolute;
}
.top-fv li{
width:100%;
background-size: cover;
position: fixed;
z-index: -99;
background-repeat: no-repeat;
background-position: center center;
}
.top-under-fv{
background: #fff;
width: 100%;
position: relative;
}
.top-first{
background-color:#fff;
background-image:url(/images/top_fv_loading.gif) ;
background-size: 32px 32px !important;
background-repeat: no-repeat;
background-position: 50% 50%;
height:100%;
width:100%;
position:absolute;
z-index:999;
}



.top-news .col12{
height: 29px;
overflow: hidden;
background-color: #F4F4F3;
}
.top-news ul{
display: inline-block;
font-size: 12px;
height: 100%;
position: relative;
top:.5rem;
width:100%;
}
.top-news li{
width:100%;
}
.top-news li a{
color: #225b9f;
width:100%;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right:1rem;
padding-left:1rem;
box-sizing: border-box;
}




.top-event-all-btn,.news-all-btn{
color: #fff;
padding:10px 20px;
display: block;
text-align: center;
background: #4E7CB2;
border-radius: 4px;
font-size: 1.6rem;
font-weight: bold;
box-shadow: 0 4px 0 0 #ddd;
transition: background-color 0.3s;
vertical-align: middle;
}
.top-event-all-btn img,.news-all-btn img{
margin-right: 1rem;
position: relative;
top: -2px;
}
.top-event-all-btn:hover,.news-all-btn:hover{
background: #183e6a;
}

.top-banner-area{
background: #F0EFED;
width: 100%;
padding: 3rem 0;
margin-top: 3rem;
}
.top-banner{
vertical-align: top;
margin-top: 3rem;
margin-bottom: 0;
}
.top-banner-left, .top-banner-right {
display:inline-block;
width:47.8%;
vertical-align:top;
}
.top-banner-left{
margin-right:2%;
}
.top-banner-left img, .top-banner-right img{
margin-bottom:2rem;
}

.student-recruitment{
background: #eb7400;
padding:1rem;
font-size: 1.5rem!important;
color: #fff;
text-align: center;
font-weight: bold;
}
.student-room p{
margin-bottom: 1rem;
}
.terms-list dt,.terms-list dd{
display: inline-block;
margin-bottom: 1rem;
border-top: #eee solid 1px;
padding-top: 1rem;
}
.terms-list dt{
width:27%;
font-weight: bold;
vertical-align: top;
}
.student-terms dd{
width:73%;
}
.qa-q{
background-color: #b9d1e4;
text-align: center;
}
.qa-a{
margin-bottom: .4rem;
background-color: #dee8f1;
}
.qa-q dd,.qa-a dd,.qa-q dt,.qa-a dt{
box-sizing: border-box;
display: inline-block;
padding:1rem;
}
.qa-q dt,.qa-a dt{
width:10%;
text-align: center;
color: #2C5780;
font-weight: bold;
vertical-align: top;
}
.qa-q dd,.qa-a dd{
width:90%;
}
.qa-q dt{
padding:1rem;
background-color: #b9d1e4;
color: #2C5780;
}
.qa-q dd{
background-color: #dee8f1;
}
.qa-a dt{
background-color: #dee8f1;
}
.qa-a dd{
background-color: #edf2f6;
}
.student-terms ul{
padding-left: 2rem;
}
.student-terms li{
margin-bottom: 1rem;
list-style: circle outside;
}

.student-tel span{
display: inline-block;
font-weight: bold;
font-size: 2rem;
margin-bottom: .5rem;
}

.link-arrow{
background: url(../images/link-arrow.png) no-repeat 0 .7rem;
display: inline-block;
padding-left: 1rem;
color:#225b9f;
margin: 1rem 0;
}
.link-noarrow{
display: inline-block;
color:#225b9f;
}

.event-text span{
color: #225B9F;
font-size: 2rem;
display: block;
margin-bottom: 20px;
font-weight:bold;
}
.event-text span:first-child{
color: #544F43;
font-size: 1.4rem;
margin-bottom: 10px;
}
.event-text{
font-size: 1.5rem;
}

.event-detail{
vertical-align: top;
line-height: 2rem;
font-size: 1.3rem;
}
.event-detail li{
margin-bottom:1rem;
list-style:none;
}
.event-detail a{
text-decoration: underline;
}

.event-join{
margin-bottom: 4rem;
width: 100%;
display: none;
}
.event-join a{
color: #fff;
padding:10px 20px;
display: block;
text-align: center;
background: #4E7CB2;
border-radius: 4px;
font-size: 1.6rem;
font-weight: bold;
box-shadow: 0 4px 0 0 #ddd;
transition: background-color 0.3s;
}
.event-join a:hover{
background: #183e6a;
}
.event-join-text {
margin-bottom:.5rem;
}

.event-project{
display: table;
transition: opacity 0.3s;
color: #fff;
}
.event-project a{
display: inline-block;
width: 35%;
margin-right: 5%;
}
.event-project p{
display: inline-block;
font-size: 1.2rem;
width: 60%;
vertical-align: top;
}
.event-project p span{
display: block;
margin-top: -.3rem;
margin-bottom: 1rem;
font-weight: bold;
font-size: 1.3rem;
}
.event-end span{
display: none;
}
.event-end{
display: none;
color: #fff;
padding:10px 20px;
text-align: center;
background: #002f56;
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 4rem;
}



/*headerとnav*/
.header{
border-top: #225b9f solid 6px;
margin: 0;
padding: 0;
}
#top .header{
border:none;
}
.header-logo-sp{
width: 100%;
padding: 2rem 0 2rem;
}
.header-logo-sp-img{
width: 180px;
}
.hamburge-menu-btn{
position: absolute;
right:0;
top:2rem;
width: 30px;
}
.hamburge-menu{
padding: 1rem;
width: 100%!important;;
box-sizing: border-box;
margin: 0!important;
z-index: 51;
position: absolute;
}
.hamburge-menu li a{
display: inline-block;
padding: 1rem 2rem 1rem 2.5rem;
background: #fff url(/images/hamburger_menu_arrow.png) no-repeat 1.2rem 1.1rem;
width: 100%;
box-sizing: border-box;
margin-top: 2px;
}
.hamburge-menu li a:hover{
background-color: #f5f5f5;
}
.hamburge-menu li:first-child a{
margin-top: 0;
}
.hamburge-back-black{
width:100%;
height:100%;
background-color:#333;
position:absolute;
z-index:50;
opacity: 0;
}



.submenu{
text-align: center;
}
.submenu li{
display: inline-block;
font-weight: bold;
text-align: center;
border-radius: 3px;
font-size: 1.2rem;
line-height: 1.6rem;
color: #225B9F;
box-sizing: border-box;
width: 100%;
background: #f5f5f5;
margin: 0 0 4px;
padding:8px 15px;
transition: opacity 0.3s;
}
.submenu li:hover{
background: #e2e8ef;
}

body#floormap #floormap li, body#shop #shop li, body#hall #hall li, body#about #about li, body#awaji-am #awaji-am li, body#fab #fab li, body#studenthouse #studenthouse li, body#event-open #event-open li, body#event-close #event-close li, body#news-all #news-all li, body#news-waterras #news-waterras li, body#news-area #news-area li, body#news-other #news-other li{
color:#fff;
position: relative;
background: #225B9F;
}
body#floormap #floormap li img, body#shop #shop li img, body#hall #hall li img, body#about #about li img, body#awaji-am #awaji-am li img, body#fab #fab li img, body#studenthouse #studenthouse li img, body#event-open #event-open li img, body#event-close #event-close li img, body#news-all #news-all li img, body#news-waterras #news-waterras li img, body#news-area #news-area li img, body#news-other #news-other li img{
position: absolute;
right:0;
left:0;
margin: auto;
top: 65px;
}
body#floormap #floormap li:hover, body#shop #shop li:hover, body#hall #hall li:hover, body#about #about li:hover, body#awaji-am #awaji-am li:hover, body#fab #fab li:hover, body#studenthouse #studenthouse li:hover, body#event-open #event-open li:hover, body#event-close #event-close li:hover, body#news-all #news-all li:hover, body#news-waterras #news-waterras li:hover, body#news-area #news-area li:hover, body#news-other #news-other li:hover{
background: #225B9F;
}

.submenu-project{
background: #f5f5f5;
}
.submenu-project-icon{
text-align: center;
width: 100%;
position: relative;
margin-right: 0;
margin-left: 0;
}
.submenu-project a{
display: inline-block;
margin:.5rem;
background: #81B2E2;
}
.submenu-project a img{
width: 100%;
}
.submenu-project-icon .icon{
text-align: center;
}
.submenu-project-icon .icon a{
width: 28%;
}
.submenu-project-close{
position: absolute;
top:-4rem;
right:2rem;
}
.shop-sort-btn{
display: none;
}

#policy ul.policylist{
padding-left: 1.8em;
margin-top: 1em;
}
#policy ul.policylist li{
list-style: decimal;
}


/*footer*/
.footer{
background: #002F56;
margin-top: 6rem;
padding: 2rem 0 2rem;
}
#top .footer{
margin-top: 0;
}
.footer .wrapper{
color:#fff;
}
.footer ul{
vertical-align: top!important;
}
.footer-link-title{
font-weight: bold;
margin-bottom: .5rem;
}
.footer-link ul{
display: block;
padding-top: 2rem;
padding-right: 3rem;
}
.footer-link li{
white-space: nowrap;
}
.footer-link li a{
background: url(/images/footer_link_arrow.png) no-repeat left 4px;
color: #fff;
padding-left: 1rem;
font-size:1.3rem;
line-height: 2.5rem;
}
.footer-link li a:hover{
text-decoration: underline;
}
.footer hr{
border: none;
border-top: #335978 solid 1px;
padding: 0;
}
.footer-logo{
display: table-cell;
width:85px;
vertical-align: middle;
}
.footer-copy{
display: table-cell;
margin-left: 2rem;
vertical-align: middle;
font-size:1.3rem;
}
.footer-logo-box{
display: table;
letter-spacing: normal;/* i-b 隙間埋め用 */
width:100%;
}
.footer-top-btn{
position: fixed;
bottom:50px;
opacity: 0;
}

.social-button{
display: block;
width:160px;
box-sizing: border-box;
margin-right: 0;
padding-right: 0!important;
}
.social-button .fb{
display: inline-block;
width:58px;
height: 20px;
margin-right: 15px;
vertical-align: middle;
}
.social-button .tw{
display: inline-block;
width:68px;
height: 20px;
vertical-align: middle;
margin-right: 0;
margin-top: 5px;
}

.shop-data table{
margin: 2rem 0;
border-collapse: separate;
border-spacing: 2px;
width: 100%
}
.shop-data th{
padding: 1rem;
width: 20%;
background: #F0EFED;
}
.shop-data td{
padding: 1rem;
width: 80%;
background: #F7F7F6;
}
.shop-data td:first-child{
padding-top: 5rem;
background: #000;
}
.shop-data dl{
margin-top: .5rem;
}
.shop-data dt,.shop-data dd{
display: inline-block;
padding-bottom: .5rem;
vertical-align: top;
}
.shop-data dt{
width: 25%;
}
.shop-data dd{
width: 75%;
}
.shop-data table a{
color:#353F47;
padding-left: 1.5rem;
background: url(/images/shop_table_link.png) no-repeat 0 center;
text-decoration: underline;
}

.shop-name {
border-top: #F0EFED solid 4px;
border-bottom: #F0EFED solid 4px;
padding: 10px 0;
display: table;
width: 100%;
box-sizing: border-box;
margin-bottom: 3rem;
color:#002F56;
}
.shop-name h2{
display: table-cell;
width: 15%;
box-sizing: border-box;
vertical-align: middle;
background: url(/images/shop_name_floor_line.png) no-repeat right;
font-weight: bold;
text-align: center;
font-size:1.6rem;
padding-top: .8rem;
}
.shop-name h2 span{
display: inline-block;
font-size:3.4rem;
width: 100%;
text-align: center;
}
.shop-name h1{
display: table-cell;
vertical-align: middle;
padding-left: 2rem;
font-size:1.6rem;
padding-top: .5rem;
}
.shop-name h1 span{
display: inline-block;
font-size:2rem;
font-weight: bold;
width: 100%;
}
.shop-phone{
font-size:1.8rem;
font-weight: bold;
padding-left:2rem;
background: url(/images/shop_icon_phone.png) no-repeat 0 2px;
margin-bottom: 2rem;
color:#002F56;
}
.shop-phone span{
font-size:1rem;
}
.shop-info img{
margin-bottom: 1rem;
}
.shop-info{
margin-top: 0;
text-align:center;
}
.shop-info p{
background: #E3E06F url(../images/shop_title_info.png) no-repeat;
padding: .7rem;
text-align: center;
font-weight: bold;
font-size: 1.5rem;
line-height: 1.5rem;
}
.shop-info ul{
background: #F7F7F6;
padding: .5rem 2rem;
margin-bottom: 2rem;
}
.shop-info li{
padding: 1rem 0;
border-top: #E0DFDA dotted 1px;
}
.shop-info li:first-child{
border-top: none;
}
.shop-info li a{
text-decoration: underline;
}

.fab-list div{
text-align: center;
}
.fab-list p{
font-size: 1.1rem;
margin-top: 1rem;
text-align: center;
}
.fab-list p span{
font-size: 1.8rem;
font-weight: bold;
margin-right: 1rem;
}
.fab-list a{
position: relative;
display: inline-block;
}
.fab-icon-view{
display: block;
position: absolute;
right: 0;
bottom: 0;
z-index: 40;
}

.about-map{
border: #f0efed solid 2px;
text-align: center;
padding: 3rem 0;
}
.about-map p{
display: inline-block;
vertical-align: middle;
text-align: center;
margin-right: 2rem;
margin-left: 2rem;
}	
.gray-btn{
display: inline-block;
background:#F0EFED url(/images/link-btn-arrow.png) no-repeat 1.5rem 1.1rem;
padding: .7rem 2rem .5rem 3rem ;
margin-top: 1rem;
}
.gray-btn:hover{
background-color:#e7e7e6;
}
.header-blue{
color:#225b9f;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 2rem;
}
.header-blue-small{
color:#225b9f;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 1rem;
}
.hr-gray{
border: none;
border-top: #E0DFDA solid 1px;
width: 95.8318%;
margin:3rem auto;
}
.col10 .hr-gray{
width: 100%;
margin:2rem 0;
}
.about-color-box section{
border: #E0DFDA solid 1px;
padding: 2rem;
width: 48%;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
}
.about-color-box section:nth-child(2),.about-color-box section:nth-child(4){
margin-left: 2%;
}
.about-color-box section:nth-child(1),.about-color-box section:nth-child(2){
margin-bottom: 4%;
}
.about-color-box section h1{
font-size: 1.2rem;
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
}
.about-color-box section h1 span{
font-size: 1.6rem;
font-weight: bold;
}

.table-line{
width: 100%;
border-bottom: #E0DFDA solid 1px;
}
.table-line tr{
border-top: #E0DFDA solid 1px;
}
.table-line td,.table-line th{
padding:1rem 1rem;
}
.table-line td {
border-left: #E0DFDA solid 1px;
}
.table-line th {
background: #f7f7f6;
white-space:nowrap;
}
.about-histry th{
width:20%;
white-space:nowrap;
}

.blue-btn,.blue-btn-l{
display: inline-block;
background:#225b9f;
padding: .2rem .8rem ;
margin-top: 1rem;
color: #fff;
font-size: 1.1rem;
border-radius: 4px;
font-weight: bold;
line-height: 1.2;
padding-bottom:.4rem;
}
.blue-btn:hover,.blue-btn-l:hover{
background:#123b6e;
}
.blue-btn-l{
display: inline-block;
background:#4E7CB2;
padding: 1rem 2rem ;
font-size: 1.3rem;
}
.access-adress{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.access-gmap{
position: relative;
bottom: .4rem;
margin-top: 0;
margin-bottom: 0;
padding: 0;
text-align: right;
}
.access-map-back{
text-align: center;
background:#F0EFED;
}

.access-car h1,.access-motorcycle h1,.access-bicycle h1{
font-weight: bold;
font-size: 1.8rem;
padding-left: 3.5rem;
margin-bottom: 1rem;
}
.access-car h1{
color:#225b9f;
background: url(/images/access_icon_car.png) no-repeat 0 1px;
}
.access-motorcycle h1{
color:#51814a;
background: url(/images/access_icon_motorcycle.png) no-repeat 0 1px;
} 
.access-bicycle h1{
color:#660000;
background: url(/images/access_icon_bicycle.png) no-repeat 0 1px;
}

.floor-shop section{
border-top:#e0dfda solid 1px;
padding: 1rem 0;
transition:opacity .3s;
}
.floor-shop section:hover{
background: #f7f7f6!important;
}
.floor-shop-comingsoon:hover{
background: #fff!important;
}
.floor-shop section p:first-child{
display: inline-block;
width:8%;
border-right: #e0dfda solid 1px;
font-size: 1.6rem;
font-weight: bold;
color:#225b9f;
vertical-align: middle;
}
.floor-shop img{
display: inline-block;
width: 38%;
}
.floor-shop section p:last-child{
display: inline-block;
width: 50%;
vertical-align: middle;
background: url(../images/floormap-shop-arrow.png) no-repeat right center;
}
.floor-shop section p:last-child span{
font-size: 1.1rem;
width: 100%;
}
.floormap-num{
border-top: #f0efed solid 4px; 
text-align: center;
padding: 1.5rem 0;
font-size: 3.2rem;
font-weight: bold;
color: #225b9f;
box-sizing: border-box;
margin-top: 4rem;
}
.floormap-num span{
font-size: 2.4rem;
}
.floormap-num-under{
border: none;
border-bottom: #E0DFDA solid 1px;
width:120px;
margin-bottom: 1rem;
}
.floormap-s-box{
background: #F6F6F4;
border-radius: 6px;
padding:2rem 0;
}
#floor1 .col10, #floor2 .col10, #floor3 .col10 {
position: relative;
margin-bottom: 3rem;
}
#floor1, #floor2, #floor3 {
text-align: center;
}
.floormap-news{
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight:bold;
color: #225b9f;
background: url(../images/header_arrow_cercle.png) no-repeat 0 center;
padding-left: 1.8rem;
}

.popup{
width: 160px;
height: 83px;
background: url(../images/floormap_popup.png) no-repeat;
position: absolute;
opacity: 0;
display: none;
}

.popup img{
position: absolute;
width: 100%;
top:0;
right:0;
left:0;
bottom: 0;
margin: auto;
}



.news-list ul{
border-bottom:#E0DFDA solid 1px;
}
.news-list li{
border-top:#E0DFDA solid 1px;
}
.news-list li a{
display: block;
width: 100%;
height: 100%;
padding:1rem 0;
line-height: 1.5;
box-sizing: border-box;
transition: background-color .3s;
}
.news-list li a:hover{
background: #f7f7f6;
}
.news-list li span:last-child{
display: inline-block;
border-right: #E0DFDA solid 1px;
padding-right: 1rem;
margin-right: 1rem;
}
.news-label-waterras,.news-label-press,.news-label-shop,.news-label-site{
display: inline-block;
font-size: 1.2rem;
padding: .4rem .6rem;
top:.8rem;
height:1.5rem;
width: 9rem;
text-align: center;
line-height: 1.4;
margin-right: 1rem;
border-radius: 2px;
}
.news-label{
margin-bottom: 1rem;
}
.news-label-waterras{
background: #C7DAF0;
}
.news-label-press{
background: #E6E5AD;
}
.news-label-shop{
background: #CBE3C6;
}
.news-label-site{
background: #E6C7D9;
}
.news-detail p{
margin-bottom:2rem;
}
.news-detail p a{
text-decoration:underline;
color:#225b9f;
font-weight: bold;
}
.news-detail p strong{
font-size: 1.6rem;
font-weight: bold;
color:#002F56;
}
.news-detail .news-date{
font-weight: bold;
}
.news-list-more{
display: none;
}


.faq-list ul{
border-bottom:#E0DFDA solid 1px;
}
.faq-list li{
padding:1rem 0;
line-height: 1.5;
box-sizing: border-box;
}
.faq-q{
border-top:#E0DFDA solid 1px;
}
.faq-a{
border-top:#E0DFDA dotted 1px;
}
.faq-a a{
text-decoration:underline;
}
.faq-a span{
margin:1.5rem 0;
display:inline-block;
}
.faq-q p, .faq-a p{
display: inline-block;
width: 85%;
vertical-align: top;
}
.faq-q p{
font-size: 1.6rem;
color:#225b9f;
}
.faq-q p:first-child, .faq-a p:first-child{
display: inline-block;
font-size: 1.2rem;
padding: .4rem .6rem;
top:.8rem;
height:1.5rem;
width: 5%;
text-align: center;
line-height: 1.4;
margin-right: 1rem;
font-weight: bold;
border-radius: 2px;
}
.faq-q p:first-child{
background: #C7DAF0;
}
.faq-a p:first-child{
background: #F0EFED;
}

#contact .col8 li{
padding: .5rem 0;
}
#contact .col8 li:nth-child(even){
margin-bottom: 1.5rem;
padding-bottom: 2rem;
border-bottom: #f0efed solid 1px;
}
#contact .col8 li em{
display: inline-block;
padding: .2rem .4rem;
background: #81b2e2;
color:#fff;
font-size: 1.1rem;
font-weight: bold;
line-height: 1.2;
margin-right: 1rem;
position: relative;
bottom: 2px;
}
#contact .col8 li span.caution{
display: inline-block;
margin-top: 1rem;
}
#contact input, #contact textarea{
border: #e0dfda solid 1px;
padding:1rem;
}
#contact input{
margin-right: .5rem;
}
#contact textarea{
border: #e0dfda solid 1px;
padding:1rem;
width: 80%;
box-sizing: border-box;
}
#contact select{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: .5rem;
border: #e0dfda solid 1px;
padding: 1rem 1.5rem;
font-size: inherit;
background: url(/images/form_arrow.png) no-repeat right 1rem center;
width: 25rem;
}

#contact button{
display: inline-block;
background:#225b9f;
padding: 1rem 2rem ;
color: #fff;
font-size: 1.3rem;
border-radius: 3px;
font-weight: bold;
border: none;
cursor: pointer;
}
#contact button:hover{
background:#123b6e;
}
#contact .answer{
font-weight:bold;
color:#002F56;
}


@media screen and (min-width:768px) {

.lead h1{
font-size: 2.4rem;
}

.top-news .col12{
background: url(/images/top_news_tit.png) no-repeat left center;
background-size:18%;
text-align: right;
}
.top-news ul{
width: 81%;
}
.top-news a{
font-size: 13px;
padding-left:0!important; 
}


.header-logo{
width: 12%;
text-align: left;
padding: 0;
display: inline-block;
}
.header-logo-sp{
display: none;
}
.nav{
border-spacing: 16px;
overflow: hidden;
}
.nav a{
font-size: 1.5rem;
line-height: 2rem;
padding-bottom: 15px;
font-weight: normal;
background: none;
}
.nav a span{
display: inline-block;
}
.nav-wrap{
width: 87%;
}

/*スクロール後のヘッダ*/


.event-list-data{
margin-top:2rem;
}

.nav-all-scroll{
position:fixed!important;
height:60px!important;
border-spacing:2px!important;
top:-10px!important;
}
.nav-all-span-scroll{
display:none!important;
}
.nav-all-nav-a-scroll{
padding-bottom:1.2rem!important;
padding-top:.3rem!important;
}
.header-logo-img-scroll{
width:50px!important;
}
.header-scroll{
z-index: 9999;
background: #fff;
border-top: none;
height:50px;
position: fixed;
}


.submenu{
padding-top:10px;
background: #f5f5f5;
}
.submenu li{
font-size: 1.4rem;
line-height: 2.0rem;
width: auto;
background: #fff;
margin: 0 3px 10px;
padding:10px 18px;
}
h1.page-title{
font-size:2.4rem;
}
.footer-link{
width: 100%;
}
.footer-link ul{
display: inline-block;
padding-top: 1rem;
}
.footer-copyright{
text-align: right;
font-size:1.1rem;
}


.news-sort-btn{
margin-top:0rem;
}
.shop-sort-btn, .news-sort-btn{
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 1rem;
margin-bottom:2rem;
}
.shop-sort-btn a, .news-sort-btn a{
padding:.7rem 1rem;
display: table-cell;
background: #f5f5f5;
box-sizing: border-box;
text-align: center;
font-size: 1.4rem;
font-weight: bold;
color: #868C91;
border-radius: 3px;
}
.shop-sort-btn a:hover, .news-sort-btn a:hover{
background: #F0EFED;
}
.shop-sort-btn a.selected:hover, .news-sort-btn a.selected:hover{
cursor: default;
}
.shop-sort-btn a.selected, .news-sort-btn a.selected{
background: #75A5E0;
color:#fff;
}
.shop-sort-btn a img, .news-sort-btn a img{
margin-right: .7rem;
}


.submenu-project-icon .icon a{
width: auto;
}

/*アンカーリンクの位置調整*/
#shop11,#shop12,#shop13,#shop14,#shop15,#shop16,#shop17#shop18,#shopc1,#shop21,#shop22,#shop23,#shop24,#shop25,#shopex,#shopc2,#shop31,#shop32,#shop33,#shop34,#shop35,#shop36,#shopa1,#shopa2,#shopc3{
margin-top:-30px;
padding-top:60px;
padding-bottom:20px;
box-sizing:border-box;
display:inline-box;
vertical-align:top;
}
.shop-margin{
height:60px;
}
.shop-data .col7,.shop-data .col5{
margin-top:0;
margin-bottom:0;
}
.shop-name h1 span{
font-size:2.5rem;
}

.shop-phone span{
font-size:1.4rem;
}
.terms-list dt{
width:12%;
}
.terms-list dd{
width:88%;
}
.student-recruitment{
font-size: 2rem!important;
}
.qa-q dt,.qa-a dt{
width:5%;
}
.qa-q dd,.qa-a dd{
width:95%;
}
.shop-info{
margin-top: 20px;
}
.about-map p{
margin-left: 4rem;
}
.top-banner{
width:45.83%;
margin-top:2rem;
}
.news-label{
margin-bottom: 0;
}

}








@media screen and (min-width:960px) {

.nav a{
font-size: 1.6rem;
}

.social-button{
float: right;
text-align: right;
}

.submenu-project-close{
right:6.2rem;
}
.submenu li{
font-size: 1.5rem;
padding:12px 20px;
}

.shop-sort-btn a img{
margin-right: 1rem;
}
.shop-sort-btn a{
font-size: 1.6rem;
}

.faq-q p, .faq-a p{
width: 92%;
}
.faq-q p:first-child, .faq-a p:first-child{
width: 3%;
}





}