@charset "UTF-8";

body {
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	margin:0;
	word-break: break-all;
}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}

img {
  vertical-align: bottom;
}

#header {
    max-width:770px;
    height: 70px;
    border-bottom: 2px solid #D0AE57;
	margin: 0px auto;
}
#header .headLogo {
    width: 100px;
    padding: 0;
}

#conWrap {
	max-width: 770px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

.content {
	max-width: 770px;
	margin: 0 auto;
}

.piece {
  width: 50%;
  float: left;
}

.sec01 {
  background-color: #f4efdc;
}
.sec02 {
  background-color: #eae3c7;
}
.sec03 {
  background-color: #ddf1fc;
}
.sec04 {
  background-color: #fdf2f3;
}
.sec05 {
  background-color: #fff;
}

.caps {
	font-size: 14px;
	line-height:1.7;
	text-align: left;
	padding: 3% 4%;
}

.m-footer-copyright {
    margin: 0;
    padding: 3px 3 2px;
    color: #fff;
    line-height: 1.5;
    font-size: 12px;
}
.l-footer-copyright {
    background: #e12c38;
    text-align: center;
}



#js-header, #js-footer{	
display: none;	
}




@media screen and (min-width:0px) and ( max-width:770px) {
.dis_pc {
	display:none;
}
#header {
    height: 10vw;
    border-bottom: 2px solid #D0AE57;
}
#header .headLogo {
    width: 14vw;
}
.caps {
	font-size: 2.8vw;
}
.m-footer-copyright {
font-size: 10px;
}
}

@media screen and (min-width:771px) and ( max-width:9999px) { 
.dis_sp {
	display:none;
}
}


.mt5 {
	margin: 5px auto 0px;
}

.mt10 {
	margin: 10px auto 0px;
}

.mt20 {
	margin: 20px auto 0px;
}

.mt30 {
	margin: 30px auto 0px;
}

.mt50 {
	margin: 50px auto 0px;
}

.mt70 {
	margin: 70px auto 0px;
}

.mt100 {
	margin: 100px auto 0px;
}

.mb10 {
	margin: 0px auto 10px;
}

.mb20 {
	margin: 0px auto 20px;
}