﻿@charset "utf-8";
/* CSS Document */


/* CONTROL */
div#top-image{
	width:950px;
	height:58px;
	background:url('../../img/it/top-image.png') no-repeat;
	margin:0 auto;
	margin-top:79px;
}
div#tab-control{
	width:697px;
	height:72px;
	text-align:center;
	margin-top:5px;
}

div.control-wrapper{
	width:100%;
	height:69px;
	position:relative;
	z-index:1;
	margin:0 auto;
}
div.control-wrapper ul{
	margin:0;
	padding:0;
	font-size:0;
	list-style:none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
}
div.control-wrapper ul li{

}
div.control-wrapper ul li a img{
	display:block;
}
div.control-wrapper ul li.last-li{

}
div.red-line{
	width:697px;
	height:6px;
	background:#E61419;
	position:relative;
	z-index:9;
	top:-3px;
}
/* CONTROL end here */

/* TAB 1 */
div#tab1-wrapper{
	width:697px;
}
div#tab1-wrapper div.back-bg{
	width:100%;
	background:url('../../img/it/tab1/top_bg.png') no-repeat top center;
}

div#tab1-wrapper div.back-bg .img-list{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:162px;
	font-size:0;
	width:323px;
}
div#tab1-wrapper div.back-bg .img-list li{
	margin-top:9px;
	float:left;
}
div#tab1-wrapper div.back-bg .img-list li a img{
	display:block;
}

div#tab1-wrapper div.back-bg div.bg-0{
	width:677;
	height:380px;
	margin-top:10px;
	background:url('../../img/it/tab1/bg-0.png') no-repeat top left;
	padding-left:20px;
}
div#tab1-wrapper div.back-bg div.bg-0 p
{
	width:352px;
	padding-top:185px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}
div#tab1-wrapper div.back-bg div.bg-1{
	width:677;
	height:160px;
	margin-top:15px;
	background:url('../../img/it/tab1/bg-1.png') no-repeat top left;
	padding-left:20px;
}
div#tab1-wrapper div.back-bg div.bg-1 p
{
	padding-top:88px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}
div#tab1-wrapper div.back-bg div.bg-2{
	width:677;
	height:143px;
	margin-top:15px;
	background:url('../../img/it/tab1/bg-2.png') no-repeat top left;
	padding-left:20px;
}
div#tab1-wrapper div.back-bg div.bg-2 p
{
	padding-top:88px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}


div#tab1-wrapper div.back-bg div.bg-3{
	width:677;
	height:258px;
	background:url('../../img/it/tab1/bg-3.png') no-repeat top left;
	padding-left:20px;
}
div#tab1-wrapper div.back-bg div.bg-3 p
{
	padding-top:135px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}
div#tab1-wrapper div.back-bg div.bg-4{
	width:677;
	margin-top:15px;
	height:312px;
	background:url('../../img/it/tab1/bg-4.png') no-repeat top left;
	padding-left:20px;
}
div#tab1-wrapper div.back-bg div.bg-4 p
{
	width:460px;
	padding-top:88px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}
div#tab1-wrapper div.back-bg div.bg-5{
	width:677;
	height:423px;
	background:url('../../img/it/tab1/bg-50.png') no-repeat top left;
	padding-left:20px;
	margin-top:15px;
	padding-top:88px;
}
div#tab1-wrapper div.back-bg div.bg-5 p{
	padding-bottom:10px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}
div#tab1-wrapper div.back-bg div.bg-5 div.text-box{
	width:561px;
	height:38px;
	background:url('../../img/it/tab1/bg-5-sub.png') no-repeat top left;
	margin-left:10px;
	margin-bottom:7px;
	padding-left:70px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
	padding-top:18px;
}
div#tab1-wrapper div.back-bg div.bg-5 div.first-box{
	padding-top:8px;
	height:48px;
}


div#tab1-wrapper div.back-bg div.bg-6{
	width:677;
	height:281px;
	background:url('../../img/it/tab1/bg-6.png') no-repeat top left;
	padding-left:20px;
}
div#tab1-wrapper div.back-bg div.bg-6 p
{
	width:658px;
	padding-top:135px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}
div#tab1-wrapper div.back-bg div.bg-7{
	width:677;
	margin-top:15px;
	height:187px;
	background:url('../../img/it/tab1/bg-7.png') no-repeat top left;
	padding-left:20px;
}
div#tab1-wrapper div.back-bg div.bg-7 p
{
	width:658px;
	padding-top:88px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}
div#tab1-wrapper div.back-bg div.bg-8{
	width:677;
	margin-top:15px;
	height:183px;
	background:url('../../img/it/tab1/bg-8.png') no-repeat top left;
	padding-left:20px;
}
div#tab1-wrapper div.back-bg div.bg-8 p
{
	width:658px;
	padding-top:88px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}
div#tab1-wrapper div.back-bg div.bg-9{
	width:677;
	height:500px;
	background:url('../../img/it/tab1/bg-9.png') no-repeat top left;
	padding-left:20px;
}
div#tab1-wrapper div.back-bg div.bg-10{
	width:677;
	height:296px;
	margin-top:15px;
	background:url('../../img/it/tab1/bg-10.png') no-repeat top left;
	padding-left:20px;
}
/* TAB 1 end here */

/* TAB 2 */
div#tab2-wrapper{
	width:697px;
	display:none;
}
div#tab2-wrapper div.back-bg{
	width:100%;
	/*height:488px;*/
	height:184px;
	background:url('../../img/it/tab2/top_bg.png') no-repeat top center;
}
div.top-bt{
	width:220px;
	height:57px;
	margin:0 auto;
	padding-top:392px;
}
div#tab2-wrapper div.scroll-control{
	width:100%;
	height:43px;
	margin-top:18px;
	background:url('../../img/it/tab2/red.png') no-repeat bottom center;
}
div#tab2-wrapper div.scroll-control .img-list{
	list-style:none;
	margin:0;
	padding:0;
	font-size:0;
	width:100%;
	height:40px;
}
div#tab2-wrapper div.scroll-control .img-list li{
	margin-left:8px;
	float:left;
	height:40px;
}
div#tab2-wrapper div.scroll-control.img-list li a img{
	display:block;
}
div#tab2-wrapper div.bg-00{
	width:697px;
	height:36px;
	margin-top:15px;
	background:url('../../img/it/tab2/bg-00.png') no-repeat bottom left;
}
div#tab2-wrapper div.bg-01{
	width:682px;
	padding-left:15px;
	padding-top:10px;
	background:url('../../img/it/tab2/bg-01.png') repeat-y;
}
div#tab2-wrapper div.bg-01 .table-list{
	margin:0;
	padding:0;
	list-style:none;
	width:658px;
}
div#tab2-wrapper div.bg-01 .table-list li{
	background:url('../../img/it/tab2/dot.png') repeat-x bottom left;
	font-family:'メイリオ';
	font-size:12px;
	line-height:28px;
	color:#5D5D5D;
}
div#tab2-wrapper div.bg-01 .table-list li.last-td{
	border-bottom:0;
}
div#tab2-wrapper div.bg-01 .table-list li a{
	color:#595757;
}
div#tab2-wrapper div.bg-02{
	width:697px;
	height:12px;
	background:url('../../img/it/tab2/bg-02.png') no-repeat;
}

div#tab2-wrapper div.bg-001{
	width:697px;
	height:36px;
	margin-top:15px;
	background:url('../../img/it/tab2/bg-001.png') no-repeat bottom left;
}
div#tab2-wrapper div.bg-01 p
{
	width:530px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}
div#tab2-wrapper div.bg-01 img.mar-img{
	margin:10px 0;
}
.tables{
	border-collapse:collapse;
	width:664px;

}
.tables .td-left{
	width:446px;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
	vertical-align:middle;
	padding:3px 0;
	padding-left:4px;
}

.tables .td-right{
	vertical-align:middle;
}

.tables .td-right1{
	vertical-align:top;
}

.bal-list{
	margin:0;
	padding:0;
	list-style:none;
	height:20px;
}
.bal-list li{
	float:left;
	height:20px;
}
.bal-list li.last{
	margin-left:5px;
}
.bal-list li img.bal-img{
	display:block;
}
.org{
	position:relative;
	top:3px;
}
div#tab2-wrapper div.bg-002{
	width:697px;
	height:36px;
	margin-top:15px;
	background:url('../../img/it/tab2/bg-002.png') no-repeat bottom left;
}
.table1{
	border-collapse:collapse;
	width:664px;
	margin-bottom:10px;
}
.table1 .td-left{
	width:38px;
	padding:15px 0;
	vertical-align:middle;
	background:url('../../img/it/tab2/dot.png') repeat-x bottom left;
}
.table1 .td-left img{
	display:block;
}
.table1 .td-right{
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
	vertical-align:middle;
	background:url('../../img/it/tab2/dot.png') repeat-x bottom left;
}
p.mar-text-p{
	margin-top:12px;
}
p.mar-text-ps{
	margin-top:12px;
	padding-bottom:10px;
	background:url('../../img/it/tab2/dot.png') repeat-x bottom left;
	width:664px;
}
img.mar-text-p{
	margin-top:16px;
}
div.grey-bg{
	width:664px;
	height:22px;
	background:url('../../img/it/tab2/grey-bg.png') no-repeat;
	margin-top:12px;
	margin-bottom:5px;
}
.table2{
	border-collapse:collapse;
	width:664px;
}
.table2 .td-left{
	width:17px;
	padding:9px 0 10px;
	vertical-align:middle;
	background:url('../../img/it/tab2/dot.png') repeat-x bottom left;
}
.table2 .td-left img{
	display:block;
}
.table2 .td-right{
	font-family:'メイリオ';
	/*font-size:10px;*/
	font-size:11px;
	line-height:20px;
	color:#595757;
	vertical-align:middle;
	background:url('../../img/it/tab2/dot.png') repeat-x bottom left;
}
div#tab2-wrapper div.bg-003{
	width:697px;
	height:36px;
	margin-top:15px;
	background:url('../../img/it/tab2/bg-003.png') no-repeat bottom left;
}
.table3{
	border-collapse:collapse;
	width:664px;
}
.table3 .td-left{
	width:17px;
	padding:10px 0;
	padding-left:10px;
	vertical-align:top;
	text-align:right;
}
.table3 .td-left img{
	display:block;
}
.table3 .td-right{
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
	vertical-align:middle;
	padding-top:10px;
}
img.mar-top{
	margin-top:10px;
}

div.bottom-header{
	width:697px;
	height:32px;
	margin-top:15px;
	background:url('../../img/it/tab2/red-bottom.png') no-repeat top left;
}
div.bottom-mid{
	width:697px;
	background:url('../../img/it/tab2/red-bottom-mid.png') repeat-y;
	text-align:center;
	font-family:'メイリオ';
	font-size:12px;
	line-height:20px;
	color:#595757;
}
div.bottom-footer{
	width:697px;
	height:10px;
	background:url('../../img/it/tab2/red-bottom-under.png') no-repeat top left;
}
/* TAB 2 end here */

div.it{
	padding-top:10px;
}

/* downloadpop */

.overlay {
	position:fixed;
	width: 100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	top: 0;
	left: 0;
	z-index: 100;
}

#downloadpop {
	position: fixed;
	width: 750px;
	display: none;
	background:#fff;
	border-radius: 20px;
	padding:50px 105px;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	z-index: 1000;
	box-sizing: border-box;
}
.downloadpop__close {
	position: absolute;
	content:" ";
	width: 50px;
	height:50px;
	background:#999;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	top:-40px;
	right: -40px;
	cursor: pointer;
}
.downloadpop__close::after {
	content:"×";
	font-size:40px;
	line-height: 1;
	transform: translateY(-3px);

}
.poppoint {
	position:relative;
	cursor: pointer;
}
.linkpoint {
	display: block;
}
.poppoint::after {
	position: absolute;
	content: " ";
	background:rgba(255,255,255,0);
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
}
.downloadpop__list {
	width: 450px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin:0 auto 30px;
}
.downloadpop__item {
	width: 200px;
	height:70px;
	color: #fff;
	font-size:14px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction:column;
	align-items: center;
	cursor: pointer;
	background :#E61C0F;
	outline: none;
	line-height: 1.4;
	transition:opacity .25s;
}
.downloadpop__item:hover {
	opacity: 0.6;
}
.downloadpop__itemin {
	display: block;
	font-size:20px;
}
.downloadpop__link {
	color: #fff;
	text-decoration: none;
}
#downloadpop .downloadpop__ttl {
	font-size:24px;
	margin-bottom:40px;
	text-align: center;
	font-weight:bold;
	color:red;
}
.downloadpop__pick {
	font-size:20px;
	text-align: center;
	margin-bottom:40px;
}
.downloadpop-note {
	margin-bottom:30px;
	list-style: none;
}
.downloadpop-note__item {
	position:relative;
	margin-bottom:10px;
	padding-left: 17px;
	font-size:15px;
	line-height:1.6;
}
.downloadpop-note__item::before {
	position:absolute;
	content:" ";
	width: 10px;
	height:10px;
	background: #E24553;
	border-radius: 50%;
	left: 0;
	top: 3px;
}
.downloadpop-note__item:last-child {
	margin-bottom:10px;
}
.downloadpop__txt {
	font-size:15px;
	line-height:1.6;
}
