@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------------------------- 
  reset
----------------------------------------------------------------------- */
.i3cube .mb00 {
	margin-bottom: 0px!important;
}

.i3cube .mb10 {
	margin-bottom: 10px!important;
}

.i3cube .mb20 {
	margin-bottom: 20px!important;
}


/* ----------------------------------------------------------------------- 
  text
----------------------------------------------------------------------- */
sup {
    vertical-align: super;
	font-size: 75%;
}

.i3cube .white01 {
	color: #fff;
}
.i3cube .blue01 {
	color: #0b308d;
}
.i3cube .txtStyle01 {
	font-size: 20px;
	line-height: 1.55;
}
.i3cube .txtStyle01.shadow {
	text-shadow: 1px 1px 3px #000;
	font-size: 19px;
}
.i3cube .txtStyle02 {
	font-size: 20px;
	overflow: hidden;
}
.i3cube .txtStyle02 + .txtStyle02 {
	margin-top: 57px;
}
.i3cube .txtStyle02 .txtTitle {
	width: 212px;
	height: 43px;
	text-align: center;
	color: #fff;
	letter-spacing: 0.15em;
	padding: 9px 0 0 20px;
	float: left;
	background: url(../img/common/cmn_ttl_bg01.png) no-repeat top left;
	background-size: 100% 100%;
}
.i3cube .txtStyle02 .txtTitle + p {
	margin: 5px 0 0 240px;
}


@media screen and (max-width:738px) {
	.i3cube .txtStyle01 {
		font-size: 14px;
	}
	.i3cube .txtStyle01.shadow {
		/*margin-top: 48%;*/
	}
	.i3cube .txtStyle02 {
		font-size: 14px;
	}
	.i3cube .txtStyle02 + .txtStyle02 {
		margin-top: 30px;
	}
	.i3cube .txtStyle02 .txtTitle {
		width: 180px;
		height: auto;
		float: none;
		padding: 5px 0 4px 10px;
	}
	.i3cube .txtStyle02 .txtTitle + p {
		margin: 10px 0 0;
	}
}

/* align
--------------------------------------------------*/
.i3cube .tL {
	text-align: left !important;
}
.i3cube .tC {
	text-align: center !important;
}
.i3cube .tR {
	text-align: right !important;
}
.i3cube .vT {
	vertical-align: top !important;
}

/* font-weight
--------------------------------------------------*/
.i3cube .bold {
	font-weight: bold;
}

/* title
--------------------------------------------------*/
.i3cube .ttlStyle01 {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

@media screen and (max-width:738px) {
	.i3cube .ttlStyle01 {
		font-size: 20px;
	}
}


/* ----------------------------------------------------------------------- 
  other
----------------------------------------------------------------------- */
.i3cube .fL {
	float: left;
}
.i3cube .fR {
	float: right;
}
.i3cube .cB {
	clear: both;
}
.i3cube .aC {
	text-align: center;
}
.i3cube .spOnly {
	display: none;
}

@media screen and (max-width:738px) {
	.i3cube .pcOnly {
		display: none !important;
	}
	.i3cube .spOnly {
		display: block;
	}
}





/* button
--------------------------------------------------*/
[class^="btnStyle"] {
	display: block;
	line-height: 1.0;
}
[class^="btnStyle"]:hover {
	text-decoration: none;
	opacity: 0.75;
}
.i3cube .btnStyle01 {
	width: 300px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 23px 0 19px;
	margin: auto;
	background: url(../img/common/cmn_btn_bg01.jpg) repeat-x top left;
	background-size: auto 100%;
}
.i3cube .btnStyle02 {
	display: inline;
	padding-left: 15px;
	position: relative;
}
.i3cube .btnStyle02:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #fff;
}

@media screen and (max-width:738px) {
	.i3cube .btnStyle01 {
		width: 70%;
		max-width: 300px;
		font-size: 14px;
		padding: 15px 0;
	}
}