@charset "utf-8";


/* Mobile Layout: 480px and below. */
#スマートフォン {
}
#top_slider {
    width: 100%;
    float: left;
    clear: both;
}
#top_slider h2 {
    text-align: center;
    color: #3E342A;
    letter-spacing: 0.2em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 2em;
}
#top_slider h2 .em05 {
    letter-spacing: 0em;
}


#greeting {
    width: 100%;
    float: left;
    clear: both;
}
#greeting h3 {
    color: #E86E71;
    text-align: center;
    line-height: 0.8em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.6em;
}
#greeting p {
    margin-left: 2%;
    margin-right: 2%;
    line-height: 1.8em;
}


#service {
    width: 100%;
    float: left;
    clear: both;
}
#service h3 {
    color: #E86E71;
    text-align: center;
    line-height: 0.8em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.6em;
}


#service .s_box {
    background-image: url(../images/jyukouen/serve_bess.png);
    background-position: 0% 0%;
    background-size: 100% 100%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
    margin-bottom: 10px;
}
#service .s_box img {
    min-height: 80px;


}


.s_box dl dt {
    color: #D66B6D;
    font-weight: bold;
}
.s_box dl dt a {
    color: #DD6668;
    text-decoration: none;
}
.s_box dl dd {
    margin-left: 0px;
    font-size: 0.8em;
    text-align: left;

}
table tr th {
    border-bottom: 1px dashed #C1ABAC;
    font-size: 0.9em;
    color: #835D5E;
}
table tr td {
    border-bottom: 1px dashed #C1ABAC;
    font-size: 0.9em;
}



#about {
    width: 100%;
    float: left;
    clear: both;
}
#about h3 {
    color: #E86E71;
    text-align: center;
    line-height: 0.8em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.6em;
}
#about p {
    text-align: center;
}

#about h4 {
    text-align: center;
    color: #7A4647;
    background-image: url(../images/kureyon_yelow_257.png);
    background-repeat: no-repeat;
    padding-bottom: 10px;
    background-position: center bottom;
    background-size: 160px auto;
    font-size: 1.2em;
}
#about table {

}

#about table tr th {
    border-bottom: 1px dashed #BEA5A6;
    color: #835859;
    font-weight: normal;
    font-size: 0.8em;
}
#about table tr td {
    border-bottom: 1px dashed #BEA5A6;
    font-size: 0.9em;
    padding-left: 2%;
    padding-top: 5px;
    padding-bottom: 5px;
}
#about .con1200 .photo {
    margin-left: 0px;
    padding-left: 0px;
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.con1200 .photo li {
    list-style-type: none;
    width: 50%;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
}
.photo li .swipebox {
    margin-bottom: 0px;
    padding-bottom: 0px;
    float: left;
    display: block;
    width: 100%;
}
li .swipebox img {
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    float: left;
}



#pr {
    width: 100%;
    float: left;
    clear: both;
}
#pr h3 {
    color: #E86E71;
    text-align: center;
    line-height: 0.8em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.6em;
}
#pr p {
    margin-left: 2%;
    margin-right: 2%;
}

#pr .pr_book {
    width: 46%;
    text-align: center;
    clear: none;
    float: left;
    margin-bottom: 30px;
    margin-left: 2%;
    margin-right: 2%;
}
#pr .pr_book img {
    float: left;
    clear: right;
    margin-bottom: 10px;
}


#pr .pr_book li {
    list-style-type: none;
    color: #AC595A;
    font-weight: bold;
}
.pr_book li a {
    color: #8A4243;
    text-decoration: none;
}
#pr h4 {
    text-align: center;
    color: #7A4647;
    background-image: url(../images/kureyon_yelow_257.png);
    background-repeat: no-repeat;
    padding-bottom: 10px;
    background-position: center bottom;
    background-size: 160px auto;
    font-size: 1.2em;
    clear: both;
}
#event #kamihanki li {
    list-style-type: none;
    color: #B57278;
    font-weight: bold;
    line-height: 1.6em;
}
#event #shimohanki li {
    list-style-type: none;
    color: #B57278;
    font-weight: bold;
    line-height: 1.6em;
}
#pr .s_box {
    background-image: url(../images/jyukouen/serve_bess.png);
    background-position: 0% 0%;
    background-size: 100% 100%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;
    margin-bottom: 10px;
    width: 44%;
    float: left;
    clear: none;
    margin-left: 1%;
    margin-right: 1%;
}
#pr .s_box img {


}




#access {
    width: 100%;
    float: left;
    clear: both;
}
#access h3 {
    color: #E86E71;
    text-align: center;
    line-height: 0.8em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.6em;
}
#access p {
    margin-left: 2%;
    margin-right: 2%;
}
#access h4 {
    text-align: center;
    color: #7A4647;
    background-image: url(../images/kureyon_yelow_257.png);
    background-repeat: no-repeat;
    padding-bottom: 10px;
    background-position: center bottom;
    background-size: 160px auto;
    font-size: 1.2em;
    clear: both;
}
#access ul li {
    width: 95%;
}



#recruit {
    width: 100%;
    float: left;
    clear: both;
}
#recruit p {
    margin-left: 2%;
    margin-right: 2%;
}

#recruit h3 {
    color: #E86E71;
    text-align: center;
    line-height: 0.8em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.6em;
}
#recruit ul li {
    color: #FFB300;
    line-height: 1.8em;
}
#recruit ul li a {
    color: #E37E87;
    text-decoration: none;
    font-weight: bold;
}



































































/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

	
#タブレット {
}
#greeting {
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}
#service {
    padding-bottom: 30px;
}


#service .s_box {
    width: 42%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 3%;
    padding-right: 3%;
    margin-bottom: 1%;
    padding-top: 3%;
    padding-bottom: 1%;
    min-height: 380px;
}
#about {
    padding-bottom: 30px;
}
#about #flooremap {
    margin-left: 20%;
    width: 60%;
}

#about table {
    margin-left: auto;
    margin-right: auto;
}
#about .photo li {
    width: 25%;
    margin-bottom: 10px;
}

#pr .pr_book {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}
#pr #event #kamihanki {
    width: 50%;
    float: left;
    clear: none;
}
#pr #event #shimohanki {
    width: 50%;
    clear: none;
    display: block;
}
#pr .s_box {
    width: 42%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 3%;
    padding-right: 3%;
    margin-bottom: 1%;
    padding-top: 3%;
    padding-bottom: 1%;
}
    
    
    
    
    
#recruit {
    text-align: center;
}

#recruit img {
    width: 60%;
    text-align: center;
}
#recruit p {
    text-align: left;
    list-style-type: none;
}
#recruit ul li  {
    text-align: left;
    margin-left: 40%;
}









	
	
	
	
	
	
	
	
	

	
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

#パソコン {
}
#service .s_box {
    width: 29.8%;
    padding-left: 1.5%;
    padding-right: 1.5%;
    margin-left: 0.2%;
    margin-right: 0.2%;
    padding-top: 2%;
    padding-bottom: 1%;
}
#about #flooremap {
    margin-left: 30%;
    width: 40%;
}

#about .photo li {
    width: 20%;
}

#event #kamihanki li {
    padding-left: 30%;
    line-height: 3em;
}
#event #shimohanki li {
    line-height: 3em;
}
#pr p {
    text-align: center;
}

#pr .pr_book {
    width: 18%;
}
#pr .s_box {
    width: 22.4%;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 0.3%;
    margin-right: 0.3%;
    padding-top: 2%;
    padding-bottom: 1%;
}

#pr #event #kamihanki {
}









	





}	
/* WideDesktop Layout: 1233px to a max of 2000px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1233px) {
#ワイドパソコン {
}
#service .con1200 .s_box {
    min-height: 400px;
}


	




		
}