@charset "UTF-8";


@media (min-width: 320px) {
/* ページタイトル */
section .titlearea {
	background: url(../night/images/head_img.jpg) no-repeat center top;
	margin-top: 0px;
}

.phone {
	background: #eef3f9 url(../images/line_ladder.gif) repeat-x left bottom;
	display: table;
    width: auto;
	margin: 2em auto;
	padding: 0.5em 2em;
}
.phone * {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}
.phone p {
	font-size: 133%;
	font-weight: bold;
}
.phone p span {
	color: #3d638e;
}

.detail{
  background: url(../images/back_gray.gif);
  background-size: 50px;
  padding: 60px 0px;
}
.detail > div{
  background: #ffd6d6;
  padding: 20px;
  margin: 0px auto;
  max-width: 1000px;
}

.detail .kome{
  position:relative;
  padding-left:1.3em;
}
.detail .kome:before{
  content:"※";
  position:absolute;
  left:0;
  top:0;
  
}

.banner{
  text-align:center;
}
.banner a img{
  max-width:100%;
  height:auto;
}

}

@media (min-width: 360px) {
  .detail >div{
    
    margin:0 20px;
    width: auto;
    }
}

@media (min-width: 400px) {
}

@media (min-width: 520px) {
}

@media (min-width: 768px) {
/* ページタイトル */
section .titlearea {
	background-position: center center;
}
.detail >div{
    
    margin:0 40px;
    width: auto;
    }

}


@media (min-width: 1160px) {
  .detail >div{
    
    margin:0px auto;
    width: auto;
    }

}


@media (min-width: 1200px) {
}