@charset "utf-8";

/* reset
-------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}


/* custom
-------------------------------- */
main{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
h1,h2,h3,h4,h5,h6,small{font-weight:normal;}
ul,ol{list-style:none;}
strong{font-weight:bold;}
em{font-style:normal;}
address{font-style:normal;}
hr{display:none;}
time{display:block;}
sub,sup{position:relative;font-size:10px;font-size:1rem;line-height:1;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{vertical-align:bottom;}


/* base
-------------------------------- */
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
*,*:before,*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
  box-sizing: inherit;
}
body {
	font-size: 1.4rem;
	line-height: 1.6;
}

/*@media print, screen and (max-width: 768px) {*/

body a {
	text-decoration: none;
	color: #4264a8;
}

/* scrollArea */
#scrollArea .bx-wrapper {
	margin-bottom: 0;
	border: none;
	box-shadow: none;
}
#scrollArea .slide {
	display: table;
	width: 100%;
	height: 250px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#scrollArea .slide > a {
	box-sizing: border-box;
	display: table-cell;
	width: 100%;
	height: 250px;
	padding: 32px;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
	/*text-shadow: 2px 2px 10px #000;*/
}
#scrollArea .slide > a .textWrapper {
	background: rgba(0,0,0,0.6);
	padding: 8px;
}
#scrollArea .slide > a .textWrapper > .title {
	font-size: 1.6rem;
}
#scrollArea .slide > a .textWrapper > .catchText {
	font-size: 2rem;
	color: #49bbc9;
}
#scrollArea .bx-wrapper .bx-controls-direction a {
	top: 50%;
	width: 30px;
	height: 50px;
	margin-top: -25px;
	background: rgba(0, 0, 0, 0.7);
}
#scrollArea .bx-wrapper .bx-controls-direction a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#scrollArea .bx-wrapper .bx-controls-direction .bx-prev {
	left: 0;
}
#scrollArea .bx-wrapper .bx-controls-direction .bx-next {
	right: 0;
}
#scrollArea .bx-wrapper .bx-controls-direction .bx-prev:before {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
#scrollArea .bx-wrapper .bx-pager {
	bottom: 10px;
	display: inline-block;
	width: 100%;
	padding-top: 0;
	font-size: 0;
}
#scrollArea .bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #ccc;
}
#scrollArea .bx-wrapper .bx-pager.bx-default-pager .active {
	background-color: #e00025;
}

/* emergency */
.emergency,
.emergency_tradeinfo,
.transferred_info {
width: 100%;
padding: 5px;
}
	.emergency,
	.emergency a {
	color:#ff0000;
	font-weight:bold;
	}
	.emergency ul {
	border: solid 2px #ff0000;
	background: #fff0f0 url(/img/icn_emergency.png) 15px 40% no-repeat;
	padding: 10px 10px 10px 60px;
	}
	.emergency_tradeinfo ul {
	border: solid 2px #03a516;
	background-color: #efffef;
	padding: 10px;
	}
	.transferred_info ul {
	border: solid 2px #2867a7;
	background-color: #eff8ff;
	padding: 10px;
	}
	.transferred_info ul a {
		color:#2867a7;
		font-weight:bold;
		position: relative;
		display: inline-block;
		padding-left: 1.5em;
	}
	.transferred_info ul a:before {
		content: "";
		position: absolute;
		top: 0.3em;
		left: 0;
		display: inline-block;
		width: 12px;
		height: 12px;
		border-top: 1px solid #2867a7;
		border-right: 1px solid #2867a7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.emergency a,
	.emergency_tradeinfo a,
	.transferred_info a {
	display:block;
	}

/* カルーセルお知らせ（splide） */
#splide_caution {
	width: calc(100% - 10px);
	margin:0 auto;
	padding:7px 35px 3px;
	border:solid 1px #ccc;
	position:relative;
}
	#splide_caution .splide__slide {
		text-align:left;
		padding:0;
	}
	#splide_caution .splide__slide a {
		color:#2867a7;
		position: relative;
		padding-left:23px;
		font-weight:bold;
		font-size:110%;
	}
	#splide_caution .splide__slide a:before {
		content: "";
		position: absolute;
		top: 0.3em;
		left: 0;
		display: inline-block;
		width: 12px;
		height: 12px;
		border-top: 1px solid #2867a7;
		border-right: 1px solid #2867a7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#splide_caution .splide__slide.warning a {
		color:#bf001a;
		display:block;
	}
	#splide_caution .splide__slide.warning a:before {
		font-family: 'remixicon' !important;
		font-style: normal;
		font-weight:normal;
		font-size:21px;
		line-height:1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		content: "\eca0";
		border:none;
		top: 0;
	}

	#splide_caution .splide__arrow {
		position:absolute;
		top:0;
		background-color:#666;
		cursor:pointer;
		width:26px;
		height:100%;
		z-index:1;
		border:none;
		border-radius: 0;
	}
	#splide_caution .splide__arrow--prev {
		left:0;
	}
	#splide_caution .splide__arrow--next {
		right:0;
	}
	#splide_caution .splide__arrow::before {
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		font-family: 'remixicon' !important;
		font-style: normal;
		font-size:28px;
		line-height:1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color:#fff;
	}
	#splide_caution .splide__arrow--prev::before {
		content: "\ea63";
	}
	#splide_caution .splide__arrow--next::before {
		content: "\ea6d";
	}

	#splide_caution .splide__control {
		display:flex;
		justify-content:center;
		align-items:center;
		margin-top:10px;
	}
		#splide_caution .splide__control .splide__pagination {
		}
			#splide_caution .splide__control .splide__pagination li {
				margin:0 4px;
			}
			#splide_caution .splide__control .splide__pagination button.splide__pagination__page {
				padding:0;
				width:8px;
				height:8px;
				border-radius: 50%;
				border:none;
				background-color:#bf001a;
				cursor:pointer;
				opacity:0.2;
			}
			#splide_caution .splide__control .splide__pagination button.splide__pagination__page.is-active {
				opacity:1;
			}
		#splide_caution .splide__control .splide__toggle {
			margin-left:15px;
			cursor:pointer;
			display:block;
			line-height:0;
			border:none;
			background:none;
		}
		#splide_caution .splide__control .splide__toggle:hover {
			opacity:0.7;
		}
		#splide_caution .splide__control .splide__toggle .splide__toggle__play::before,
		#splide_caution .splide__control .splide__toggle .splide__toggle__pause::before {
			font-family: 'remixicon' !important;
			font-style: normal;
			font-size:20px;
			line-height:1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			color:#8b8b8b;
		}
		#splide_caution .splide__control .splide__toggle .splide__toggle__play::before {
			content: "\f008";
		}
		#splide_caution .splide__control .splide__toggle .splide__toggle__pause::before {
			content: "\efd5";
		}


/* カルーセルお知らせ（swiper） */
.swiperInfo {
	width: calc(100% - 10px);
	margin:0 auto;
	padding:7px 35px 3px;
	border:solid 1px #ccc;
	position:relative;
}
	.swiperInfo .swiper-slide {
		text-align:left;
		padding:0;
	}
	.swiperInfo .swiper-slide a {
		color:#2867a7;
		position: relative;
		padding-left:23px;
		font-weight:bold;
		font-size:110%;
	}
	.swiperInfo .swiper-slide.warning a {
		color:#bf001a;
		display:block;
	}
	.swiperInfo .swiper-slide a:before {
		content: "";
		position: absolute;
		top: 0.3em;
		left: 0;
		display: inline-block;
		width: 12px;
		height: 12px;
		border-top: 1px solid #2867a7;
		border-right: 1px solid #2867a7;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.swiperInfo .swiper-slide.warning a:before {
		font-family: 'remixicon' !important;
		font-style: normal;
		font-weight:normal;
		font-size:21px;
		line-height:1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		content: "\eca0";
		border:none;
		top: 0;
	}
	.swiperInfo .swiperInfo-control {
		display:flex;
		justify-content:center;
		align-items:center;
		margin-top:10px;
	}
		.swiperInfo .swiperInfo-control .swiperInfo-pagination {
			width:auto;
		}
			.swiperInfo .swiperInfo-control .swiperInfo-pagination .swiper-pagination-bullet {
				background-color:#bf001a;
			}
			.swiperInfo .swiperInfo-control .swiperInfo-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
			}
		.swiperInfo .swiperInfo-control .swiperInfo_pause {
			margin-left:15px;
			cursor:pointer;
			display:block;
			line-height:0;
			background:none;
			border:none;
		}
		.swiperInfo .swiperInfo-control .swiperInfo_pause:hover {
			opacity:0.7;
		}
		.swiperInfo .swiperInfo-control .swiperInfo_pause::before {
			font-family: 'remixicon' !important;
			font-style: normal;
			font-size:20px;
			line-height:1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\efd5";
			color:#8b8b8b;
		}
		.swiperInfo .swiperInfo-control .swiperInfo_pause.paused::before {
			content: "\f008";
		}
	.swiperInfo .swiperInfo-button-prev,
	.swiperInfo .swiperInfo-button-next {
		position:absolute;
		top:0;
		background-color:#666;
		cursor:pointer;
		width:26px;
		height:100%;
		z-index:1;
	}
	.swiperInfo .swiperInfo-button-prev {
		left:0;
	}
	.swiperInfo .swiperInfo-button-next {
		right:0;
	}
	.swiperInfo .swiperInfo-button-prev::before,
	.swiperInfo .swiperInfo-button-next::before {
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		font-family: 'remixicon' !important;
		font-style: normal;
		font-size:28px;
		line-height:1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color:#fff;
	}
	.swiperInfo .swiperInfo-button-prev::before {
		content: "\ea63";
	}
	.swiperInfo .swiperInfo-button-next::before {
		content: "\ea6d";
	}

/* infoBlock */
.infoBlock {
}
.infoBlock > ul > li {
	padding:0 1em 0.7em;
	margin-bottom:0;
}
.infoBlock > ul > li:first-child {
	padding: 1em;
}
.infoBlock > ul > li:last-child {
}
.infoBlock > ul > li > a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 1.2em;
	color: #e00025;
}
.infoBlock > ul > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* naviArea */
.naviArea > ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.naviArea > ul > li {
	width: 50%;
}
.naviArea > ul > li > a {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: 75px;
	padding: 0 1em;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
}
.naviArea > ul > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.naviArea > ul > .account > a {
	background-color: #e00025;
}
.naviArea > ul > .login > a {
	background-color: #20252a;
}
.naviArea > ul > .account > a:before {
	border-color: #fff;
}

/* btnLinkArea */
.btnLinkArea {
	margin-top: 25px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.btnLinkArea.bgType {
	background-color: #eee;
	border: none;
/*	border-left: 1px solid #ddd;*/
}
.btnLinkArea.innerType {
	margin-right: 10px;
	margin-left: 10px;
}
.btnLinkArea > ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.btnLinkArea > ul > li {
	width: 25%;
	border-left: 1px solid #ddd;
}
.btnLinkArea.bgType > ul > li {
	width: 33%;
}
.btnLinkArea.bgType > ul > li:nth-child(2) {
	width: 34%;
}
.btnLinkArea > ul > li:first-child {
	border-left: none;
}
.btnLinkArea > ul > li > a {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: 75px;
	background-repeat: no-repeat;
	background-position: 50% 15px;
	background-size: auto 25px;
	font-size: 1.3rem;
	color: #333;
	line-height: 1.1;
}
.btnLinkArea > ul > li.icon01 > a {
	background-image: url(/smt/img/home_ic01.png);
}
.btnLinkArea > ul > li.icon02 > a {
	background-image: url(/smt/img/home_ic02.png);
}
.btnLinkArea > ul > li.icon03 > a {
	background-image: url(/smt/img/home_ic03.png);
}
.btnLinkArea > ul > li.icon04 > a {
	background-position: 50% 10px;
	background-image: url(/smt/img/home_ic04.png);
}
.btnLinkArea > ul > li.icon05 > a {
	background-image: url(/smt/img/home_ic05.png);
}
.btnLinkArea > ul > li.icon06 > a {
	background-image: url(/smt/img/home_ic06.png);
}
.btnLinkArea > ul > li.icon07 > a {
	background-image: url(/smt/img/home_ic07.png);
}
.btnLinkArea > ul > li.icon08 > a {
	background-position: 50% 10px;
	background-image: url(/smt/img/home_ic08.png);
}
.btnLinkArea > ul > li > a > span {
	display: inline-block;
	padding-top: 30px;
}

/* textLinkArea */
.textLinkArea > ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 15px;
}
.textLinkArea.bgType > ul {
	margin-top: 0;
}
.textLinkArea > ul > li {
	width: 50%;
}
.textLinkArea.bgType > ul > li {
	width: 100%;
	margin-top: 1px;
}
.textLinkArea.bgType > ul > li:first-child {
	margin-top: 0;
}
.textLinkArea > ul > li > a {
	position: relative;
	display: block;
	padding: 0.5em 1em 0.5em 2em;
	color: #333;
}
.textLinkArea.bgType > ul > li > a {
	padding: 1em 1em 1em 2em;
	background-color: #eee;
}
.textLinkArea > ul > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* productArea */
#productArea {
	margin-top: 25px;
	padding: 20px 0 0;
	background-color: #4c5866;
}
#productArea .title {
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
}
#productArea > ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 15px;
}
#productArea > ul > li {
	width: 50%;
	background-color: #414b57;
}
#productArea > ul > li:nth-child(1),
#productArea > ul > li:nth-child(4n),
#productArea > ul > li:nth-child(4n+1) {
	background-color: #363e48;
}
#productArea > ul > li > a {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	min-height: 50px;
	padding: 0 1em 0 2em;
	color: #fff;
	line-height: 1.2;
}
#productArea > ul > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* infoArea */
#infoArea {
	width: 100%;
	margin-top: 30px;
}
#infoArea .infoBlock {
	width: 100%;
	padding: 0;
}
#infoArea .infoBlock + .infoBlock {
	margin-top: 30px;
}
#infoArea .infoBlock .tabWrap01 {
	margin-top: 0;
}
#infoArea .infoBlock .tabNav {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	border-top: 1px solid #e00025;
	border-bottom: 1px solid #4c5866;
}
#infoArea .infoBlock .tabNav > li {
	width: 50%;
}
#infoArea .infoBlock .tabNav > li > a {
	position: relative;
	display: block;
	padding: 0.8em 1em;
	text-align: center;
	color: #333;
}
#infoArea .infoBlock .tabNav > li.active > a {
	background-color: #4c5866;
	color: #fff;
}
#infoArea .infoBlock .tabNav > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#infoArea .infoBlock .tabNav > li.active > a:before {
	display: none;
}
#infoArea .infoBlock .tabDetail {
	padding: 0 10px;
}
#infoArea .newsType.tabDetail dl {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	margin-top: 1em;
}
#infoArea .newsType.tabDetail dl > dt {
	width: 85px;
	padding-right: 10px;
	font-size: 0.9rem;
	text-align: center;
}
#infoArea .newsType.tabDetail dl > dt > .year {
	position: relative;
	display: block;
	font-size: 0.9rem;
}
#infoArea .newsType.tabDetail dl > dt > .year:after {
	content: "";
	display: block;
	width: 12px;
	height: 1px;
	background-color: #ccc;
	margin: 3px auto 1px;
}
#infoArea .newsType.tabDetail dl > dt > .month,
#infoArea .newsType.tabDetail dl > dt > .day {
	font-size: 1.8rem;
	font-weight: bold;
}
#infoArea .newsType.tabDetail dl > dd {
	width: calc(100% - 85px);
}
#infoArea .newsType.tabDetail dl > dd > a {
	display: block;
}
#infoArea .newsType #maintenanceBox {
	background-color:#ffffff;
	border:solid 1px #cccccc;
	padding-bottom:10px;
	margin-top:20px;
	background:url(/img/maintenance.gif) 90% 10px no-repeat;
}
#infoArea .newsType #maintenanceBox .maintenanceTtl {
	padding:5px 15px;
	color:#333333;
	font-size:1.6rem;
	border-bottom:solid 2px #e00025;
	margin-bottom:10px;
}
#infoArea .newsType #maintenanceBox ul {
	padding:0 10px;
	margin-bottom:15px;
}
#infoArea .newsType #maintenanceBox li {
	padding-left:14px;
	position:relative;
}
#infoArea .newsType #maintenanceBox li::before {
	content: "●";
	font-size:10px;
	position: absolute;
	left: 0;
	top: 3px;
}
#infoArea .newsType #maintenanceBox li.fx::before {
	color:#1c8b7e;
}
#infoArea .newsType #maintenanceBox li.cfd::before {
	color:#7f1084;
}

#infoArea .newsType #maintenanceBox p:last-child {
	color:#e00025;
	padding:0 10px 0 30px;
	background:url(/img/clock.gif) 10px 3px no-repeat;
}

#infoArea .infoBlock .tabDetail .iconLink {
	text-align: right;
}
#infoArea .infoBlock .tabDetail .iconLink > a {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	padding: 0 0 0 1.5em;
}
#infoArea .infoBlock .tabDetail .iconLink > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#infoArea .seminarType.tabDetail dl {
	margin-top: 1em;
}
#infoArea .seminarType.tabDetail dl > dt {
	font-size: 1.3rem;
}
#infoArea .seminarType.tabDetail dl > dt > .date {
	display: inline-block;
	line-height: 1.4;
}
#infoArea .seminarType.tabDetail dl > dt > .date + .date:before {
	content: "～";
	display: inline-block;
	margin-right: 5px;
}
#infoArea .seminarType.tabDetail dl > dd {
	margin-top: 3px;
}
#infoArea .seminarType.tabDetail dl > dd > a {
	display: block;
	font-size: 1.5rem;
	line-height: 1.4;
}
#infoArea .seminarType.tabDetail dl > dd > span {
	display: block;
	margin-top: 3px;
	font-size: 1rem;
	color: #666;
	line-height: 1.4;
}

/* callCenterBox */
.callCenterBox {
	width: 100%;
	padding: 20px 10px 30px;
	text-align: center;
}
.callCenterBox > .title {
	font-size: 1.5rem;
}
.callCenterBox > .freeDial > a {
	display: inline-block;
	padding-left: 40px;
	background: url(/smt/img/home_ic09.png) no-repeat 0 50%;
	background-size: 38px 23px;
	font-size: 2.4rem;
	color: #333;
}
.callCenterBox .phoneNumber a {
	text-decoration: underline;
}
.callCenterBox .time {
	margin-top: 0.5em;
	font-size: 1.2rem;
	color: #666;
}
























#supportArea > .inner {
	max-width: 1200px;
	margin: 0 auto;
}
#supportArea .textBlock {
	padding:  0 60px;
}
#supportArea .catchText {
	font-size: 27px;
	font-size: 2.7rem;
}
#supportArea .catchText + * {
	margin-top: 1em;
}
#supportArea .btnBlock {
	margin-top: 40px;
	background-color: rgba(255, 255, 255, 0.9);
}
#supportArea .btnBlock > ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
}
#supportArea .btnBlock > ul > li {
	width: 33%;
}
#supportArea .btnBlock > ul > li:nth-child(3n+1) {
	width: 34%;
}
#supportArea .btnBlock > ul > li > a {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: 120px;
	padding: 10px 50px;
	border-left: 1px solid #ccc;
	font-size: 20px;
	font-size: 2rem;
	color: #333;
}
#supportArea .btnBlock > ul > li:nth-child(-n+3) > a {
	border-bottom: 1px solid #ccc;
}
#supportArea .btnBlock > ul > li:nth-child(3n+1) > a {
	border-left: none;
}
#supportArea .btnBlock > ul > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-top: 1px solid #e00025;
	border-right: 1px solid #e00025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#supportArea .btnBlock > ul > .callCenterBox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	padding-right: 10px;
}
#supportArea .btnBlock > ul > .callCenterBox > a {
	display: inline-block;
	width: auto;
	height: auto;
	padding:  0 0 0 50px;
	background: url(/img/home_ic01.png) no-repeat 0 50%;
	border: none;
}
#supportArea .btnBlock > ul > .callCenterBox > a.freeDial {
	pointer-events: none;
	font-size: 21px;
	font-size: 2.1rem;
}
#supportArea .btnBlock > ul > .callCenterBox > a:before {
	display: none;
}
#supportArea .btnBlock > ul > .callCenterBox > span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #7a7a7a;
}
#supportArea .btnBlock > ul > .callCenterBox > .time {
	display: block;
	margin-top: 10px;
}
#supportArea .btnBlock > ul > .callCenterBox .phoneNumber {
	pointer-events: none;
	color: #7a7a7a;
}

/* supportArea */
#accountArea {
	width: 100%;
	background-color: #e00025;
}
#accountArea > ul {
	max-width: 1200px;
	margin: 0 auto;
}
#accountArea > ul > li > a {
	display: block;
	padding: 30px;
	font-weight: bold;
	font-size: 30px;
	font-size: 3rem;
	color: #fff;
	text-align: center;
}
#accountArea > ul > li > a:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 15px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#accountArea > ul > li > a > span {
	font-size: 24px;
	font-size: 2.4rem;
}

/* clearfix */
#newsArea dl:after {
	content : "";
	display : block;
	clear : both;
}

}

@media only screen and (min-width: 781px) and (max-width: 1100px) {
	#scrollArea .textSlider .slide {
		padding: 20px;
	}
	#marketArea .marketBlock .otherMarket > .marketInfoBox > .average {
		text-align: right;
	}
	#marketArea .marketBlock .otherMarket > .marketInfoBox > .value {
		display: block;
		width: 100%;
		margin-top: 5px;
		text-align: right;
	}
	#marketArea .rankingBlock .headingBox {
		padding: 0 150px 0 0;
	}
	#marketArea .headingBox .pullDown {
		right: 0;
	}
	#infoArea .infoBlock .tabDetail {
		margin-top: 20px;
		padding: 0 20px;
	}
	#marketArea .indexNikkei > .marketInfoBox {
		width: 100%;
	}
	#marketArea .indexNikkei > .chartBox {
		margin: 10px auto 0;
	}
	#supportArea .btnBlock > ul > .callCenterBox br {
		display: none;
	}
	#supportArea .btnBlock > ul > .callCenterBox > span {
		display: block;
	}
	#supportArea .btnBlock > ul > .callCenterBox > .time {
		margin-top: 0;
	}
/*}*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
	#marketArea .marketBlock {
		padding: 0 30px;
	}
	#marketArea .rankingBlock {
		padding-right: 30px;
	}
	#marketArea .rankingBlock .tabDetail {
		padding: 0 10px;
	}
	#supportArea > .inner {
		padding: 0 30px;
	}
	#supportArea .btnBlock > ul > .callCenterBox > .time {
		margin-top: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1260px) {
	#movieArea .reasonBlock {
		left: 40px;
	}
}





