@import url("style_top_mv.css?date=20180605");
@import url("style_top_estimate.css");


body#Top {
	background:#f8f8f8;
}

/* // CampaignBnr
----------------------------------------------- */
#CampaignBnr {
	padding-top:45px;
	padding-bottom:45px;
	display:block;
	background-color:#FFF;
}
#CampaignBnr ul {
	width:1015px;
	position:relative;
	margin-left:-17px;
}
#CampaignBnr ul li {
	float:left;
	/*
	margin:0 8px;
	*/
	margin:0 0 0 17px;
}
#CampaignBnr ul li a{


	display: block;
	margin-bottom: 15px;

}

#CampaignBnr ul li span.large {
	display:none;
	padding:30px;
	width:920px;
	height:300px;
	position:absolute;
	left:17px;
	top:-370px;
	background-color:#fff;
	z-index:8888;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25);
	box-shadow: 0 0 6px rgba(0,0,0,0.25);
}
.top_campaign_banner_area {
	height:235px;
	margin:45px 0;
	overflow: hidden;
	text-align: center;
}



.top_sns_area {
	position: relative;
	text-align: right;
	margin:20px 0;
}

.top_sns_area .mvParts {
	position: relative;

}

.top_sns_area .mvSNSItems {
	display: inline-block;
	position: relative;
	top:0;
	left:0;
}


/*

.about_area {
	width:980px;
	margin:0 auto;
	overflow: hidden;
}
.about_area *{

	box-sizing:border-box;
}

.about_area .-left_block {
	width:580px;
	float:left;
}

.about_area .-left_block .-top_box {
	background:url(/common/images/contents/top/about_bg.png) center center / cover no-repeat ;
	min-height: 300px;
	padding:20px;
}

.about_area .-left_block .-top_box .-title {
	font-weight: bold;
	font-size: 30px;
	margin:0 0 20px 0;
}

.about_area .-left_block .-top_box .-text {
	font-size: 18px;

}

.about_area .-left_block .-top_box .-text strong {
	font-weight: bold;
	font-size: 24px;

}


.about_area .-left_block .-bottom_box {
	background:#0b4aa8;
	color:#fff;
	padding:20px;
	position: relative;
}

.about_area .-left_block .-bottom_box .-title {
	font-size: 25px;
	margin:0 0 30px 0;

}

.about_area .-left_block .-bottom_box .-text {
	font-size: 17px;
	margin:0 0 20px 0;

}

.about_area .-left_block .-bottom_box img  {
	position: absolute;
	right:10px;
	top:-50px;
}


.about_area .-right_block {
	width:380px;
	float:right;

	}

.about_area .-right_block .-title {
	font-size: 32px;
	color:#001f5e;
	text-align: center;
	position: relative;
	margin:0 0 20px 0;
}

.about_area .-right_block .-title:after {
	content:"";
	background:#001f5e;
	height:1px;
	width:100%;
	position:absolute;
	top:50%;
	left:0;
}

.about_area .-right_block .-title span {
	z-index:2;
	position: relative;
	background:#f8f8f8;
	padding:0px 20px;
}


.about_area .-right_block .-banner_list  {
	margin:0 0 9px 0;
}

.about_area .-right_block .-banner_list li {
	margin:0 0 20px 0;
}

.about_area .-btn {
	display: inline-block;
	background:#fff;
	width:300px;
	border-radius: 4px;
	text-align: center;
	position: relative;
	color:#0b4aa8;
	line-height: 50px;
	font-size: 16px;
}

.about_area .-btn:hover ,
.about_area .-right_block .-banner_list li:hover {
	opacity: 0.7;
}

.about_area .-right_block .-banner_list li.no_link:hover {
    opacity: unset;
}

.about_area .-btn:after {
	content: "\f105";
	display: block;
	font-family: FontAwesome;
	position: absolute;
	line-height: 1;
	font-size: 3rem;
	font-weight: 400;
	top: calc(50% - 1.5rem);
	right: 3%;

}

.about_area .-btn.reverse {
	background: #0e5fd8;
	background: linear-gradient(to bottom, #0e5fd8 0%,#0b4aa8 100%);
	color:#fff;
}

*/






















.about_area {
	width:980px;
	margin:0 auto;
	overflow: hidden;
}
.about_area *{

	box-sizing:border-box;
}

.about_area .-left_block {
	width:580px;
	float:left;
}

.about_area .-left_block .-top_box {
	background:url(/common/images/contents/top/about_bg.png?date=20181011) center center / cover no-repeat ;
	min-height: 254px;
	padding:20px;
}

.about_area .-left_block .-top_box .-title {
	font-weight: bold;
	font-size: 24px;
	margin:0 20px 20px 0;
	text-align: right;

}

.about_area .-left_block .-top_box .-text {
	font-size: 18px;
	margin:0 10px 20px 0;
	float:right;

}

.about_area .-left_block .-top_box .-text strong {
	font-weight: bold;
	font-size: 18px;

}


.about_area .-left_block .-bottom_box {
	background:#0b4aa8;
	color:#fff;
	padding:20px;
	position: relative;
}

.about_area .-left_block .-bottom_box .-title {
	font-size: 20px;
	margin:0 0 10px 0;
	font-weight: bold;

}

.about_area .-left_block .-bottom_box .-text {
	font-size: 14px;
	margin:0 0 10px 0;

}

.about_area .-left_block .-bottom_box img  {
	position: absolute;
	right:10px;
	top:-50px;
}


.about_area .-right_block {
	width:380px;
	float:right;

	}

.about_area .-right_block .-title {
	font-size: 32px;
	color:#001f5e;
	text-align: center;
	position: relative;
	margin:0 0 20px 0;
}

.about_area .-right_block .-title:after {
	content:"";
	background:#001f5e;
	height:1px;
	width:100%;
	position:absolute;
	top:50%;
	left:0;
}

.about_area .-right_block .-title span {
	z-index:2;
	position: relative;
	background:#f8f8f8;
	padding:0px 20px;
}


.about_area .-right_block .-banner_list  {
	margin:0 0 9px 0;
}

.about_area .-right_block .-banner_list li {
	margin:0 0 20px 0;
}

.about_area .-btn {
	display: inline-block;
	background: #fff;
	width: 240px;
	border-radius: 4px;
	text-align: center;
	position: relative;
	color: #0b4aa8;
	line-height: 50px;
	font-size: 16px;
	bottom: 20px;
	position: absolute;
	right: 20px;
	}

.about_area .-btn:hover ,
.about_area .-right_block .-banner_list li:hover {
	opacity: 0.7;
}

.about_area .-right_block .-banner_list li.no_link:hover {
    opacity: unset;
}

.about_area .-btn:after {
	content: "\f105";
	display: block;
	font-family: FontAwesome;
	position: absolute;
	line-height: 1;
	font-size: 3rem;
	font-weight: 400;
	top: calc(50% - 1.5rem);
	right: 3%;

}

.about_area .-btn.reverse {
	background: #0e5fd8;
	background: linear-gradient(to bottom, #0e5fd8 0%,#0b4aa8 100%);
	color:#fff;
}






/* // Reason
----------------------------------------------- */
#Reason {
	padding-top:80px;
	padding-bottom:80px;
}
#Reason .title {
	margin-bottom:40px;
	text-align:center;
	color:#002a5a;
}
#Reason .column p {
	padding:0 3px;
}
#Reason .column .icon {
	text-align:center;
	margin-bottom:10px;
}
#Reason .column .head {
	font-size:18px;
	line-height:1.35em;
	margin-bottom:14px;
	color:#002a5a;
	text-align: center;
}

#Reason .column p.body {
	font-size:88%;
	line-height:1.6em;
	color:#666;
}


/* // Scean
----------------------------------------------- */
#Scean {
	background:url(/common/images/contents/top/scean_bg.jpg) center top no-repeat;
	padding-top:80px;
}
#Scean .widthFix {
	position:relative;
	height:820px;
}
#Scean .device {
	position:absolute;
	top:255px;
	left:50%;
	margin-left:-135px;
}
#Scean .travel {
	position:absolute;
	top:145px;
	left:0;
}
#Scean .business {
	position:absolute;
	top:560px;
	left:600px;
}
#Scean p {
	font-size:16px;
	line-height:1.8em;
}
#Scean p.head {
	font-size:24px;
	margin-bottom:10px;
}

/* // Flow
----------------------------------------------- */
#Flow {
	padding-top:70px;
	padding-bottom:70px;
	background-color:#FFF;
}
#Flow .title {
	margin-bottom:13px;
	text-align:center;
}
#Flow .head01 {
	margin-bottom:50px;
	text-align:center;
}

/* // Business
----------------------------------------------- */
#Business {
	margin:65px auto 0;
	display:block;
	width:980px;
	height:270px;
	position:relative;
	background:url(/common/images/contents/top/business_bg.jpg) center top no-repeat;
}
#Business p.btn {
	position:absolute;
	left:20px;
	bottom:25px;
}

.forBiz {
	text-align: center;
	margin:65px 0 0 0;
}


/* // Info
----------------------------------------------- */
#Info {
	position:relative;
}
#Info .title {
	margin-bottom:12px;
	line-height:1.1em;
	font-size:16px;
}
#Info .index {
	position:absolute;
	top:3px;
	right:0;
}
#Info .newsWrap {
	font-size:88%;
	line-height:1.4em;
}
#Info .newsWrap dl {
	border-bottom:1px #AAA dotted;
	padding-bottom:9px;
	margin-bottom:9px;
	position:relative;
}
#Info .newsWrap dl img.icon {
	position:absolute;
	top:0px;
	left:85px;
}
#Info .newsWrap dl dt {
	display:block;
	margin-bottom:3px;
}
#Info .newsWrap dl dd {
	background:url(/common/images/contents/top/info_yaji.png) left 5px no-repeat;
	padding-left:12px;
}
#Info .frame {
	background-color:#FFF;
	border:1px solid #CCC;}
#Info div.flexcroll {
	padding:20px;
	width:429px;
	height:225px;
	overflow-x:hidden;
	position:relative;
}
#Info .scrollgeneric {
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:0;
	left:0;
}
#Info .vscrollerbase {
	width:10px;
	background-color:#eaeaea;
}
#Info .vscrollerbar {
	width:10px;
	background-color:#9e9e9e;
}
#Info .hscrollerbase {
	height:10px;
	background-color:#eee;
}
#Info .hscrollerbar {
	height:10px;
	background-color:#9e9e9e;
}
#Info .scrollerjogbox {
	width:10px;
	height:10px;
	top:auto;
	left:auto;
	bottom:0;
	right:0;
	background-color:#eee;
}


/* // Qa
----------------------------------------------- */
#Qa .frame {
	border:2px solid #002664;
	padding:18px 18px 20px;
	background-color:#FFF;
}
#Qa .title {
	margin-bottom:15px;
	text-align:center;
}
#Qa .qaItem {
	margin-bottom:9px;
}
#Qa .qaItem a {
	border:1px solid #004885;
	line-height:1.3em;
	padding:8px 6px 6px 6px;
	font-weight:bold;
	font-size:18px;
	background:url(/common/images/contents/top/qa_icon_01.png) right bottom no-repeat;
	color:#333;
	display:block;
}
#Qa .qaItem a:hover,#Qa .qaItem a:active {
	text-decoration:none;
	background-color:#fbfbf6;
}
#Qa .qaItem a em {
	font-weight:bold;
	font-size:22px;
	color:#0059a5;
	font-style:normal;
}

/* // kiyaku
----------------------------------------------- */
.kiyaku_block {
	margin: 0 0 20px 0;
}
.kiyaku_title:not(:first-child) {
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.kiyaku_title:first-child {
	font-weight: bold;
	margin: 0 0 10px 0;
}
.kiyaku ol li {
	margin: 0 0 0 1em;
	list-style: outside decimal;
	line-height: 21px;
}
.kiyaku .inner_ol li {
	margin: 0;
	list-style: none;
}
.kiyaku .inner_ol ul li {
	margin: 0 0 0 3em;
	line-height: 21px;
}
.kiyaku .none_ol li {
	list-style: none;
}


.logochange_announce_wrap {
	margin:40px auto;
}

.logochange_announce {
	display: flex;
	border-radius:4px;
	width:840px;
	margin: 0 auto;
	position: relative;
}

.logochange_announce .-left {
	border:solid 1px #051f49;
	background:#051f49;
	color:#fff;
	font-weight: bold;
	font-size: 16px;
	width:20%;
	border-radius:8px 0 0 8px;
	padding:20px;
	text-align:center;

}
.logochange_announce .-right {
	border:solid 1px #051f49;
	background:#ededed;
	border-radius:0 8px 8px 0;
	font-weight: bold;
	font-size: 16px;
	color:#051f49;
	width:80%;
	padding:20px;
}


.logochange_announce:after{
	content: "\f105";
	display: block;
	font-family: FontAwesome;
	position: absolute;
	line-height: 1;
	font-size: 3rem;
	font-weight: 400;
	top: calc(50% - 1.5rem);
	right: 3%;
}