@charset "utf-8";
/* -----------------------------------------------------------------
MODULE CSS
LAST UPDATE:
--------------------------------------------------------------------*/
body section a{text-decoration: underline;}
body section a:hover{text-decoration: none;}

#contentsWrap{ min-width: 1140px;}

@media screen and (max-width: 479px){
#contentsWrap{ min-width: 0;}
}

/*--------------------------------
section
---------------------------------*/
/*section module setting*/
section{ position: relative;}

section p,
section ol,
section ul{font-size: 1.6rem;}

section p,
section ol,
section ul,
section table{margin-top: 20px;}

section .inner{ width: 1050px; margin: 0 auto; padding: 30px 0 0; background: #fff;}

@media screen and (max-width: 479px){
	
section p,
section ol,
section ul{font-size: 1.4rem;}

section p,
section ol,
section ul,
section table{margin-top: 1em;}

section .inner{ width: auto; margin: 0 10px; padding: 10px 5px 0;}
   
video{ width: 100%; height: auto;}

}


/*--------------------------------
mvArea
---------------------------------*/
.mvArea{ min-width: 1140px;}
.mvArea h1{ width: 100%; margin: 0 auto;}
.mvArea h1 span{ width: 1140px; margin: 0 auto; display: block; padding-bottom: 10px;}

.mvArea .mvInner{ width: 100%; max-width: 2000px; margin: 0 auto; background: url("../../../5info/gaming_boot_camp/img/bg_mv.jpg?$staticlink$") no-repeat center top; background-size: 1600px auto;}
.mvArea .mvInner .headLogo{ position: absolute; top: 30px; left: 300px; right: 0; margin: auto; width: 552px; z-index: 99999;}

@media screen and (max-width: 479px){
.mvArea{ background: none; min-width: 0;}
.mvArea h1{ width: 100%; margin: 0 auto;}
.mvArea h1 span{ width: 100%; margin: 0;}
.mvArea h1 span img{ width: 100%;}
.mvArea .headCampaignArea{ display: none;}
.mvArea .mvInner .headLogo{ top: 30px; left: auto; right: 15px; width: 40.8vw;}
}


/*--------------------------------
bg
---------------------------------*/
.contentsBg{ background: url("../../../5info/gaming_boot_camp/img/bg.jpg?$staticlink$") repeat-y center top; background-size: 100% auto; min-width: 1140px;}

@media screen and (max-width: 479px){
.contentsBg{ background: url("../../../5info/gaming_boot_camp/img/bg_sp.jpg?$staticlink$") repeat-y center top; background-size: 100% auto; min-width: 0;}
}

/*--------------------------------
contTop
---------------------------------*/
section#contTop{ padding-top: 40px;}
section#contTop h2{ width: 1080px; margin: 5px auto 35px;}
section#contTop .bLink01{ background: #240d00; text-align: center; font-size: 0; margin-top: 35px;}
section#contTop .bLink01 li{ display: inline-block; margin: 15px 0; border-left: 1px solid #6b4030; background: url("../../../5info/gaming_boot_camp/img/bg_blink_bg.jpg?$staticlink$") no-repeat right bottom; background-size: 320px auto;}
section#contTop .bLink01 li:last-child{ border-right: 1px solid #6b4030;}
section#contTop .bLink01 li a{ transition: 0.4s;}
section#contTop .bLink01 li a:hover{ opacity: 0.6;}

@media screen and (max-width: 479px){

section#contTop{ padding-top: 27px;}
section#contTop h2{ width: 100%; margin: 0 auto;}
section#contTop .bLink01{ margin-top: 20px; background-size: 50px auto;}
section#contTop .bLink01 li{ display: block; padding: 5px 0;}

section#contTop .bLink01 li:nth-child(1){ width: 50%; margin: 0; display: inline-block; padding: 0;}
section#contTop .bLink01 li:nth-child(2){ width: 50%; margin: 0; display: inline-block; padding: 0;}
section#contTop .bLink01 li:nth-child(3){ padding: 0; margin-top: 0; width: 100%; border-top: 1px solid #6b4030;}
section#contTop .bLink01 li.new:after{ display: none;}

}

/*--------------------------------
cont01
---------------------------------*/
section#cont01{ position: relative; padding-bottom: 0;}
section#cont01 .contBg01{ position: absolute; top: 5px; left: -60px;}

section#cont01 .bgBlack{ background: rgba(32, 32, 32, 0.6); margin-top: -40px; position: relative;}

section#cont01 h2{ width: 1080px; margin: 0 auto; position: relative; z-index: 3;}
section#cont01 h3{ width: 640px; margin: 50px auto 0;}
section#cont01 .inner{ width: 1140px; margin: 0 auto; padding: 40px 0 1px; position: relative; background: transparent;}

section#cont01 .inner .col3Wrap{ overflow: hidden; margin: 40px 0 70px;}
section#cont01 .inner .col3Wrap .pcWrap{ float: left; width: 274px; margin-right: 30px;}
section#cont01 .inner .col3Wrap .pcSpec01{ float: left; margin-right: 20px; border: 1px solid #375100; border-bottom: none; background: url("../../../5info/gaming_boot_camp/img/pc_detail_beginner.png?$staticlink$") repeat; background-size: 4px 4px; width: 408px; border-radius: 4px;}
section#cont01 .inner .col3Wrap .pcSpec02{ float: left; border: 1px solid #375100; border-bottom: none; background: url("../../../5info/gaming_boot_camp/img/pc_detail_beginner.png?$staticlink$") repeat; background-size: 4px 4px; width: 408px; border-radius: 4px;}

section#cont01 .inner .col3Wrap .pcSpec01 h4,
section#cont01 .inner .col3Wrap .pcSpec02 h4{ font-weight: bold; font-size: 2rem; color: #ffff00; text-align: center; line-height: 1.6; margin-top: 30px;}
section#cont01 .inner .col3Wrap .pcSpec01 p,
section#cont01 .inner .col3Wrap .pcSpec02 p{ font-weight: bold; font-size: 1.8rem; color: #fff; text-align: center; line-height: 1.7; margin-top: 15px;}
section#cont01 .inner .col3Wrap .pcSpec01 p.price,
section#cont01 .inner .col3Wrap .pcSpec02 p.price{ margin-top: 0;}
section#cont01 .inner .col3Wrap .pcSpec01 p.price strong,
section#cont01 .inner .col3Wrap .pcSpec02 p.price strong{ font-weight: bold; font-size: 3.4rem; color: #df0000; text-align: center; margin-right: 10px;}

section#cont01 .inner .col3Wrap .pcSpec01 ul,
section#cont01 .inner .col3Wrap .pcSpec02 ul{ margin: 20px 30px 30px;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li,
section#cont01 .inner .col3Wrap .pcSpec02 ul li{ color: #fff; font-size: 1.2rem; font-weight: bold; padding: 3px 0 0 86px; margin-bottom: 14px;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li.spec01,
section#cont01 .inner .col3Wrap .pcSpec02 ul li.spec01{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon01.png?$staticlink$") no-repeat;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li.spec02,
section#cont01 .inner .col3Wrap .pcSpec02 ul li.spec02{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon02.png?$staticlink$") no-repeat;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li.spec03,
section#cont01 .inner .col3Wrap .pcSpec02 ul li.spec03{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon03.png?$staticlink$") no-repeat;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li.spec04,
section#cont01 .inner .col3Wrap .pcSpec02 ul li.spec04{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon04.png?$staticlink$") no-repeat;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li.spec05,
section#cont01 .inner .col3Wrap .pcSpec02 ul li.spec05{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon05.png?$staticlink$") no-repeat;}

section#cont01 .inner .col3Wrap .pcSpec01 .btnGreen a,
section#cont01 .inner .col3Wrap .pcSpec02 .btnGreen a{ text-decoration: none; color: #fff !important; font-size: 1.8rem; display: block; padding: 12px 0; transition: 0.4s; background: url("../../../5info/gaming_boot_camp/img/bg_btn_green.png?$staticlink$") repeat-y; background-size: 100% 1px; text-align: center; border-radius: 0 0 4px 4px;}
section#cont01 .inner .col3Wrap .pcSpec01 .btnGreen a:after,
section#cont01 .inner .col3Wrap .pcSpec02 .btnGreen a:after{ content: ""; background: url("../../../5info/gaming_boot_camp/img/img_arrow_left.png?$staticlink$") no-repeat; background-size: 100% auto; width: 10px; height: 15px; display: inline-block; margin-left: 15px; vertical-align: middle;}
section#cont01 .inner .col3Wrap .pcSpec01 .btnGreen a:hover,
section#cont01 .inner .col3Wrap .pcSpec02 .btnGreen a:hover{ opacity: 0.6;}
section#cont01 .inner .col3Wrap .pcSpec01 .btnGreen a span,
section#cont01 .inner .col3Wrap .pcSpec02 .btnGreen a span{ font-weight: bold;}

@media screen and (max-width: 479px){
section#cont01{ padding-bottom: 0;}
section#cont01 .bgBlack{ margin-top: -18vw;}

section#cont01 h2{ width: 100%; padding-top: 15px;}

section#cont01 h3{ width: auto;}
section#cont01 h3{ width: auto; margin: 35px 25px 0; padding: 45px 0 0;}
section#cont01 .inner{ width: auto; margin: 0 auto; padding: 0 0 1px;}

section#cont01 .inner .col3Wrap{ margin: 0 0 45px;}
section#cont01 .inner .col3Wrap .pcWrap{ float: none; width: auto; margin: 0 10px 15px;}
section#cont01 .inner .col3Wrap .pcSpec01{ float: none; width: auto; margin: 0 10px;}
section#cont01 .inner .col3Wrap .pcSpec02{ float: none; width: auto; margin: 25px 10px 0;}

section#cont01 .inner .col3Wrap .pcSpec01 h4,
section#cont01 .inner .col3Wrap .pcSpec02 h4{ font-size: 1.5rem; margin-top: 15px;}
section#cont01 .inner .col3Wrap .pcSpec01 p,
section#cont01 .inner .col3Wrap .pcSpec02 p{ font-size: 1.1rem; margin-top: 15px;}
section#cont01 .inner .col3Wrap .pcSpec01 p.price strong,
section#cont01 .inner .col3Wrap .pcSpec02 p.price strong{ font-size: 2.2rem; margin-right: 10px;}

section#cont01 .inner .col3Wrap .pcSpec01 ul,
section#cont01 .inner .col3Wrap .pcSpec02 ul{ margin: 15px 10px 25px 20px;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li,
section#cont01 .inner .col3Wrap .pcSpec02 ul li{ font-size: 1.2rem; font-weight: normal; padding: 3px 0 0 72px; margin-bottom: 5px;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li.spec01,
section#cont01 .inner .col3Wrap .pcSpec02 ul li.spec01{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon01.png?$staticlink$") no-repeat; background-size: 65px auto;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li.spec02,
section#cont01 .inner .col3Wrap .pcSpec02 ul li.spec02{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon02.png?$staticlink$") no-repeat; background-size: 65px auto;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li.spec03,
section#cont01 .inner .col3Wrap .pcSpec02 ul li.spec03{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon03.png?$staticlink$") no-repeat; background-size: 65px auto;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li.spec04,
section#cont01 .inner .col3Wrap .pcSpec02 ul li.spec04{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon04.png?$staticlink$") no-repeat; background-size: 65px auto;}
section#cont01 .inner .col3Wrap .pcSpec01 ul li.spec05,
section#cont01 .inner .col3Wrap .pcSpec02 ul li.spec05{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon05.png?$staticlink$") no-repeat; background-size: 65px auto;}

section#cont01 .inner .col3Wrap .pcSpec01 .btnGreen a,
section#cont01 .inner .col3Wrap .pcSpec02 .btnGreen a{ padding: 12px 0; font-size: 1.3rem;}
section#cont01 .inner .col3Wrap .pcSpec01 .btnGreen a:after,
section#cont01 .inner .col3Wrap .pcSpec02 .btnGreen a:after{ content: ""; background: url("../../../5info/gaming_boot_camp/img/img_arrow_left_sp.png?$staticlink$") no-repeat; background-size: 100% auto; width: 10px; height: 10px; margin-left: 7px;}

}


/*--------------------------------
cont02
---------------------------------*/
section#cont02{ position: relative; padding-bottom: 0;}
section#cont02 .contBg02{ position: absolute; top: 5px; left: -130px;}

section#cont02 .bgBlack{ background: rgba(32, 32, 32, 0.6); margin-top: -40px; position: relative;}

section#cont02 h2{ width: 1080px; margin: 30px auto 0; position: relative; z-index: 3;}
section#cont02 h3{ width: 1080px; margin: 0 auto 5px;}
section#cont02 .inner{ width: 1140px; margin: 0 auto; padding: 40px 0 1px; position: relative; background: transparent;}

section#cont02 .inner .col2Wrap{ overflow: hidden; margin: 0 0 75px; font-size: 0; text-align: center;}
section#cont02 .inner .col2Wrap .pcWrap{ display: inline-block; width: 263px; margin-right: 30px; vertical-align: middle;}
section#cont02 .inner .col2Wrap .pcSpec03{ display: inline-block; margin-right: 20px; border: 1px solid #014d89; border-bottom: none; background: url("../../../5info/gaming_boot_camp/img/pc_detail_senior.png?$staticlink$") repeat; background-size: 4px 4px; width: 660px; border-radius: 4px; vertical-align: middle;}

section#cont02 .inner .col2Wrap .pcSpec03 h4{ font-weight: bold; font-size: 2rem; color: #ffff00; text-align: center; line-height: 1.5; margin-top: 45px;}

section#cont02 .inner .col2Wrap .pcSpec03 .col2WrapIn{ font-size: 0; margin: 10px 0 15px;}
section#cont02 .inner .col2Wrap .pcSpec03 .col2WrapIn .left{ display: inline-block; width: 290px; vertical-align: middle; margin-left: 30px;}
section#cont02 .inner .col2Wrap .pcSpec03 .col2WrapIn .right{ display: inline-block; width: calc(100% - 320px); vertical-align: middle;}

section#cont02 .inner .col2Wrap .pcSpec03 p{ font-weight: bold; font-size: 1.8rem; color: #fff; text-align: center; line-height: 1.7; margin-top: 0;}
section#cont02 .inner .col2Wrap .pcSpec03 p.price{ margin-top: 0;}
section#cont02 .inner .col2Wrap .pcSpec03 p.price strong{ font-weight: bold; font-size: 3.4rem; color: #df0000; text-align: center; margin-right: 10px;}

section#cont02 .inner .col2Wrap .pcSpec03 ul{ margin: 20px 30px 30px;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li{ color: #fff; font-size: 1.2rem; font-weight: bold; padding: 3px 0 0 86px; margin-bottom: 14px; text-align: left;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li.spec01{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon01_02.png?$staticlink$") no-repeat;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li.spec02{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon02_02.png?$staticlink$") no-repeat;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li.spec03{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon03_02.png?$staticlink$") no-repeat;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li.spec04{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon04_02.png?$staticlink$") no-repeat;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li.spec05{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon05_02.png?$staticlink$") no-repeat;}

section#cont02 .inner .col2Wrap .pcSpec03 .btnBlue a{ text-decoration: none; color: #fff !important; font-size: 1.8rem; display: block; padding: 12px 0; transition: 0.4s; background: url("../../../5info/gaming_boot_camp/img/bg_btn_blue.png?$staticlink$") repeat-y; background-size: 100% 1px; text-align: center; border-radius: 0 0 4px 4px;}
section#cont02 .inner .col2Wrap .pcSpec03 .btnBlue a:hover{ opacity: 0.6;}
section#cont02 .inner .col2Wrap .pcSpec03 .btnBlue a span{ font-weight: bold;}
section#cont02 .inner .col2Wrap .pcSpec03 .btnBlue a:after{ content: ""; background: url("../../../5info/gaming_boot_camp/img/img_arrow_left.png?$staticlink$") no-repeat; background-size: 100% auto; width: 10px; height: 15px; display: inline-block; margin-left: 15px; vertical-align: middle;}


@media screen and (max-width: 479px){
section#cont02{ padding-bottom: 0;}
section#cont02 .bgBlack{ margin-top: -18vw;}
   
section#cont02 h2{ width: 100%; padding-top: 15px;}
section#cont02 h3{ width: auto; margin: 35px 20px 0; padding-top: 5px;}
section#cont02 .inner{ width: auto; margin: 0 auto; padding: 0 0 1px;}

section#cont02 .inner .col2Wrap{ overflow: hidden; margin: 40px 0 50px;}
section#cont02 .inner .col2Wrap .pcWrap{ float: none; width: auto; margin: 0 10px;}
section#cont02 .inner .col2Wrap .pcSpec03{ float: none; width: auto; margin: 15px 10px 0; display: block;}

section#cont02 .inner .col2Wrap .pcSpec03 .col2WrapIn{ margin: 15px 0;}
section#cont02 .inner .col2Wrap .pcSpec03 .col2WrapIn .left{ display: block; width: auto; margin: 0;}
section#cont02 .inner .col2Wrap .pcSpec03 .col2WrapIn .right{ display: block; width: auto;}

section#cont02 .inner .col2Wrap .pcSpec03 h4{ font-size: 1.5rem; margin-top: 15px;}
section#cont02 .inner .col2Wrap .pcSpec03 p{ font-size: 1.2rem; margin-top: 0;}
section#cont02 .inner .col2Wrap .pcSpec03 p.price{ margin-top: 0;}
section#cont02 .inner .col2Wrap .pcSpec03 p.price strong{ font-size: 2.2rem; margin-right: 10px;}

section#cont02 .inner .col2Wrap .pcSpec03 ul{ margin: 15px 10px 25px 20px;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li{ font-size: 1.2rem; font-weight: normal; padding: 3px 0 0 72px; margin-bottom: 8px;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li.spec01{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon01_02.png?$staticlink$") no-repeat; background-size: 65px auto;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li.spec02{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon02_02.png?$staticlink$") no-repeat; background-size: 65px auto;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li.spec03{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon03_02.png?$staticlink$") no-repeat; background-size: 65px auto;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li.spec04{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon04_02.png?$staticlink$") no-repeat; background-size: 65px auto;}
section#cont02 .inner .col2Wrap .pcSpec03 ul li.spec05{ background: url("../../../5info/gaming_boot_camp/img/img_type_spec_icon05_02.png?$staticlink$") no-repeat; background-size: 65px auto;}

section#cont02 .inner .col2Wrap .pcSpec03 .btnBlue a{ font-size: 1.3rem; padding: 12px 0;}
section#cont02 .inner .col2Wrap .pcSpec03 .btnBlue a:after{ content: ""; background: url("../../../5info/gaming_boot_camp/img/img_arrow_left_sp.png?$staticlink$") no-repeat; background-size: 100% auto; width: 10px; height: 10px; margin-left: 7px;}

}


/*--------------------------------
cont03
---------------------------------*/
section#cont03{ background-image: url("../../../5info/gaming_boot_camp/img/img_bg_present_left.png?$staticlink$"), url("../../../5info/gaming_boot_camp/img/img_bg_present_right.png?$staticlink$"); background-position: left top, right top; background-size: 14% auto, 14% auto; background-repeat: no-repeat, no-repeat; padding-top: 75px; min-width: 1050px;}
section#cont03 .inner{ background: none; padding-top: 0;}

section#cont03 h2{ width: 1050px; margin: 0 auto 20px;}

/*provisional*/
section#cont03 .inner .caution{ background: #ffffc7; padding: 30px 90px 15px;}
section#cont03 .inner .caution ul{ margin-bottom: 0;}
section#cont03 .inner .caution li{ color: #dc2929; font-weight: bold; font-size: 2.2rem; margin-bottom: 20px;}

section#cont03 .col3Wrap{ display: block; font-size: 0; margin-bottom: 15px;}
section#cont03 .col3Wrap li{ width: 330px; display: inline-block; margin-right: 30px; padding-left: 0;}
section#cont03 .col3Wrap li:last-child{ margin-right: 0;}

section#cont03 h3.stepHead{ display: block; width: 100%; margin: 60px 0 30px;}
section#cont03 .stepWrap{ display: table;}
section#cont03 .stepWrap p{ display: table-cell; vertical-align: top;}
section#cont03 .stepWrap p.step01{ width: 326px;}
section#cont03 .stepWrap p.step02{ width: 446px;}
section#cont03 .stepWrap p.step03{ width: 278px;}

section#cont03 p.head{ font-weight: bold; margin-top: 40px;}
section#cont03 ul{ margin: 10px 0 40px;}
section#cont03 ul li{ text-indent: -1em; padding-left: 1em; margin-bottom: 8px; line-height: 1.8; font-size: 1.5rem;}

section#cont03 ul.cautionSmall{ margin: 0 0 40px;}
section#cont03 ul.cautionSmall li{ margin-bottom: 5px; font-size: 1.2rem;}

section#cont03 .inner .bottomBtn{ width: 700px; margin: 0 auto 75px;}
section#cont03 .inner .bottomBtn a{ display: block; text-align: center; text-decoration: none; transition: 0.4s;}

section#cont03 .inner .logoLinkWrap01{ display: block; font-size: 0; margin: 60px auto; text-align: center;}
section#cont03 .inner .logoLinkWrap01 li{ display: inline-block; width: 175px; transition: 0.4s;}
section#cont03 .inner .logoLinkWrap01 li:last-child{ margin-right: 0;}
section#cont03 .inner .logoLinkWrap01 li.label01{ margin-right: 45px;}
section#cont03 .inner .logoLinkWrap01 li.label02{ margin-right: 30px;}
section#cont03 .inner .logoLinkWrap01 li.label03{ margin-right: 0;}

section#cont03 .inner .logoLinkWrap01 li:hover,
section#cont03 .inner .bottomBtn a:hover{ opacity: 0.6;}

@media screen and (max-width: 479px){
section#cont03{ background-image: url("../../../5info/gaming_boot_camp/img/img_bg_present_left_sp.png?$staticlink$"), url("../../../5info/gaming_boot_camp/img/img_bg_present_right_sp.png?$staticlink$"); background-position: left top, right top; background-size: 18% auto, 18% auto; background-repeat: no-repeat, no-repeat; padding-top: 35px; min-width: 0;}

section#cont03 .inner{ padding: 0;}
section#cont03 h2{ width: auto; margin: 0 0 20px;}
section#cont03 h3{ width: auto; margin: 0 0 20px;}

/*provisional*/
section#cont03 .inner .caution{ padding: 20px 15px 10px 10px;}
section#cont03 .inner .caution li{ font-size: 1.5rem; margin-bottom: 10px; padding: 0 0 0 1em; text-indent: -1em;}

section#cont03 .col3Wrap{ display: block; font-size: 0; margin-bottom: 40px;}
section#cont03 .col3Wrap li{ width: 100%; display: block; margin: 0 0 10px; padding: 0;}

section#cont03 h3.stepHead{ margin: 40px 0 15px;}
section#cont03 .stepWrap{ display: block;}
section#cont03 .stepWrap p{ display: block; margin-top: 0;}
section#cont03 .stepWrap p.step01,
section#cont03 .stepWrap p.step02,
section#cont03 .stepWrap p.step03{ width: 100%;}	

section#cont03 p.head{ margin-top: 20px; margin-bottom: 10px;}
section#cont03 .presentText p.head{ font-size: 1.4rem;}
section#cont03 .presentText p{ font-size: 1.2rem;}
section#cont03 ul{ margin: 5px 0 30px;}
section#cont03 ul li{ font-size: 1.4rem; margin-bottom: 6px; line-height: 1.6;}
   
section#cont03 ul.cautionSmall{ margin: 0 0 40px;}
section#cont03 ul.cautionSmall li{ margin-bottom: 10px; font-size: 1.1rem;}

section#cont03 .inner .bottomBtn{ width: auto; margin: 20px auto 50px;}

section#cont03 .inner .logoLinkWrap01{ margin: 40px auto 30px;}
section#cont03 .inner .logoLinkWrap01 li{ width: 110px; text-indent: 0; padding: 0;}
section#cont03 .inner .logoLinkWrap01 li:last-child{ margin-right: 0;}
section#cont03 .inner .logoLinkWrap01 li.label01{ margin-right: 14px;}
section#cont03 .inner .logoLinkWrap01 li.label02{ margin-right: 0;}
section#cont03 .inner .logoLinkWrap01 li.label03{ margin-right: -10px;}	
	
}


/*--------------------------------
cont04
---------------------------------*/
section#cont04{ min-width: 1050px; background: #e5e5e5;}
section#cont04 .inner{ background: none; padding: 75px 0 70px;}

section#cont04 h2{ width: 740px; margin: 0 auto 50px;}
section#cont04 .bunnerWrap{ width: 1000px; margin: 0 auto 50px;}
section#cont04 .bunnerWrap a{ transition: 0.4s;}
section#cont04 .bunnerWrap a:hover{ opacity: 0.6;}

section#cont04 .col3Wrap{ font-size: 0; margin: 0 -35px; text-align: center;}
section#cont04 .col3Wrap .col{ width: calc(33% - 10px); margin-right: 20px; display: inline-block; vertical-align: top;}
section#cont04 .col3Wrap .col:last-child{ margin-right: 0;}
section#cont04 .col3Wrap .col .img{ width: 240px; margin: 0 auto;}
section#cont04 .col3Wrap .col .img a{ transition: 0.4s;}
section#cont04 .col3Wrap .col .img a:hover{ opacity: 0.6;}
section#cont04 .col3Wrap .col h3{ font-size: 2rem; font-weight: bold; margin-top: 20px; line-height: 1.7;}
section#cont04 .col3Wrap .col p{ font-size: 1.4rem; margin-top: 15px; line-height: 2;}


@media screen and (max-width: 479px){
section#cont04{ min-width: 0;}
section#cont04 .inner{ padding: 1px 0;}
section#cont04 h2{ width: auto; margin: 30px 0 10px;}
section#cont04 .bunnerWrap{ width: auto; margin: 0 0 30px;}
section#cont04 .col3Wrap{ margin: 0;}
section#cont04 .col3Wrap .col{ width: auto; margin: 0 0 20px; display: block; text-align: left;}
section#cont04 .col3Wrap .col:last-child{ margin-right: 0; margin-bottom: 40px;}
section#cont04 .col3Wrap .col .img{ width: 100px; margin: 0; display: inline-block; vertical-align: top;}
section#cont04 .col3Wrap .col .spCol{ width: calc(100% - 110px); margin: 0; display: inline-block; vertical-align: top;}
section#cont04 .col3Wrap .col h3{ font-size: 1.4rem; margin-top: 0; margin-left: 15px; text-align: left; line-height: 1.5;}
section#cont04 .col3Wrap .col p{ font-size: 1.1rem; margin-top: 5px; margin-left: 15px; line-height: 1.7; text-align: left;}

}


/*--------------------------------
bottomLogo
---------------------------------*/
.bottomBunner{ width: 390px; margin: 75px auto 0;}
.bottomBunner a{ transition: 0.4s;}
.bottomBunner a:hover{ opacity: 0.6;}

.bottomLogo{ width: 312px; margin: 65px auto;}
.bottomLogo a{ transition: 0.4s;}
.bottomLogo a:hover{ opacity: 0.6;}

@media screen and (max-width: 479px){
.bottomBunner{ width: 195px; margin: 40px auto 0;}
.bottomBunner img{ width: 100%; margin: 0 auto;}
.bottomLogo{ width: 155px; margin: 40px auto 38px;}
}

/*--------------------------------
sec
---------------------------------*/
.col2Wrap{width: 100%; overflow: hidden;}
.col2Wrap .colL{width: 442px;float: left;}
.col2Wrap .colR{width: 442px;float: right;}

/*--------------------------------
footer
---------------------------------*/
footer{ text-align: center; position: relative; min-width: 1050px; border-top: 5px solid #525252;}
footer ul{ display: block; text-align: center; padding: 40px 0 30px;}
footer ul li{ display: inline-block; width: 165px; margin: 0 25px;}
footer ul li a:hover{ opacity: 0.6; transition: 0.4s;}
footer p.company{ font-size: 1.6rem; margin-bottom: 22px; line-height: 1.8; font-weight: bold;}
footer p.copy{ font-size: 1.2rem; padding: 0 0 25px; color: #333;}



@media screen and (max-width: 479px){
footer{ min-width: 0;}
footer p.copy{ font-size: 1rem; padding: 0 0 20px;}
	
footer ul{ padding: 30px 0 25px;}
footer ul li{ width: 130px; margin: 0 15px;}
footer p{ font-size: 1.4rem;}
footer p.copy{ font-size: 0.9rem; padding: 0 0 30px;}

}

/*---------------------------------
 TEXT
-----------------------------------*/
section p strong{font-weight: bold;}


/*---------------------------------
 device
-----------------------------------*/
.spOnly{display: none !important;}
.spOnlyI{display: none !important;}
.pcOnly{display: block !important;}
.pcOnlyI{display: inline-block !important;}

@media screen and (max-width: 479px){
.spOnly{display: block !important;}
.spOnlyI{display: inline-block !important;}
.pcOnly{display: none !important;}
.pcOnlyI{display: none !important;}
}


/*---------------------------------
 IMG
-----------------------------------*/
.imgMax{ width: 100%; height: auto;}

@media screen and (max-width: 479px){
.imgMaxSp{ width: 100%; height: auto;}
}


/*---------------------------------
 margin
-----------------------------------*/
.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.ml0 { margin-left: 0px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.pt0{ padding-top: 0px !important;}
/*---------------------------------
 fig
-----------------------------------*/
.clear{ clear:both;}

.layoutC{ text-align:center !important;}
.layoutR{ text-align:right !important;}
.layoutL{ text-align:left !important;}

/*---------------------------------
 javascript
-----------------------------------*/
.bLink01Fix{ background: #240d00; text-align: center; font-size: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; opacity: 0; pointer-events: none;}
.bLink01Fix li{ display: inline-block; margin: 15px 0; border-left: 1px solid #6b4030; background: url("../../../5info/gaming_boot_camp/img/bg_blink_bg.jpg?$staticlink$") no-repeat right bottom; background-size: 320px auto;}
.bLink01Fix li:last-child{ border-right: 1px solid #6b4030;}
.bLink01Fix li a{ transition: 0.4s;}
.bLink01Fix li a:hover{ opacity: 0.6;}

.bLink01Fix.fixed{ opacity: 1; pointer-events: auto;}
.bLink01Fix.fixed.UpMove { animation: UpAnime 0.5s forwards;}
.bLink01Fix.fixed.DownMove { animation: DownAnime 0.5s forwards;}


@media screen and (max-width: 479px){
.bLink01Fix{ background-size: 50px auto;}
.bLink01Fix li{ display: block; padding: 5px 0;}

.bLink01Fix li:nth-child(1){ width: 50%; margin: 0; display: inline-block; padding: 0;}
.bLink01Fix li:nth-child(2){ width: 50%; margin: 0; display: inline-block; padding: 0;}
.bLink01Fix li:nth-child(3){ padding: 0; margin: 0; width: 100%; border-top: 1px solid #6b4030;}
.bLink01Fix li.new:after{ display: none;}
   
.bLink01Fix.fixed.UpMove { animation: UpAnimeSp 0.5s forwards;}
.bLink01Fix.fixed.DownMove { animation: DownAnimeSp 0.5s forwards;}

}





/*--------------------------------
Animetion
---------------------------------*/
@keyframes UpAnime { from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(-140px); } }
@keyframes DownAnime { from { opacity: 0; transform: translateY(-140px); }
  to { opacity: 1; transform: translateY(0); } }
@keyframes UpAnimeSp { from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(-72px); } }
@keyframes DownAnimeSp { from { opacity: 0; transform: translateY(-72px); }
  to { opacity: 1; transform: translateY(0); } }