@charset "UTF-8";
/*
	BASE
*******************************/

/*
font-family: 'Noto Sans JP', sans-serif;
font-family: "Noto Serif JP", serif;
font-family: "Lato", sans-serif;
*/
* {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	font-feature-settings: "palt";
	line-height:1;
	img {
		max-width: 100%;
		height: auto;
	}
}
html {
	font-size:62.5%;
	line-height:1;
	body {
		font-size:1.6rem;
		img {
			-webkit-backface-visibility: hidden;
			vertical-align:bottom;
			line-height:0;
		}
		p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6,label {
			color:#000000;
		}
		a {
			color:#000000;
			text-decoration:none;
			outline:none;
			border:none;
			&:hover {
				text-decoration:none;
			}
			img {
				outline:none;
				border:none;
				-webkit-backface-visibility: hidden;
			}
		}
		area {
			border:none;
			outline:none;
		}
		.clear {
			clear:both;
		}
	}
}


:root {
	--color_base: #05618d;
	--color_base2: #003d96;
}



/*//////////////////////////////////////////////////////////////////////////*/

/*
	BASE LAYOUT
******************/

body {
    background: url(../img/common/bg.jpg);
	#main {
		width:100%;
		margin:0;
		padding:0;
		position:relative;
	}
}

.wrap {
	width:100%;
	.contents {
		width:calc(100% - 60px);
		max-width:1100px;
		margin:0 auto;
		box-sizing:border-box;
	}
}
.nolink {
	pointer-events: none;
}


@media screen and (max-width:1024px){

}

@media screen and (max-width:768px){

/*
	Contents LAYOUT
******************/

.wrap {
	.contents {
		width:calc(100% - 40px);
	}
}
	
}


@media screen and (max-width:768px) {
    .pcOnly {
    	display:none !important;
    }
    .tbOnly {
    	display:none !important;
    }
	body.hidden {
		overflow: hidden;
	}
}
@media screen and (min-width:769px) {
    .spOnly {
    	display:none !important;
    }
}
@media screen and (min-width:1025px) {
    .sptbOnly {
    	display:none !important;
    }
    .tbOnly {
    	display:none !important;
    }
}