@charset "UTF-8";
/*----------------------------------------

	Default CSS

	- default setting
	- font setting
	- line-height setting
	- indent setting
	- link setting
	- color setting
	- common setting
	- clearfix
	- header
	- content
	- footer
	- print

-----------------------------------------*/

:root {
	scroll-behavior: auto;
}

/*----------------------------------------
	default setting
-----------------------------------------*/
th,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: normal;
}

p,
dl,
dd,
ol,
ul,
figure {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: separate;
}

body {
	color: #333333;
	font-family: 'Noto Sans JP', YuGothic, YuGothicM, Yu Gothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	-webkit-font-smoothing: antialiased;
	/* Safari フォント表示補正 */
	-moz-osx-font-smoothing: grayscale;
	/* Firefox フォント表示補正 */
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	line-height: 1.6;
	font-size: 16px;
}

@media screen and (min-width:768px) {
	body {
		font-size: 18px;
		line-height: 1.8;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	body {
		font-size: 16px;
	}
}

html,
body {
	height: 100%;
}

img {
	vertical-align: bottom;
	max-width: 100%;
	width: 100%;
	height: auto;
}

em {
	font-style: normal;
	font-weight: bold;
}

li,
dt,
dd {
	list-style: none;
	vertical-align: bottom;
}

li img,
dt img,
dd img {
	vertical-align: top;
}

small {
	font-size: 100%;
}

input,
textarea,
select {
	outline: none;
}

/* 英語フォント */
[class^="en"],
[class*=" en"] {
	font-family: "Heebo", sans-serif;
	//letter-spacing: 0.06em;
	//text-transform: uppercase;
}

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

	/* pc  768 - # */
	.pcObj {}

	.spObj {
		display: none;
	}
}

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

	/* sp  # - 767 */
	.pcObj {
		display: none;
	}

	.spObj {}
}

.en_lignt01 {
	font-weight: 300;
}

.en_sbold01 {
	font-weight: 600;
}

.en_bold01 {
	font-weight: 700;
}

#fb-root {
	display: none;
}

.over,
.modal {}


/*----------------------------------------
	line-height setting（default/2）
-----------------------------------------*/
.clearlh {
	line-height: 0;
}

.lh1 {
	line-height: 1;
}

ol#breadcrumb,
.lh12 {
	line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6,
small,
[class^="en_"],
[class*=" en_"],
.lh15 {
	line-height: 1.5;
}

.lh2,
.lh2_15 {
	line-height: 2;
}

.lh17 {
	line-height: 1.75;
}

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

	/* sp  # - 768 */
	.lh2_15 {
		line-height: 1.5;
	}
}

/*----------------------------------------
	indent setting
-----------------------------------------*/
.indent00 {
	display: block;
}

.indent01 {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.indentVar>span {
	display: table-cell;
	vertical-align: top;
}

/*----------------------------------------
	link setting
-----------------------------------------*/
a,
a:focus {
	outline: none;
}

a:link,
a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover,
a:active {
	color: #333333;
	text-decoration: none;
}

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

	/* sp  # - 768 */
	a:hover,
	a:active {
		text-decoration: none;
	}
}

body.pc img.rOver:hover,
body.pc a.rOver:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

/*----------------------------------------
	color setting
-----------------------------------------*/
.white01,
a.white01 {
	color: #ffffff;
}

.red01,
a.red01 {
	color: #660000;
}

/*----------------------------------------
	common setting
-----------------------------------------*/
#wrapper {
	width: 100%;
	position: relative;
	height: auto !important;
	/*IE6対策*/
	height: 100%;
	/*IE6対策*/
	min-height: 100%;
}

.clearfsize {
	font-size: 0;
	line-height: 0;
}

.bold00 {
	font-weight: normal;
}

.bold01 {
	font-weight: bold;
}

.bold01_00 {
	font-weight: bold;
}

@media screen and (min-width:768px) {
	.bold00_01 {
		font-weight: bold;
	}

	.bold01_00 {
		font-weight: normal;
	}
}

.taC,
.taC_R,
.taC_L {
	text-align: center;
}

.taL,
.taL_C,
.taL_R {
	text-align: left;
}

.taR,
.taR_C,
.taR_L {
	text-align: right;
}

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

	/* sp  # - 768 */
	.taL_C,
	.taR_C {
		text-align: center;
	}

	.taC_R,
	.taL_R {
		text-align: right;
	}

	.taC_L,
	.taR_L {
		text-align: left;
	}
}

/* リストマーク */
.square01 {
	display: block;
	padding-left: 1em;
	text-indent: -2em;
}

.square01:before {
	content: "\025a0";
	width: 1em;
	padding-left: 1em;
	color: #cccccc;
}

.disc01 {
	display: block;
	padding-left: 1.5em;
	text-indent: -2em;
}

.disc01:before {
	content: "\030fb";
	width: 1em;
	padding-left: 1em;
	color: #333333;
}

.rpimg {
	width: 100%;
	height: auto;
}

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

	/* pc  768 - # */
	.pcimg {
		width: 100%;
		height: auto;
	}
}

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

	/* sp  # - 768 */
	.spimg {
		width: 100%;
		height: auto;
	}
}

/*----------------------------------------
	clearfix
-----------------------------------------*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/*----------------------------------------
	z-index
-----------------------------------------*/

/* tb  768 - # */
@media screen and (min-width:768px) {}

/* pc  1200 - # */
@media screen and (min-width:1200px) {}

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

/* tb  768 - # */
@media screen and (min-width:768px) {}

/* pc  1200 - # */
@media screen and (min-width:1200px) {}

/*----------------------------------------
	content
-----------------------------------------*/

/* tb  768 - # */
@media screen and (min-width:768px) {}

/* pc  1200 - # */
@media screen and (min-width:1200px) {}

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

/* tb  768 - # */
@media screen and (min-width:768px) {}

/* pc  1200 - # */
@media screen and (min-width:1200px) {}

/*----------------------------------------
	print
-----------------------------------------*/
@media print {}