@charset 'UTF-8';

/* --------------------------------------------------------------------------------------
   リセット
--------------------------------------------------------------------------------------- */

html { font-size: 62.5%; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,caption,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin: 0;
	padding: 0;
}

body {
	color: #313131;
	font-family: 'Hiragino Sans W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.8rem;
	overflow-x: hidden;
	text-align: center;
	-webkit-text-size-adjust: 100%;
}

div,p,blockquote,li,dt,dd,pre,form,textarea,select,button,input,td,th,address,h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div,p,dl,dt,dd,ul,ol,li,table,th,td,textarea,address,h1,h2,h3,h4,h5,h6,a { box-sizing: border-box; }

th,td {
	text-align: left;
	vertical-align: top;
}

a {
	color: #000;
	overflow: hidden;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

img,iframe { border: none; }

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

table {
	border-collapse: collapse;
	font-size: 100%;
}

ol,ul,li,nav,menu { list-style: none !important; }

input { vertical-align: middle; }

address a { cursor: default; }

svg { pointer-events: none; }


/* --------------------------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------------------------- */

.clearfix:after {
	clear: both;
	content: '';
	display: block;
}

/* --------------------------------------------------------------------------------------
  AEM用のリセット
--------------------------------------------------------------------------------------- */

.uc-mod-media-01,
.uc-mod-media-01 .uc-object,
.CMP-CM10-text div,
.uc-list,
.uc-mod-nav-breadcrumb-01,
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
	margin-top: 0;
}

h1, h2, h3, h4, h5, h6 { color: #333; }

.uc-page-body .uc-lyt-row {
	margin-bottom: 0;
	padding: 0;
}

.uc-page-header .uc-header-company,
.uc-mod-media-02 .uc-object { margin-bottom: 0; }

.uc-page-body .uc-lyt-container { border-top: none; }

.uc-lyt-grid-col-flex {
	flex: none;
	max-width: inherit;
	padding: 0;
}

.uc-mod-media-01 .uc-caption,
.uc-mod-media-01 .uc-object,
.CMP-CM18-video div,
.uc-mod-sns-01, .uc-mod-sns-02,
.uc-page-footer .uc-lyt-col {
	margin: 0;
	padding: 0;
}

.uc-mod-media-01 a .uc-caption::after { display: none; }

.uc-sp { display: none; }

nav { background-color: transparent; }

.uc-mod-nav-breadcrumb-01 li:last-child a::after { display: none; }

img[src$='.svg'] { width: 100%; }

/* --------------------------------------------------------------------------------------
   タブレット
--------------------------------------------------------------------------------------- */

@media(max-width:979px) {

	.uc-pc { display: none; }

	.uc-sp { display: block; }
}

/* --------------------------------------------------------------------------------------
   スマホ
--------------------------------------------------------------------------------------- */

@media(max-width: 766px) {

	html,body {
		overflow-x: hidden;
		overscroll-behavior: none;
	}

	a {
		display: block;
		overflow: hidden;
	}

	input { vertical-align: middle; }
}