@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : base.css
Description : 共通ベースラインCSS
===================================================================== */

/* =====================================================================
*    共通・大枠
* =================================================================== */
html {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
	font-size: 10px;
    font-size: 3.125vw;
	line-height: 1.5;
}

.wrapper {
    position: relative;
    background: url(../images/bg_main.png);
    background-size: 9.87% auto;
}

@media screen and (min-width:700px){
	html {
		font-size: 1vw;
	}
    
    .wrapper {
        background-size: 3.46% auto;
    }

	/* 右カラム枠 */
	#right_column {
		position: absolute;
		top: 0;
		right: 0;
	}
}

@media screen and (min-width:1040px){
    html {
		font-size: 10px;
	}
    
    .wrapper {
        background-size: 36px auto;
    }
}

@media screen and (min-width:1060px){    
	/* 右カラム枠 */
	#right_column {
		right: 50%;
		margin-right: -520px;
	}
}

img {
	width: 100%;
	height: auto;
	display: block;
}



@media screen and (max-width:699px){
	.pc {
		display: none;
	}
}

@media screen and (min-width:700px){
	.sp {
		display: none;
	}
}