@charset "shift_jis";
/* 基本レイアウト 
------------------------------------------*/
.wrapper {
	width: 100%;
}
p{
	font-size: 12px;
}
img{
	max-width: 100%;
	height: auto;
}

.sp{display: block;}
.pc{display: none;}
.Right_box{float:none;}
.Left_box{float:none;}

/* ヘッダー（header）
------------------------------------------*/
#header {
	padding: 15px;
}
#header .icon{
	position: absolute;
	top:10px;
	right: 10px;
}
/* main
------------------------------------------*/
#mainimg .wrapper {
	width: 100%;
}
#mainimg {
    padding: 50px 0;
    background-size: auto 100%;
}
#mainimg h2{
    width: 94%;
    margin: 0 auto;
}
#mainimg a {
    width: 90%;
}

#about h3 {
	text-align: center;
    font-size: 15px;
    padding: 10px 15px;
}

#about{
	margin: 0 auto;
}

#about .monthly{
	margin: 10% 20% 5% 20%;
	width: 60%;
}
#about p{
	margin: 0 auto;
	padding: 10px 15px;
	width: 90%;
}
	
#about p.present{
	margin: 5% auto;
	padding: 3%;
	width: 85%;
}	
	
#about .monthly img {
    width: 100%;
}


#flow {
    padding-bottom: 10px;
}
#flow h3 {
    padding: 30px 0 10px;
    font-size: 25px;
}

#flow ul li {
    background: none;
    margin: 0 auto 20px;
    padding: 0;
    float: none;
    width: 210px;
}

#flow a.btn {
    width: 90%;
}
#linkbox a.btn {
    width: 90%;
}


#linkbox {
    padding: 20px 0;
}

/* footer
------------------------------------------*/

#footer ul.back li {
    width: 80%;
    height: auto;
    margin: 10px 0;
}
#footer ul {
    width: 100%;
}


#kiyaku{
	width: auto;
}
#kiyaku div{
	padding: 50px 10px;
}