html{font-size: 62.5%;}
body{min-width:initial;width:100%;margin:0;color:#222;font-size:1.6rem;}
a{text-decoration:none;color:#222;}
br.pc{display:none;}

#wrap{overflow:hidden;font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;display: flex;justify-content: center;align-items: center;

/* 画像ファイルの指定 */
background-image: url(/image/common/pc_bg2021.jpg);
/* 画像を常に天地左右の中央に配置 */
background-position: center center;
/* 画像をタイル状に繰り返し表示しない */
background-repeat: no-repeat;
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 
background-attachment: fixed;*/
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
background-size: 100vw;
/* 背景画像が読み込まれる前に表示される背景のカラー */
background-color: #fff;
height: 100vh;
}
p{line-height:1.5em;padding:0 1em 1em;}

#main{text-align:center;}
#main h1{padding-bottom:3rem;}
#main h1 img{width:320px;}
#main .text1{font-size:2.4rem;font-weight:700;padding-bottom:20px;}
#main .text2{padding-bottom:40px;}
#main .bnr_yogibo{padding-top:80px;}
#main .yogibo{width:640px;}


.a_btnWrap{text-align:center;}
.a_btn{background: #f90;color: #fff;padding: 16px 80px;text-decoration: none;border-radius: 30px;transition-property: opacity;-webkit-transition-property: opacity;transition-duration: .5s;-webkit-transition-duration: .5s;}
.a_btn:hover{opacity: .7;}

@media screen and ( max-width:479px )
{

br.pc{display:block;}

#wrap{overflow:hidden;
/* 画像ファイルの指定 */
background-image: url(/image/common/sp_bg2021.jpg);
/* 画像を常に天地左右の中央に配置 */
background-position: top center;
background-size: 85vw;
height: auto;
}

body{font-size:1.4rem;}
#main h1{padding-top:17vh;}
#main h1 img{width:50vw;}
#main .yogibo{width:90vw;}
#main .text1{font-size:1.8rem;}

#main .bnr_yogibo{padding-top:40px;}
}


/* ウィンドウ幅が0-479pxの場合に適用するCSS */

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

}