@charset "UTF-8";
#page-container .imgradius {
	-webkit-border-radius: 12px;
	border-radius: 12px;
	overflow: hidden;
}
#page-container .imgradius.radiusbor1 {
	border: 1px solid #d6d6d6;
}
#page-container .note {
	font-size: 78.57143%;
	padding: 0 0 0 1em;
	text-indent: -1em;
	color: #7d7d7d;
}
#page-container .c-btn__round {
	display: inline-block;
	border-width: 2px;
	font-size: 85.7142857143%;
	border-style: solid;
	border-radius: 15px;
	border-color: #ce181e;
	background-color: #FFFFFF;
	position: relative;
	overflow: hidden;
	text-align: center;
	line-height: 1;
	color: #ce181e;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
}
#page-container .c-btn__round:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 10px;
	background: transparent url(../../../../common/css/img/arrow_3ds_00.png) 0 0 no-repeat;
}
#page-container .c-btn__round span {
	font-size: 85.71429%;
	color: #ce181e;
	display: inline-block;
	padding: 8px 48px 8px;
}

/* ==========================================================================
	BUILT-IN NAVI 3DS
========================================================================== */
/* built-infooternav-container
-------------------------------------------------------------------------- */
.built-infooternav-container {
	border-top: 6px solid #50a5fa;
	border-bottom: 1px solid #d6d6d6;
}

.built-infooternav {
	width: 960px;
	margin: 32px auto 24px;
}

.built-infooternav__set {
	display: table;
	width: 100%;
	text-align: center;
}
.built-infooternav__set li[class^="built-infooternav__item"] {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 96px;
	vertical-align: top;
}
.built-infooternav__set li[class^="built-infooternav__item"] a {
	text-align: center;
}
.built-infooternav__set li[class^="built-infooternav__item"] p {
	padding-top: 8px;
	font-size: 64.2857142857%;
}

.built-infooternav__item--active:before {
	content: "";
	display: block;
	position: absolute;
	top: -32px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: 0;
	height: 0;
	border: 7px solid transparent;
}

.built-infooternav__item--active:before {
	border-top-color: #50a5fa;
}

/* #mainttl
-------------------------------------------------------------------------- */
#mainttl-container {
	border-bottom: 1px solid #d6d6d6;
}

.mainttl__body {
	width: 960px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 140px;
}

.mainttl__ttl {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 373px;
	height: 106px;
}

.mainttl__backtobuilt-in {
	position: absolute;
	height: 30px;
	top: 0;
	bottom: 0;
	right: 0;
	margin-bottom: auto;
	margin-top: auto;
}
.mainttl__backtobuilt-in .c-btn__round {
	width: 240px;
}
.mainttl__backtobuilt-in .c-btn__round:before {
	background: transparent url(../../../../3ds/common/css/img/arrow_link_10.png) 0 0 no-repeat;
}
.mainttl__backtobuilt-in .c-btn__round span {
	letter-spacing: 0.1em;
}

/* HERO
-------------------------------------------------------------------------- */

#page-container {
	width: 100%;
	overflow: hidden;
}
#page-container .hero-container {
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
	background: #0096e6 url(../img/hero_bg.png) center 0 repeat-x;
}
#page-container .hero-container .hero__body {
	height: 354px;
	width: 960px;
	margin: 0 auto 115px;
	position: relative;
}
#page-container .hero-container .hero__article {
	margin-left: 0px;
	padding-top: 20px;
}
#page-container .hero-container .hero__ttl {
	color: #fff;
	font-size: 228.5714285714%;
	padding-top: 44px;
	margin-bottom: 22px;
	line-height:1.6;
}
#page-container .hero-container .hero__text {
	color: #fff;
	font-size: 92.8571428571%;
	line-height: 2.15384615;
	margin-bottom: 8px;
}
#page-container .hero-container .hero__image {
	position: absolute;
	right: -90px;
	top: -55px;
	line-height: 0;
	letter-spacing: 0;
}

/* section01
-------------------------------------------------------------------------- */

#page-container .section01-container {
	width:100%;
	min-width:960px;
	margin: 0 auto;
}
#page-container .section01-container .section01__body {
	width:940px;
	margin:0 auto 53px;
}
#page-container .section01-container .section01__article {
	position:relative;
	width:100%;
	height:322px;
}
#page-container .section01-container .section01__article .section01__title {
	position:absolute;
	left:0;
	top:79px;
	color: #50a5fa;
	font-size: 214.2857142857%;
	line-height:1.5183333;
}
#page-container .section01-container .section01__article .section01__text {
	position:absolute;
	right:0;
	top:75px;
	width:230px;
	font-size: 92.8571428571%;
	line-height: 2.15384615;
}
#page-container .section01-container .section01__article .section01__image {
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-29px;
}
#page-container .section01-container .section01__image-consol {
	position:relative;
	width:100%;
	height:168px;
	margin-top:22px;
}
#page-container .section01-container .section01__image-consol .section01__image02-wrap {
	position:absolute;
	left:2px;
	top:0;
}
#page-container .section01-container .section01__image-consol .section01__image03-wrap {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-140px;
}
#page-container .section01-container .section01__image-consol .section01__image04-wrap {
	position:absolute;
	right:2px;
	top:0;
}
#page-container .section01-container .section01__text02 {
	width:100%;
	text-align:center;
	font-size: 92.8571428571%;
	line-height: 1.84615385;
	margin:0 auto;
	margin-top:37px;
}
.section01__image01-wrap, .section01__image02-wrap, .section01__image03-wrap, .section01__image04-wrap {
	 width: 280px;
	 height: 168px;
	 border-radius: 12px;
	 overflow: hidden;
	 line-height: 0;
	 letter-spacing: 0;
}
#page-container .section01-container .section01__article .section01__image01-wrap {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-200px;
	width:400px;
	height:237px;
}

/* section02
-------------------------------------------------------------------------- */

#page-container .section02-container {
	width:100%;
	min-width:960px;
	margin: 0 auto;
	border-top:#d6d6d6 1px solid;
}
#page-container .section02-container .section02__body {
	position:relative;
	width:960px;
	height:263px;
	margin: 0 auto 60px;
}
#page-container .section02-container .section02__article {
	position:absolute;
	left:0;
	top:72px;
	width:570px;
}
#page-container .section02-container .section02__article .section02__title {
	color: #50a5fa;
	font-size: 200%;
	line-height:1.42857143;
}
#page-container .section02-container .section02__article .section02__text {
	margin-top:20px;
	font-size: 92.8571428571%;
	line-height: 2.15384615;
}
#page-container .section02-container .section02__image {
	position:absolute;
	right:0;
	top:60px;
	width: 343px;
	 height: 203px;
	 border-radius: 12px;
	 overflow: hidden;
	 line-height: 0;
	 letter-spacing: 0;
}

/* ADD LINK ARROW
-------------------------------------------------------------------------- */
#page-container .link-arrow.ble-wht:before {
	background-image: url(img/icon_arrow_ble-wht.png);
}



/* HOVER
-------------------------------------------------------------------------- */
#page-container .c-btn__round span,
#page-container .c-btn__round:before{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#page-container .c-btn__round:hover span,
#page-container .c-btn__round:hover:before{
  opacity: 0.75;
  filter: alpha(opacity=75);
}

#page-container .c-btn__round:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  width: 240px;
  height: 30px;
  border: 0 #ce181e solid;
  border-radius: 14px;
  box-sizing: border-box;
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#page-container .c-btn__round:hover:after {
  border-width: 4px;
}