@charset "utf-8";

/*10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	124%
17px	131%
18px	139%
19px	147%
20px	154%
21px	162%
22px	170%
23px	177%
24px	185%
25px	193%
26px	200%*/

.pc-only { display: block; }
.sp-only { display: none; }

html,body,h1,h2,h3,h4,h5,ul,ol,dl,p,dd{
	margin:0;
	padding:0;
	list-style:none;
	font-size:13px;
}

html,body{
	line-height:1.0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	color:#000;
	font-weight:normal;
	text-align:left;
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
body {
	min-width: 970px;
}
img {
	vertical-align: bottom;
}
a {
	color: #4b4b4b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover img{filter:alpha(opacity=70);opacity:0.70}

p#pageTop {
	position: fixed;
	right: 10px;
	bottom: 10px;
}

/* ======================
ヘッダー
====================== */
header {
	background: #fff;
	padding: 50px 0 15px;
	min-width: 970px;
	z-index: 100;
}
header .inner {
	margin: 0 auto;
	height: 47px;
	width: 970px;
}
header .logoBox {
	overflow: hidden;
}
header .logoBox h1 {
	float: left;
}
header .logoBox div.info {
	float: right;
	color: #4b4b4b;
}
header .logoBox ul.infoUl {
	overflow: hidden;
	padding: 0 10px 7px 0;
}
header .logoBox ul.infoUl li {
	float: left;
	padding: 0 20px 0 0;
}
header .logoBox ul.infoUl li i {
	background: url(../img/icon01.png) no-repeat left center;
	display: inline-block;
	height: 18px;
	vertical-align: middle;
	width: 34px;
}
header .logoBox ul.infoUl li a {
	font-size: 116%;
}
header .logoBox p.tel {
	font-size: 170%;
	font-weight: bold;
	line-height: 22px;
	padding: 0 0 0 2px;
}
header .logoBox p.tel i {
	background: url(../img/icon02.png) no-repeat left center;
	display: inline-block;
	height: 17px;
	vertical-align: middle;
	width: 32px;
}
header.fixed {
	position: fixed;
	top: 0;
	width: 100%;
}

/* ======================
ナビ
====================== */
nav {
	background: #fff;
	min-width: 970px;
	z-index: 101;
}
nav ul {
	margin: 0 auto 5px;
	background-image:url(../img/nav_bg.png);
	background-repeat: repeat-x;
	height: 44px;
	width: 910px;
	border-radius: 5px / 5px;
	overflow: hidden;
	padding-left: 60px;
}
nav ul li {
	float: left;
}
nav.fixed {
	position: fixed;
	top: 112px;
	width: 100%;
}

/* ======================
VS
====================== */
#vs {
	background: url(../img/vs.jpg) no-repeat center top;
	margin-top: 161px;
	height: 451px;
}
#vs .inner {
	height: 451px;
	margin: 0 auto;
	position: relative;
	width: 970px;
}
#vs .inner p {
	color: #fff;
	font-size: 208%;
	line-height: 1.4;
	position: absolute;
	top: 200px;
	left: 38px;
}

/* ======================
セクション
====================== */
section {
	width: 100%;
}
section#anc02 { background: #9cbad2; }
section#anc03 { background: #2874a5; color: #fff; }
section#anc05 { background: #e7e7e7; }
section#anc07 { background: #9cbad2; }
section .inner {
	margin: 0 auto;
	width: 970px;
}
section h2 {
	border-bottom: 2px solid #000;
	font-size: 315%;
	text-align: center;
	padding: 55px 0 8px;
	white-space: nowrap;
}
section h2 span {
	letter-spacing: 24px;
}
section#anc01 h2 {
	border-color: #004f8d;
	color: #004f8d;
}
section#anc01 ul {
	margin: 41px 0 49px;
	overflow: hidden;
}
section#anc01 ul li {
	float: left;
	padding: 0 0 32px 35px;
}
section#anc01 ul li.fcol {
	padding: 0;
}
section#anc02 h2 {
	border-color: #fff;
	color: #fff;
}
section#anc02 .col02 {
	margin: 45px 0 0;
	overflow: hidden;
}
section#anc02 .col02 .l-col {
	color: #fff;
	float: left;
	width: 440px;
}
section#anc02 .col02 .l-col h3 {
	font-size: 215%;
	line-height: 1.3;
	padding: 0 0 20px;
}
section#anc02 .col02 .l-col p {
	font-size: 139%;
	line-height: 1.5;
}
section#anc02 .col02 .r-col {
	color: #000;
	float: right;
	width: 485px;
}
section#anc02 .col02 .r-col p.caption {
	font-size: 170%;
	line-height: 1.5;
}
section#anc02 .caseBox {
	color: #000;
	padding: 55px 0 67px;
}
section#anc02 .caseBox h4 {
	font-size: 225%;
	padding: 0 0 22px;
}
section#anc02 .caseBox h4.youto {
	font-size: 300%;
	padding: 0 0 22px;
}
section#anc02 .caseBox p.ttl {
	font-size: 170%;
	padding: 0 0 5px;
}
section#anc02 .caseBox ul {
	overflow: hidden;
}
section#anc02 .caseBox ul li {
	float: left;
	padding: 0 10px 32px 10px;
}
section#anc02 .caseBox ul li.fcol {
	float: left;
	padding-right: 35px;
}
section#anc03 h2 {
	border-color: #fff;
	color: #fff;
}
section#anc03 .movBox {
	padding: 0 0 70px;
}
section#anc03 .movBox p.ttl {
	font-size: 185%;
	font-weight: bold;
	margin: 40px 0 15px;
}
section#anc03 .movBox p.mov {
	text-align: center;
}
section#anc04 h2 {
	border-color: #004f8d;
	color: #004f8d;
}
section#anc04 .listBox {
	margin: 0 auto;
	padding: 32px 0 35px;
	width: 982px;
}
section#anc04 .listBox ul {
	overflow: hidden;
}
section#anc04 .listBox ul li {
	float: right;
	padding: 0 0 12px;
}
section#anc04 .listBox ul li.fcol {
	float: left;
}
section#anc05 h2 {
	border-color: #004f8d;
	color: #004f8d;
}
section#anc05 .tableBox {
	padding: 32px 0 0;
}
section#anc05 .col02 {
	padding: 0 0 27px;
	overflow: hidden;
}
section#anc05 .col02 .l-col {
	float: left;
	width: 476px;
}
section#anc05 .col02 .r-col {
	float: right;
	width: 476px;
}
section#anc05 h3 {
	background: #2f2f2f;
	color: #fff;
	font-size: 124%;
	padding: 6px 8px;
}
section#anc05 table {
	width: 476px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 2px solid #000;
}
section#anc05 table th {
	background: #daecff;
	border: #000 solid;
	border-width: 0 1px 1px 0;
	color: #666;
	padding: 4px 8px;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
section#anc05 table td {
	background: #fff;
	border: #000 solid;
	border-width: 0 0 1px 0;
	color: #666;
	padding: 4px 8px;
	font-weight: normal;
	text-align: left;
	line-height: 1.3;
}
section#anc05 table th.ht2 {
	height: 36px;
}
section#anc06 h2 {
	border-color: #004f8d;
	color: #004f8d;
}
section#anc06 p {
	padding: 18px 0 20px;
}

/* ======================
フッター
====================== */
footer {
	border-bottom: 40px solid #014f8d;
}
footer .inner {
	margin: 0 auto;
	width: 970px;
}
footer .col02 {
	padding: 30px 0 8px;
	display: table;
	width: 970px;
}
footer .col02 .l-col,
footer .col02 .r-col {
	display: table-cell;
	vertical-align: bottom;
}
footer .col02 .l-col p {
	padding: 0 0 15px;
}
footer .col02 .l-col .vtxt {
	font-size: 223%;
}
footer .col02 .l-col .vname {
	font-size: 177%;
}
footer .col02 .l-col .vtel {
	color: #4b4b4b;
	font-size: 323%;
	font-weight: bold;
	line-height: 1.0;
}
footer .col02 .l-col .vtel i {
	background: url(../img/icon03.png) no-repeat left center;
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	width: 54px;
}
footer .col02 .r-col {
	text-align: right;
}
footer .col02 .r-col p.copyr {
	font-size: 108%;
	padding: 12px 0;
}
header .logoBox div.copy {
	font-size: 124%;
	font-weight: bold;
	margin: 15px 0 0 20px;
	color: #4b4b4b;
	float: left;
}


section#anc02 .softBox {
	color: #000;
	padding: 55px 10px 0 10px;
}
section#anc02 .softBox h4 {
	font-size: 225%;
	padding: 0 0 22px;
}
table.tbl {
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 2px solid #000;
}
table.tbl th {
	background: #daecff;
	border: #000 solid;
	border-width: 0 1px 1px 0;
	color: #666;
	padding: 4px 8px;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
table.tbl td {
	background: #fff;
	border: #000 solid;
	border-width: 0 0 1px 0;
	color: #666;
	padding: 4px 8px;
	font-weight: normal;
	text-align: left;
	line-height: 1.3;
}
table.tbl td.lborder {
	background: #fff;
	border: #000 solid;
	border-width: 0 0 1px 1px;
	color: #666;
	padding: 4px 8px;
	font-weight: normal;
	text-align: left;
	line-height: 1.3;
}
h5 {
	background: #2f2f2f;
	color: #fff;
	font-size: 124%;
	padding: 6px 8px;
}
.mt30 {
	margin-top: 30px;
}
section#anc02 .softBox p.cap {
	padding-left: 1em;
	text-indent: -1em;
	margin: 10px auto;
	line-height: 1.2em;
}
section#anc02 .softBox p.red {
	color: #FF0004;
}
.softBox a {
	color: #004f8d;
	text-decoration:underline;
}
section#anc07 h2 {
	border-color: #fff;
	color: #fff;
	font-size: 200%;
}
section#anc07 h2 span {
	letter-spacing: 3px;
}
section#anc07 .col02 {
	margin: 45px 0 0;
	overflow: hidden;
	padding: 0 0 45px;
}
section#anc07 .col02 .l-col {
	color: #fff;
	float: left;
	width: 440px;
}
section#anc07 .col02 .l-col h3 {
	font-size: 215%;
	line-height: 1.3;
	padding: 0 0 20px;
}
section#anc07 .col02 .l-col p {
	font-size: 139%;
	line-height: 1.5;
}
section#anc07 .col02 .r-col {
	color: #fff;
	float: right;
	width: 485px;
}
section#anc07 .col02 .r-col p {
	font-size: 139%;
	line-height: 1.5;
}
section#anc07 .col02 .r-col p.caption {
	font-size: 170%;
	line-height: 1.5;
}
section#anc07 .caseBox {
	color: #000;
	padding: 55px 0 67px;
}
section#anc07 .caseBox h4 {
	font-size: 225%;
	padding: 0 0 22px;
}
section#anc07 .caseBox h4.youto {
	font-size: 300%;
	padding: 0 0 22px;
}
section#anc07 .caseBox p.ttl {
	font-size: 170%;
	padding: 0 0 5px;
}
section#anc07 .caseBox ul {
	overflow: hidden;
}
section#anc07 .caseBox ul li {
	float: left;
	padding: 0 10px 32px 10px;
}
section#anc07 .caseBox ul li.fcol {
	float: left;
	padding-right: 35px;
}
section#anc07 .softBox {
	color: #000;
	padding: 55px 10px 0 10px;
}
section#anc07 .softBox h4 {
	font-size: 225%;
	padding: 0 0 22px;
}
section#anc07 .softBox p.cap {
	padding-left: 1em;
	text-indent: -1em;
	margin: 10px auto;
	line-height: 1.2em;
}
section#anc07 .softBox p.red {
	color: #FF0004;
}

section#anc08 h2 {
	border-color: #004f8d;
	color: #004f8d;
}
section#anc08 ul {
	margin: 41px 0 49px;
	overflow: hidden;
}
section#anc08 ul li {
	float: left;
	padding: 0 0 32px 30px;
}
section#anc08 ul li.fcol {
	padding: 0;
}


/* ======================
スライド
====================== */

div.slide {
	width: 970px;
	height: 374px;
	margin: 161px auto 0;
}

div.story {
	margin-bottom: 50px;
	padding-bottom: 50px;
}
div.story h3 {
	font-size: 20px;
	margin: 30px 0 20px;
	border-bottom: solid 1px #BBB;
	line-height: 1.8em;
}
div.story p {
	font-size: 16px;
	margin: 20px 0;
	line-height: 2em;
}
div.story01 {
	width: 970px;
	margin: 30px auto;
}
div.story01 img {
	margin-bottom: 20px;
}
div.story02 {
	width: 970px;
	margin: 30px auto;
}
div.story02 img {
	margin: 10px 10px;
}
p.center {
	text-align: center;
}
img.imgright {
	float: right;
	padding: 0 0 40px 40px;
}
.flex_between {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex_center {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
p.download {
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0 0;
	text-align: right;
}
p.download a {
	text-decoration: underline;
	color: #000;
}
div.solar {
}

div#youtube h2 {
	font-size: 26px !important;
}
div#lte h2 {
	font-size: 26px !important;
}
div#time h2 {
	font-size: 26px !important;
}

div.box {
	margin: 30px 0;
}
div.box p {
	font-size: 16px;
	line-height: 1.8em;
	margin: 30px 0;
}
div.box h3 {
	font-size: 24px;
}

div.ai {
	margin: 30px 0;
}
div.ai div {
	width: 300px;
}
div.ai div p {
	text-align: center;
	font-size: 18px;
}

section.text h2 span {
	letter-spacing: 0px !important;
}

div.news {
	width: 970px;
	margin: 50px auto;
}
div.news p {
	font-size: 16px;
	margin: 20px 0px;
}
p.news_title {
	background-color: #0061C1;
	color: #FFF;
	text-align: center;
	font-size: 20px !important;
	padding: 10px 0;
}

div.enduser {
	width: 970px;
	margin: 80px auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
div.enduser img {
	margin: 20px 30px;
}

.smart_only {
	display: none;
}



div.ai2310_wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 30px 0;
}
div.ai2310_wrapper div {
	width: 314px;
	border: solid 1px #DDD;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
div.ai2310_wrapper div p {
	font-weight: bold;
	margin: 10px auto;
}
div.ai2310_last {
	color: #FFF;
	background-color: #2f5597;
	padding-top: 50px;
}


div.scene_wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 30px 0;
}
div.scene_wrapper iframe {
	margin-right: 3px;
}
div.scene_wrapper img {
	margin-right: 3px;
}





/* ------------------------------
 テーブル
------------------------------ */

div.simcard_table {
	width: 470px;
	margin: 5px 5px 0 0;
}
div.simcard_table p {
	margin: 15px 0;
	line-height: 1.7em;
	font-size: 0.9em;
}

div.simcard_table table {
	width: 100%;
	margin: 0 auto;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-collapse: collapse;
	font-size: 0.9em;
}
div.simcard_table table th {
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	padding: 5px 5px;
	background-color: #daecff;
}
div.simcard_table table td {
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	padding: 7px 5px;
}
div.simcard_table table td a {
	text-decoration: underline;
}
th.simcard_table_top {
	background-color: #000 !important;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
}
td.simcard_table_td {
	border-right: solid 1px #FFF !important;
}

div.youtube {
	width: 560px;
	margin: 15px auto;
}


div.comment {
	background-color: #caeefb;
	background-image:url(../img/mountain.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 50px 0;
	border-radius: 10px / 10px;
	overflow: hidden;
}
div.comment p {
	margin: 30px 30px;
	line-height: 1.7em;
	font-size: 1.3em;
}
p.comment_title {
	font-size: 1.5em;
	font-weight: bold;
}
p.comment_name {
	font-weight: bold;
	text-align: right;
	margin-top: 80px !important;
}