@charset "UTF-8";

/* ========== COMMON ========== */

html { font-size: 62.5%; }

body
{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #1f1f1f;
/*font-size: 1.6em;*/
word-wrap: break-word;
}

a { color: #1f1f1f; text-decoration: underline; }
a:visited { color: #1f1f1f; text-decoration: underline; }
a:hover { color: #1f1f1f; text-decoration: none; }

br.clear-both, div.clear-both { clear:both; font: 1px/1px monospace; display: block; }
.left { float: left; }
.right { float: right; }

/*Safariでヒラギノ角ゴシックをきれいに表示させるCSS*/
@font-face {
font-family: sans-serif;
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: sans-serif;
src: local(HiraginoSans-W6);
font-weight: bold;
}
/*↓2017.02.14追加*/
@font-face {
font-family: 'Hiragino Kaku Gothic Pro W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'Hiragino Kaku Gothic Pro W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
/*↑2017.02.14追加*/
@font-face {
font-family: 'ヒラギノ角ゴ Pro W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ヒラギノ角ゴ Pro W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'ヒラギノ角ゴ ProN W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ヒラギノ角ゴ ProN W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'ＭＳ Ｐゴシック';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ＭＳ Ｐゴシック';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'MS P Gothic';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'MS P Gothic';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'MS PGothic';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'MS PGothic';
src: local(HiraginoSans-W6);
font-weight: bold;
}

/* clearfix */
.clearfix:after {
display:block;
clear:both;
visibility:hidden;
height:0;
content:".";
}
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1%; }

/* margin */
.marginB0 	{margin-bottom:0;}
.marginB5 	{margin-bottom:5px;}
.marginB8 	{margin-bottom:8px;}
.marginB10 	{margin-bottom:10px;}
.marginB12 	{margin-bottom:12px;}
.marginB15 	{margin-bottom:15px;}
.marginB20 	{margin-bottom:20px;}
.marginB30 	{margin-bottom:30px;}
.marginB40 	{margin-bottom:40px;}
.marginB50 	{margin-bottom:50px;}
.marginB60 	{margin-bottom:60px;}
.marginL3 	{margin-left:3px;}
.marginL5 	{margin-left:5px;}
.marginL8 	{margin-left:8px;}
.marginL10 	{margin-left:10px;}
.marginL15 	{margin-left:15px;}
.marginL20 	{margin-left:20px;}
.marginL25 	{margin-left:25px;}
.marginL30 	{margin-left:30px;}
.marginL35 	{margin-left:35px;}
.marginT5 	{margin-top:5px;}
.marginT8 	{margin-top:8px;}
.marginT10 	{margin-top:10px;}
.marginT50 	{margin-top:50px;}
.marginLR5 	{margin:0 5px;}
.marginR10 	{margin-right:10px;}
.marginR15 	{margin-right:15px;}
.marginR20 	{margin-right:20px;}
.marginR30 	{margin-right:30px;}
.marginR50 	{margin-right:50px;}
.marginR100 {margin-right:100px;}


/* ========== CONTENTS ========== */
/* ----- COMMON ----- */

/* BORDER */
.inset {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* IMG LINK */
a img { background:none!important; }
a:hover img { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:none!important; }

.inner { display: block; position: relative; }
.center { text-align: center; }
.strong { font-weight: bold; }

.lrft { float: left; }
.right { float: right; }

sup { font-size: 75.5%; vertical-align: top; position: relative; top: -0.2em; }

/* ========== HEADER ========== */
header { background: #f4f4f4; }
/* ----- HD UPPER ----- */
header #hd_upper { position: relative; }
/* ----- HD LOWER ----- */
header #hd_lower { background: #d2d2d2; height: 34px; }
header #hd_lower .inner { position: relative; }
header #hd_lower p a { font-size: 1.3rem; font-weight: bold; }

/* ========== GLOBAL MENU ========== */
nav { background: #1f1f1f;  width: 100%; position: relative; top: 0; left: 0; z-index: 100;  }
nav.is-fixed { position: fixed; }
nav ul { display: -webkit-box; display: box; }
nav ul li { color: #ffffff; -webkit-box-flex: 1; box-flex: 1; width: 100%; }
nav ul li a { color: #ffffff; text-decoration: none; text-align: center; display: block; border-right: 1px solid #8f8f8f; }
nav ul li.first a, nav ul li.first a:visited { border-left: 1px solid #8f8f8f; }
nav ul li a:hover { color: #1f1f1f; background: #ffaf00; }
nav ul li a:visited { color: #ffffff; }

/* ----- ANCHOR ----- */
.anchor { display: block; width: 100%; position: absolute; left: 0; z-index: -1; height: 110px; top: -110px; /*background: #ff0000;*/ }
.offMov, .onMov { display: block; width: 100%; position: absolute; left: 0; z-index: -1; }
.offMov { /*background: #ff0000;*/ height: 145px; top: -145px; }
.onMov { /*background: #ffff00;*/ height: 75px; top: -75px; }
_:-ms-lang(x), .anchor { display: block; width: 100%; position: absolute; left: 0; z-index: -1; height: 75px; top: -75px; }

/* ========== FOOTER ========== */
.btn_pagetop {}
.btn_pagetop a { background: url(../images/btn_pagetop.png) no-repeat; display: block; text-indent: -9999px; width: 53px; height: 53px; position: fixed; bottom: 10px; right: 10px; z-index: 9999; }
footer { color: #ffffff; background: #1f1f1f; }
footer .ft_sitemap .nav1 a, footer .ft_sitemap .nav1 a:hover { color: #ffaf00; }
footer .ft_sitemap .nav2 a, footer .ft_sitemap .nav2 a:hover { color: #ffffff; }

/* ========== ARTICLE ========== */
.hd { border-bottom: 1px solid #0064a6; }
.hd h2 { color: #0064a6; font-weight: bold; }

.sec {}
.sec .catch { color: #626262; font-weight: bold; }
.sec .lead { font-weight: bold; }

/* ----- MAIN ----- */

/* ----- SEC1 ----- */
#sec1 {}
#sec1 .sec .catch {}
#sec1 .sec .img { text-align: center; }
#sec1 .onlyone {}
#sec1 .onlyone h3 { vertical-align: middle; color: #ffffff; font-size: 1.9rem; font-weight: bold; line-height: 100%; background: #0064a6; text-align: center; }
#sec1 .onlyone h3 span { vertical-align: middle; font-size: 4.0rem; font-weight: bold; }
#sec1 .onlyone h3 span span { vertical-align: middle; background: url(../images/logo_s1.png) no-repeat 0 0; display: inline-block; text-indent: -9999px; }
#sec1 .onlyone ul li {}
#sec1 .onlyone ul li.o1 { background: url(../images/img_s1_2.jpg); }
#sec1 .onlyone ul li.o2 { background: url(../images/img_s1_3.jpg); }
#sec1 .onlyone ul li.o3 { background: url(../images/img_s1_4.jpg); }
#sec1 .onlyone ul li.o4 { background: url(../images/img_s1_5.jpg); }
#sec1 .onlyone ul li p { color: #ffffff; font-size: 2.3rem; font-weight: bold; background: url(../images/bg_bkhalf.png); display: inline-block; padding: 3px 10px; border: 3px solid #ffffff; }

/* ----- SEC2 ----- */
#sec2 .split { display: block; }
#sec2 .split dd { position: relative; }
#sec2 .split dt { background: #efefef; }
#sec2 .split h3 { color: #0064a6; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-weight: bold; }
#sec2 .split .catch, #sec2 #attachment .catch { font-weight: bold; }
#sec2 .split .cap, #sec2 #attachment .cap { font-weight: bold; }
/* FEA1 */
#sec2 #fea1.split dt { position: relative; }
#sec2 #attachment .procedure h4 { color: #0064a6; font-weight: bold; }
#sec2 #attachment .procedure ul {}
/* FEA2 */
/* FEA3 */

/* ----- SEC3 ----- */
#sec3 .outer { background: url(../images/bg_s3_5.png) no-repeat center bottom; }
#sec3 h3 { color: #0064a6; font-weight: bold; }
#sec3 .solution dt .catch { font-weight: bold; }
#sec3 .solution dt .catch span { color: #0064a6; font-weight: bold; }
#sec3 .solution dt ul { display: block; position: relative; }
#sec3 .solution dt ul li { text-align: center; }
#sec3 .solution dt ul li.last { margin-right: 0; }
#sec3 .solution dt ul li img { display: block; }
#sec3 .solution dt ul li a span { font-weight: bold; text-decoration: underline; background: url(../images/icn_link.png) no-repeat 0 3px; display: inline-block; }
#sec3 .solution dt ul li span { font-weight: bold; }

/* ----- SEC4 ----- */
#sec4 .model.bl { background: url(../images/bg_s4_bl.png) repeat-y; }
#sec4 .model.gr { background: url(../images/bg_s4_gr.png) repeat-y; }
#sec4 .model h3, #sec4 .model h3 a { color: #0064a6; font-weight: bold; }
#sec4 .model h3 span { color: #1f1f1f; font-weight: bold; }

/* ----- SUPPORT ----- */
#support { /*margin-bottom: 60px;*/ }
#support h2, #support h3 { font-weight: bold; text-align: center; }
#support h2 { color: #0064a6; /*font-size: 3.9rem;*/ }
#support h3 { /*font-size: 2.8rem;*/ background: #ffaf00; display: block; border-radius: 20px; /*margin-bottom: 80px;*/ }
#support #banner { display: block; /*width: 100%; height: 350px; position: relative;*/ }
#support #banner li { /*position: absolute;*/ }
/*#support #banner li.catalog { top: 0; left: 0; }
#support #banner li.attachment { top: 0; right: 0; }
#support #banner li.movies { bottom: 0; left: 0; }
#support #banner li.contact { bottom: 0; right: 0; }*/


@media screen and (max-width:768px) {
	
	body { font-size: 1.4em; }
	
	.inner { /*width: 100%; margin: 0;*/ }
	.pc { display: none; }
	
	/* ========== HEADER ========== */
	/* ----- HD UPPER ----- */
	header #hd_upper { padding: 10px; }
	header #hd_upper .tagline { font-size: 1.2rem; margin-bottom: 10px; }
	header #hd_upper h1 { width: 50%; }
	header #hd_upper .company { width: 50%; }
	header #hd_upper h1 img, header #hd_upper .company img { max-width: 100%; height: auto;}
	header #hd_upper .hd_contact { display: none; }
	header #hd_upper .nav_contact { position: absolute; bottom: 20px; right: 10px; }
	header #hd_upper .nav_contact li { float: left; margin-left: 10px; }
	header #hd_upper .nav_contact a { display: block; text-indent: -9999px; width: 41px; height: 41px; }
	header #hd_upper .nav_contact .tel a { background: url(../images/icn_tel.png) no-repeat 0 0; }
	header #hd_upper .nav_contact .form a { background: url(../images/icn_form.png) no-repeat 0 0; }
	/* ----- HD LOWER ----- */
	header #hd_lower {}
	header #hd_lower p { position: absolute; top: 4px; right: 10px; }
	
	/* ========== GLOBAL MENU ========== */
	nav ul li { border-right: 1px solid #8f8f8f; }
	nav ul li a { font-size: 1.3rem; padding: 10px; border-right: none; }
	
	/* ========== FOOTER ========== */
	footer .ft_sitemap { padding: 10px; margin-bottom: 20px; }
	footer .ft_sitemap ul { margin-bottom: 10px;}
	footer .copy { padding: 10px; }
	footer .copy .copyright { font-size: 1.1rem; }
	
	/* ========== ARTICLE ========== */
	.hd { margin-bottom: 15px; }
	.hd h2 { font-size: 1.6rem; background: url(../images/icn_h2.png) no-repeat; background-size: 50px auto; height: 34px; padding: 0 0 0 55px; }

	.sec { /*width: 100%;*/ padding: 10px; margin-bottom: 0px; }
	.sec .catch { font-size: 1.5rem;  margin: 0 auto 10px; }
	.sec .lead { font-size: 1.3rem; margin-bottom: 20px; }
	
	/* ----- MAIN ----- */
	#main { margin: 0; margin: 30px 0; }
	#main .upper { text-align: center; }
	#main .upper h1 { margin-bottom: 10px; }
	#main .upper .catch { margin-bottom: 10px; }
	#main .upper .catch img, #main .upper .catch img { max-width: 60%; }
	#main .upper .img {}
	#main .upper .img img { max-width: 100%; height: auto; }
	#main .lower ul { display: -webkit-box; display: box; }
	#main .lower ul li { width: calc(100% / 3); color: #ffffff; padding: 50px 0; font-weight: bold; text-align: center; }
	#main .lower ul li span {}
	#main .lower ul li.m1 { background: url(../images/bg_main1.png) no-repeat right; }
	#main .lower ul li.m2 { color: #1f1f1f; background: url(../images/bg_main2.png) no-repeat center; }
	#main .lower ul li.m3 { background: url(../images/bg_main3.png) no-repeat left; }
	
	/* ----- SEC1 ----- */
	#sec1 { margin-bottom: 30px; }
	#sec1 .sec .catch {}
	#sec1 .sec .img { text-align: center; }
	#sec1 .sec .img img { max-width: 100%; height: auto; }
	#sec1 .onlyone {}
	#sec1 .onlyone h3 { vertical-align: middle; color: #ffffff; font-size: 1.4rem; font-weight: bold; line-height: 175%; background: #0064a6; text-align: center; padding: 10px 0 15px; }
	#sec1 .onlyone h3 span { vertical-align: middle; font-size: 2.0rem; font-weight: bold; }
	#sec1 .onlyone h3 span span { vertical-align: middle; background: url(../images/logo_s1.png) no-repeat 0 0; display: inline-block; text-indent: -9999px; width: 265px; height: 78px; margin: 10px 0 0; }
	#sec1 .onlyone ul { display: -webkit-box; display: box; }
	#sec1 .onlyone ul li { width: calc(100% / 2); height: 150px; position: relative; }
	#sec1 .onlyone ul li.o1 { background: url(../images/img_s1_2.jpg); background-size: cover; }
	#sec1 .onlyone ul li.o2 { background: url(../images/img_s1_3.jpg); background-size: cover; }
	#sec1 .onlyone ul li.o3 { background: url(../images/img_s1_4.jpg); background-size: cover; }
	#sec1 .onlyone ul li.o4 { background: url(../images/img_s1_5.jpg); background-size: cover; }
	#sec1 .onlyone ul li p { color: #ffffff; font-size: 1.4rem; font-weight: bold; background: url(../images/bg_bkhalf.png); display: inline-block; padding: 3px 10px; border: 3px solid #ffffff; position: absolute; top: 10px; left: 10px; }
	
	/* ----- SEC2 ----- */
	#sec2 { margin-bottom: 30px; }
	#sec2 .split dt { padding:10px; }
	#sec2 .split h3 { font-size: 2.0rem; margin-bottom: 5px; }
	#sec2 .split .catch, #sec2 #attachment .catch { font-size: 1.6rem; margin-bottom: 10px; }
	#sec2 .split .cap, #sec2 #attachment .cap { font-size: 1.2rem; }
	/* FEA1 */
	#sec2 #fea1 { margin-bottom: 20px; }
	#sec2 #fea1.split dd, #sec2 #fea2.split dd { background: #efefef; padding: 10px; }
	#sec2 #fea1.split dd img, #sec2 #fea2.split dd img { max-width: 100%; }
	#sec2 #fea1.split dd .cap { padding: 10px; }
	.imgcenter { text-align: center; }
	#sec2 .imgcenter img { max-width: 100%; height: auto; }
	#sec2 #attachment { margin-bottom: 20px; padding: 10px; }
	#sec2 #attachment .hd_attachment { position: relative; }
	#sec2 #attachment .hd_attachment .bal_outer { text-align: right; }
	#sec2 #attachment .procedure h4 { font-size: 1.6rem; margin-bottom: 10px; }
	#sec2 #attachment .procedure ul li { text-align: center; }
	/* FEA2 */
	#sec2 #fea2 { margin-bottom: 20px; }
	#sec2 #fea2-2.split dd { text-align: center; }
	#sec2 #fea2-1.split img, #sec2 #fea2-2.split img { max-width: 100%; height: auto; }
	/* FEA3 */
	#sec2 #fea3.split dd img { max-width: 100%; height: auto; }
	
	/* ----- SEC3 ----- */
	#sec3 { margin-bottom: 30px; }
	#sec3 .sec { margin-bottom: 10px; }
	#sec3 .type170 dd { text-align: center; }
	#sec3 .type170 dt { padding: 10px; }
	#sec3 .outer { padding: 0 10px 150px; }
	#sec3 h3 {  font-size: 1.6rem; margin-bottom: 5px; }
	#sec3 .solution { margin-bottom: 20px; }
	#sec3 .solution dd img { max-width: 100%; height: auto; }
	#sec3 .solution dt .catch { font-size: 1.4rem; margin-bottom: 10px; }
	#sec3 .solution dt ul { display: -webkit-box; display: box; }
	#sec3 .solution dt ul li { width: calc(100% / 3); }
	#sec3 .solution dt ul li img { max-width: 100%; height: auto; }
	#sec3 .solution dt ul li a span { height: 22px; padding: 0 0 0 25px; }
	#sec3 .solution dt ul li.plus1, #sec3 .solution dt ul li.plus2 { display: none; }
	
	/* ----- SEC4 ----- */
	#sec4 { margin-bottom: 30px; }
	#sec4 .sec .lead { margin-bottom: 0; }
	#sec4 .model { padding: 10px; margin-bottom: 10px; }
	#sec4 .model h3, #sec4 .model h3 a { font-size: 1.8rem; }
	#sec4 .model h3 span { font-size: 1.4rem; }
	#sec4 .model .use { font-size: 1.2rem; margin-bottom: 10px; }
	#sec4 .model dl dt img { max-width: 100%; height: auto; }

	/* ----- SUPPORT ----- */
	#support { margin-bottom: 30px; padding: 10px; }
	#support h2, #support h3 { /*font-weight: bold; text-align: center;*/ }
	#support h2 { /*color: #0064a6;*/ font-size: 2.0rem; }
	#support h3 { font-size: 1.6rem; /*background: #ffaf00; display: block; border-radius: 20px;*/ margin-bottom: 20px; }
	#support #banner { text-align: center; /*display: block;*/ /*width: 100%; height: 350px;*/ /*position: relative;*/ }
	#support #banner img { max-width: 100%; }
	/*#support #banner li { position: absolute; }
	#support #banner li.catalog { top: 0; left: 0; }
	#support #banner li.attachment { top: 0; right: 0; }
	#support #banner li.movies { bottom: 0; left: 0; }
	#support #banner li.contact { bottom: 0; right: 0; }*/



}


@media screen and (min-width:769px) {
	
	body { font-size: 1.6em; }
	
	.inner { width: 1000px; margin: 0 auto; }
	.sp { display: none; }
	
	/* ========== HEADER ========== */
	/* ----- HD UPPER ----- */
	header #hd_upper { height: 115px; padding: 10px 0; }
	header #hd_upper .tagline { font-size: 1.4rem; }
	header #hd_upper h1 { width: 232px; height: 62px; position: absolute; top: 50px; left: 0; }
	header #hd_upper .company { width: 231px; height: 39px; position: absolute; top: 70px; left: 260px; }
	header #hd_upper .hd_contact { font-size: 1.5rem; font-weight: bold; position: absolute; top: 10px; left: 770px; }
	header #hd_upper .nav_contact { position: absolute; top: 40px; left: 770px; }
	header #hd_upper .nav_contact a { display: block; }
	header #hd_upper .nav_contact a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
	header #hd_upper .nav_contact .tel a { font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; font-size: 2.7rem; text-decoration: none; background: url(../images/icn_tel.png) no-repeat 0 0; height: 34px; padding: 7px 0 0 50px; margin-bottom: 5px; }
	header #hd_upper .nav_contact .form a { font-size: 1.4rem; font-weight: bold; background: url(../images/icn_form.png) no-repeat 0 0; height: 32px; padding: 9px 0 0 50px; }
	/* ----- HD LOWER ----- */
	header #hd_lower { height: 34px; }
	header #hd_lower p { position: absolute; top: 4px; right: 0; }
	
	/* ========== GLOBAL MENU ========== */
	nav ul li a { height: 45px; padding: 25px 0 0; }
	
	/* ========== FOOTER ========== */
	footer .ft_sitemap { font-size: 1.4rem; padding: 30px 0; }
	footer .ft_sitemap .nav1 { float: left; }
	footer .ft_sitemap .nav2 { float: right; }
	footer .ft_sitemap ul { float: left; height: 190px; padding-left: 15px; border-left: 1px solid #ffffff; }
	footer .ft_sitemap ul li { margin-bottom: 20px; }
	footer .ft_sitemap .nav1 ul { width: 175px; }
	footer .ft_sitemap .nav2 ul { width: 205px; }
	footer .copy { padding: 0 0 20px; position: relative; }
	footer .copy .copyright { font-size: 1.2rem; position: absolute; top: 10px; right: 0; }
	
	/* ========== ARTICLE ========== */
	.hd { margin-bottom: 50px; }
	.hd h2 { font-size: 2.5rem; background: url(../images/icn_h2.png) no-repeat; height: 41px; padding: 10px 75px 0;}

	.sec { width: 840px; padding: 0 80px; margin-bottom: 75px; }
	.sec .catch { font-size: 3.0rem;  margin: 0 auto 30px; }
	.sec .lead { font-size: 1.6rem; margin-bottom: 50px; }
	
	/* ----- MAIN ----- */
	#main { margin: 0 auto; margin-bottom: 90px; }
	#main .upper { height: 335px; position: relative; }
	#main .upper h1 { position: absolute; top: 100px; right: 20px; }
	#main .upper .catch { position: absolute; top: 110px; left: 20px; }
	#main .upper .img { position: absolute; top: 85px; left: 150px; z-index: 50; }
	#main .lower { background: url(../images/bg_main.png) no-repeat center; }
	#main .lower ul { display: block; width: 1000px; margin: 0 auto; position: relative; }
	#main .lower ul li { color: #ffffff; font-size: 3.6rem; font-weight: bold; text-align: center; line-height: 125%; float:left; width: 270px; height: 120px; padding-top: 270px; }
	#main .lower ul li span { font-size: 3.3rem; font-weight: bold; }
	#main .lower ul li.m1 { background: url(../images/bg_main1.png) no-repeat right; }
	#main .lower ul li.m2 { color: #1f1f1f; background: url(../images/bg_main2.png) no-repeat center;  width: 460px; }
	#main .lower ul li.m3 { background: url(../images/bg_main3.png) no-repeat left; }
	
	/* ----- SEC1 ----- */
	#sec1 { margin-bottom: 90px; }
	#sec1 .sec .catch { width: 840px; }
	#sec1 .sec .img { text-align: center; }
	#sec1 .onlyone { width: 1220px; margin: 0 auto; }
	#sec1 .onlyone h3 { vertical-align: middle; color: #ffffff; font-size: 1.9rem; font-weight: bold; line-height: 100%; background: #0064a6; text-align: center; height: 75px; padding: 10px 0 15px; }
	#sec1 .onlyone h3 span { vertical-align: middle; font-size: 4.0rem; font-weight: bold; }
	#sec1 .onlyone h3 span span { vertical-align: middle; background: url(../images/logo_s1.png) no-repeat 0 0; display: inline-block; text-indent: -9999px; width: 265px; height: 53px; padding: 40px 0 0; margin: 0 20px; }
	#sec1 .onlyone ul li { float: left; width: 610px; height: 400px; position: relative; }
	#sec1 .onlyone ul li.o1 { background: url(../images/img_s1_2.jpg); }
	#sec1 .onlyone ul li.o2 { background: url(../images/img_s1_3.jpg); }
	#sec1 .onlyone ul li.o3 { background: url(../images/img_s1_4.jpg); }
	#sec1 .onlyone ul li.o4 { background: url(../images/img_s1_5.jpg); }
	#sec1 .onlyone ul li p { color: #ffffff; font-size: 2.3rem; font-weight: bold; background: url(../images/bg_bkhalf.png); display: inline-block; padding: 3px 10px; border: 3px solid #ffffff; position: absolute; }
	#sec1 .onlyone ul li.o1 p { top: 30px; left: 110px; }
	#sec1 .onlyone ul li.o2 p { top: 30px; right: 110px; }
	#sec1 .onlyone ul li.o3 p { bottom: 30px; left: 110px; }
	#sec1 .onlyone ul li.o4 p { bottom: 30px; right: 110px; }
	
	/* ----- SEC2 ----- */
	#sec2 { margin-bottom: 70px; }
	#sec2 .sec .catch { width: 720px; }
	#sec2 .split {}
	#sec2 .split dd { width: 500px; }
	#sec2 .split dt { width: 400px; padding: 60px 50px }
	#sec2 .split.imgleft dt, #sec2 .split.imgright dd { float: right; }
	#sec2 .split.imgleft dd, #sec2 .split.imgright dt { float: left; }
	#sec2 .split h3 { font-size: 6.8rem; line-height: 100%; margin-bottom: 30px; }
	#sec2 .split .catch, #sec2 #attachment .catch { font-size: 2.5rem; margin-bottom: 10px; }
	#sec2 .split .cap, #sec2 #attachment .cap { font-size: 1.3rem; }
	/* FEA1 */
	#sec2 #fea1 { margin-bottom: 20px; }
	#sec2 #fea1.split dd { height: 500px; }
	#sec2 #fea1.split dt { height: 380px; }
	#sec2 #fea1.split dd img { position: absolute; top: -30px; left: -150px; }
	#sec2 #fea1.split dt .cap { position: absolute; bottom: 20px; left: 50px; }
	#sec2 #attachment { margin-bottom: 50px; }
	#sec2 #attachment .hd_attachment { padding: 0 50px; margin-bottom: 35px; position: relative; }
	#sec2 #attachment .hd_attachment .lead { width: 540px; margin-bottom: 3px; }
	#sec2 #attachment .hd_attachment .balloon { position: absolute; top: 20px; right: 50px; }
	#sec2 #attachment .procedure h4 { font-size: 2.0rem; margin-bottom: 10px; text-align: center; }
	#sec2 #attachment .procedure ul {}
	#sec2 #attachment .procedure ul li { float: left; margin-right: 20px; }
	#sec2 #attachment .procedure ul li.last { margin-right: 0; }
	/* FEA2 */
	#sec2 #fea2 { margin-bottom: 50px; }
	#sec2 #fea2.split dd { height: 420px; }
	#sec2 #fea2.split dt { height: 300px; }
	#sec2 #fea2-1.split dd { height: 500px; }
	#sec2 #fea2-1.split dt { height: 380px; }
	#sec2 #fea2-2.split dd { height: 480px; padding: 40px 0 0; }
	#sec2 #fea2-2.split dt { height: 400px; }
	/* FEA3 */
	#sec2 .bg { background: url(../images/bg_s2_12.png) no-repeat center center; }
	#sec2 #fea3.split dd { height: 640px; }
	#sec2 #fea3.split dt { height: 520px; }
	
	/* ----- SEC3 ----- */
	#sec3 { margin-bottom: 70px; }
	#sec3 .sec { margin-bottom: 10px; }
	#sec3 .sec .catch { width: 690px; }
	#sec3 .type170 { width: 840px; margin: 0 auto 35px; }
	#sec3 .type170 dd { float: left; position: relative; }
	#sec3 .type170 dd img { position: absolute; top: -35px; left: 20px; }
	#sec3 .type170 dt { float: right; width: 560px; }
	#sec3 .outer { padding-bottom: 150px; }
	#sec3 h3 { font-size: 2.2rem; margin-bottom: 5px; }
	#sec3 .solution { margin-bottom: 30px; }
	#sec3 .solution dd { float: left; width: 400px; }
	#sec3 .solution dt { float: right; width: 575px; }
	#sec3 .solution dt .catch { font-size: 2.0rem; margin-bottom: 10px; }
	#sec3 .solution dt ul li { float: left; margin-right: 10px; }
	#sec3 .solution dt ul li a span { height: 22px; padding: 0 0 0 25px; }
	#sec3 .solution dt ul li.plus1, #sec3 .solution dt ul li.plus2 { position: absolute; }
	#sec3 .solution dt ul li.plus1 { top: 75px; left: 172px; }
	#sec3 .solution dt ul li.plus2 { top: 75px; left: 367px; }
	
	/* ----- SEC4 ----- */
	#sec4 { margin-bottom: 30px; }
	#sec4 .sec { margin-bottom: 25px; }
	#sec4 .sec .catch { width: 600px; }
	#sec4 .sec .lead { margin-bottom: 0; }
	#sec4 .model { padding: 20px 20px 10px; margin-bottom: 15px; }
	#sec4 .model h3, #sec4 .model h3 a { font-size: 2.2rem; }
	#sec4 .model h3 span { font-size: 1.8rem; }
	#sec4 .model .use { font-size: 1.4rem; margin-bottom: 10px; }
	#sec4 .model dl dd { float: left; }
	#sec4 .model dl dt { float: right; }
	
	/* ----- SUPPORT ----- */
	#support { margin-bottom: 60px; }
	#support h2, #support h3 { /*font-weight: bold; text-align: center;*/ }
	#support h2 { /*color: #0064a6;*/ font-size: 3.9rem; }
	#support h3 { font-size: 2.8rem; /*background: #ffaf00; display: block; border-radius: 20px;*/ margin-bottom: 80px; }
	#support #banner { /*display: block;*/ width: 100%; height: 350px; position: relative; }
	#support #banner li { position: absolute; }
	#support #banner li.catalog { top: 0; left: 0; }
	#support #banner li.attachment { top: 0; right: 0; }
	#support #banner li.movies { bottom: 0; left: 0; }
	#support #banner li.contact { bottom: 0; right: 0; }


}