@charset "utf-8";
/*********************************
 *
 * 全ページ共通
 *
 *********************************/

body {
	color: #555;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
a {
	color: #0366ac;
}
a:hover {
	color: #0366ac;
	text-decoration: none;
}
a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* clearfix */
.cf:before, .cf:after {
	content: "";
	display: block;
	overflow: hidden;
}
.cf:after {
	clear: both;
}
.cf {
	zoom: 1;
}
.pT0 {
	padding-top: 0.5em !important;
}
.mT10 {
	margin-top: 10px !important;
}
.mT20 {
	margin-top: 20px !important;
}
.mT30 {
	margin-top: 30px !important;
}
.mT50 {
	margin-top: 50px !important;
}
.mT60 {
	margin-top: 60px !important;
}
.mT70 {
	margin-top: 70px !important;
}
.mT80 {
	margin-top: 80px !important;
}
.mT100 {
	margin-top: 100px !important;
}
.mT120 {
	margin-top: 120px !important;
}
.mT130 {
	margin-top: 130px !important;
}
.mT150 {
	margin-top: 150px !important;
}
.mT160 {
	margin-top: 160px !important;
}
.mT170 {
	margin-top: 170px !important;
}
.mT180 {
	margin-top: 180px !important;
}
.mT185 {
	margin-top: 185px !important;
}
.mT190 {
	margin-top: 190px !important;
}
.mT200 {
	margin-top: 200px !important;
}
.pB30 {
	padding-bottom: 30px !important;
}
.pB50 {
	padding-bottom: 50px !important;
}
.pB70 {
	padding-bottom: 70px !important;
}
.white {
	color: #FFF;
}
.supText {
	position: relative;
	top: -0.1em;
	font-size: 80%;
	vertical-align: top;
}
.txt_r {
	text-align: right;
}
.ls01 {
	letter-spacing: 0.1em;
}
/* aostory:scroll */
.fadeInDown {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
}
@-webkit-keyframes fadeInDown {
 0% {
opacity: 0;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
 0% {
opacity: 0;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}


/*********************************
 * ～640
 *********************************/

@media screen and (max-width:640px) {
html {
	-webkit-text-size-adjust: 100%;
}
body {
	background: #fff;
	font-size: 90%;
	line-height: 1.45em;
}
.pc {
	display: none;
}
img {
	width: 100%;
}
.fs10 {
	font-size: 80%;
}
.fs11 {
	font-size: 90%;
}
.fs13 {
	font-size: 130%;
}
.fs14 {
	font-size: 150%;
}
.fs16 {
	font-size: 170%;
}
/* header */
#header {
	position: relative;
	width: 100%;
	height: 88px;
	margin: 0 auto;
	background: #1a2f53;
	line-height: 1;
	position: fixed;
	z-index: 999999;
}
#header .logo {
	position: absolute;
	width: 245px;
	top: 30px;
	left: 212px;
	font-size: 0;
}
#header .box #gBtn, #header .box #gBtnClose {
	position: absolute;
	width: 38px;
	height: 38px;
	top: 26px;
	left: 42px;
}
#header .box #gBtn a {
	display: block;
	width: 38px;
	height: 38px;
	background: #1a2f53 url(../images/sp_menu.png) center center no-repeat;
}
#header .box #gBtnClose a {
	display: block;
	width: 38px;
	height: 38px;
	background: #1a2f53 url(../images/sp_menu_close.png) center center no-repeat;
}
/* tabNav */
#tabNav {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 9999;
}
#tabNav .box {
	background: #fff;
	height: 88px;
}
#tabNav ul {
	margin: 88px 0 0 0;
	background: rgba(15,45,78,0.9);
}
#tabNav ul li {
}
#tabNav ul a {
	display: block;
	padding: 1.5em 0 1.5em 7%;
	border-bottom: 1px solid #113256;
	color: #ae9e64;
	font-size: 180% !important;
	text-decoration: none;
}
#tabNav ul li.shop a {
	padding: 1.5em 0 1.5em 15%;
	background: url(../images/icn_cart.png) 7% center no-repeat;
	background-size: auto 40%;
}
#tabNav ul a:hover {
	background-color: rgba(255,255,255,0.1) !important;
}
#tabNav ul a span {
	display: none;
}
/* fBnr */
div.pagetop {
	padding: 2em 0 0 0;
	text-align: center;
}
div.pagetop img {
	width: auto;
}
#fBnr {
	margin: 140px 0 0 0;
	padding: 50px 0 30px 0;
	background: #f8f9fb;
}
/*
	#fBnr .inr {width:356px; margin:0 auto;}
		#fBnr li.sp {padding:22px 0 0 0; text-align:center;}
	*/
#fBnr .inr {
}
#fBnr ul {
	text-align: center;
}
#fBnr li {
	display: inline-block;
	width: 46%;
	margin: 0 1% 20px 0;
}
#fBnr li.pc {
	display: none;
}
/* footer */
#footer {
	background: #1a2f53;
}
#footer .inr {
	width: 86%;
	margin: 0 auto;
	padding: 40px 0 32px 0;
}
#footer .inr .fLogo {
	width: 310px;
	margin: 0 auto;
}
#footer .fNav {
	padding: 30px 0 0 0;
	font-size: 110%;
	line-height: 1;
}
#footer .fNav li {
	float: left;
	padding: 0.6em 0;
}
#footer .fNav li.n1 {
	width: 205px;
}
#footer .fNav li.n2 {
	width: 150px;
}
#footer .fNav li.shop {
	padding: 0.6em 0 0.6em 20px;
	background: url(../images/icn_cart.png) left center no-repeat;
	background-size: 16px auto;
}
#footer .fNav li:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#footer .fNav a {
	color: #ae9e64;
	text-decoration: none;
}
/* sfooter */
#sfooter {
	padding: 30px 0;
}
#sfooter .inr {
	width: 86%;
	margin: 0 auto;
}
#sfooter .inr div {
	float: left;
}
#sfooter .logo {
	padding: 7px 0 0 0;
	width: 190px;
}
#sfooter .logo img {
	width: auto;
}
#sfooter .tel {
	width: 210px;
}
#sfooter .tel .icon {
	padding: 0 0 0 24px;
	background: url(../images/icn_tel.png) left center no-repeat;
	font-size: 150%;
}
#sfooter .tel a {
	color: #666;
	text-decoration: none;
}
#sfooter .sns {
	width: 130px;
}
#sfooter .sns li {
	float: left;
	padding: 0 0 0 10px;
}
#sfooter .sns li:first-child {
	padding: 0;
}
#sfooter .sfNav {
	width: 86%;
	margin: 2em auto 0 auto;
	font-size: 90%;
}
#sfooter .sfNav li {
	float: left;
	width: 33%;
	padding: 0.6em 0;
	line-height: 1;
}
#sfooter .sfNav li:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#sfooter .sfNav a {
	color: #666;
	text-decoration: none;
}
#sfooter p {
	margin: 2em 0 0 0;
	text-align: center;
}
/********************************* brand *********************************/
#brand {
}
.brdSec1 {
	width: 572px;
	margin: 0px auto 0 auto;
	padding-top: 16%;
}
.brdSec1 li {
	float: left;
	width: 265px;
	margin: 14px 0 0 14px;
	border: 1px solid #89a7d7;
	font-size: 130%;
}
.brdSec1 li a {
	display: table-cell;
	width: 265px;
	height: 70px;
	background: url(../images/brand/icn_nav.png) center 55px no-repeat;
	color: #3d62ad;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.brdSec1 li a:hover {
	background: #89a7d7 url(../images/brand/icn_nav_over.png) center 55px no-repeat;
	transition: background-color 1s;
	color: #fff;
}
.brdSec1 li a span {
	font-weight: lighter;
}
#brand .cntL {
}
#brand .cntL .inr {
	padding: 0 8% 15% 8%;
}
#brand .cntL .inr p {
	padding: 2em 0 0 0;
	font-size: 130%;
	line-height: 1.8;
}
#brand .cntR {
}
#brand .cntR .inr {
	padding: 0 8% 15% 8%;
}
#brand .cntR .inr p {
	padding: 2em 0 0 0;
	font-size: 130%;
	line-height: 1.8;
}
#brand .cntL .photo, #brand .cntR .photo {
	width: 100%;
}
#brand h2 {
	color: #3d62ad;
	font-size: 170%;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.2em;
}
#brand .memoBox {
	margin: 1.8em 0 0 0;
	padding: 1.2em 1em;
	border: 1px solid #89a7d7;
}
#brand .memoBox h3 {
	color: #3d62ad;
	font-size: 130%;
	line-height: 1.4;
}
#brand .memoBox p {
	padding: 0.6em 0 0 0 !important;
	font-size: 110% !important;
	line-height: 1.6 !important;
}
#brand .photoBox {
	height: 550px;
	overflow: hidden;
}
.brdSec2 {
	margin: 60px 0 0 0;
}
.brdSec2 ul.fs10 {
	margin: 1em 0 0 0;
	font-size: 110%;
	line-height: 1.7;
}
.brdSec2 ul.fs10 li {
	padding: 0 0 0.3em 0;
}
.brdSec2 .atnG {
	padding: 0.5em 1.5em;
	background: #ae9e64;
	color: #fff;
	font-size: 120%;
	line-height: 1;
	letter-spacing: 0.1em;
}
.brdSec2 .atnB {
	margin: 1.8em 0 0 0;
	line-height: 1;
	letter-spacing: 0.1em;
}
.brdSec2 .atnB li {
	float: left;
	width: 32%;
	margin: 0 0 0 2%;
	padding: 0.8em 0;
	background: #5a77af;
	color: #fff;
	font-size: 140% !important;
	text-align: center;
}
.brdSec2 .atnB li:first-child {
	margin: 0;
}
.brdSec3 .inr h2 {
}
.brdSec3 .memoBox {
	margin: 15px 0 0 0;
	padding: 1em 1.5em !important;
	border: 1px solid #89a7d7;
}
.brdSec3 .memoBox table {
	width: 100%;
	font-size: 120%;
}
.brdSec3 .memoBox table th, .brdSec3 .memoBox table td {
	padding: 0.5em;
	text-align: center;
}
.brdSec3 .memoBox table th {
	color: #000;
	font-size: 130%;
	font-weight: bold;
}
.brdSec3 .memoBox table td.txtB {
	background: #f8f9fb;
	color: #2a68b1;
	font-size: 120%;
	line-height: 1.3;
}
.brdSec3 .memoBox table td.txtG {
	background: #f8f9fb;
	color: #af8d0a;
	font-size: 120%;
	line-height: 1.3;
}
.brdSec3 .memoBox dl {
	margin: 1em 0 0 0;
}
.brdSec3 .memoBox dl dt {
	float: left;
	width: 130px;
	padding: 0.6em 0 0 0;
}
.brdSec3 .memoBox dl dt.txtB {
	color: #2a68b1;
	font-size: 160% !important;
	font-weight: bold;
}
.brdSec3 .memoBox dl dt.txtG {
	color: #af8d0a;
	font-size: 160% !important;
	font-weight: bold;
}
.brdSec3 .memoBox dl dd {
	margin: 0 0 0 130px;
	padding: 0.5em 0;
	font-size: 110% !important;
	line-height: 1.6;
}
.brdSec4 .inr h2 {
}
.brdSec4 .inr h3 {
	margin: 3em 0 0 0;
	font-size: 130% !important;
	font-weight: bold;
	line-height: 1.8;
}
.brdSec4 .inr .img {
	text-align: center;
}
.brdSec4 .inr .img img {
	width: auto;
}
.brdSec5 .inr h2 {
	padding: 0 0 1em 0 !important;
}
.brdSec5 .inr .img {
	text-align: center;
}
.brdSec5 .inr .img li:first-child {
	margin: 0 0 6% 0;
}
.brdSec5 .inr .img img {
	width: auto;
}
.brdSec6 .inr h2 {
	padding: 0 0 1em 0 !important;
}
.brdSec6 .inr .fs10 {
	font-size: 110% !important;
}
.brdSec7 .inr h2 {
	padding: 0 0 1em 0 !important;
}
/********************************* aostory *********************************/
#aostory {
	padding: 0 0 1150px 0;
	background: url(../images/ao_story/bg-sp.jpg) center center no-repeat;
	background-size: cover;
	color: #00488f;
}
#aostory .AoSec1 {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
#aostory .AoSec1 h2 {
	padding: 160px 0 1.2em 0;
	font-size: 210%;
	letter-spacing: 0.5em;
}
#aostory .AoSec1 p {
	padding: 2em 0 0 0;
	font-size: 140% !important;
	line-height: 2;
	letter-spacing: 0.4em;
}
/********************************* booster *********************************/
#booster {
}
/* bstBox */		
.bstBox {
	width: 580px;
	margin: 0 auto 0 auto;
}
.bstBox .cntL {
	float: left;
	width: 180px;
}
.bstBox .cntL img {
	margin: 10px 0 0 0;
}
.bstBox .cntR {
	float: right;
	width: 400px;
}
.bstBox .cntR h3 {
	font-size: 150%;
	letter-spacing: 0.08em;
}
.bstBox .cntR h3.p02 {
	font-size: 150%;
	letter-spacing: 0.08em;
	padding-bottom: 40px;
}
.bstBox .cntR dl.memo {
	margin: 30px 0 0 0;
}
.bstBox .cntR dl.memo dt {
	font-size: 140%;
	letter-spacing: 0.08em;
}
.bstBox .cntR dl.memo dt span {
	padding: 0.2em 0.6em;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.bstBox .cntR dl.memo dd {
	padding: 30px 0 0 0;
	font-size: 90%;
}
.bstBox .cntR table.tbl1 {
	width: 100%;
	margin: 15px 0 0 0;
}
.bstBox .cntR table.tbl1 th, .bstBox .cntR table.tbl1 td {
	display: block;
	padding: 5px 0;
}
.bstBox .cntR table.tbl1 th {
}
.bstBox .cntR table.tbl1 th.sch {
	padding: 6% 0 0 0;
	color: #a78c47;
}
.bstBox .cntR table.tbl1 td {
}
.bstBox .cntR table.tbl1 .btnB {
	display: block;
	padding: 0.8em;
	background: #6a80bf;
	color: #fff;
	font-size: 110%;
	text-align: center;
	text-decoration: none;
}
.bstBox .cntR table.tbl1 .btnG {
	display: block;
	padding: 0.8em;
	background: #cdbc90;
	color: #fff;
	font-size: 110%;
	text-align: center;
	text-decoration: none;
}
.bstBox .cntR table.tbl1 .btnB:hover, .bstBox .cntR table.tbl1 .btnG:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.bstBox .cntR .schBox {
	margin: 10px 0 0 0;
	padding: 0.7em 0;
	border-top: 1px solid #cdbc90;
	border-bottom: 1px solid #cdbc90;
}
.bstBox .cntR .schBox table.tbl2 {
	width: 100%;
}
.bstBox .cntR .schBox table.tbl2 th {
	width: 6em;
	padding: 0.2em 0.5em 0.2em 0;
	border-right: 1px solid #cdbc90;
	color: #a78c47;
	font-size: 120%;
}
.bstBox .cntR .schBox table.tbl2 td {
	padding: 0.2em 0 0.2em 1em;
	color: #a78c47;
}
.bstBox .cntR .schBox table.tbl2 td p {
	margin: 0.5em 0 0 0;
	text-align: right;
}
.bstBox .cntR .schBox table.tbl2 td a {
	color: #555;
	text-decoration: none;
}
.bstBox .cntR .schBox table.tbl2 td a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.bstBox .specialBox {
	width: 580px;
	margin: 2% auto 0 auto;
	border: 1px solid #cdbc90;
}
.bstBox .specialBox dl {
}
.bstBox .specialBox dl dt {
	padding: 0.3em 1em;
	background: #cdbc90;
	font-size: 150%;
	color: #fff;
}
.bstBox .specialBox dl dt span {
	float: right;
	font-size: 60%;
	line-height: 1.8;
}
.bstBox .specialBox dl dd {
	padding: 1.5em;
	background: #f6f6f8 url(../images/booster/img_s3_01.png) right top no-repeat;
	line-height: 1.3;
}
.bstBox .specialBox dl dd p {
	padding: 1em 0 0 0;
	line-height: 1.5;
}
.bstBox .specialBox dl dd .txt1 {
	margin: 0.5em 0 0 0;
}
.bstBox .specialBox dl dd .txt1 span {
	border-bottom: 1px solid #999;
}
.bstSec1 {
	width: 100%;
	height: 550px;
	background: url(../images/booster/bg01-sp.jpg) no-repeat;
}
.bstSec1 .h1Box {
	width: 80%;
	margin: 0 auto;
	color: #fff;
}
.bstSec1 .h1Box dl {
}
.bstSec1 .h1Box dl dt {
	padding: 85px 0 0 0;
	font-size: 260%;
	line-height: 1.8;
	letter-spacing: 0.2em;
}
.bstSec1 .h1Box dl dd p.txt1 {
	display: inline-block;
	margin: 75px 0 0 0;
	padding: 0.4em 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 150%;
	line-height: 1;
	letter-spacing: 0.2em;
}
.bstSec1 .h1Box dl dd p.txt2 {
	margin: 1.3em 0 0 0;
	line-height: 1.8;
}
.bstSec2 {
	height: 700px;
	background: url(../images/booster/bg02-sp.jpg) no-repeat;
	background-size: cover;
}
.bstSec2 h2 {
	padding: 130px 0 5px 0;
	color: #404040;
	font-size: 200%;
	letter-spacing: 0.15em;
	text-align: center;
}
.bstSec2 p {
	padding: 2em 6% 0 6%;
	font-size: 130%;
	line-height: 2.2;
	letter-spacing: 0.1em;
}
.bstSec2 p span {
	display: inline-block;
	border-bottom: 1px solid #555;
}
.bstSec2 div {
	margin: 20px 0 0 0;
}
.bstSec3 {
}
.bstSec3 h2 {
	padding: 110px 0 0 0;
	color: #404040;
	font-size: 200%;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.08em;
}
.bstSec3 h2 span {
	border-bottom: 1px solid #555;
}
.bstSec3 .bstBox {
	margin-top: 100px;
	padding: 0 0 50px 0;
}
/* bstSec4 */
.bstSec4 {
}
.bstSec4 .bst-01z {
	padding: 0 0 125px 0;
	background: url(../images/booster/bg_s4_01-sp.jpg) no-repeat;
	background-size: auto 100%;
	border-bottom: 1px solid #e1dfe0;
}
.bstSec4 #bst-01 .ttl {
	text-align: center;
}
.bstSec4 #bst-01 h3 {
	padding: 15px 0 0 0;
	font-size: 210%;
	text-align: center;
	letter-spacing: 0.1em;
}
.bstSec4 #bst-01 h3 span {
	border-bottom: 1px solid #999;
}
/* bst-01a */
.bstSec4 .bst-01a {
	padding: 90px 6% 0 6%;
	background: url(../images/booster/bg_s4_02-sp.jpg) no-repeat;
}
.bstSec4 .bst-01a .cntL {
}
.bstSec4 .bst-01a .cntL h4 {
	font-size: 200%;
	text-align: center;
}
.bstSec4 .bst-01a .cntL p {
	padding: 2em 0 0 0;
	font-size: 130%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.bstSec4 .bst-01a .cntL .memoBox {
	margin: 30px 0 0 0;
	padding: 0 1.5em;
	background: #fff;
	border: 2px solid #ddd;
}
.bstSec4 .bst-01a .cntL .memoBox h5 {
	padding: 1.5em 3em 1.5em 0;
	background: url(../images/booster/icn_nav01.png) 96% center no-repeat;
	color: #4a77ef;
	font-size: 160%;
	line-height: 1.5;
	text-align: center;
	cursor: pointer;
}
.bstSec4 .bst-01a .cntL .memoBox h5.active {
	background: url(../images/booster/icn_nav01_over.png) 96% center no-repeat;
}
.bstSec4 .bst-01a .cntL .memoBox h5 span {
	display: block;
	font-size: 90%;
}
.bstSec4 .bst-01a .cntL .memoBox p {
	display: none;
	padding: 0 0 1.5em 0;
	font-size: 110%;
}
.bstSec4 .bst-01a .cntR {
}
/* bst-01b */
.bstSec4 .bst-01b {
	padding: 90px 6%;
	background: url(../images/booster/bg_s4_03-sp.jpg) no-repeat;
}
.bstSec4 .bst-01b .cntR {
}
.bstSec4 .bst-01b .cntR h4 {
	font-size: 200%;
	letter-spacing: 0.1em;
	text-align: center;
}
.bstSec4 .bst-01b .cntR p {
	padding: 2em 0 0 0;
	font-size: 130%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
/* bst-01c */
.bstSec4 .bst-01c {
	padding: 90px 6% 0 6%;
}
.bstSec4 .bst-01c .cntL {
}
.bstSec4 .bst-01c .cntL h4 {
	font-size: 200%;
	letter-spacing: 0.1em;
	text-align: center;
}
.bstSec4 .bst-01c .cntL p {
	padding: 2em 0 0 0;
	font-size: 130%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.bstSec4 .bst-01c .cntL .memoBox {
	margin: 15px 0 0 0;
	padding: 0.6em 0.8em;
	background: #fff;
	border: 1px solid #ddd;
}
.bstSec4 .bst-01c .cntL .memoBox table {
	width: 100%;
	font-size: 180%;
}
.bstSec4 .bst-01c .cntL .memoBox table th, .bstSec4 .bst-01c .cntL .memoBox table td {
	padding: 0.3em 0.1em;
	text-align: center;
	line-height: 1.6;
}
.bstSec4 .bst-01c .cntL .memoBox table .fs10 {
	font-size: 50%;
}
.bstSec4 .bst-01c .cntL .memoBox table th {
	color: #000;
}
.bstSec4 .bst-01c .cntL .memoBox table td.txtB {
	color: #2a68b1;
}
.bstSec4 .bst-01c .cntL .memoBox table td.txtG {
	color: #af8d0a;
}
.bstSec4 .bst-01c .cntR {
}
/* bst-01d */
.bstSec4 .bst-01d {
	padding: 85px 6%;
	background: url(../images/booster/bg_s4_04-sp.jpg) no-repeat;
}
.bstSec4 .bst-01d .cntR {
}
.bstSec4 .bst-01d .cntR h4 {
	font-size: 200%;
	letter-spacing: 0.1em;
	text-align: center;
}
.bstSec4 .bst-01d .cntR p {
	padding: 2em 0 0 0;
	font-size: 130%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
/* bst-01e */
.bstSec4 .bst-01e {
	padding: 90px 6% 210px 6%;
	background: url(../images/booster/bg_s4_05-sp.jpg) no-repeat;
}
.bstSec4 .bst-01e .cntL {
}
.bstSec4 .bst-01e .cntL h4 {
	font-size: 200%;
	letter-spacing: 0.1em;
	text-align: center;
}
.bstSec4 .bst-01e .cntL p {
	padding: 2em 0 0 0;
	font-size: 130%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
/* bstSec5 */
.bstSec5 {
}
.bstSec5 .bstBox {
	margin: 120px auto 0 auto;
}
.bstSec5 .bstBox h3 {
	font-size: 195%;
	line-height: 1.6;
	letter-spacing: 0.08em;
	text-align: center;
}
.bstSec5 .bstBox .cntL img {
}
.bstSec5 .bstBox .cntR dl.memo {
	margin: 60px 0 0 0;
}
/* bstSec6 */
.bstSec6 {
	padding: 200px 0 0 0;
	background: url(../images/booster/bg_s6_01-pc.jpg) center top no-repeat;
}
/* bst-01 */
.bstSec6 .bst-01 {
	width: 540px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	background: #32456e;
	color: #fff;
}
.bstSec6 .bst-01 h4 {
	padding: 50px 0 40px 0;
	font-size: 180%;
	letter-spacing: 0.1em;
	text-align: center;
}
.bstSec6 .bst-01 .cntL {
	padding: 0 4%;
}
.bstSec6 .bst-01 .cntL p {
	font-size: 120%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-01 .cntL ul.atnB {
	margin: 30px 0 0 0;
	line-height: 1;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-01 .cntL ul.atnB li {
	float: left;
	width: 32%;
	margin: 0 0 0 2%;
	padding: 0.8em 0;
	background: #5a77af;
	color: #fff;
	font-size: 160%;
	text-align: center;
}
.bstSec6 .bst-01 .cntL ul.atnB li:first-child {
	margin: 0;
}
.bstSec6 .bst-01 .cntL ul.fs11 {
	margin: 25px 0 0 0 !important;
	line-height: 1.8;
}
.bstSec6 .bst-01 .cntL .img {
	margin: 35px 0 0 0;
	color: #fff;
	font-size: 150%;
}
.bstSec6 .bst-01 .cntL .img img {
	width: auto;
}
.bstSec6 .bst-01 .bnr {
	margin: 30px 0 0 0;
}
.bstSec6 .bst-01 .bnr img {
	width: auto;
}
/* bst-02 */
.bstSec6 .bst-02 {
	margin: 120px 0 0 0;
}
/* bst-02a */
.bstSec6 .bst-02a {
}
.bstSec6 .bst-02a .ttl {
	width: 100%;
	height: 222px;
	background: url(../images/booster/bg_s6_03-pc.jpg) no-repeat;
}
.bstSec6 .bst-02a .ttl p {
	width: 50%;
	padding: 70px 0 0 0;
	color: #fff;
	font-size: 200%;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.bstSec6 .bst-02a .inrBox {
	padding: 0 4% 40px 4%;
	line-height: 1.6;
}
.bstSec6 .bst-02a dl {
}
.bstSec6 .bst-02a dl dt {
	padding: 25px 0 0 0;
}
.bstSec6 .bst-02a dl dt span {
	float: right;
}
.bstSec6 .bst-02a dl dt a {
	color: #555;
	font-size: 110%;
	text-decoration: none;
}
.bstSec6 .bst-02a dl dt a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.bstSec6 .bst-02a dl dd {
	display: none;
	padding: 15px 0;
}
.bstSec6 .bst-02a dl dd p {
	padding: 1em 1.5em;
	background: #fff;
	border: 1px solid #ccc;
	line-height: 1.6;
}
.bstSec6 .bst-02a p {
	padding: 12px 0 0 0;
	letter-spacing: 0.1em;
}
/* bst-02b */
.bstSec6 .bst-02b {
	padding: 90px 0;
	background: #fff;
}
.bstSec6 .bst-02b h3 {
	font-size: 220%;
	text-align: center;
	letter-spacing: 0.15em;
}
.bstSec6 .bst-02b .inrBox {
	padding: 0 4% 45px 4%;
}
.bstSec6 .bst-02b .inrBox p {
	padding: 20px 0;
	font-size: 110%;
	line-height: 1.8;
	text-align: center;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02b .inrBox dl {
}
.bstSec6 .bst-02b .inrBox dl dt {
	float: left;
	padding: 0 0 0 200px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02b .inrBox dl dd {
	float: right;
	padding: 20px 0 0 0;
	width: 130px;
}
.bstSec6 .bst-02b .tglBox {
	width: 560px;
	margin: 4% auto 0 auto;
	background: url(../images/booster/bg_s6_01-sp.png) no-repeat;
}
.bstSec6 .bst-02b .inrBox h4 {
	padding: 50px 0 30px 0;
	color: #8186b9;
	font-size: 220%;
	text-align: center;
}
.bstSec6 .bst-02b .tglBox .spBox {
	display: none;
}
.bstSec6 .bst-02b .tglBox .cntL {
	float: left;
	width: 42%;
	padding: 0 3% 0 5%;
}
.bstSec6 .bst-02b .tglBox .cntL h5 {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #4a77ef;
	color: #4a77ef;
	font-size: 180%;
	line-height: 1.4;
	text-align: center;
}
.bstSec6 .bst-02b .tglBox .cntL h5 span {
	font-size: 50%;
}
.bstSec6 .bst-02b .tglBox .cntL p {
	padding: 0.6em 0 0 0;
	font-size: 95%;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: left;
}
.bstSec6 .bst-02b .tglBox .cntR {
	float: left;
	width: 42%;
	padding: 0 5% 0 3%;
}
.bstSec6 .bst-02b .tglBox .cntR h5 {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #a5830a;
	color: #a5830a;
	font-size: 180%;
	line-height: 1.4;
	text-align: center;
}
.bstSec6 .bst-02b .tglBox .cntR h5 span {
	font-size: 50%;
}
.bstSec6 .bst-02b .tglBox .cntR p {
	padding: 0.6em 0 0 0;
	font-size: 95%;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: left;
}
.bstSec6 .bst-02b .tglBox p {
	padding: 2em 5% 0 5%;
	font-size: 90%;
	text-align: left;
}
.bstSec6 .bst-02b .btn {
	width: 560px;
	margin: 0 auto;
	height: 94px;
	background: url(../images/booster/icn_nav03.png) no-repeat;
	background-size: cover;
	cursor: pointer;
}
.bstSec6 .bst-02b .btn.active {
	background: url(../images/booster/icn_nav03_over.png) no-repeat;
	background-size: cover;
}
.bstSec6 .bst-02b .inrBox3 {
	padding: 45px 0 0 0;
	border-top: 1px solid #bbb;
}
.bstSec6 .bst-02b .inrBox3 .cntL {
	padding: 0 4% 45px 4%;
	border-bottom: 1px solid #bbb;
}
.bstSec6 .bst-02b .inrBox3 .cntL dl {
}
.bstSec6 .bst-02b .inrBox3 .cntL dl dt {
	padding: 1em 0;
	background: #8d9dcc;
	font-size: 150%;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02b .inrBox3 .cntL dl dd {
	padding: 20px 0 0 0;
	font-size: 120%;
	line-height: 1.8;
}
.bstSec6 .bst-02b .inrBox3 .cntR {
	padding: 60px 4% 0 4%;
}
.bstSec6 .bst-02b .inrBox3 .cntR dl {
}
.bstSec6 .bst-02b .inrBox3 .cntR dl dt {
	padding: 1em 0;
	background: #c5b58b;
	font-size: 150%;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02b .inrBox3 .cntR dl dd {
	padding: 20px 0 0 0;
	font-size: 120%;
	line-height: 1.8;
}
.bstSec6 .bst-02b .inrBox4 {
	padding: 30px 0 0 0;
}
.bstSec6 .bst-02b .inrBox4 h4 {
	padding: 1em 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	font-size: 150%;
	text-align: center;
	letter-spacing: 0.2em;
}
.bstSec6 .bst-02b .inrBox4 table {
	width: 92%;
	margin: 20px auto 0 auto;
}
.bstSec6 .bst-02b .inrBox4 table th {
	width: 50%;
	padding: 0.5em 2em 0.5em 0;
	font-size: 120%;
	text-align: center;
}
.bstSec6 .bst-02b .inrBox4 table th p {
	padding: 1em 0;
	border: 1px solid #bbb;
}
.bstSec6 .bst-02b .inrBox4 table td {
	padding: 1em 0;
	font-size: 110%;
	line-height: 1.8;
}
/* bstSec7 */
.bstSec7 {
	padding: 30px 0 0 0;
}
.bstSec7 .h3Box {
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.bstSec7 .tglBox {
	width: 520px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(../images/booster/bg_s6_01-sp.png) no-repeat;
}
.bstSec7 .h3Box h3 {
	padding: 25px 0 0 0;
	color: #4a77ef;
	font-size: 180%;
	text-align: center;
}
.bstSec7 .h3Box h3 span {
	border-bottom: 1px solid #4a77ef;
}
.bstSec7 .h3Box p {
	padding: 10px 0 0 0;
	font-size: 120%;
}
.bstSec7 .spBox {
	display: none;
}
.bstSec7 .spBox h4 {
	padding: 30px 0 0 0;
	font-size: 160%;
	text-align: center;
}
.bstSec7 .spBox ul {
	margin: 30px 6% 0 6%;
	border-top: 1px solid #ddd;
}
.bstSec7 .spBox ul li {
	padding: 40px 20px 20px 20px;
	border-bottom: 1px solid #ddd;
	font-size: 120%;
	line-height: 1.6;
}
.bstSec7 .spBox ul li.cf p {
	float: left;
}
.bstSec7 .spBox ul li.cf img {
	float: right;
	width: 25%;
}
.bstSec7 .btn {
	width: 560px;
	margin: 0 auto;
	height: 94px;
	background: url(../images/booster/icn_nav03.png) no-repeat;
	background-size: cover;
	cursor: pointer;
}
.bstSec7 .btn.active {
	background: url(../images/booster/icn_nav03_over.png) no-repeat;
	background-size: cover;
}
.bstSec7 .imgBox {
	position: relative;
	width: 100%;
	height: 800px;
	margin: 0 auto;
	background: url(../images/booster/bg_s7_02-sp.jpg) no-repeat;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.bstSec7 .imgBox .txtL {
	position: absolute;
	top: 90px;
	left: 4%;
	width: 40%;
	text-align: center;
	font-size: 190%;
}
.bstSec7 .imgBox .txtR {
	position: absolute;
	top: 450px;
	right: 4%;
	width: 35%;
	text-align: center;
	font-size: 190%;
}
.bstSec7 .imgBox p {
	padding: 15px 0 0 0;
	font-size: 53%;
}
/* bstSec8 */
.bstSec8 {
	height: 480px;
	padding: 55px 0 0 0;
	background: #293c66 url(../images/booster/bg_s8-sp.jpg) center top no-repeat;
}
.bstSec8 .bstBox {
}
.bstSec8 .bstBox .cntL h3 {
	padding: 0 0 0 2em;
	color: #fff;
	font-size: 180%;
	line-height: 2;
	letter-spacing: 0.08em;
}
.bstSec8 .bstBox .cntL img {
	margin: 20px 0 0 0;
}
.bstSec8 .bstBox .cntR dl.memo {
	margin: 0;
	color: #fff;
	border: none;
}
.bstSec8 .bstBox .cntR dl.memo dt {
	float: none;
	padding: 0;
}
.bstSec8 .bstBox .cntR dl.memo dt span {
	padding: 0 0 0.2em 0;
	border-top: none;
	border-bottom: 1px solid #fff;
}
.bstSec8 .bstBox .cntR dl.memo dd {
	float: none;
}
.bstSec8 .bstBox .cntR table.tbl1 {
	color: #fff;
}
.bstSec8 .bstBox .cntR table.tbl1 .sch {
	color: #cdbc90;
}
.bstSec8 .bstBox .cntR .schBox table.tbl2 td a,  .bstSec8 .bstBox .cntR .txt_r {
	color: #fff;
}
.bstSec8 .bstBox .cntR table.tbl2 th, .bstSec8 .bstBox .cntR table.tbl2 td {
	color: #cdbc90;
}
.bstSec8 .bstBox .specialBox {
	border: none;
	background: #ddd;
}
.bstSec8 .bstBox .specialBox dl {
	border: none;
	margin: 0;
	padding: 0;
	width: 537px;
}
.bstSec8 .bstBox .specialBox dl dt {
	float: none;
	width: 100%;
	padding: 0.4em 1em;
	background: #6b80bf;
	letter-spacing: 0.1em;
}
.bstSec8 .bstBox .specialBox dl dd {
	float: none;
	width: 100%;
	background: #466cc1 url(../images/booster/img_s3_01.png) right top no-repeat;
	color: #fff;
}
.bstSec8 .bstBox .specialBox dl dd .txt1 span {
	border-bottom: 1px solid #fff;
}
/* bstSec9 */
.bstSec9 {
	margin: 60px 0 0 0;
	height: 610px;
	background: url(../images/booster/bg_s9-sp.jpg) center center no-repeat;
	background-size: cover;
}
.bstSec9 div {
	padding: 220px 0 0 0;
	text-align: center;
}
.bstSec9 p {
	padding: 20px 0 0 0;
	color: #fff;
	font-size: 190%;
	line-height: 2;
	text-align: center;
	letter-spacing: 0.2em;
}




.mask_pr {
	margin-top:-10%;
	
}

.mask_pr .coment {
	text-align:left;
	width:85.9%;
	font-size:100%;
	margin:0 10% 5% 10%;
	
}

.mask_pr .bnr{ width:89.2%; margin:2% auto 10% auto;}


.mask_pr2 {
	height: 0;
	background: url(../images/booster/mask_present03_sp.jpg) center center no-repeat;
	background-size: cover;
	padding-top:80%;
	position:relative;
	margin-top:10%;
}

.mask_pr2 .coment {
	text-align:left;
	width:80.9%;
	font-size:100%;
	position:absolute;
	top:50.05%;
	left:10%;
	
}

.mask_pr2 .bnr {
	text-align:left;
	width:80.9%;
	font-size:100%;
	position:absolute;
	bottom:8%;
	left:10%;
	
}



/********************************* TOP *********************************/
#index {
}
#slider {
	overflow: hidden;
	width: 100%;
}
#slider img {
	width: 100%;
}
/* .topSec1 */
.topSec1 {
	text-align: center;
}
.topSec1 h2 {
	margin: 135px 0 0 0;
	font-size: 190%;
	line-height: 1.9;
	letter-spacing: 0.1em;
}
.topSec1 p {
	margin: 40px 0 0 0;
	font-size: 130%;
	line-height: 2.5;
	letter-spacing: 0.05em;
}
.topSec1 h3 {
	margin: 50px 0 0 0;
	font-size: 150%;
	letter-spacing: 0.1em;
}
/* topSec2 */
.topSec2 {
	margin: 120px 0 0 0;
}
.topSec2 .inr {
	background: url(../images/top/bg01-sp.jpg) center top no-repeat;
}
.topSec2 .leadBox {
}
.topSec2 .leadBox h2 {
	padding: 125px 0 0 0;
}
.topSec2 .leadBox p {
	margin: 60px 40px 0 40px;
	color: #ffffff;
	font-size: 140%;
	line-height: 2.4;
	letter-spacing: 0.1em;
}
.topSec2 .leadBox div {
	margin: 35px 0 0 0;
}
.topSec2 ul.nav {
	width: 580px;
	margin: 175px auto 0 auto;
}
.topSec2 ul.nav li {
	float: left;
	width: 286px;
	margin: 7px 0 0 7px;
}
.topSec2 ul.nav li:nth-child(odd) {
	margin-left: 0;
}
#index .topSec2 .bstBox {
	margin: 190px auto 0 auto;
}
#index .topSec2 .bstBox .cntL {
	padding: 15px 0 0 0;
}
#index .topSec2 .bstBox .cntL h3 {
	width: 8em;
	margin: 0 0 0 70px;
	padding: 0.3em 0;
	border: 1px solid #d9d9d9;
	font-size: 120%;
	letter-spacing: 0.1em;
	text-align: center;
}
#index .topSec2 .bstBox .cntL img {
}
#index .topSec2 .bstBox .cntR {
}
#index .topSec2 .bstBox .cntR .lead {
}
#index .topSec2 .bstBox .cntR .lead span {
	padding: 0.5em 1em;
	border: 1px solid #d9d9d9;
	letter-spacing: 0.1em;
}
#index .topSec2 .bstBox .cntR h3 {
	margin: 30px 0 0 0;
	font-size: 160%;
}
#index .topSec2 .bstBox .cntR dl.memo {
}
#index .topSec2 .bstBox .cntR dl.memo dt {
	display: block;
	width: 100%;
}
#index .topSec2 .bstBox .cntR dl.memo dt a {
	display: block;
	background: url(../images/top/arw01.png) 9em top no-repeat;
	background-size: auto 80%;
	color: #333333;
	font-size: 80%;
	text-decoration: none;
}
#index .topSec2 .bstBox .cntR dl.memo dt a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#index .topSec2 .bstBox .cntR dl.memo dd {
	display: block;
	width: 100%;
	padding: 25px 0 0 0;
	text-align: left;
}
#index .topSec2 th.sch {
	padding: 6% 0 0 0;
}
#index .topSec2 .specialBox {
	margin: 30px 0 0 0;
	border: none;
}
#index .topSec2 .specialBox dl {
}
#index .topSec2 .specialBox dl dt {
	background: #6a80bf;
}
#index .topSec2 .specialBox dl dd {
}
/* topSec3 */
.topSec3 {
	height: 760px;
	margin: 45px 0 100px 0;
	background: url(../images/booster/bg_s9-sp.jpg) center center no-repeat;
	background-size: cover;
}
.topSec3 div {
	padding: 300px 0 0 0;
	text-align: center;
}
.topSec3 p {
	padding: 20px 0 0 0;
	color: #fff;
	font-size: 190%;
	line-height: 2;
	text-align: center;
	letter-spacing: 0.2em;
}
/* topSec4 */
.topSec4 {
	width: 78%;
	margin: 0 auto 12% auto;
}
.topSec4 p {
	margin: 5% 0 0 0;
	font-size: 120%;
	line-height: 1.9;
}
.topSec4 p a {
	color: #555;
	text-decoration: none;
}
/* top2017 */

.textbox {
	background-color: #dae3f4;
	padding: 10px;
	margin-top: 10px;
}
/********************************* TRIAL *********************************/
#trial {
	margin: 0% 0 0 0;
	padding-top: 16%;
}
#trial .trialSec1 {
}
#trial .trialSec1 h2 {
	font-size: 130%;
	text-align: center;
}
#trial .trialSec1 .img {
	margin: 12% 0 0 0;
}
#trial .trialSec2 {
}
#trial .trialSec2 .cntL {
	padding: 0 6%;
}
#trial .trialSec2 .cntL h3 {
	font-size: 130%;
}
#trial .trialSec2 .cntL dl {
	margin: 2% 0 0 0;
}
#trial .trialSec2 .cntL dl dt {
	font-size: 130%;
	line-height: 2.5;
}
#trial .trialSec2 .cntL dl dd ul {
	margin: 3% 0 0 0;
	font-size: 120%;
}
#trial .trialSec2 .cntL dl dd ul li {
	margin: 0 0 0.5em 1em;
	text-indent: -1em;
	line-height: 1.5;
}
#trial .trialSec2 .cntR {
}
#trial .trialSec2 a.btn {
	display: block;
	width: 90%;
	margin: 10% auto 0 auto;
	padding: 1.5em 0;
	background: #6a80bf;
	color: #fff;
	font-size: 140%;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.1em;
}
#trial .trialSec2 a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#trial .trialSec3 {
	margin: 15% 0 0 0;
	padding: 0 6%;
}
#trial .trialSec3 p {
	font-size: 130%;
	line-height: 2.2;
}
#trial .trialSec3 .btn {
	margin: 10% 0;
}
#trial .trialSec3 .btn a {
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 1.5em 0;
	border: 1px solid #555;
	color: #555;
	font-size: 150%;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.1em;
}
#trial .trialSec3 .btn a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* trial2017 */
.textbox_trial {
	background-color: #dae3f4;
	padding: 3px 10px;
	margin-top: 10px;
	width: 80%;
}


#trial .trialSec3_01 {
	margin: 10% 0 0 0;
	width:100%;
}

#trial .trialSec3_01 .cntL{
	clear:both;
	width:100%;
	}
	
#trial .trialSec3_01 .cntL img{
	width:100%;
	}	
	
#trial .trialSec3_01 .cntR{
	clear:both;
	width:100%;
	}

#trial .trialSec3_01 .cntR p{
	clear:both;
	width:86%;
	margin:10% 7%;
	font-size:130%;
	line-height:1.8em;
	}			



#trial .trialSec3_01 .btn a {
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 1.5em 0;
	border: 1px solid #555;
	color: #555;
	font-size: 150%;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.1em;
}
#trial .trialSec3_01 .btn a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}




/********************************* mask *********************************/



#mask {
}		
.mskBox {
	width: 100%;
	margin: 0 auto;
}

.mskSec1 {
	height: 100%;
	text-align:center;
	margin:0 auto;
}


.mskSec2 {
	width: 100%;
	margin: 0 auto 0 auto;
}
.mskSec2 li {
	width: 99%;
	margin: 0;
	border: 1px solid #45649b;
	font-size: 170%;
	background-color:b7c8e6;
	clear:both;
	text-align:center;
	
}


.mskSec2 li a {
	display: table-cell;
	width: 640px;
	height: 81px;
	background:#b7c8e6 url(../images/brand/icn_nav.png) right 40px bottom 30px no-repeat;
	color: #fff;
	line-height: 1.2;
	vertical-align: middle;
	text-decoration: none;
	padding:5px;
	
}
.mskSec2 li a:hover {
	background: #45649b url(../images/brand/icn_nav_over.png) right 40px bottom 30px no-repeat;
	transition: background-color 1s;
	color: #fff;
}


.mskSec3 {
	background: url(../images/mask/cont01_sp.png) center top no-repeat;
	background-size: contain;
    height: 0;
    position: relative;
    padding-top: 246%;
	position:relative;	
  
}

.mskSec3_title{ text-align:center; margin:5% auto 0 auto; }


.mskSec3 .title01 {
	position:absolute;
	top:4%;
	left:18.5%;
	text-align:left;
	width:61.5%;
}




.mskSec3 .cont01 {
	position:absolute;
	top:15.6%;
	text-align:left;
	color:#7d7d7d;
	font-size:136%;
	width:90%;
	margin:0 5%;
	line-height:1.8em;
}



.mskSec3 .cont02 {
	position:absolute;
	top:43.5%;
	left:41.2%;
	text-align:left;
	color:#7d7d7d;
	font-size:80%;
}


.mskSec3 .cont03 {
	position:absolute;
	top:50.6%;
	left:0px;
	color:#7d7d7d;
	font-size:136%;
	width:90%;
	margin:0 5%;
	line-height:1.8em;
}

.mskSec3 .cont04 {
	position:absolute;
	top:55.6%;
	left:0px;
	color:#7d7d7d;
	font-size:136%;
	width:90%;
	margin:0 5%;
	line-height:1.8em;
}

.mskSec3 .cont05 {
	position:absolute;
	top:66.7%;
	left:0px;
	text-align:left;
	color:#a78c47;
	font-size:136%;
	width:90%;
	margin:0 5%;
	line-height:1.8em;
}

.mskSec3 .cont05_2 {
	position:absolute;
	top:77.8%;
	left:0px;
	text-align:left;
	color:#a78c47;
	font-size:136%;
	width:90%;
	margin:0 5%;
	line-height:1.8em;

}
.mskSec3 .cont_btn {
	position:absolute;
	top:67.6%;
	width:94%;
	margin:0 3%;
}


.mskSec3 .cont_btn2 {
	position:absolute;
	top:72.4%;
	width:94%;
	margin:0 3%;
}


.mskBox .btnB {
	display: block;
	padding: 0.8em;
	background: #6a80bf;
	color: #fff;
	font-size: 136%;
	text-align: center;
	text-decoration: none;
	width:90%;
}
.mskBox .btnG {
	display: block;
	padding: 0.8em;
	background: #cdbc90;
	color: #fff;
	font-size: 136%;
	text-align: center;
	text-decoration: none;
	width:90%;
}
.mskBox .btnB:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.mskBox .btnG:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.mskSec3 .cont_teiki {
	position:absolute;
	bottom:14%;
	right:3%;
	font-size:136%;
}



.mskSec3 .cont_teiki a {
	color: #555;
	text-decoration: none;
}
.mskSec3 .cont_teiki a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.mskSec3 .coment {
	position:absolute;
	bottom:1%;
	left:0px;
	color:#7d7d7d;
	font-size:136%;
	width:90%;
	margin:0 5%;
	line-height:1.8em;
}



.mskSec4 {
	background: url(../images/mask/cont02_sp.jpg) center top no-repeat;
	background-size: contain;
    height: 0;
    position: relative;
    padding-top: 370.9%;
	margin-top:10%;
}



.mskSec4 .cont01 {
	position:absolute;
	top:1.1%;
	left:14.8%;
	width:69.8%;
	
}

.mskSec4 .cont02 {
	position:absolute;
	top:52.9%;
	left:17.2%;
	width:68.00%;
	
}


.mskSec4 .cont03 {
	position:absolute;
	top:59.73%;
	left:25.4%;
	width:47.6%;
	
}


.mskSec4 .cont04 {
	position:absolute;
	top:72.60%;
	left:26.71%;
	width:48.43%;
	
}

.mskSec4 .cont05 {
	position:absolute;
	top:78.53%;
	left:27.0%;
	width:44.4%;
	
}


.mskSec4 .cont06 {
	position:absolute;
	top:89.38%;
	left:8.8%;
	width:81.3%;
	
}



.mskSec5 {
	background: url(../images/mask/cont03_sp.jpg) center top no-repeat;
	background-size: contain;
    height: 0;
    position: relative;
    padding-top: 515%;

}


.mskSec5 .cont01 {
	position:absolute;
	top:15%;
	left:11.9%;
	width:76.4%;
	
}

.mskSec5 .cont02 {
	position:absolute;
	top:22.6%;
	left:9.4%;
	width:81.3%;
}


.mskSec5 .point1 {
	position:absolute;
	top:46.38%;
	left:9.2%;
	width:81.09%;
}

.mskSec5 .point1_2 {
	position:absolute;
	top:51.77%;
	left:0px;
	color:#7d7d7d;
	font-size:150%;
	width:90%;
	margin:0 5%;
	line-height:1.8em;
}


.mskSec5 .point1_3 {
	position:absolute;
	top:56.64%;
	left:7%;
	color:#7d7d7d;
	font-size:126%;
	line-height:1.8em;
	width:40%;
}

.mskSec5 .point2 {
	position:absolute;
	top:64.9%;
	left:19.2%;
	width:60.13%;
}
.mskSec5 .point2_2 {
	position:absolute;
	top:70%;
	color:#7d7d7d;
	font-size:150%;
	width:90%;
	margin:0 5%;
	line-height:1.8em;
}


.mskSec5 .point2_3 {
	position:absolute;
	top:74.99%;
	left:7%;
	text-align:left;
	color:#6a80bf;
	font-size:136%;
	width:26%;
}


.mskSec5 .point2_4 {
	position:absolute;
	top:80.51%;;
		left:7%;
	text-align:left;
	color:#6a80bf;
	font-size:136%;
	width:26%;
}


.mskSec5 .point3 {
	position:absolute;
	top:86.2%;
	left:15.4%;
	width:68.28%;
}

.mskSec5 .point3_2 {
	position:absolute;
	top:91.35%;
	color:#7d7d7d;
	font-size:150%;
	width:90%;
	margin:0 5%;
	line-height:1.8em;
}


.mskSec5 .point3_3 {
	position:absolute;
	top:97.3%;
	width:94%;
	margin:0 3%;

}


.mskSec5 .point3_3 .btnB {
	display: block;
	padding: 0.8em;
	background: #6a80bf;
	color: #fff;
	font-size: 126%;
	text-align: center;
	text-decoration: none;
	vertical-align:middle;
	line-height:1.8em;
}

.mskSec5 .point3_3 .btnB:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


.mskSec6 {
	background: url(../images/mask/cont04_sp.jpg) center top no-repeat;
	background-size: contain;
    height: 0;
    position: relative;
    padding-top: 440%;

}


.mskSec6 .cont01 {
	position:absolute;
	top:15%;
	left:7.2%;
	width:85.3%;
}

.mskSec6 .cont02 {
	position:absolute;
	top:27.2%;
	left:5%;
	width:86.13%;
}


.mskSec6 .cont03 {
	position:absolute;
	top:51.3%;
	text-align:left;
	color:#7d7d7d;
	font-size:150%;
	width:90%;
	margin:0 5%;
	line-height:1.8em;
}

.mskSec6 .cont03 span {
	color:#6a80bf;
}



.fadein {
	opacity : 0.1;
	transform : translate(0px, 50px);
	transition : all 800ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}

#effect2 .fadein:nth-of-type(2) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}
#effect2 .fadein:nth-of-type(3) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
	}
	



}


/*********************************
 * 641～
 *********************************/

@media screen and (min-width:641px) {
html {
	-webkit-text-size-adjust: 100%;
}
body {
	background: #fff;
	font-size: 13px;
	line-height: 1.5;
}
#wrapper {
	min-width: 1100px;
}
.sp {
	display: none;
}
.fs10 {
	font-size: 80%;
}
.fs11 {
	font-size: 90%;
}
.fs13 {
	font-size: 130%;
}
.fs14 {
	font-size: 150%;
}
.fs16 {
	font-size: 180%;
}
/* header */
#header {
	background: #1a2f53;
	line-height: 1;
}
#header .inr {
	width: 1010px;
	height: 60px;
	margin: 0 auto;
}
#header .logo {
	float: left;
	width: 187px;
	padding: 18px 0 0 0;
	font-size: 0;
	line-height: 1;
}
#header .hNav {
	float: right;
	padding: 22px 0 0 0;
	line-height: 1;
}
#header .hNav li {
	float: right;
	margin: 0 0 0 30px;
}
#header .hNav li.shop {
	padding: 0 0 0 20px;
	background: url(../images/icn_cart.png) left center no-repeat;
	background-size: 16px auto;
}
#header .hNav li:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#header .hNav a {
	color: #ae9e64;
	text-decoration: none;
}
/* fBnr */
#fBnr {
	margin: 140px 0 0 0;
	padding: 78px 0;
	background: #f8f9fb;
}
#fBnr .inr {
	width: 1010px;
	margin: 0 auto;
}
#fBnr .pagetop {
	width: 210px;
}
#fBnr li {
	float: left;
	width: 303px;
	margin: 37px 0 0 46px;
}
#fBnr li:first-child {
	margin: 37px 0 0 0;
}
/* footer */
#footer {
	background: #1a2f53;
}
#footer .inr {
	width: 1010px;
	margin: 0 auto;
	padding: 20px 0;
}
#footer .inr .fLogo {
	float: left;
	width: 255px;
}
#footer .fNav {
	float: right;
	padding: 36px 0 0 0;
	line-height: 1;
}
#footer .fNav li {
	float: right;
	margin: 0 0 0 30px;
}
#footer .fNav li.shop {
	padding: 0 0 0 20px;
	background: url(../images/icn_cart.png) left center no-repeat;
	background-size: 16px auto;
}
#footer .fNav li:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#footer .fNav a {
	color: #ae9e64;
	text-decoration: none;
}
/* sfooter */
#sfooter {
	padding: 30px 0;
}
#sfooter .inr {
	width: 1010px;
	margin: 0 auto;
}
#sfooter .inr div {
	float: left;
}
#sfooter .logo {
	padding: 7px 0 0 3px;
	width: 197px;
}
#sfooter .logo img {
	width: auto;
}
#sfooter .tel {
	width: 215px;
}
#sfooter .tel .icon {
	padding: 0 0 0 24px;
	background: url(../images/icn_tel.png) left center no-repeat;
	font-size: 150%;
}
#sfooter .sfNav {
	width: 465px;
	color: #666;
	font-size: 86%;
}
#sfooter .sfNav li {
	float: left;
	padding: 0 0 1em 0;
	line-height: 1;
}
#sfooter .sfNav li.n1 {
	width: 125px;
}
#sfooter .sfNav li.n2 {
	width: 140px;
}
#sfooter .sfNav li:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#sfooter .sfNav a {
	color: #666;
	text-decoration: none;
}
#sfooter .sns {
	width: 130px;
}
#sfooter .sns li {
	float: left;
	padding: 0 0 0 10px;
}
#sfooter .sns li:first-child {
	padding: 0;
}
#sfooter p {
	margin: 1.5em 0 0 0;
	font-size: 90%;
	text-align: center;
}
/********************************* brand *********************************/
#brand {
}
.brdSec1 {
	width: 776px;
	margin: 60px auto 0 auto;
}
.brdSec1 li {
	float: left;
	width: 238px;
	margin: 14px 0 0 14px;
	border: 1px solid #89a7d7;
	font-size: 112%;
}
.brdSec1 li a {
	display: table-cell;
	width: 238px;
	height: 70px;
	background: url(../images/brand/icn_nav.png) center 55px no-repeat;
	color: #3d62ad;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.brdSec1 li a:hover {
	background: #89a7d7 url(../images/brand/icn_nav_over.png) center 55px no-repeat;
	transition: background-color 1s;
	color: #fff;
}
#brand .cntL {
	float: left;
	width: 50%;
}
#brand .cntL .inr {
	float: right;
	width: 490px;
	padding: 0 70px 0 0;
}
#brand .cntL .inr p {
	padding: 1.5em 0 0 0;
	font-size: 116%;
	line-height: 1.8;
}
#brand .cntR {
	float: right;
	width: 50%;
}
#brand .cntR .inr {
	width: 460px;
	padding: 0 0 0 70px;
}
#brand .cntR .inr p {
	padding: 1.5em 0 0 0;
	font-size: 116%;
	line-height: 1.8;
}
#brand .cntL .photo, #brand .cntR .photo {
	width: 100%;
}
#brand h2 {
	color: #3d62ad;
	font-size: 170%;
	letter-spacing: 0.2em;
}
#brand .memoBox {
	margin: 15px 0 0 0;
	padding: 0.8em 1em;
	border: 1px solid #89a7d7;
}
#brand .memoBox h3 {
	color: #3d62ad;
}
#brand .memoBox p {
	padding: 0.6em 0 0 0 !important;
	font-size: 94% !important;
	line-height: 1.5 !important;
}
.brdSec2 {
	margin: 78px 0 0 0;
}
.brdSec2 .atnG {
	padding: 0.4em 1.5em;
	background: #ae9e64;
	color: #fff;
	font-size: 120%;
	line-height: 1;
	letter-spacing: 0.1em;
}
.brdSec2 .atnB {
	margin: 16px 0 0 0;
	line-height: 1;
	letter-spacing: 0.1em;
}
.brdSec2 .atnB li {
	float: left;
	width: 32%;
	margin: 0 0 0 2%;
	padding: 0.5em 0;
	background: #5a77af;
	color: #fff;
	font-size: 120%;
	text-align: center;
}
.brdSec2 .atnB li:first-child {
	margin: 0;
}
/* 下部にネストcss「nest:1」有 */
	
.brdSec3 .memoBox {
	margin: 15px 0 0 0;
	padding: 1em 1.5em !important;
	border: 1px solid #89a7d7;
}
.brdSec3 .memoBox table {
	width: 100%;
	font-size: 120%;
}
.brdSec3 .memoBox table th, .brdSec3 .memoBox table td {
	padding: 0.5em;
	text-align: center;
}
.brdSec3 .memoBox table th {
	color: #000;
	font-weight: bold;
}
.brdSec3 .memoBox table td.txtB {
	background: #f8f9fb;
	color: #2a68b1;
	line-height: 1.3;
}
.brdSec3 .memoBox table td.txtG {
	background: #f8f9fb;
	color: #af8d0a;
	line-height: 1.3;
}
.brdSec3 .memoBox dl {
	margin: 0.6em 0 0 0;
}
.brdSec3 .memoBox dl dt {
	float: left;
	width: 85px;
	padding: 0.3em 0 0 0;
}
.brdSec3 .memoBox dl dt.txtB {
	color: #2a68b1;
	font-size: 110%;
}
.brdSec3 .memoBox dl dt.txtG {
	color: #af8d0a;
	font-size: 110%;
}
.brdSec3 .memoBox dl dd {
	margin: 0 0 0 85px;
	padding: 0.5em 0 0 0;
	font-size: 90%;
}
.brdSec4 .inr h3 {
	margin: 20px 0 0 0;
	font-size: 120%;
}
.brdSec4 .inr .img img {
	width: 197px;
}
.brdSec5 .img {
}
.brdSec5 .img li {
	float: left;
}
.brdSec5 .img li:first-child {
	padding: 8px 30px 0 0;
}
/********************************* aostory *********************************/
#aostory {
	padding: 0 0 1050px 0;
	background: url(../images/ao_story/bg-pc.jpg) center center no-repeat;
	background-size: cover;
	color: #00488f;
}
#aostory .AoSec1 {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
#aostory .AoSec1 h2 {
	padding: 150px 0 2em 0;
	font-size: 240%;
	letter-spacing: 0.5em;
}
#aostory .AoSec1 p {
	padding: 2em 0 0 0;
	font-size: 140%;
	line-height: 2;
	letter-spacing: 0.4em;
}
/********************************* booster *********************************/
#booster {
}
/* bstBox */		
.bstBox {
	width: 860px;
	margin: 0 auto;
}
.bstBox .cntL {
	float: left;
	width: 320px;
}
.bstBox .cntL img {
	margin: 60px 0 0 0;
}
.bstBox .cntR {
	float: right;
	width: 540px;
}
.bstBox .cntR h3 {
	font-size: 200%;
	letter-spacing: 0.08em;
}
.bstBox .cntR dl.memo {
	margin: 15px 0 0 0;
}
.bstBox .cntR dl.memo dt {
	float: left;
	width: 125px;
	font-size: 120%;
	letter-spacing: 0.08em;
}
.bstBox .cntR dl.memo dt span {
	padding: 0.2em 0.6em;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
.bstBox .cntR dl.memo dd {
	text-align: right;
}
.bstBox .cntR table.tbl1 {
	width: 100%;
	margin: 15px 0 0 0;
}
.bstBox .cntR table.tbl1 th, .bstBox .cntR table.tbl1 td {
	padding: 5px 0;
}
.bstBox .cntR table.tbl1 th {
	width: 340px;
}
.bstBox .cntR table.tbl1 th.sch {
	color: #a78c47;
}
.bstBox .cntR table.tbl1 td {
	width: 200px;
}
.bstBox .cntR table.tbl1 .btnB {
	display: block;
	padding: 0.8em 1em;
	background: #6a80bf;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.bstBox .cntR table.tbl1 .btnG {
	display: block;
	padding: 0.8em 1em;
	background: #cdbc90;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.bstBox .cntR table.tbl1 .btnB:hover, .bstBox .cntR table.tbl1 .btnG:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.bstBox .cntR .schBox {
	margin: 10px 0 0 0;
	padding: 0.7em 0;
	border-top: 1px solid #cdbc90;
	border-bottom: 1px solid #cdbc90;
}
.bstBox .cntR .schBox table.tbl2 {
	width: 100%;
}
.bstBox .cntR .schBox table.tbl2 th {
	width: 6em;
	padding: 0.2em 0.5em 0.2em 1em;
	border-right: 1px solid #cdbc90;
	color: #a78c47;
	font-size: 140%;
}
.bstBox .cntR .schBox table.tbl2 td {
	padding: 0.2em 0 0.2em 1.5em;
	color: #a78c47;
}
.bstBox .cntR .schBox table.tbl2 td.more {
	text-align: right;
	vertical-align: bottom;
}
.bstBox .cntR .schBox table.tbl2 td.more a {
	color: #555;
	text-decoration: none;
}
.bstBox .cntR .schBox table.tbl2 td.more a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.bstBox .cntR .specialBox {
	margin: 30px 0 0 0;
	border: 1px solid #cdbc90;
}
.bstBox .cntR .specialBox dl {
}
.bstBox .cntR .specialBox dl dt {
	padding: 0.1em 1em;
	background: #cdbc90;
	font-size: 150%;
	color: #fff;
}
.bstBox .cntR .specialBox dl dt span {
	float: right;
	font-size: 60%;
	line-height: 2.4;
}
.bstBox .cntR .specialBox dl dd {
	padding: 1em 1.5em;
	background: #f6f6f8 url(../images/booster/img_s3_01.png) right top no-repeat;
}
.bstBox .cntR .specialBox dl dd p {
	padding: 1em 0 0 0;
}
.bstBox .cntR .specialBox dl dd .txt1 {
	margin: 0.5em 0 0 0;
}
.bstBox .cntR .specialBox dl dd .txt1 span {
	border-bottom: 1px solid #999;
}
.bstSec1 {
	height: 495px;
	background: #1a4a5e url(../images/booster/bg01-pc.jpg) center top no-repeat;
}
.bstSec1 .h1Box {
	width: 700px;
	margin: 0 auto;
	color: #fff;
}
.bstSec1 .h1Box dl {
}
.bstSec1 .h1Box dl dt {
	padding: 90px 0 0 0;
	font-size: 260%;
	line-height: 1.8;
	letter-spacing: 0.2em;
}
.bstSec1 .h1Box dl dd p.txt1 {
	display: inline-block;
	margin: 50px 0 0 0;
	padding: 0.4em 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 160%;
	line-height: 1;
	letter-spacing: 0.2em;
}
.bstSec1 .h1Box dl dd p.txt2 {
	margin: 2em 0 0 0;
	line-height: 1.8;
}
.bstSec2 {
	height: 441px;
	background: url(../images/booster/bg02-pc.jpg) left center no-repeat;
	background-size: cover;
	text-align: center;
}
.bstSec2 h2 {
	padding: 75px 0 5px 0;
	color: #404040;
	font-size: 200%;
	letter-spacing: 0.15em;
}
.bstSec2 p {
	padding: 1em 0 0 0;
	font-size: 120%;
	line-height: 2.2;
	letter-spacing: 0.1em;
}
.bstSec2 p span {
	display: inline-block;
	border-bottom: 1px solid #555;
}
.bstSec2 div {
	margin: 20px 0 0 0;
}
.bstSec3 {
}
.bstSec3 h2 {
	padding: 120px 0 0 0;
	color: #404040;
	font-size: 210%;
	text-align: center;
}
.bstSec3 h2 span {
	display: inline-block;
	border-bottom: 1px solid #555;
}
.bstSec3 .bNav {/*width:995px;*/
	width: 797px;
	margin: 60px auto 0 auto;
	border-left: 1px solid #999;
}
.bstSec3 .bNav li {
	float: left;
	width: 198px;
	border-right: 1px solid #999;
	font-size: 116%;
}
.bstSec3 .bNav li a {
	display: table-cell;
	width: 198px;
	height: 65px;
	background: url(../images/brand/icn_nav.png) center 50px no-repeat;
	color: #555;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.bstSec3 .bNav li a:hover {
	background: #89a7d7 url(../images/brand/icn_nav_over.png) center 50px no-repeat;
	transition: background-color 1s;
	color: #fff;
}
.bstSec3 .bstBox {
	margin-top: 130px;
	padding: 0 0 50px 0;
}
/* bstSec4 */
.bstSec4 {
}
/* 下部にネストcss「nest:2」有 */
		
.bstSec4 #bst-01 .ttl {
	padding: 60px 0 0 0;
	text-align: center;
}
.bstSec4 #bst-01 h3 {
	padding: 40px 0 100px 0;
	font-size: 240%;
	text-align: center;
	letter-spacing: 0.15em;
}
.bstSec4 #bst-01 h3 span {
	border-bottom: 1px solid #999;
}
/* bst-01a */
.bstSec4 .bst-01a {
	width: 980px;
	margin: 0 auto;
}
.bstSec4 .bst-01a .cntL {
	float: left;
	width: 510px;
	padding: 15px 0 0 60px;
	background: url(../images/booster/bg_s4_01-pc.png) no-repeat;
}
.bstSec4 .bst-01a .cntL h4 {
	font-size: 180%;
	letter-spacing: 0.1em;
}
.bstSec4 .bst-01a .cntL p {
	padding: 1.5em 0 0 0;
	font-size: 116%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.bstSec4 .bst-01a .cntL .memoBox {
	margin: 20px 0 0 0;
	padding: 1em 1.5em;
	background: #fff;
	border: 1px solid #ddd;
}
.bstSec4 .bst-01a .cntL .memoBox h5 {
	color: #4a77ef;
	font-size: 140%;
}
.bstSec4 .bst-01a .cntL .memoBox h5 span {
	font-size: 90%;
}
.bstSec4 .bst-01a .cntL .memoBox p {
	padding: 1em 0 0 0;
	font-size: 90%;
}
.bstSec4 .bst-01a .cntR {
	float: left;
	padding: 30px 0 0 60px;
}
/* bst-01b */
.bstSec4 .bst-01b {
	width: 980px;
	margin: 0 auto;
}
.bstSec4 .bst-01b .cntR {
	width: 600px;
	padding: 90px 0 0 300px;
	background: url(../images/booster/bg_s4_02-pc.png) 210px 120px no-repeat;
}
.bstSec4 .bst-01b .cntR h4 {
	font-size: 170%;
	letter-spacing: 0.1em;
}
.bstSec4 .bst-01b .cntR p {
	padding: 1em 0 0 0;
	font-size: 116%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
/* bst-01c */
.bstSec4 .bst-01c {
	width: 1020px;
	margin: 80px auto 0 auto;
}
.bstSec4 .bst-01c .cntL {
	float: left;
	width: 460px;
	padding: 15px 0 0 60px;
	background: url(../images/booster/bg_s4_03-pc.png) no-repeat;
}
.bstSec4 .bst-01c .cntL h4 {
	font-size: 170%;
	letter-spacing: 0.1em;
}
.bstSec4 .bst-01c .cntL p {
	padding: 1em 0 0 0;
	font-size: 116%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.bstSec4 .bst-01c .cntL .memoBox {
	margin: 15px 0 0 0;
	padding: 0.6em 0.8em;
	background: #fff;
	border: 1px solid #ddd;
}
.bstSec4 .bst-01c .cntL .memoBox table {
	width: 100%;
	font-size: 120%;
}
.bstSec4 .bst-01c .cntL .memoBox table th, .bstSec4 .bst-01c .cntL .memoBox table td {
	padding: 0.3em;
	text-align: center;
}
.bstSec4 .bst-01c .cntL .memoBox table th {
	color: #000;
}
.bstSec4 .bst-01c .cntL .memoBox table td.txtB {
	color: #2a68b1;
}
.bstSec4 .bst-01c .cntL .memoBox table td.txtG {
	color: #af8d0a;
}
.bstSec4 .bst-01c .cntR {
	float: right;
	width: 445px;
}
/* bst-01d */
.bstSec4 .bst-01d {
	width: 980px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}
.bstSec4 .bst-01d .cntR {
	float: right;
	width: 470px;
	padding: 30px 0 0 0;
	background: url(../images/booster/bg_s4_04-pc.png) 85% top no-repeat;
}
.bstSec4 .bst-01d .cntR h4 {
	font-size: 170%;
	letter-spacing: 0.1em;
}
.bstSec4 .bst-01d .cntR p {
	padding: 1em 0 0 0;
	font-size: 116%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
/* bst-01e */
.bstSec4 .bst-01e {
	width: 700px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}
.bstSec4 .bst-01e .cntL {
	width: 470px;
	padding: 30px 0 0 60px;
	background: url(../images/booster/bg_s4_05-pc.png) no-repeat;
}
.bstSec4 .bst-01e .cntL h4 {
	font-size: 170%;
	letter-spacing: 0.1em;
}
.bstSec4 .bst-01e .cntL p {
	padding: 1em 0 0 0;
	font-size: 116%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
/* bstSec5 */
.bstSec5 {
}
.bstSec5 .bstBox {
	margin: 150px auto 0 auto;
}
.bstSec5 .bstBox .cntL h3 {
	font-size: 200%;
	line-height: 1.6;
	letter-spacing: 0.08em;
}
.bstSec5 .bstBox .cntL img {
	margin: 20px 0 0 0;
}
.bstSec5 .bstBox .cntR dl.memo {
	margin: 30px 0 0 0;
}
.bstSec5 .bstBox .cntR .specialBox dl dd {
	background-color: #fff;
}
/* bstSec6 */
.bstSec6 {
	padding: 220px 0 0 0;
	background: url(../images/booster/bg_s6_01-pc.jpg) center top no-repeat;
}
/* bst-01 */
.bstSec6 .bst-01 {
	width: 820px;
	height: 595px;
	margin: 0 auto;
	padding: 90px 90px 0 90px;
	background: #32456e url(../images/booster/bg_s6_02-pc.jpg) no-repeat;
	color: #fff;
}
.bstSec6 .bst-01 h4 {
	font-size: 190%;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-01 .cntL {
	float: left;
	width: 470px;
	margin: 35px 0 0 0;
}
.bstSec6 .bst-01 .cntL p {
	font-size: 130%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-01 .cntL ul.atnB {
	margin: 20px 0 0 0;
	line-height: 1;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-01 .cntL ul.atnB li {
	float: left;
	width: 32%;
	margin: 0 0 0 2%;
	padding: 0.8em 0;
	background: #5a77af;
	color: #fff;
	font-size: 160%;
	text-align: center;
}
.bstSec6 .bst-01 .cntL ul.atnB li:first-child {
	margin: 0;
}
.bstSec6 .bst-01 .cntL ul.fs11 {
	margin: 20px 0 0 0 !important;
	line-height: 1.8;
}
.bstSec6 .bst-01 .cntL .img {
	margin: 45px 0 0 0;
	color: #fff;
	font-size: 160%;
}
.bstSec6 .bst-01 .bnr {
	margin: 5em 0 0 0;
}
.bstSec6 .bst-01 .cntR {
	float: right;
	width: 278px;
	margin: 40px 0 0 0;
}
/* bst-02 */
.bstSec6 .bst-02 {
	margin: 165px 0 0 0;
}
/* bst-02a */
.bstSec6 .bst-02a {
	width: 800px;
	margin: 0 auto;
}
.bstSec6 .bst-02a .ttl {
	width: 100%;
	height: 222px;
	background: url(../images/booster/bg_s6_03-pc.jpg) no-repeat;
}
.bstSec6 .bst-02a .ttl p {
	width: 400px;
	padding: 80px 0 0 0;
	color: #fff;
	font-size: 200%;
	text-align: center;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02a dl {
}
.bstSec6 .bst-02a dl dt {
	padding: 25px 0 0 0;
}
.bstSec6 .bst-02a dl dt span {
	float: right;
}
.bstSec6 .bst-02a dl dt a {
	color: #555;
	font-size: 110%;
	text-decoration: none;
}
.bstSec6 .bst-02a dl dt a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.bstSec6 .bst-02a dl dd {
	display: none;
	padding: 15px 0;
}
.bstSec6 .bst-02a dl dd p {
	padding: 1em 1.5em;
	background: #fff;
	border: 1px solid #ccc;
	line-height: 1.6;
}
.bstSec6 .bst-02a p {
	padding: 12px 0 0 0;
	letter-spacing: 0.1em;
}
/* bst-02b */
.bstSec6 .bst-02b {
	width: 840px;
	margin: 45px auto 0 auto;
	padding: 75px 81px;
	background: #fff;
}
.bstSec6 .bst-02b h3 {
	font-size: 220%;
	text-align: center;
	letter-spacing: 0.15em;
}
.bstSec6 .bst-02b .inrBox {
	width: 800px;
	margin: 0 auto;
}
.bstSec6 .bst-02b .inrBox p {
	padding: 20px 0;
	font-size: 110%;
	line-height: 1.8;
	text-align: center;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02b .inrBox dl {
}
.bstSec6 .bst-02b .inrBox dl dt {
	float: left;
	padding: 0 0 0 200px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02b .inrBox dl dd {
	float: right;
	padding: 20px 0 0 0;
	width: 130px;
}
.bstSec6 .bst-02b .inrBox2 {
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	background: url(../images/booster/bg_s6_01-pc.png) center bottom repeat-y;
}
.bstSec6 .bst-02b .inrBox2 .cntL {
	float: left;
	width: 210px;
}
.bstSec6 .bst-02b .inrBox2 .cntL h4 {
	padding: 25px 0 15px 0;
	border-bottom: 1px solid #b2b2b2;
	color: #4a77ef;
	font-size: 180%;
	text-align: center;
}
.bstSec6 .bst-02b .inrBox2 .cntL h4 span {
	font-size: 50%;
}
.bstSec6 .bst-02b .inrBox2 .cntL p {
	padding: 0.6em 0 0 0;
	font-size: 95%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02b .inrBox2 .cntC {
	float: left;
	width: 380px;
	text-align: center;
}
.bstSec6 .bst-02b .inrBox2 .cntR {
	float: left;
	width: 210px;
}
.bstSec6 .bst-02b .inrBox2 .cntR h4 {
	padding: 25px 0 15px 0;
	border-bottom: 1px solid #b2b2b2;
	color: #a5830a;
	font-size: 180%;
	text-align: center;
}
.bstSec6 .bst-02b .inrBox2 .cntR h4 span {
	font-size: 50%;
}
.bstSec6 .bst-02b .inrBox2 .cntR p {
	padding: 0.6em 0 0 0;
	font-size: 95%;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02b .inrBox3 {
	padding: 45px 0 0 20px;
	background: url(../images/booster/bg_s6_01-pc.png) center top repeat-y;
}
.bstSec6 .bst-02b .inrBox3 .cntL {
	float: left;
	width: 370px;
}
.bstSec6 .bst-02b .inrBox3 .cntL dl {
	width: 327px;
}
.bstSec6 .bst-02b .inrBox3 .cntL dl dt {
	padding: 1em 0;
	background: #8d9dcc;
	font-size: 130%;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02b .inrBox3 .cntL dl dd {
	padding: 20px 20px 0 20px;
	background: #f6f6f7;
	line-height: 1.8;
}
.bstSec6 .bst-02b .inrBox3 .cntR {
	float: right;
	width: 347px;
}
.bstSec6 .bst-02b .inrBox3 .cntR dl {
	width: 327px;
}
.bstSec6 .bst-02b .inrBox3 .cntR dl dt {
	padding: 1em 0;
	background: #c5b58b;
	font-size: 130%;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
}
.bstSec6 .bst-02b .inrBox3 .cntR dl dd {
	padding: 20px 20px 0 20px;
	background: #f7f5f1;
	line-height: 1.8;
}
.bstSec6 .bst-02b .inrBox4 {
	width: 800px;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
}
.bstSec6 .bst-02b .inrBox4 h4 {
	padding: 0.4em 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	font-size: 130%;
	text-align: center;
	letter-spacing: 0.2em;
}
.bstSec6 .bst-02b .inrBox4 table {
	width: 100%;
}
.bstSec6 .bst-02b .inrBox4 table th {
	width: 194px;
	padding: 25px 0 0 76px;
	font-size: 110%;
	vertical-align: top;
}
.bstSec6 .bst-02b .inrBox4 table td {
	padding: 20px 0 0 76px;
	font-size: 95%;
	line-height: 1.8;
	vertical-align: top;
}
.bstSec6 .bst-02b .inrBox4 table th:first-child, .bstSec6 .bst-02b .inrBox4 table td:first-child {
	padding-left: 0;
}
.bstSec6 .bst-02b .inrBox4 table td p {
	padding: 1em 0;
	border: 1px solid #bbb;
	font-size: 140%;
	text-align: center;
	line-height: 1.4;
}
/* bstSec7 */
.bstSec7 {
	padding: 50px 0 0 0;
	background: url(../images/booster/bg_s7_01-pc.png) no-repeat;
	background-size: cover;
}
.bstSec7 .h3Box {
	text-align: center;
	letter-spacing: 0.1em;
}
.bstSec7 .h3Box h3 {
	font-size: 190%;
}
.bstSec7 .h3Box p {
	padding: 10px 0 0 0;
	font-size: 130%;
}
.bstSec7 dl {
	width: 600px;
	margin: 30px auto 0 auto;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.bstSec7 dl dt {
	float: left;
	width: 260px;
	padding: 20px;
}
.bstSec7 dl dt p {
	padding: 1em 0;
	font-size: 120%;
	line-height: 1.6;
}
.bstSec7 dl dd {
	float: right;
	width: 300px;
	padding: 20px 0 0 0;
}
.bstSec7 .imgBox {
	position: relative;
	width: 1000px;
	height: 515px;
	margin: 0 auto;
	background: url(../images/booster/bg_s7_02-pc.jpg) no-repeat;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.bstSec7 .imgBox .txtL {
	position: absolute;
	top: 70px;
	left: 90px;
	width: 240px;
	text-align: center;
	font-size: 190%;
}
.bstSec7 .imgBox .txtR {
	position: absolute;
	top: 245px;
	right: 0;
	width: 340px;
	text-align: center;
	font-size: 190%;
}
.bstSec7 .imgBox p {
	padding: 15px 0 0 0;
	font-size: 53%;
}
/* bstSec8 */
.bstSec8 {
	height: 450px;
	padding: 65px 0 0 0;
	background: #293c66 url(../images/booster/bg_s8-pc.jpg) center top no-repeat;
}
.bstSec8 .bstBox {
}
.bstSec8 .bstBox .cntL h3 {
	padding: 0 0 0 2em;
	color: #fff;
	font-size: 180%;
	line-height: 2;
	letter-spacing: 0.08em;
}
.bstSec8 .bstBox .cntL img {
	margin: 20px 0 0 0;
}
.bstSec8 .bstBox .cntR dl.memo {
	margin: 0;
	border: none;
	color: #fff;
}
.bstSec8 .bstBox .cntR dl.memo dt span {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.bstSec8 .bstBox .cntR table.tbl1 {
	color: #fff;
}
.bstSec8 .bstBox .cntR table.tbl1 .sch {
	color: #cdbc90;
}
.bstSec8 .bstBox .cntR .schBox table.tbl2 td.more a,  .bstSec8 .bstBox .cntR .txt_r {
	color: #fff;
}
.bstSec8 .bstBox .cntR .schBox table.tbl2 th, .bstSec8 .bstBox .cntR .schBox table.tbl2 td {
	color: #cdbc90;
}
.bstSec8 .bstBox .cntR .specialBox,  .bstSec8 .bstBox .cntR .specialBox dl {
	width: auto;
	border: none;
}
.bstSec8 .bstBox .cntR .specialBox dl dt {
	float: none;
	width: auto;
	background: #6b80bf;
	letter-spacing: 0.1em;
}
.bstSec8 .bstBox .cntR .specialBox dl dd {
	float: none;
	width: auto;
	background: #466cc1 url(../images/booster/img_s3_01.png) right top no-repeat;
	color: #fff;
}
.bstSec8 .bstBox .cntR .specialBox dl dd .txt1 span {
	border-bottom: 1px solid #fff;
}
/* bstSec9 */
.bstSec9 {
	height: 760px;
}
/* 下部にネストcss「nest:3」有 */

.bstSec9 div {
	padding: 300px 0 0 0;
	text-align: center;
}
.bstSec9 p {
	padding: 20px 0 0 0;
	color: #fff;
	font-size: 190%;
	line-height: 2;
	text-align: center;
	letter-spacing: 0.2em;
}



.mask_pr{
	width: 1008px;
	margin: 0 auto 0 auto;
	padding:100px 0 !important;
	text-align:center;
}
.mask_pr .contL {
	float: left;
	width: 463px;
	padding-bottom:100px;
}
.mask_pr .contL img {
	margin: 10px 0 0 0;
}
.mask_pr .contR {
	float: right;
	width: 463px;
	margin:0 0 0 82px;
}


.mask_pr .contR .maskimg {
	width:463px;
	height:181px;
}

.mask_pr .contR .coment {
	text-align:left;
	line-height:1.6em;
	font-size:96%;
}

.mask_pr .contR .coment2 {
	text-align:left;
	line-height:1.6em;
	font-size:100%;
	margin:15px 0 0 0;
}


.mask_pr2{
	width: 884px;
	height:356px;
	background: url(../images/booster/mask_present03_pc.jpg) right top no-repeat;
	margin:165px auto;
	position:relative;
}

.mask_pr2 .cont01{
	position:absolute;
	top:84px;
	left:72px;
}


.mask_pr2 .coment {
	position:absolute;
	text-align:left;
	line-height:1.6em;
	font-size:96%;
	top:142px;
	left:71px;
}


.mask_pr2 .bnr {
	position:absolute;
	top:242px;
	left:71px;
}








/********************************* TOP *********************************/
#index {
}
#slider {
	overflow: hidden;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}
#slider img {
	width: 100%;
}
/* .topSec1 */
.topSec1 {
	text-align: center;
}
.topSec1 h2 {
	margin: 55px 0 0 0;
	font-size: 170%;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.topSec1 p {
	margin: 22px 0 0 0;
	font-size: 110%;
	line-height: 1.7;
	letter-spacing: 0.05em;
}
.topSec1 h3 {
	margin: 30px 0 0 0;
	font-size: 140%;
	letter-spacing: 0.1em;
}
/* topSec2 */
.topSec2 {
	margin: 60px 0 0 0;
	background: url(../images/top/bg02-pc.jpg) repeat-x;
}
.topSec2 .inr {
	background: url(../images/top/bg01-pc.jpg) center top no-repeat;
}
.topSec2 .leadBox {
	text-align: center;
}
.topSec2 .leadBox h2 {
	padding: 95px 0 0 0;
}
.topSec2 .leadBox p {
	margin: 22px 0 0 0;
	color: #ffffff;
	font-size: 110%;
	line-height: 2.2;
	letter-spacing: 0.1em;
}
.topSec2 .leadBox div {
	margin: 55px 0 0 0;
}
.topSec2 ul.nav {
	width: 1000px;
	margin: 100px auto 0 auto;
}
.topSec2 ul.nav li {
	float: left;
	margin: 2px;
}
#index .topSec2 .bstBox {
	margin: 190px auto 0 auto;
}
#index .topSec2 .bstBox .cntL {
	padding: 45px 0 0 0;
}
#index .topSec2 .bstBox .cntL h3 {
	width: 8em;
	margin: 0 0 0 70px;
	padding: 0.3em 0;
	border: 1px solid #d9d9d9;
	font-size: 120%;
	letter-spacing: 0.1em;
	text-align: center;
}
#index .topSec2 .bstBox .cntL img {
	margin: 30px 0 0 0;
}
#index .topSec2 .bstBox .cntR {
}
#index .topSec2 .bstBox .cntR h3 {
	font-size: 190%;
}
#index .topSec2 .bstBox .cntR dl.memo {
}
#index .topSec2 .bstBox .cntR dl.memo dt {
	display: block;
	width: 100%;
}
#index .topSec2 .bstBox .cntR dl.memo dt a {
	display: block;
	background: url(../images/top/arw01.png) 9em top no-repeat;
	color: #333333;
	text-decoration: none;
}
#index .topSec2 .bstBox .cntR dl.memo dt a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#index .topSec2 .bstBox .cntR dl.memo dd {
	display: block;
	width: 100%;
	padding: 80px 0 0 0;
	text-align: left;
}
#index .topSec2 .specialBox {
	border: none;
}
#index .topSec2 .specialBox dl {
}
#index .topSec2 .specialBox dl dt {
	background: #6a80bf;
}
#index .topSec2 .specialBox dl dd {
}
/* topSec3 */
.topSec3 {
	height: 760px;
	margin: 105px 0 0 0;
}
/* topSec4 */
.topSec4 {
	margin: 90px 0 0 0;
	text-align: center;
}
/* 下部にネストcss「nest:3」有 */

.topSec3 div {
	padding: 300px 0 0 0;
	text-align: center;
}
.topSec3 p {
	padding: 20px 0 0 0;
	color: #fff;
	font-size: 190%;
	line-height: 2;
	text-align: center;
	letter-spacing: 0.2em;
}
/********************************* TRIAL *********************************/
#trial {
	width: 780px;
	margin: 110px auto 0 auto;
}
#trial .trialSec1 {
}
#trial .trialSec1 h2 {
	font-size: 130%;
}
#trial .trialSec1 .img {
	margin: 90px 0 0 0;
}
#trial .trialSec2 {
	margin: 140px 0 0 0;
}
#trial .trialSec2 .cntL {
	float: left;
	width: 596px;
	margin: 63px 0 0 0;
}
#trial .trialSec2 .cntL h3 {
	font-size: 120%;
}
#trial .trialSec2 .cntL dl {
	margin: 15px 0 0 0;
}
#trial .trialSec2 .cntL dl dt {
	font-size: 120%;
	line-height: 2.5;
}
#trial .trialSec2 .cntL dl dd ul {
	margin: 5px 0 0 0;
}
#trial .trialSec2 .cntL dl dd ul li {
	margin: 0 0 0.5em 1em;
	text-indent: -1em;
}
#trial .trialSec2 .cntR {
	float: right;
	width: 184px;
	margin: 63px 0 0 0;
}
#trial .trialSec2 .cntR a.btn {
	display: block;
	width: 100%;
	padding: 0.4em 0;
	background: #6a80bf;
	color: #fff;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
}
#trial .trialSec2 .cntR a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#trial .trialSec3 {
	margin: 120px 0 0 0;
}



#trial .trialSec3 p {
	font-size: 130%;
	line-height: 2.2;
}
#trial .trialSec3 .btn {
	margin: 30px 0 0 0;
}
#trial .trialSec3 .btn a {
	display: block;
	width: 190px;
	padding: 0.6em 0;
	border: 1px solid #555;
	color: #555;
	font-size: 107%;
	text-align: center;
	text-decoration: none;
}
#trial .trialSec3 .btn a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#trial .trialSec2 .cntL a.btn {
	display: block;
	width: 50%;
	padding: 0.4em 0;
	background: #6a80bf;
	color: #fff;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	margin: 20px 0;
}
/* trial2017 */

.textbox_trial {
	background-color: #dae3f4;
	padding: 3px 10px;
	margin-top: 10px;
	width: 60%;
}

#trial .trialSec3_01 {
	margin: 120px 0 0 0;
	width:950px;
}

#trial .trialSec3_01 .cntL{
	float:left;
	width:470px;
	}
	
#trial .trialSec3_01 .cntL img{
	width:375px;
	}	
	
#trial .trialSec3_01 .cntR{
	float:right;
	width:480px;
	font-size:120%;
	line-height:1.8em;
	}	



#trial .trialSec3_01 .btn a {
	display: block;
	width: 190px;
	padding: 0.6em 0;
	border: 1px solid #555;
	color: #555;
	font-size: 107%;
	text-align: center;
	text-decoration: none;
	margin-top:20px;
}
#trial .trialSec3_01 .btn a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}






/********************************* mask *********************************/



#mask {
}		
.mskBox {
	width: 864px;
	margin: 0 auto;
}

.mskSec1 {
	height: 520x;
	text-align:center;
	margin:0 auto;
}


.mskSec2 {
	width: 1018px;
	margin: 60px auto 0 auto;
}
.mskSec2 li {
	float: left;
	width: 238px;
	margin: 14px 0 0 14px;
	border: 1px solid #45649b;
	font-size: 112%;
	background-color:b7c8e6;
	
}


.mskSec2 li a {
	display: table-cell;
	width: 238px;
	height: 70px;
	background:#b7c8e6 url(../images/brand/icn_nav.png) center 55px no-repeat;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
.mskSec2 li a:hover {
	background: #45649b url(../images/brand/icn_nav_over.png) center 55px no-repeat;
	transition: background-color 1s;
	color: #fff;
}


.mskSec3_title{ text-align:center; margin:110px auto 0 auto; }


.mskSec3 {
	background: url(../images/mask/cont01.png) center top no-repeat;
	width:859px;
	height:686px;
	margin-top:60px;
	position:relative;
}

.mskSec3 .title01 {
	position:absolute;
	top:0px;
	left:75px;
	text-align:left;
}


.mskSec3 .cont01 {
	position:absolute;
	top:100px;
	left:0;
	width:420px;
	height:195px;
	text-align:left;
	line-height:1.8em;
	color:#7d7d7d;
	font-size:14px;
}



.mskSec3 .cont02 {
	position:absolute;
	top:255px;
	left:635px;
	text-align:left;
	line-height:1.8em;
	color:#7d7d7d;
	font-size:12px;
}


.mskSec3 .cont03 {
	position:absolute;
	top:415px;
	left:0px;
	text-align:left;
	line-height:1.8em;
	color:#7d7d7d;
	font-size:14px;
}

.mskSec3 .cont04 {
	position:absolute;
	top:455px;
	left:0px;
	text-align:left;
	line-height:1.8em;
	color:#7d7d7d;
}

.mskSec3 .cont05 {
	position:absolute;
	top:545px;
	left:0px;
	text-align:left;
	line-height:1.8em;
	color:#a78c47;
}


.mskSec3 .cont_btn {
	position:absolute;
	top:495px;
	left:476px;
	width:386px;
}


.mskSec3 .cont_btn2 {
	position:absolute;
	top:580px;
	left:476px;
	width:386px;
}



.mskBox .btnB {
	display: block;
	padding: 0.8em;
	background: #6a80bf;
	color: #fff;
	font-size: 110%;
	text-align: center;
	text-decoration: none;
	width:100%;
}
.mskBox .btnG {
	display: block;
	padding: 0.8em;
	background: #cdbc90;
	color: #fff;
	font-size: 110%;
	text-align: center;
	text-decoration: none;
	width:100%;
}
.mskBox .btnB:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.mskBox .btnG:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.mskSec3 .cont_teiki {
	position:absolute;
	bottom:20px;
	right:0;
}



.mskSec3 .cont_teiki a {
	color: #555;
	text-decoration: none;
}
.mskSec3 .cont_teiki a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



.mskSec4 {
	background: url(../images/mask/cont02.png) center top no-repeat;
	height:1234px;
	width:1500px;
	margin:65px auto 0 auto;
	text-align:center;
	position:relative;
}


.mskSec4 .cont01 {
	position:absolute;
	top:12px;
	left:432px;
}

.mskSec4 .cont02 {
	position:absolute;
	top:660px;
	left:543px;
}

.mskSec4 .cont03 {
	position:absolute;
	top:860px;
	left:336px;
}


.mskSec4 .cont04 {
	position:absolute;
	top:860px;
	left:888px;
}



.mskSec4 .cont05 {
	position:absolute;
	top:1000px;
	left:411px;
	text-align:center;
	line-height:1.8em;
	color:#7d7d7d;
	font-size:110%;
}

.mskSec4 .cont06 {
	position:absolute;
	top:1000px;
	left:902px;
	text-align:center;
	line-height:1.8em;
	color:#7d7d7d;
	font-size:110%;
}

.mskSec4 .cont06 span {
	color:#6a80bf;
}



.mskSec5 {
	background: url(../images/mask/cont03.png) center top no-repeat;
	height:1950px;
	width:1500px;
	margin:165px auto 0 auto;
	text-align:center;
	position:relative;
}


.mskSec5 .cont01 {
	position:absolute;
	top:379px;
	left:552px;
}

.mskSec5 .cont02 {
	position:absolute;
	top:721px;
	left:336px;
}


.mskSec5 .point1 {
	position:absolute;
	top:1030px;
	left:306px;
}

.mskSec5 .point1_2 {
	position:absolute;
	top:1178px;
	left:250px;
	text-align:left;
	line-height:1.8em;
	color:#7d7d7d;
	font-size:110%;
}


.mskSec5 .point1_3 {
	position:absolute;
	top:1293px;
	left:250px;
	text-align:left;
	line-height:1.8em;
	color:#7d7d7d;
	font-size:110%;
}


.mskSec5 .point2 {
	position:absolute;
	top:1030px;
	left:863px;
}

.mskSec5 .point2_2 {
	position:absolute;
	top:1178px;
	left:806px;
	text-align:left;
	line-height:1.8em;
	width:475px;
	color:#7d7d7d;
	font-size:110%;
}


.mskSec5 .point2_3 {
	position:absolute;
	top:1311px;
	left:806px;
	text-align:left;
	line-height:1.8em;
	color:#6a80bf;
	font-size:110%;
}


.mskSec5 .point2_4 {
	position:absolute;
	top:1432px;
	left:806px;
	text-align:left;
	line-height:1.8em;
	color:#6a80bf;
	font-size:110%;
}


.mskSec5 .point3 {
	position:absolute;
	top:1587px;
	left:300px;
}

.mskSec5 .point3_2 {
	position:absolute;
	top:1730px;
	left:248px;
	text-align:left;
	line-height:1.8em;
	color:#7d7d7d;
	font-size:110%;
}


.mskSec5 .point3_3 {
	position:absolute;
	bottom:178px;
	left:845px;
	width:402px;
	height:104px;

}


.mskSec5 .point3_3 .btnB {
	display: block;
	padding: 0.8em;
	background: #6a80bf;
	color: #fff;
	font-size: 110%;
	text-align: center;
	text-decoration: none;
	vertical-align:middle;
	line-height:2.0em;
}

.mskSec5 .point3_3 .btnB:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


.mskSec6 {
	background: url(../images/mask/cont04.png) center top no-repeat;
	height:1735px;
	width:1500px;
	margin:0 auto 0 auto;
	text-align:center;
	position:relative;
}


.mskSec6 .cont01 {
	position:absolute;
	top:403px;
	left:392px;
}

.mskSec6 .cont02 {
	position:absolute;
	top:590px;
	left:513px;
}


.mskSec6 .cont03 {
	position:absolute;
	top:793px;
	left:384px;
	text-align:left;
	line-height:1.8em;
	color:#7d7d7d;
	font-size:110%;
	width:383px;
}

.mskSec6 .cont03 span {
	color:#6a80bf;
}


.mskSec6 .cont04 {
	position:absolute;
	top:1605px;
	left:923px;
	text-align:left;
	line-height:1.8em;
	color:#7d7d7d;
	font-size:80%;
}


.fadein {
	opacity : 0.1;
	transform : translate(0px, 50px);
	transition : all 1000ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}

#effect2 .fadein:nth-of-type(2) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}
#effect2 .fadein:nth-of-type(3) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
	}
	

	


}






/* pc_1300px未満 */
@media screen and (min-width: 641px) and (max-width: 1299px) {
/********************************* brand *********************************/
/* nest:1 */
.brdSec2 .photoBox {
	height: 560px;
	overflow: hidden;
	background: url(../images/brand/photo01-pc1.jpg) center center no-repeat;
	background-size: cover;
}
.brdSec3 .inr h2 {
	margin: 40px 0 0 0;
}
.brdSec3 .photoBox {
	height: 520px;
	overflow: hidden;
	background: url(../images/brand/photo02-sp.jpg) center center no-repeat;
	background-size: cover;
}
.brdSec4 .inr h2 {
	margin: 80px 0 0 0;
}
.brdSec4 .photoBox {
	height: 500px;
	overflow: hidden;
	background: url(../images/brand/photo03.jpg) center center no-repeat;
	background-size: cover;
}
.brdSec5 .inr h2 {
	margin: 55px 0 0 0;
}
.brdSec5 .photoBox {
	height: 500px;
	overflow: hidden;
	background: url(../images/brand/photo04.jpg) center center no-repeat;
	background-size: cover;
}
.brdSec6 .inr h2 {
	margin: 90px 0 0 0;
}
.brdSec6 .photoBox {
	height: 500px;
	overflow: hidden;
	background: url(../images/brand/photo05.jpg) center center no-repeat;
	background-size: cover;
}
.brdSec7 .inr h2 {
	margin: 80px 0 0 0;
}
.brdSec7 .photoBox {
	height: 500px;
	overflow: hidden;
	background: url(../images/brand/photo06.jpg) center center no-repeat;
	background-size: cover;
}
/********************************* booster *********************************/
/* nest:2 */
.bstSec4 {
	height: 2160px;
	background: url(../images/booster/bg03-pc.jpg) no-repeat;
	background-size: cover;
}
/* nest:3 */
.bstSec9 {
	background: url(../images/booster/bg_s9-pc.jpg) center top no-repeat;
}
/********************************* top *********************************/
/* nest:3 */
.topSec3 {
	background: url(../images/booster/bg_s9-pc.jpg) center top no-repeat;
}
/* trial2017 */
.textbox_trial {
	background-color: #dae3f4;
	padding: 3px 10px;
	margin-top: 10px;
	width: 60%;
}



}

/* pc_1300px以上 */
@media screen and (min-width:1300px) {
/********************************* brand *********************************/
/* nest:1 */
.brdSec2 .photoBox {
	height: 560px;
	overflow: hidden;
	background: url(../images/brand/photo01-pc2.jpg) center center no-repeat;
	background-size: cover;
}
.brdSec3 .inr h2 {
	margin: 50px 0 0 0;
}
.brdSec3 .photoBox {
	height: 530px;
	overflow: hidden;
	background: url(../images/brand/photo02-pc.jpg) center center no-repeat;
	background-size: cover;
}
.brdSec4 .inr h2 {
	margin: 90px 0 0 0;
}
.brdSec4 .photoBox {
	height: 550px;
	overflow: hidden;
	background: url(../images/brand/photo03.jpg) center center no-repeat;
	background-size: cover;
}
.brdSec5 .inr h2 {
	margin: 75px 0 0 0;
}
.brdSec5 .photoBox {
	height: 550px;
	overflow: hidden;
	background: url(../images/brand/photo04.jpg) center center no-repeat;
	background-size: cover;
}
.brdSec6 .inr h2 {
	margin: 100px 0 0 0;
}
.brdSec6 .photoBox {
	height: 550px;
	overflow: hidden;
	background: url(../images/brand/photo05.jpg) center center no-repeat;
	background-size: cover;
}
.brdSec7 .inr h2 {
	margin: 90px 0 0 0;
}
.brdSec7 .photoBox {
	height: 550px;
	overflow: hidden;
	background: url(../images/brand/photo06.jpg) center center no-repeat;
	background-size: cover;
}
/********************************* booster *********************************/
	/* nest:2 */
.bstSec4 {
	height: 2160px;
	background: url(../images/booster/bg03-pc.jpg) center top no-repeat;
	background-size: auto 100%;
}
/* nest:3 */
.bstSec9 {
	background: url(../images/booster/bg_s9-pc.jpg) center center no-repeat;
	background-size: cover;
}
/********************************* top *********************************/
/* nest:3 */
.topSec3 {
	background: url(../images/booster/bg_s9-pc.jpg) center center no-repeat;
	background-size: cover;
}
/* trial2017 */
.textbox_trial {
	background-color: #dae3f4;
	padding: 3px 10px;
	margin-top: 10px;
	width: 60%;
}
}