/*ハンバーガーメニューに関する記述*/

.sp,#sp{
	display: none;
}

#menu .menuopen{
	display: none;
}
#menu .menuclose{
	display: none;
}

#menu ul{
	display: none;
}

#menu .menuText{
	display: none;
}
.pc,#pc{
    display:fixed;
}

.tab{
    display:fixed;
}

/*--header----------start------------*/

body {
    background:#ffffff;;
    /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-size: 20px;
	line-height: 1;
    margin: 0 auto;
}

/*--共通----------start-------------*/

.content {
    line-height: 1.6;
    margin: 0 auto;
	width: 100%;
	font-size: 16px;
    margin-top: 60px;
    max-width: 1450px;
}

/*pagetopへ戻るボタン*/
.pagetop {
    position: fixed;
    bottom: 50px;
    right: 60px;
    width: 50px;
    height: 50px;
    z-index: 5;
}

#pageTop{
    display:none;
}

#pageTop a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
}

/*お問合せリンクボタン*/
.contact-link {
    /*display:none;*/
    position: fixed;
    bottom: 200px;
    right:-80px;
    z-index: 3;
}




.next{
    width:8%;
    margin:0 auto;
}

.next-image{
    width:100%;
    margin:0 auto;
}

.next-image img{
    width:100%;
}


.banner{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 100px;
}

.banner-text{
    font-size: 35px;
    text-align: center;
    letter-spacing: 0.5rem;
    font-family: HGS明朝B;
    line-height: 2.5;
    margin-bottom: 30px;
}

.banner-image{
    width: 55%;
    margin: 0 auto;
    max-width: 850px;
}

.banner-image img{
    width:100%;
    border: 1px solid #A8A8B7;
}

.banner-mailform{
    margin-top: 50px;
    width: 45%;
    margin: 50px auto;
    box-shadow: 2px 4px 4px gray;
    max-width: 695px;
}

.banner-mailform p{
    text-align: center;
    font-size: 28px;
    font-family: HGS明朝B;
    letter-spacing: 0.3rem;
    padding: 20px 0;
    border: 1px solid #9797A6;
    background: #DC73FF;
}

.banner-mailform a{
    text-decoration:none;
    color:white;
}

.banner-mailform a:hover{
    color:crimson;
}



/*--共通----------end-------------*/

@media screen and (max-width: 522px) {
    .next{
    width:20%;
}
    
    
}