/* CSS Document */

@charset "utf-8";

/* フォントサーバー内に設置 */
@font-face {
	src: url("../resources/fonts/NotoSansJP-Thin.woff") format('woff');
	font-family: 'Noto Sans JP';
	font-style: normal;
    font-weight: 100;
	font-display: swap;
}
@font-face {
	src: url("../resources/fonts/NotoSansJP-Light.woff") format('woff');
	font-family: 'Noto Sans JP';
	font-style: normal;
    font-weight: 200;
	font-display: swap;
}
@font-face {
	src: url("../resources/fonts/NotoSansJP-Regular.woff") format('woff');
	font-family: 'Noto Sans JP';
	font-style: normal;
    font-weight: 400;
	font-display: swap;
}
@font-face {
	src: url("../resources/fonts/NotoSansJP-Medium.woff") format('woff');
	font-family: 'Noto Sans JP';
	font-style: normal;
    font-weight: 500;
	font-display: swap;
}
@font-face {
	src: url("../resources/fonts/NotoSansJP-Bold.woff") format('woff');
	font-family: 'Noto Sans JP';
	font-style: normal;
    font-weight: 700;
	font-display: swap;
}
@font-face {
	src: url("../resources/fonts/NotoSansJP-Black.woff") format('woff');
	font-family: 'Noto Sans JP';
	font-style: normal;
    font-weight: 900;
	font-display: swap;
}
/* フォントサーバー内に設置　終わり */

html,body {
	font-family: 'Noto Sans JP', sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 400;
	color: #333;
}

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block
}

* {
	padding:0;
	margin: 0;
}

a:link {
	color: #06C;
	text-decoration: none;
}
a:visited {
	color: #800080;
	text-decoration: none;
}
a:active {
	color: #ffc0cb;
	text-decoration: none;
}
a:hover {
	color: #C80000;
	text-decoration: none;
}

img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}

a:hover img {
	-webkit-transition: 0.4s ease-in-out;  
    -moz-transition: 0.4s ease-in-out;  
    -o-transition: 0.4s ease-in-out;  
    transition: 0.4s ease-in-out;  
	opacity: 0.6;  /* IE以外 */
	filter: alpha(opacity=60); /* IE用 */
	-moz-opacity: 0.6; /* Firefox用 */
}

.fade-no a:hover img {
	-webkit-transition: 0s ease-in-out;  
    -moz-transition: 0s ease-in-out;  
    -o-transition: 0s ease-in-out;  
    transition: 0s ease-in-out;  
	opacity: 0;  /* IE以外 */
	filter: alpha(opacity=0); /* IE用 */
	-moz-opacity: 0; /* Firefox用 */
}

h1 {
	font-size: 36px;
	padding: 0em;
	line-height: 1.1em;
	margin-top: 0.1em;
	margin-right: 0em;
	margin-bottom: 1.2em;
	margin-left: 0em;
	font-weight: 300;
	letter-spacing: -0.05em;
}

h2 {
	padding: 0em;
	font-size: 18px;
	line-height: 1.1em;
	font-weight: 500;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}

h3 {
	padding: 0em;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.1em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}

h4 {
	padding: 0em;
	font-size: 14px;
	line-height: 1.1em;
	font-weight: 500;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
					
hr {
	clear: both;
	padding: 0em;
	margin-top: 2em;
	margin-right: 0em;
	margin-bottom: 2em;
	margin-left: 0em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8C8C8;
	}

p {
	padding: 0px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}

.paragraph {
	margin: 1.5em 0; /* 段落前後余白 */
}

.paragraph-2 {
	margin: 2em 0; /* 段落前後余白 */
}

.par-before-1 {
	margin-top: 1em; /* 段落前のみ余白 */
}

.par-before {
	margin-top: 2em; /* 段落前のみ余白 */
}

.par-before-2 {
	margin-top: 2.5em; /* 段落前のみ余白 */
}

.par-after-1 {
	margin-bottom: 1em; /* 段落後のみ余白 */
}

.par-after {
	margin-bottom: 2em; /* 段落後のみ余白 */
}

.par-after-2 {
	margin-bottom: 2.5em; /* 段落後のみ余白 */
}

.par-pad-b {
	padding-bottom: 2em; /* 段落後のみ余白 */
}

ul {
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 1.5em;
	padding-left: 2.5em;
}

ul li {
	line-height: 1.2em;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
}

ul li ul {
	margin: 0em;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 1.5em;
}

ul.tablelist {
	padding: 0em;
	list-style-type: circle;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	list-style-position: inside;
}
ul.tablelist li {
	line-height: 1.1em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.4em;
	padding-left: 0em;
	text-indent: -1.4em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 1.2em;
}

ul.pdflist {
	list-style-image: none;
	list-style-type: none;
	padding: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1.5em;
	margin-left: 0.5em;
}

ul.pdflist li {
	background-image: url(../img/icon_pdf.png);
	background-repeat: no-repeat;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 10px;
	padding-left: 2.5em;
	line-height: 25px;
	margin: 0em;
	background-position: 0px -3px;
}

ul.jpglist {
	list-style-image: none;
	list-style-type: none;
	padding: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1.5em;
	margin-left: 0.5em;
}

ul.jpglist li {
	background-image: url(../img/title/jpg.png);
	background-repeat: no-repeat;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 2.5em;
	background-position: 0px 1px;
	height: 35px;
	line-height: 35px;
	margin: 0em;
}

ol {
	background-color: #FFFFFF;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 1.5em;
	padding-left: 2em;
	margin: 0em;
}

ol li {
	list-style: decimal outside;
	line-height: 1.2em;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0.2em;
}

/*ol {
	padding: 0em;
	list-style: decimal outside;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1.5em;
	margin-left: 1.6em;
}*/

ol.list_loweralpha{
	list-style-type: lower-alpha;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 2em;
	padding: 0em;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.boxshadow{
	-webkit-box-shadow: 0px 8px 6px -6px #999;
	-moz-box-shadow: 0px 8px 6px -6px #999;
	box-shadow: 0px 8px 6px -6px #999;
}

.outside300 {
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 1.6em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 320px;
}
.outside200 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 1.6em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 220px;
	list-style-position: outside;
}

.caption {
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: 200;
}

.fontSS {
	font-size: 0.7em;
}

.fontS {
	font-size: 0.8em;
}

.fontMS {
	font-size: 0.9em;
}
.fontM {
	font-size: 1.15em;
	line-height: 1.5em;
}

.fontML {
	font-size: 1.3em;
	line-height: 1.5em;
}

.fontL {
	font-size: 1.5em;
	line-height: 1.5em;
}

.fontLL {
	font-size: 2em;
	letter-spacing: -0.05em;
	line-height: 1.5em;
}

.font200 {
	font-weight: 200;
}

.bold {
	font-weight: 700;
}

.boldS {
	font-weight: 700;
	font-size: 0.8em;
	line-height: 1.2em;
}

.boldM {
	font-weight: 700;
	font-size: 1.2em;
}

.boldML {
	font-weight: 500;
	font-size: 1.3em;
}

.boldL {
	font-weight: 500;
	font-size: 1.5em;
}

.boldLL {
	font-weight: 500;
	font-size: 26px;
}

.boldLL_line {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 1em;
	padding-bottom: 0.4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8C8C8;
	line-height: 1.1em;
	letter-spacing: -0.05em;
	margin-top: 1em;
}

.boldL_line {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0.6em;
	padding-bottom: 0.4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8C8C8;
}

.boldM_line {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0.6em;
	padding-bottom: 0.4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8C8C8;
}

.line-height-1 {
	line-height: 1;
}

.light-font {
	font-weight: 200;
	color: #969696;
}

.right {  
	text-align: right;  
} 

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
	font-weight: 500;
}
											
.line-through {
	text-decoration: line-through;
}

.letter-spacing {
	letter-spacing: -0.08em;
}

.letter-spacing-001 {
	letter-spacing: -0.01em;
}

.letter-spacing-002 {
	letter-spacing: -0.02em;
}

.letter-spacing-0 {
	letter-spacing: 0em; /* 文字間アキ0 */
}

.letter-spacing-half {
	letter-spacing: .125em; /* 文字間約半角アキ */
}

.letter-spacing-half-2 {
	letter-spacing: .375em; /* 文字間約半角アキ2 */
}

.letter-spacing-half-3 {
	letter-spacing: .5em; /* 文字間約半角アキ3 */
}

.letter-spacing-1 {
	letter-spacing: .75em; /* 文字間約全角アキ1 */
}

.letter-spacing-2 {
	letter-spacing: 1em; /* 文字間約全角アキ2 */
}

.sup {
	vertical-align: super;
	line-height: 1;
	font-size: 0.8em;
}
.sup2 {
	vertical-align: super;
	line-height: 1;
	font-size: 0.8em;
	color: #DC0000;
}

.sub {
	vertical-align: sub;
	line-height: 1;
	font-size: 0.8em;
}
.sub2 {
	vertical-align: sub;
	line-height: 1;
	font-size: 0.8em;
	color: #DC0000;
}

.both {
	margin: 0px;
	padding: 0px;
	clear: both;
}

.R {
	text-align: right;
	clear: both;
}  

.L {
	text-align: left;
	clear: both;
}  

.C {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

.C70 {
	text-align: center;
	width: 70%;
	margin-left: 0;
}

.imgL {
	float: left;
	text-align: left;
	border: 1px solid #DCDCDC;
	font-size: 0.8em;
	line-height: 1.3em;
	margin-top: 0px;
	margin-right: 2em;
	margin-bottom: 2em;
	margin-left: 1em;
	font-weight: 200;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.imgL2 {
	float: left;
	font-size: 0.8em;
	line-height: 1.3em;
	padding: 0em;
	margin-top: 0em;
	margin-right: 3em;
	margin-bottom: 3em;
	margin-left: 0em;
}

.imgL3 {
	float: left;
	line-height: 1.3em;
	padding: 0em;
	margin-top: 0em;
	margin-right: 1em;
	margin-left: 0em;
	margin-bottom: 0em;
}

.imgR {
	float: right;
	text-align: left;
	border: 1px solid #DCDCDC;
	font-size: 0.8em;
	line-height: 1.3em;
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 2em;
	margin-left: 2em;
	font-weight: 200;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.imgR2 {
	float: right;
	font-size: 0.8em;
	line-height: 1.3em;
	padding: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 2em;
	margin-left: 2em;
}


.imgR3 {
	float: right;
	padding: 0em;
	margin-top: 0em;
	margin-right: 150px;
	margin-bottom: 2em;
	margin-left: 2em;
}

.imgR4 {
	float: right;
	padding: 0em;
	margin-top: 0em;
	margin-right: 50px;
	margin-bottom: 2em;
	margin-left: 2em;
}

.imgR5 {
	float: right;
	padding: 0em;
	margin-top: 0em;
	margin-right: 300px;
	margin-bottom: 2em;
	margin-left: 2em;
}

.WL-200 {
	padding: 0em;
	float: left;
	width: 200px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.WL-300 {
	padding: 0em;
	float: left;
	width: 300px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.WL-350 {
	padding: 0em;
	float: left;
	width: 350px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.WL-400 {
	padding: 0em;
	float: left;
	width: 400px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.WL-450 {
	padding: 0em;
	float: left;
	width: 450px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.WL-480 {
	padding: 0em;
	float: left;
	width: 480px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WL-494 {			/* flex-w494x2-or-w231x4とセット */
	padding: 0em;
	float: left;
	width: 494px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WL-500 {
	padding: 0em;
	float: left;
	width: 500px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.WL-550 {
	padding: 0em;
	float: left;
	width: 550px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.WL-650 {
	padding: 0em;
	float: left;
	width: 650px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}

.WR-200 {
	padding: 0em;
	float: right;
	width: 200px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.WR-250 {
	padding: 0em;
	float: right;
	width: 250px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.WR-300 {
	padding: 0em;
	float: right;
	width: 300px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-350 {
	padding: 0em;
	float: right;
	width: 350px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-400 {
	padding: 0em;
	float: right;
	width: 400px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-450 {
	padding: 0em;
	float: right;
	width: 450px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-480 {
	padding: 0em;
	float: right;
	width: 480px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-494 {			/* flex-w494x2-or-w231x4とセット */
	padding: 0em;
	float: right;
	width: 494px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-500 {
	padding: 0em;
	float: right;
	width: 500px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-550 {
	padding: 0em;
	float: right;
	width: 550px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-600 {
	padding: 0em;
	float: right;
	width: 600px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-650 {
	padding: 0em;
	float: right;
	width: 650px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-700 {
	padding: 0em;
	float: right;
	width: 700px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}
.WR-750 {
	padding: 0em;
	float: right;
	width: 750px;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	text-align: justify;
}

.W-650 {
	padding: 0em;
	height: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 2em;
	margin-left: 0em;
	clear: both;
	width: 90%;
}
.W-650-2 {
	padding: 0em;
	height: auto;
	width: 650px;
	margin-top: 0em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	clear: both;
}

.W-750 {
	padding: 0em;
	height: auto;
	width: 750px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 2em;
	margin-left: 0em;
	clear: both;
}

.W-800 {
	padding: 0em;
	height: auto;
	width: 800px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 2em;
	margin-left: 0em;
	clear: both;
}

.W-800-2 {
	padding: 0em;
	height: auto;
	width: 800px;
	margin-top: 0em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	clear: both;
}

.detail {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 300;
	height: 25px;
	width: 150px;
	border: 1px solid #333333;
	padding: 0em;
	text-align: center;
	margin-top: 1.5em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	letter-spacing: 0.2em;
}

.detail a {
	color: #333;
	text-decoration: none;
	display: block;
	height: 25px;
	width: 150px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}

.detail a:hover {
	color: #FFF;
	background-color: #333;
}

.middle {
	vertical-align: middle;
}

.bottom{
	vertical-align: text-bottom;
}

.new {
	background-color: #F90;
	color: #FFF;
	font-weight: 300;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	text-decoration: none;
	font-size: 0.7em;
	line-height: 0.7em;
	vertical-align: 30%;
}

.demo {
	background-color: #ff2116;
	color: #FFF;
	font-weight: 300;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	text-decoration: none;
	font-size: 0.7em;
	line-height: 0.7em;
	vertical-align: 30%;
}

.stock {
	color: #FFF;
	font-size: 12px;
	font-weight: 500;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	background-color: #0099FF;
	line-height: 10px;
	vertical-align: 2px;
}

.img-pdf{
	background-image: url(../img/icon_pdf.png);
	background-repeat: no-repeat;
	background-position: right -5px;
	padding-right: 32px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 25px;
	width: 30px;
}

.img-yaji {
	padding:0px 22px 0px 0px;
	background: url(../img/next.gif) no-repeat right 6px;
	margin: 0px;
}

.faq-q {
	margin: 0em;
	font-weight: 500;
	background-image: url(../img/Q.png);
	background-repeat: no-repeat;
	background-position: 6px 1px;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 2.8em;
}

.faq-a {
	font-weight: 300;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B4BEC8;
	background-image: url(../img/A.png);
	background-repeat: no-repeat;
	background-position: 6px 1px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 1em;
	padding-left: 2.8em;
}

.index {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2em;
	margin-top: 1.2em;
	margin-right: 0em;
	margin-bottom: 1.2em;
	margin-left: 0em;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 20px;
	background-color: #EBF0FA;
	clear: both;
	border-radius: 8px;
	letter-spacing: 0.1em;
}

.index-1 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1.2em;
	margin-left: 0em;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 20px;
	background-color: #EBF0FA;
	clear: both;
	border-radius: 8px;
	letter-spacing: 0.1em;
}

.index-2 {
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.1em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1.2em;
	margin-left: 0em;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	background-color: #EBF0FA;
	border-radius: 100vh;
	border: 1px solid #1a306d;
	color: #1a306d;
	letter-spacing: 0.1em;
}

.index-3 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	clear: both;
	border-radius: 8px;
	border: 1.5px solid #003366;
	color: #003366;
	letter-spacing: 0.1em;
}

.relate {
	color: #C00;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: 2em;
	margin-right: 0em;
	margin-bottom: 1.2em;
	margin-left: 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 20px;
	background-color: #FFF0F0;
	clear: both;
	border-radius: 8px;
	border: 1px solid #FFE6E6;
	letter-spacing: 0.1em;
}

.pickup {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: 1.5em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 20px;
	background-color: #EBF0FA;
	clear: both;
	border-radius: 8px;
	border: 1px solid #E1E6F0;
}

.webform {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2em;
	color: #FFFFFF;
	background-color: #DBE8FD;
	margin-top: 2em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	background-color: #4687f5;
	clear: both;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 20px;
	border-radius: 6px;
	letter-spacing: 0.1em;
}

.lineup {
	color: #333333;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.1em;
	margin-bottom: 1em;
	letter-spacing: -0.05em;
	margin-top: 1.5em;
}

.lineup_line {
	color: #333333;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.1em;
	margin-bottom: 1em;
	letter-spacing: -0.05em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 0.4em;
	clear: both;
	margin-top: 1.5em;
}

.lineup-block {			/* 横に自動配置 */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lineup-block li{
	text-align: center;
	height: auto;
	margin: 0 0 32px 0;
	list-style: none;
}

.lineup-block p {
	font-size: 1rem;
	line-height: 1.5em;
	margin: .75em 0;
}

.thispage {			/*.btn-tech 今見ているページ aタグに */
	background-color: lightgray;
}

.block-2 li{			/* li 横にxblock並び 幅 */
	width: 494px;
}

.block-3 li{
	width: 318px;
}

.block-4 li{
	width: 231px;
}

.color-black {
	color: #333333;
}
.color-orange {
	color: #FF8000;
}
.color-pink {
	color: #FF99FF;
}
.color-red {
	color: #DC0000;
}
.color-brown {
	color: #94252A;
}
.color-blue {
	color: #0000FF;
}
.color-skyblue {
	color: #00A0E9;
}
.color-navy {
	color: #000080;
}
.color-green {
	color: #008047;
}
.color-white {
	color: #FFF;
}
.color-gray {
	color: #A0A0A0;
}

ul.list5 {
	padding: 0;
	list-style: none;
	margin-top: 0px;
	margin-right: -17px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}
ul.list5 li {
	width: 150px;
	float: left;
	text-align: center;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	height: 130px;
}

ul.list5 img {
	height: 80px;
	width: 120px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

ul.list5 a{
	display: inline-block;
	height: inherit;
	width: inherit;
}

ul.list5 p {
	font-size: 0.8em;
	margin: 0px;
	line-height: 1.1em;
	padding: 0px;
	font-weight: 300;
}

.bgc-white {
	background-color: #FFF;
}

table {
	padding: 0px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
}

/*tr.odd {
	background-color: #F5F5F5;
}

tr:nth-child(odd) td {
	background-color: #F5F5F5;
}

tr:nth-child(even) {
	background-color: #FAFAFA;
}*/

th {
	font-size: 0.9em;
	font-weight: 500;
	line-height: 2em;
}

.table1020 {
	width: 1020px;
	border-collapse: collapse;
} 
.table1020 tr {
	background-color: #FAFAFA;
}
.table1020 td{
	margin: 0px;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
}

.table1020-2 {
	width: 1020px;
	border-collapse: collapse;

} 
.table1020-2 tr {
	background-color: #FAFAFA;
}
.table1020-2 td{
	margin: 0em;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
	border: 1px solid #DCDCDC;
	line-height: 1.3em;
}

.table1020-bgfff {
	width: 1020px;
	border-collapse: collapse;
} 
.table1020-bgfff tr{
	background-color: #fff;
}
.table1020-bgfff th{	/* 見出し（初期設定中央揃え） */
	padding: 0.4em 0.9em;
	text-align: left;	/* 左揃え */
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
}
.table1020-bgfff td{
	line-height: 1.3em;
	padding: 0.4em 0.9em;
	text-align: center;	/* 中央揃え */
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
}
.table1020-bgfff img{
	text-align: center;	/* インライン要素を中央寄せ */
}

.table750 {
	width: 750px;
	border-collapse: collapse;
} 
.table750 tr {
	background-color: #FAFAFA;
}
.table750 td{
	margin: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
}

.table750-2 {
	width: 750px;
	border-collapse: collapse;
} 
.table750 tr {
	background-color: #FAFAFA;
}
.table750-2 td{
	margin: 0em;
	border: 1px solid #DCDCDC;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
	line-height: 1.3em;
}

.table700 {
	width: 700px;
	border-collapse: collapse;
} 
.table700 tr {
	background-color: #FAFAFA;
}
.table700 td{
	margin: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
}

.table650 {
	width: 650px;
	border-collapse: collapse;
} 
.table650 tr {
	background-color: #FAFAFA;
}
.table650 td{
	margin: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
}

.table650-2 {
	width: 650px;
	border-collapse: collapse;
} 
.table650-2 tr {
	background-color: #FAFAFA;
}
.table650-2 td{
	margin: 0px;
	border: 1px solid #DCDCDC;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
	line-height: 1.3em;
}

.table650-2C {
	width: 650px;
	border-collapse: collapse;

} 
.table650-2C td{		/*空き上下左右均等txt中央揃え*/
	margin: 0em;
	padding: 0.4em;
	border: 1px solid #DCDCDC;
	line-height: 1.3em;
	text-align: center;
}

.table550 {
	width: 550px;
	border-collapse: collapse;
} 
.table550 tr {
	background-color: #FAFAFA;
}
.table550 td{
	margin: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
}

.table500 {
	width: 500px;
	border-collapse: collapse;
} 
.table500 tr {
	background-color: #FAFAFA;
}
.table500 td{
	margin: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
}

.table500-2C {
	width: 500px;
	border-collapse: collapse;

} 
.table500-2C td{		/*空き上下左右均等txt中央揃え*/
	margin: 0em;
	padding: 0.4em;
	border: 1px solid #DCDCDC;
	line-height: 1.3em;
	text-align: center;
}

.table480 {
	width: 480px;
	border-collapse: collapse;
} 
.table480 tr {
	background-color: #FAFAFA;
}
.table480 td{
	margin: 0px;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
}

.table480-2 {
	width: 480px;
	border-collapse: collapse;
} 
.table480-2 tr {
	background-color: #FAFAFA;
}
.table480-2 td{
	margin: 0px;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
	border: 1px solid #cccccc;
}

.table450 {
	width: 450px;
	border-collapse: collapse;
} 
.table450 tr {
	background-color: #FAFAFA;
}
.table450 td{
	margin: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
}

.table400 {
	width: 400px;
	border-collapse: collapse;
} 
.table400 tr {
	background-color: #FAFAFA;
}
.table400 td{
	margin: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
}

.table400-2 {
	width: 400px;
	border-collapse: collapse;
} 
.table400-2 tr {
	background-color: #FAFAFA;
}
.table400-2 td{
	margin: 0px;
	border: 1px solid #DCDCDC;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
	line-height: 1.3em;
}

.table300 {
	width: 300px;
	border-collapse: collapse;
} 
.table300 tr {
	background-color: #FAFAFA;
}
.table300 td{
	margin: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 1.3em;
	padding-top: 0.4em;
	padding-right: 0.1em;
	padding-bottom: 0.4em;
	padding-left: 0.9em;
}

/* 技術情報目次 */

.table-contents {
	background-color: #F5F5F5;
	height: auto;
	width: 800px;
	margin-top: 4em;
	margin-right: auto;
	margin-bottom: 3em;
	margin-left: auto;
	padding-top: 1.5em;
	padding-right: 4em;
	padding-bottom: 2em;
	padding-left: 4em;
	border: 1px solid #CCC;
}

.table-contents h2 {
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	line-height: 1.1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

.table-contents ul {
	list-style-type: none;
	list-style-image: none;
	margin-right: -40px;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.table-contents li {
	font-weight: 200;
	letter-spacing: 0.05em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 2px;
	margin-left: 0px;
	width: 378px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 2px;
	line-height: 1.5em;
	font-size: 15px;
}

/* mailボタン */

.btn-mail {
	display: inline-block;
	height: 45px;
	width: 230px;
	overflow: hidden;
	position: relative;
	padding-bottom: 0;
	background-color: #1A306D;	/* ボタン色サプライヤ合わせ */
	border-radius: 100vh;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.btn-mail a:hover{		/* S-25,B+12 */
	background-color: #4F74D5;
	transition-duration: 0.6s;
	border-radius: 100vh;
}

.btn-mail a {			/* リンク+テキストエリア */
	display: block;
	height: 100%;			/* エリアと同じ */
	width: 100%;
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 45px;
	text-align: center;
	padding-left: 15px;
}

.btn-mail a:after{ /* ボタン＞ */
	display: block; /*改行するように*/
	content: 'mail outline';
	font-family: "Material Icons";
	font-size: 24px;
	position: absolute;
	top: 2px;
	bottom: 0;
	left: 25px;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}

/* formボタン */

.btn-form {
	display: inline-block;
	height: 45px;
	width: 230px;
	overflow: hidden;
	position: relative;
	padding-bottom: 0;
	background-color: #1A306D;	/* ボタン色サプライヤ合わせ */
	border-radius: 100vh;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.btn-form a:hover{		/* S-25,B+12 */
	background-color: #4F74D5;
	transition-duration: 0.6s;
	border-radius: 100vh;
}

.btn-form a {			/* リンク+テキストエリア */
	display: block;
	height: 100%;			/* エリアと同じ */
	width: 100%;
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 45px;
	text-align: center;
	padding-left: 15px;
}

.btn-form a:after{ /* ボタン＞ */
	display: block; /*改行するように*/
	content: 'article';
	font-family: "Material Icons";
	font-size: 24px;
	position: absolute;
	top: 2px;
	bottom: 0;
	left: 25px;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}


/* サイトマップ */


.sitemap-650 h2 {
	font-size: 16px;
	line-height: 2em;
	font-weight: normal;
	text-align: left;
	background-image: url(../img/icon-choco.gif);
	background-repeat: no-repeat;
	background-position: left 0.7em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 1.5em;
	clear: left;
	margin: 0em;
}

ul.sitemap {
	list-style-image: none;
	list-style-type: none;
	padding: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 2em;
	margin-left: 0em;
}

ul.sitemap li{
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.6em;
	margin-left: 2em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1em;
	background-image: url(../img/square.gif);
	background-repeat: no-repeat;
	background-position: left center;
}