@charset "utf-8";

/*===================================================================


　　　　　　　　　　　　　　　　740px
├─────────────────────────────────┤



===================================================================*/
* {
	margin: 0;
	padding: 0;
}
ul, ol, li {
	list-style: none;
}
html {
	font-size: 100%;
	/*height: 100%;*/
}
body {
	background: #fff;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
	line-height: 1.4;
	color: #666;
	/*1rem = 16px相当*/
	font-size: 1rem;
	margin: 0;
	/*overflow:hidden;*/
}
table {
	border-collapse: collapse;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
a {
    text-decoration: none;
}

.explainMovie {
	border: 5px solid #fff;

	/* box-shadow */
	box-shadow:3px 3px 12px 2px #cfcfcf;

	/* border-radius */
	border-radius:12px;
}
.errorDisp {
	position: fixed;
	top: 55%;
	left: 0;
	width:100%;
	text-align: center;
	font-size: 0.75rem;
}
.caution {
	text-align: right;
	color: #000;
	margin: 10px 0;
}
.private:before {
	content: "[非公開]";
	color: #f00;
}
.pcDispNone{
    display:block;
}






/*----------------------------------------  .docBody */
.docBody {
	font-size: 0.75rem;
	position: relative;
	overflow: hidden;
	min-width: 320px;
	max-width: 1900px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	/*margin: 0 auto;*/

	display: flex;                    /* flexコンテナ化 */
	flex-direction: column-reverse; /* 縦向きで逆順に配置 
}


#btnPairing {
	position: fixed;
	top:30px;
	right: 30px;
	z-index: 100;
}
#btnPairing a {
	display: block;
	width:120px;
	height:120px;

	/*-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #999;*/

	/*background-image:url(/img/common/btn_pair.png);*/
	background-position:center top;
	background-repeat:no-repeat;
	background-size:120px 120px;

	transition: all 300ms 0s ease;
}


#btnTopArea {
	display:none;
	position:fixed;
	/*position: absolute;*/
	top:12px;
	left:0;
	width: 100%;
	z-index: 20;
}
#btnTopArea p:nth-child(1) {
	width: 100%;
	text-align: center;
}
#btnTopArea p:nth-child(1) img {
	width: 120px;
}
#btnTopArea p:nth-child(2) {
	display:none;
}
#btnTopAreaRight {
	position:fixed;
	top:47px;
	right:0px;
	z-index: 20;
}
#btnTopAreaRight {
	width:55%;
}
#btnTopAreaRight img {
	width: 100%;
}

#contentWrapp #btnProf {
	position: absolute;
	top: 20px;
	right: 150px;
}
#contentWrapp #btnProf span {
	display:block;
	margin: 0 auto;
	padding: 7px 0;

	text-align: center;

	/* box-shadow */
	box-shadow:0px 0px 0px 0px #575daf;
	-moz-box-shadow:0px 0px 0px 0px #575daf;
	-webkit-box-shadow:0px 0px 0px 0px #575daf;

	/* border-radius */
	border-radius:15px 15px 15px 16px ;
	-moz-border-radius:15px 15px 15px 16px ;
	-webkit-border-radius:15px 15px 15px 16px ;

	background-color: #333;

	color: #fff;
	width: 170px;
	text-decoration: none;
	transition: all 300ms 0s ease;
}






#footerCopy {
	/*position: absolute;*/
	position:fixed;
	bottom:10px;
	left:0;
	width:100%;
	text-align: center;
}

#spLogo {
	/*position: absolute;*/
	position:fixed;
	top:0px;
	left:0;
	width:100%;
	text-align: center;

	height: 47px;
	/* border: 1px solid #f00; */
	background-color: rgba(255,255,255, 0.4);

}
#spLogo a {
	display: block;
	margin: 13px auto 0 auto;
	width: 120px;
	/*height: 100%;*/

}
#spLogo img {
	width: 120px;
}

/*----------------------------------------  #contentWrapp */

#bgBase {
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	/*background-attachment: fixed;*/
}


.bgHome {
	background-image:url(/img/home/bg_home.jpg);
}


.bgHomepanoramaphoto {
	background-image:url(/img/home/R0010393.jpg);
}




.bgChallenge {
	background-image: none;
	background-color: #000;
}
.bgCreative {
	background-image:url(/img/challenge/creative/bg_creative.jpg);
}
.bgShooting {
	background-image:url(/img/challenge/creative/shooting/bg_shooting.jpg);
}
.bgPanorama {
	background-image:url(/img/challenge/creative/shooting/panorama/bg_panorama.jpg);
}
.bgProduct {
	background-image:url(/img/challenge/creative/shooting/bg_shooting.jpg);
}
.bgBeacon {
	background-image:url(/img/challenge/creative/survey/bg_survey.jpg);
}
.bgEddystone {
	background-image:url(/img/challenge/creative/survey/bg_survey.jpg);
}
.bgIbeacon {
	background-image:url(/img/challenge/creative/survey/bg_survey.jpg);
}
.bgGraph {
	background-image:url(/img/challenge/creative/graph/bg_graph.jpg);
}
.bgBargraph {
	background-image:url(/img/challenge/creative/graph/bg_graph.jpg);
}
.bgBargraph2 {
	background-image:url(/img/challenge/creative/graph/bg_graph.jpg);
}
.bgLinegraph {
	background-image:url(/img/challenge/creative/graph/bg_graph.jpg);
}
.bgLinegraph2 {
	background-image:url(/img/challenge/creative/graph/bg_graph.jpg);
}
.bgSurvey {
	background-image:url(/img/challenge/creative/survey/bg_survey.jpg);
}
.bgQr {
	background-image:url(/img/challenge/creative/survey/bg_survey.jpg);
}
.bgQuestionary {
	background-image:url(/img/challenge/creative/survey/bg_survey.jpg);
}
.bgVideoletter {
	/*background-image:url(/img/challenge/creative/questionar/videoletter.jpg);*/
	background-image:url(/img/challenge/creative/survey/bg_survey.jpg);
}
.bgVote {
	background-image:url(/img/challenge/creative/survey/bg_survey.jpg);
}




.bgEntertainment {
	background-image:url(/img/challenge/entertainment/bg_entertainment.jpg);
}
.bgCasualgame {
	background-image:url(/img/challenge/entertainment/bg_entertainment.jpg);
}
.bgBall {
	background-image:url(/img/challenge/entertainment/bg_entertainment.jpg);
}
.bgHighlow {
	background-image:url(/img/challenge/entertainment/casualgame/highlow/bg.png);
}
.bgToss {
}




.bgBusiness {
	background-image:url(/img/business/bg_business.jpg);
}
.bgField {
	background-image:url(/img/business/field/bg_field.jpg);
}



.bgOffice {
	/*background-image:url(/img/office/bg_kyoto.jpg);*/
}




.bgManagementteam {
	background-image:url(/img/managementteam/bg_managementteam.jpg);
}
.bgManagementboard {
	background-image:url(/img/managementteam/managementboard/bg_managementboard.jpg);
	background-position: 70% 50%!important;
	background-size: 120% auto!important;
}
/*.bgSeniorstaff {
	background-image:url(/img/managementteam/seniorstaff/bg_seniorstaff.jpg);
	background-position: 50% 50%!important;
	background-size: 140% auto!important;
}*/




.bgKeystaff {
	background-image:url(/img/keystaff/bg_keystaff.jpg);
}
.bgMarketing {
	background-image:url(/img/keystaff/marketing/bg_marketing.jpg);
	background-position: 70% 50%!important;
	background-size: 120% auto!important;
}
.bgCreativeandplanning {
	background-image:url(/img/keystaff/creativeandplanning/bg_creativeandplanning.jpg);
}
.bgNetworkandsystem {
	background-image:url(/img/keystaff/networkandsystem/bg_networkandsystem.jpg);
}
.bgOperation {
	background-image:url(/img/keystaff/operation/bg_operation.jpg);
}




.bgSecurity {
	background-image:url(/img/security/bg_security.jpg);
}


.bgDatanetwork {
	/*background-image:url(/img/security/datanetwork/bg_datanetwork.jpg);*/
	background-image:url(/img/security/servicelevel/serverload/bg_serverload.jpg);
}
.bgWeavenetwork {
	/*background-image:url(/img/security/datanetwork/bg_datanetwork.jpg);*/
	background-image:url(/img/security/servicelevel/serverload/bg_serverload.jpg);
}



.bgServicelevel {
	background-image:url(/img/security/servicelevel/bg_servicelevel.jpg);
}
.bgServerload {
	background-image:url(/img/security/servicelevel/serverload/bg_serverload.jpg);
}



.bgVulnerability {
	background-image:url(/img/security/vulnerability/bg_vulnerability.jpg);
}
.bgAbout {
	background-image:url(/img/security/vulnerability/bg_vulnerability.jpg);
}
.bgCase {
	background-image:url(/img/security/vulnerability/bg_vulnerability.jpg);
}
.bgFlow {
	background-image:url(/img/security/vulnerability/bg_vulnerability.jpg);
}
.bgOther {
	background-image:url(/img/security/vulnerability/bg_vulnerability.jpg);
}



body:has(>.bgWeavenetwork) {
	border:5px solid #f00;
}

.bgGradient{
	background: -moz-linear-gradient(top, #FFF, #d8dde2);
	background: -webkit-linear-gradient(top, #FFF, #d8dde2);
	background: linear-gradient(to bottom, #FFF, #d8dde2);
}


/*----------------------------------------  #contentWrapp */
#contentWrapp {
	min-width: 320px;
	max-width: 1900px;

	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
}
#contentWrapp > div {
	min-width: 320px;
	max-width: 1900px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
}

#contentWrapp #managementboard,
#contentWrapp #seniorstaff,
#contentWrapp #marketing,
#contentWrapp #creativeandplanning,
#contentWrapp #networkandsystem,
#contentWrapp #operation {
	padding:0 0 35px 0;
}



/*----------------------------------------  .content */
.content {
	position: relative;
	line-height: 1.5;
}
.content h1.cssanimation {
	/*display:none;*/

	/*font-family: 'Ubuntu', sans-serif;*/
	/*letter-spacing: -4px;*/
	font-size: 1.6rem;
	text-shadow: 2px 2px 4px #ccc;
	text-align: center;

	/*position: fixed;
	right: 15px;
	bottom: -50px;
	bottom: 0;
	padding-bottom: -5px;*/

	margin: 0 0 15px 0;

	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;

	z-index: 0;
}
.content h1.pageTitle {
	position: absolute;
	right: 25px;
	top: 40px;
	color: #333;
}
.content div {
	z-index: 10;
}
.content h2.leadSentence {
	font-weight: normal;
	font-size: 1.2em;
	color: #333;
	padding: 0 25px;
	-moz-animation-duration: 3s;
	-moz-animation-name: slidein;

	-webkit-animation-duration: 3s;
	-webkit-animation-name: slidein;

	animation-duration: 3s;
	animation-name: slidein;
	text-align: center;
}
.content h2.leadSentence:before,
.content h2.leadSentence:after {
	content: "-"
}


@-moz-keyframes slidein {
  from {
    opacity: 0;
  } 
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slidein {
  from {
    opacity: 0;
  } 
  to {
    opacity: 1;
  }
}






/*----------------------------------------  #phoneArea  */
#phoneArea {
	/*border: 1px solid #f00;*/
	padding-top: 35px;

	text-align:center;
}
#phoneArea #panelArea {
	/*border: 1px solid #ff0;*/

	/*height:250px;*/
	position: relative;


	/* border-radius */
	-webkit-border-radius:20px 20px 20px 20px ;
	-moz-border-radius:20px 20px 20px 20px ;
	border-radius:20px 20px 20px 20px ;


	-webkit-transition: background-color 1.2s;
	-moz-transition: background-color 1.2s;
	-ms-transition: background-color 1.2s;
	-o-transition: background-color 1.2s;
	transition: background-color 1.2s;
	/*background-color:rgba(200,200,200,0.7);*/
	background-color:rgba(200,200,200,0);

	margin:20px 10px 30px 10px;

	text-align:center;
	font-size: 0.75rem;

	overflow-y: auto;
}

#phoneArea #panelArea.panelAreaFade {
	background-color:rgba(200,200,200,0.7)!important;
}




/*#phoneArea ::-webkit-scrollbar {
	width: 3px;
}
#phoneArea ::-webkit-scrollbar-track {
	border-radius: 3px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
}
#phoneArea ::-webkit-scrollbar-thumb {
	background-color: rgba(255,255, 255, 0.5);
	border-radius: 3px;
	box-shadow:0 0 0 0 rgba(255, 255, 255, 0);
	width:3px;
}*/

.prevBtn {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 101;
}
.prevBtn a {
	display:block;
	margin: 0 auto;
	padding: 7px 0 7px 7px;

	text-align: center;

	/* box-shadow */
	box-shadow:0px 0px 0px 0px #575daf;
	-moz-box-shadow:0px 0px 0px 0px #575daf;
	-webkit-box-shadow:0px 0px 0px 0px #575daf;

	/* border-radius */
	border-radius:15px 15px 15px 16px ;
	-moz-border-radius:15px 15px 15px 16px ;
	-webkit-border-radius:15px 15px 15px 16px ;

	background-color: rgba(255,255, 255, 1);

	background-image:url(/img/common/arrow.svg);
	background-position:10px center;
	background-repeat:no-repeat;

	font-size: 0.5rem;
	color: #333;
	width: 70px;
	text-decoration: none;
	transition: all 300ms 0s ease;
}




.nav {
	/*border: 1px solid #f0f;*/
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333;
}
.nav#home-nav {
	display: block;
	padding-bottom: 0;
}

.nav ul {
	/*border: 1px solid #ff0;*/
	padding-right: 13px;
	padding-left: 13px;

	display: flex;
	display: -ms-flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;

	-webkit-transition: all 1.2s;
	-moz-transition: all 1.2s;
	-ms-transition: all 1.2s;
	-o-transition: all 1.2s;
	transition: all 1.2s;
	opacity: 0;
}

.nav ul.navFade {
	opacity: 1;
}

.nav ul li {
	position: relative;
	width:25%;
	height: 90px;
	margin-bottom: 8px;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
}
#creative-nav ul li:nth-child(1) {
	/*border: 1px solid #f00;*/
	margin-bottom: 25px;
}
#creative-nav ul li:nth-child(1) .icoTitle {
	/*border: 1px solid #000;*/
	margin: 0 -10px 0 -10px;
	letter-spacing: -1px;
}

.nav ul li a {
	display: block;
	width:60px;
	height:60px;
	margin: 0 auto 5px auto;
	text-align:center;

	align-items:center;
	-webkit-align-items:center;
	-webkit-border-radius:22% ;

	border-radius:22% ;
	transition: all 300ms 0s ease;
}

.nav ul li .icoTitle {
	font-weight: bold;
	color: #333;
	font-size: 0.7rem;
}



.nav ul li span {
	position: absolute;
	top: -10px;
	left: 48%;
	display: inline-block;
	background: #FF0000;
	padding: 4px 6px 4px 6px;
	color: #FFFFFF;
	border-radius: 30px;
	font-size: 0.5rem;
	line-height: 1;
}


li.colorBlue a {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(31,231,255) 0%,rgb(20,109,229) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(31,231,255)),color-stop(1, rgb(20,109,229)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(31,231,255) 0%,rgb(20,109,229) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(31,231,255) 0%,rgb(20,109,229) 100%);
	background-image:linear-gradient(180deg,rgb(31,231,255) 0%,rgb(20,109,229) 100%);
}

li.colorRed  a {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(251,80,98)),color-stop(0.98, rgb(222,1,46)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%);
	background-image:linear-gradient(180deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%);
}

li.colorGreen a {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(183,248,37) 0%,rgb(0,204,102) 99%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(183,248,37)),color-stop(0.99, rgb(0,204,102)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(183,248,37) 0%,rgb(0,204,102) 99%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(183,248,37) 0%,rgb(0,204,102) 99%);
	background-image:linear-gradient(180deg,rgb(183,248,37) 0%,rgb(0,204,102) 99%);
}

li.colorYellow a {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,204,0) 0%,rgb(255,127,0) 98%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,204,0)),color-stop(0.98, rgb(255,127,0)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(255,204,0) 0%,rgb(255,127,0) 98%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(255,204,0) 0%,rgb(255,127,0) 98%);
	background-image:linear-gradient(180deg,rgb(255,204,0) 0%,rgb(255,127,0) 98%);
}

li.colorRedPurple a {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,51,204) 0%,rgb(173,51,163) 99%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,51,204)),color-stop(0.99, rgb(173,51,163)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(255,51,204) 0%,rgb(173,51,163) 99%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(255,51,204) 0%,rgb(173,51,163) 99%);
	background-image:linear-gradient(180deg,rgb(255,51,204) 0%,rgb(173,51,163) 99%);
}

li.colorPurple a {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(166,19,228) 0%,rgb(88,30,253) 98%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(166,19,228)),color-stop(0.98, rgb(88,30,253)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(166,19,228) 0%,rgb(88,30,253) 98%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(166,19,228) 0%,rgb(88,30,253) 98%);
	background-image:linear-gradient(180deg,rgb(166,19,228) 0%,rgb(88,30,253) 98%);
}
li.colorBronze a {
	/* Firefox v3.6+ */
	background-image: -moz-linear-gradient(50% 0% -90deg,rgb(255,204,153) 0%,rgb(204,102,0) 50%,rgb(154,52,0) 97%,rgb(153,51,0) 98%);
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,204,153)),color-stop(0.5, rgb(204,102,0)),color-stop(0.97, rgb(154,52,0)),color-stop(0.98, rgb(153,51,0)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image: -webkit-linear-gradient(-90deg,rgb(255,204,153) 0%,rgb(204,102,0) 50%,rgb(154,52,0) 97%,rgb(153,51,0) 98%);
	/* IE v10+ */
	background-image: -ms-linear-gradient(-90deg,rgb(255,204,153) 0%,rgb(204,102,0) 50%,rgb(154,52,0) 97%,rgb(153,51,0) 98%);
	background-image: linear-gradient(180deg,rgb(255,204,153) 0%,rgb(204,102,0) 50%,rgb(154,52,0) 97%,rgb(153,51,0) 98%);
}

li.colorLightBlue a {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(153,204,255) 0%,rgb(72,123,174) 98%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(153,204,255)),color-stop(0.98, rgb(72,123,174)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(153,204,255) 0%,rgb(72,123,174) 98%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(153,204,255) 0%,rgb(72,123,174) 98%);
	background-image:linear-gradient(180deg,rgb(153,204,255) 0%,rgb(72,123,174) 98%);
}

li.colorGray a {
	background-color: #dedfde;
}





/*----------------------------------------  effect  */
.fadeOut {
	-webkit-animation: fadeOut .5s cubic-bezier(.45,0,.1,1) both;
	animation: fadeOut .5s cubic-bezier(.45,0,.1,1) both;
}
@-webkit-keyframes fadeOut { to { opacity: 0; -webkit-transform: scale(1.25); }}
@keyframes fadeOut { to { opacity: 0; -webkit-transform: scale(1.25); transform: scale(1.25); }}

.fadeIn {
	-webkit-animation: fadeIn .5s cubic-bezier(.45,0,.1,1) both;
	animation: fadeIn .5s cubic-bezier(.45,0,.1,1) both;
}
@-webkit-keyframes fadeIn { from { opacity: 0; -webkit-transform: scale(.85); }}
@keyframes fadeIn { from { opacity: 0; -webkit-transform: scale(.85); transform: scale(.85); }}






/*----------------------------------------  menu  */
#slideMenuNav {
	position: fixed;
	top: 0;
	right: -300px;
	width: 300px;
	height: 100%;
	transition: left .5s, right .5s;
	/*background-color: rgba(86, 86, 86, .7);*/
	background-color: #666;
	background-color: rgba(255, 255, 255, 1);
	z-index: 200;
}
#slideMenuNav.open {
	right: 0;
}

#slideMenuNav nav {
	height: 100%;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
}
.menu-button-right {
	right: 0px;
	top: 0;
	border-left: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	width: 47px;
	height: 47px;
	position: absolute;
	display: block;
	background: #fff;
	background-repeat: no-repeat;
	background-image: url('/img/common/menu_button_back.png');
	background-position: center;
}

.toggle {
	font-size: 30px;
	cursor: pointer;
}

.toggle:hover {
	text-decoration: underline;
}

#open {
	display: none;
}


#overlay {
	z-index: 105;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 100% ;
	background-color: rgba(0,0,0, .75) ;
}

#toggleBtn {
	position: absolute;
	/*right: 320px;*/
	left: 0;
	top: 0;
	color: #f00;
}
.slidemenu {
	background-color: #333;
	width: 280px;
}
.slidemenu .slidemenu-header {
	height: 47px;
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 3px rgba(34,25,25,.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
	background-color: #333;
}
.slidemenu .slidemenu-header div {
	padding: 17px 0px 0px 19px;
	text-decoration: none;
	color: #fff;
}

.slidemenu li {
	list-style: none;
	border-top: 1px solid #4D4D4D;
	border-bottom: 1px solid #000;
	font-size:12px;
	line-height: 1.8;
}
.slidemenu li a {
	padding:10px 0 10px 5px;
	display: block;
	text-decoration: none;
	color: #fff;
	background-color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.slidemenu .slidemenu-content img {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}


/*.slidemenu .slidemenu-content a.menu-title-2 {
	padding:3px 0 3px 13px;
	background-color: #333;
}*/
.slidemenu .slidemenu-content a.menu-title-2 {
	padding:8px 0 8px 10px;
	background-color: #333;
}
.slidemenu .slidemenu-content a.menu-title-3 {
	padding:8px 0 8px 22px;
	background-color: #555;
}
.slidemenu .slidemenu-content a.menu-title-4 {
	padding:10px 0 10px 34px;
	background-color: #777;
}
.slidemenu .slidemenu-content a.menu-title-5 {
	padding:10px 0 10px 37px;
	background-color: #999;
}


.slidemenu .slidemenu-content a.menu-item-2 {
	padding:10px 0 10px 13px;
	background-color: #333;
}
.slidemenu .slidemenu-content a.menu-item-3 {
	padding:10px 0 10px 21px;
	background-color: #555;
}
.slidemenu .slidemenu-content a.menu-item-4 {
	padding:10px 0 10px 29px;
	background-color: #777;
}
.slidemenu .slidemenu-content a.menu-item-5 {
	padding:10px 0 10px 37px;
	background-color: #999;
}


.slidemenu li:first-child {
	border-top: none;
}
.slidemenu li:last-child {
	border-bottom: none;
}

.slidemenu .slidemenu-header {
	height: 49px;
	border-bottom: 1px solid #000;
	box-shadow: 0 1px 3px rgba(34,25,25,.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
	background-color: #333;
}
.slidemenu .slidemenu-header div {
	padding: 17px 0px 0px 19px;
	text-decoration: none;
	color: #fff;
}

.slidemenu-left {
	left: 0;
}
.slidemenu-right {
	right: 0;
}


ul.slidemenu-content li span {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 5px 0px auto;
	text-align:center;

	align-items:center;
	-webkit-align-items:center;
	-webkit-border-radius:18%;

	border-radius:22% ;
	transition: all 300ms 0s ease;
	vertical-align:middle;
}

ul.slidemenu-content a.menu-title-3 {
	padding: 8px 0 8px 10px;
	background-color: #555;
}

li.menuColorRed span {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(251,80,98)),color-stop(0.98, rgb(222,1,46)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%);
	background-image:linear-gradient(180deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%);
}
li.menuColorBlue span {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(31,231,255) 0%,rgb(20,109,229) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(31,231,255)),color-stop(1, rgb(20,109,229)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(31,231,255) 0%,rgb(20,109,229) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(31,231,255) 0%,rgb(20,109,229) 100%);
	background-image:linear-gradient(180deg,rgb(31,231,255) 0%,rgb(20,109,229) 100%);
}

li.menuColorRed  span {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(251,80,98)),color-stop(0.98, rgb(222,1,46)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%);
	background-image:linear-gradient(180deg,rgb(251,80,98) 0%,rgb(222,1,46) 98%);
}

li.menuColorGreen span {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(183,248,37) 0%,rgb(0,204,102) 99%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(183,248,37)),color-stop(0.99, rgb(0,204,102)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(183,248,37) 0%,rgb(0,204,102) 99%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(183,248,37) 0%,rgb(0,204,102) 99%);
	background-image:linear-gradient(180deg,rgb(183,248,37) 0%,rgb(0,204,102) 99%);
}

li.menuColorYellow span {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,204,0) 0%,rgb(255,127,0) 98%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,204,0)),color-stop(0.98, rgb(255,127,0)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(255,204,0) 0%,rgb(255,127,0) 98%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(255,204,0) 0%,rgb(255,127,0) 98%);
	background-image:linear-gradient(180deg,rgb(255,204,0) 0%,rgb(255,127,0) 98%);
}

li.menuColorRedPurple span {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,51,204) 0%,rgb(173,51,163) 99%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,51,204)),color-stop(0.99, rgb(173,51,163)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(255,51,204) 0%,rgb(173,51,163) 99%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(255,51,204) 0%,rgb(173,51,163) 99%);
	background-image:linear-gradient(180deg,rgb(255,51,204) 0%,rgb(173,51,163) 99%);
}

li.menuColorPurple span {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(166,19,228) 0%,rgb(88,30,253) 98%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(166,19,228)),color-stop(0.98, rgb(88,30,253)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(166,19,228) 0%,rgb(88,30,253) 98%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(166,19,228) 0%,rgb(88,30,253) 98%);
	background-image:linear-gradient(180deg,rgb(166,19,228) 0%,rgb(88,30,253) 98%);
}
li.menuColorBronze span {
	/* Firefox v3.6+ */
	background-image: -moz-linear-gradient(50% 0% -90deg,rgb(255,204,153) 0%,rgb(204,102,0) 50%,rgb(154,52,0) 97%,rgb(153,51,0) 98%);
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,204,153)),color-stop(0.5, rgb(204,102,0)),color-stop(0.97, rgb(154,52,0)),color-stop(0.98, rgb(153,51,0)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image: -webkit-linear-gradient(-90deg,rgb(255,204,153) 0%,rgb(204,102,0) 50%,rgb(154,52,0) 97%,rgb(153,51,0) 98%);
	/* IE v10+ */
	background-image: -ms-linear-gradient(-90deg,rgb(255,204,153) 0%,rgb(204,102,0) 50%,rgb(154,52,0) 97%,rgb(153,51,0) 98%);
	background-image: linear-gradient(180deg,rgb(255,204,153) 0%,rgb(204,102,0) 50%,rgb(154,52,0) 97%,rgb(153,51,0) 98%);
}


li.menuColorLightBlue span {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(153,204,255) 0%,rgb(72,123,174) 98%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(153,204,255)),color-stop(0.98, rgb(72,123,174)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(153,204,255) 0%,rgb(72,123,174) 98%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(153,204,255) 0%,rgb(72,123,174) 98%);
	background-image:linear-gradient(180deg,rgb(153,204,255) 0%,rgb(72,123,174) 98%);
}


li.menuColorGray span {
	background-color: #dedfde;
}
li.menuColorWhite span {
	background-color: #fff;
}







/*----------------------------------------  common */
.bgAlphaWhite {
	background: rgba(255,255, 255, 0.45);
	color: #333;
}
.videoWrapp {
	border-top:1px solid #fff;
	border-color: rgba(255,255,255,0);
	margin: 0 0 50px 0;
}
.videoWrapp video {
	width: 100%;
	background: rgba(0, 0, 0, 1);
}

.headlineL {
	font-size: 18px;
	font-weight: bold;
	color: #f00;
	padding: 15px;
}



/*----------------------------------------  */
/*----------------------------------------  #contentWrapp #home  */
#contentWrapp #home .content {
	padding-bottom: 15px;
}
#contentWrapp #home .content h1 {
	position: absolute;
	left: 0;
	bottom: 40%;
	width: 100%;
	font-size: 1rem;
	display:block;
	text-align: center;
	pading: 0;
}
#contentWrapp #home .content h1 img {
	width:45%;
	vertical-align: middle;
}


/* text anim */
#contentWrapp #home .content .tlt {
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 5%;
	width: 100%;
	font-size: 1.5rem;
}

#contentWrapp #home #btnTopPanorama {
	position: fixed;
	/*position: absolute;*/
	bottom:70px;
	right: 15px;
	z-index: 100;
}
#contentWrapp #home #btnTopPanorama a {
	display: block;
	width:120px;
	height:120px;
	margin:0 auto;

	/* 親要素に display: flex; */
	display: -webkit-flex; /* Safari */
	display: flex;

	/* ボックス内の子要素の縦方向の揃え位置 */
	-webkit-align-items: center; /* Safari */
	align-items: center;

	justify-content: center; /* 子要素をflexboxにより中央に配置する */

	text-align: center;
	font-size: 0.825rem;
	/*font-weight: bold;*/
	text-decoration: none;
	color: #fff;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(0,0,0, 0.8);
	

	transition: all 300ms 0s ease;
}




/*----------------------------------------  #contentWrapp #homepanorama  */
#contentWrapp #homepanorama {
	/*background-image:url(/img/home/bg_home.jpg);*/
	background-image:none;
}
#contentWrapp #homepanorama .content {
	height: 100%;
	margin: 0;
}
#contentWrapp #homepanorama #theta-viewer {
	height: 100%;
	overflow: hidden;
}



/*----------------------------------------  #contentWrapp #homepanoramaphoto  */
#contentWrapp #homepanoramaphoto {
}
#contentWrapp #homepanoramaphoto .content {
	padding-bottom: 15px;
}

#contentWrapp #homepanoramaphoto #btnTopPanorama {
	/*margin-top: 30px;*/
	position: fixed;
	/*position: absolute;*/
	bottom:15px;
	right: 15px;
	z-index: 100;
}

#contentWrapp #homepanoramaphoto #btnTopPanorama a {
	display: block;
	width:120px;
	height:120px;
	margin:0 auto;

	/* 親要素に display: flex; */
	display: -webkit-flex; /* Safari */
	display: flex;

	/* ボックス内の子要素の縦方向の揃え位置 */
	-webkit-align-items: center; /* Safari */
	align-items: center;

	justify-content: center; /* 子要素をflexboxにより中央に配置する */

	text-align: center;
	font-size: 0.825rem;
	/*font-weight: bold;*/
	text-decoration: none;
	color: #fff;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(0,0,0, 0.8);
	

	transition: all 300ms 0s ease;
}




/*----------------------------------------  #contentWrapp #challenge  */

/*----------------------------------------  /challenge /creative /graph */
.graphArea {
}

/*----------------------------------------  /challenge /entertainment /casualgame /highlow */
#contentWrapp #highlow #container {
	width: 100%;
	position: static;
	left: 0;
	top: 0;
	margin-left: 0;
	margin-top: 0;
}
#contentWrapp #challenge {
}



/*----------------------------------------  #contentWrapp #creative  */
#contentWrapp #creative {
}



/*----------------------------------------  #contentWrapp #shooting  */
#contentWrapp #shooting {
}



/*----------------------------------------  #contentWrapp #product  */
#contentWrapp #product {
}
#contentWrapp #product section {
	padding-bottom: 100px;
}

#contentWrapp #product video {
	margin: 0 auto;
}




/*----------------------------------------  #contentWrapp #panorama  */
#contentWrapp #panorama {
}

#contentWrapp #panorama .content {
	height: 100%;
	margin: 0;
}

#contentWrapp #panorama #btnTopPanorama {
	position: fixed;
	bottom:30px;
	right: 30px;
	z-index: 100;
}
#contentWrapp #panorama #btnTopPanorama a {
	display: block;
	width:120px;
	height:120px;

	/* 親要素に display: flex; */
	display: -webkit-flex; /* Safari */
	display: flex;

	/* ボックス内の子要素の縦方向の揃え位置 */
	-webkit-align-items: center; /* Safari */
	align-items: center;

	justify-content: center; /* 子要素をflexboxにより中央に配置する */

	text-align: center;
	font-size: 0.825rem;
	/*font-weight: bold;*/
	text-decoration: none;
	color: #fff;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(0,0,0, 0.8);
	

	transition: all 300ms 0s ease;
}





/*----------------------------------------  #contentWrapp #questionar  */
#contentWrapp #questionar {
}



/*----------------------------------------  #contentWrapp #questionary  */
#contentWrapp #questionary {
	background-size:cover;
	overflow: auto;
}
#contentWrapp #questionary section {
	/*color: #fff;*/
	margin-bottom: 100px;
}
#contentWrapp #questionary .explainText {
	padding: 10px;
	margin-bottom: 10px;
}
#contentWrapp #questionary .imgEx {
	margin-top: 10px;
	text-align: center;
}
#contentWrapp #questionary ol {
	padding-left: 1.5rem;
	margin-bottom: 2.5rem;
}
#contentWrapp #questionary li {
	list-style-type: decimal;
	list-style-position: outside;
}


#contentWrapp #questionary .row {
	position: relative;
}

#contentWrapp #questionary #btnDemoQuestionary a, 
#contentWrapp #questionary #btnDemoAdmin a {
	display: block;
	width: 120px;
	height: 120px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 0.825rem;
	/* font-weight: bold; */
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(0,0,0, 0.8);
	transition: all 300ms 0s ease;
	position: absolute;
	top: 15px;
	right: 25px;
}

#contentWrapp #questionary #btnDemoQuestionary a {
	right: 160px;
}




/*----------------------------------------  #contentWrapp #vote  */
#contentWrapp #vote {
}



/*----------------------------------------  #contentWrapp #qr  */
#contentWrapp #qr {
}

#contentWrapp #qr section {
	color: #fff;
	margin-bottom: 100px;
}
#contentWrapp #qr .explainText {
	padding: 10px;
	margin-bottom: 10px;
}
#contentWrapp #qr .imgEx {
	margin-top: 10px;
	text-align: center;
}



/*----------------------------------------  #contentWrapp #videoletter  */
#contentWrapp #videoletter {
}
#contentWrapp #videoletter section {
	padding-bottom: 100px;
}

#contentWrapp #videoletter video {
	margin: 0 auto;
}



/*----------------------------------------  #contentWrapp #graph  */
#contentWrapp #graph {
}



/*----------------------------------------  #contentWrapp #bargraph  */
#contentWrapp #bargraph {
}



/*----------------------------------------  #contentWrapp #linegraph  */
#contentWrapp #linegraph {
}
#contentWrapp #linegraph .explainText {
	padding: 10px;
	margin-bottom: 10px;
}
#contentWrapp #linegraph ol li {
	margin-left: 2rem;
	list-style-type: decimal;
}



/*----------------------------------------  #contentWrapp #bargraph2  */
#contentWrapp #bargraph2 {
}



/*----------------------------------------  #contentWrapp #linegraph2  */
#contentWrapp #linegraph2 {
}



/*----------------------------------------  #contentWrapp #beacon  */
#contentWrapp #beacon section {
	padding-bottom: 150px;
}



/*----------------------------------------  #contentWrapp #ibeacon  */
#contentWrapp #ibeacon {
}
#contentWrapp #ibeacon section {
	padding-bottom: 100px;
}

#contentWrapp #ibeacon video {
	margin: 0 auto;
}



/*----------------------------------------  #contentWrapp #eddystone  */
#contentWrapp #eddystone {
}
#contentWrapp #eddystone section {
	color: #fff;
}
#contentWrapp #eddystone section section {
	padding: 10px 5px 10px 5px;
}
#contentWrapp #eddystone section section p {
	margin-bottom: 10px;
}
#contentWrapp #eddystone .explainText {
	padding: 10px;
	margin-bottom: 10px;
}
#contentWrapp #eddystone .imgEx {
	margin-top: 10px;
	text-align: center;
}




/*----------------------------------------  #contentWrapp #entertainment  */




/*----------------------------------------  #contentWrapp #casualgame  */




/*----------------------------------------  #contentWrapp #toss  */




/*----------------------------------------  #contentWrapp #ball  */

#contentWrapp #ball .content {
	margin-left: 0;
}

#contentWrapp #ball #container {
	text-align: center;
}
#contentWrapp #ball #container canvas {
	display: block;
	/*margin: 0 auto;*/
}


#contentWrapp #ball #btnArea {
	width: 235px;
	height: 235px;
	position: fixed;
	top:50%;
	left:50%;
	margin-left: -120px;
	opacity: 0.75;
}
#contentWrapp #ball #btnArea div {
	text-align: center;
	position: relative;
}

#contentWrapp #ball #btnImg01 {
	position: absolute;
	top: 0px;
	left: 0px;
}
#contentWrapp #ball #btnImg02 {
	position: absolute;
	top: 0px;
	left: 88px;
}
#contentWrapp #ball #btnImg03 {
	position: absolute;
	top: 0px;
	left: 147px;
}

#contentWrapp #ball #btnImg04 {
	position: absolute;
	top: 88px;
	left: 0px;
}
#contentWrapp #ball #btnImg05 {
	position: absolute;
	top: 88px;
	left: 88px;
}
#contentWrapp #ball #btnImg06 {
	position: absolute;
	top: 88px;
	left: 147px;
}

#contentWrapp #ball #btnImg07 {
	position: absolute;
	top: 147px;
	left: 0px;
}
#contentWrapp #ball #btnImg08 {
	position: absolute;
	top: 147px;
	left: 88px;
}
#contentWrapp #ball #btnImg09 {
	position: absolute;
	top: 147px;
	left: 147px;
}



/*----------------------------------------  #contentWrapp #highlow  */
#contentWrapp #highlow #container {

}
#contentWrapp #highlow #basicText {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:25px 0 20px 0;
	padding:15px 0;
	color:#FFD60A;
	background-image: url(/img/challenge/entertainment/casualgame/highlow/question.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:280px 50px;
}
#contentWrapp #highlow #btnText {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-bottom:45px;
	color: #fff;
}
#contentWrapp #highlow #resultCount {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
	padding:20px;
	border:1px solid #CCCCCC;
	margin:0 10px;
}
#contentWrapp #highlow #resultCount span {
	font-size:40px;
	font-weight:bold;
	color:#FF0000;
}
#contentWrapp #highlow #resultText {
	padding:20px 0 10px 0;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}
/* ボタン */
#contentWrapp #highlow #overFive, #minFive {
	padding: 15px 5px;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border: 3px solid #ffffff;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 50px;
	cursor: pointer;
	width: 120px;
	background-color:#00401E;
	text-align: center;
	/* box-shadow */
	box-shadow:rgba(69, 69, 69, 0.63) 0px 4px 5px 0px;
	-webkit-box-shadow:rgba(69, 69, 69, 0.63) 0px 4px 5px 0px;
	-moz-box-shadow:rgba(69, 69, 69, 0.63) 0px 4px 5px 0px;
}
#contentWrapp #highlow #overFive {
	float:right;
	margin-right: 10px;
}
#contentWrapp #highlow #minFive {
	float:left;
	margin-left: 10px;
}
#contentWrapp #highlow #btn {
	width:320px;
	margin:0 auto;
}
#contentWrapp #highlow .invisible {
	display:none;
}
#contentWrapp #highlow .visible {
	display:block;
}
#contentWrapp #highlow #challengeBtn {
	clear:both;
	width:220px;
	margin:0 auto;
	padding: 15px 5px;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border: 3px solid #ffffff;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size: 20px;
	cursor:pointer;
	background-color:#00401E;
	/* box-shadow */
	box-shadow:rgba(69, 69, 69, 0.63) 0px 4px 5px 0px;
	-webkit-box-shadow:rgba(69, 69, 69, 0.63) 0px 4px 5px 0px;
	-moz-box-shadow:rgba(69, 69, 69, 0.63) 0px 4px 5px 0px;
}


/*----------------------------------------  #contentWrapp #business  */




/*----------------------------------------  #contentWrapp #field  */
#contentWrapp #field .content {
	height: 100%;
	margin-left: 0;
}
#contentWrapp #field #container {
	/*background:#000000;*/
	/*border:1px solid #f00;*/
	position: absolute;
	top:0;
	/*left:50%;
	margin-left: -480px;*/
	/*left:16px;*/
	margin-left: 0px;
}
#contentWrapp #field #menu {
	position: absolute;
	left: 0px;
	bottom: 30px;
	width: 100%;
	text-align: center;
}
#contentWrapp #field .leadSentence {
	display: none;
	/*position: absolute;
	top: 50%;
	left: 50%;*/
	font-size: 28px;
	color: #fff;
}


#contentWrapp #field .pcLeadSentence {
	position: absolute;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	margin-top: -18px;
}
#contentWrapp #field .pcLeadSentence img {
	vertical-align:middle;
	padding-right: 10px;
}


/*----------------------------------------  #contentWrapp #security  */
#contentWrapp #security {
	/*background-image:url(/img/security/bg_security.jpg);*/
}



/*----------------------------------------  #contentWrapp #office  */
#contentWrapp #office {
	background-size:cover;
}

#contentWrapp #office .content {
	box-sizing: border-box;
	float: right;
	width: 100%;
}

#contentWrapp #office .float-left {
	margin: 0;
	width: 100%;
}

#contentWrapp #office .float-right {
	margin: 0;
	width: 100%;
}

#contentWrapp #office .officeInfo {
	background: rgba(255,255, 255, 0.75);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px;
}



#contentWrapp #office .center {
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#contentWrapp #office #nav {
	list-style: none;
	position: fixed;
	right: 20px;
}

#contentWrapp #office #nav li {
	margin: 0 0 15px 0;
}

#contentWrapp #office #header, 
#contentWrapp #office #intro, 
#contentWrapp #office #tokyo, 
#contentWrapp #office #third, 
#contentWrapp #office #fifth {
	width: 100%;
}


#contentWrapp #office .story {
	color: #000;
	margin-left: 10px;
	margin-right: 10px;
}

#contentWrapp #office .kyoto1 {
	/*position: relative;*/
	background-image:url(/img/home/bg_kyoto1.jpg);
	background-position: center -30px;
	background-repeat: no-repeat;
	background-size:cover;
	height: 100vh;
	width: 100%;
	/*border:1px solid #f00;*/
	margin: 0 auto;
	padding: 0;
}
#contentWrapp #office .kyoto2 {
	/*position: relative;*/
	background-image:url(/img/home/bg_kyoto2.jpg);
	background-position: center -30px;
	background-repeat: no-repeat;
	background-size:cover;
	height: 100vh;
	width: 100%;
	/*border:1px solid #f00;*/
	margin: 0 auto;
	padding: 0;
}
#contentWrapp #office .kyoto3 {
	/*position: relative;*/
	background-image:url(/img/home/bg_kyoto1.jpg);
	background-position: center -30px;
	background-repeat: no-repeat;
	background-size:cover;
	height: 100vh;
	width: 100%;
	/*border:1px solid #f00;*/
	margin: 0 auto;
	padding: 0;
}
#contentWrapp #office #intro .story {
	padding-top: 320px;
}

#contentWrapp #office #intro .officeMap.kyoto {
	margin-top: 10px;
}

/* 東京 */

#contentWrapp #office #tokyo .story {
	padding-top: 85px;
}
#tokyo .orderChange {
	display:-webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#tokyo .officeMap {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}
#tokyo .photoArea {
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}








/* 名古屋 */
#contentWrapp #office #third {
	
	/*border: 1px solid #f00;*/

	background: url(/company/office/nagoya/lib/images/top/bg_top.jpg);
	/*background-size: cover;*/
	background-position: 53% 0%;
	background-repeat: no-repeat;
	background-color: #7bc3b5;

	height: 100vh;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#contentWrapp #office #third .story {
	padding-top: 280px;
	height: 1100px;
}
#contentWrapp #office #third .float-left {
	position:relative;
	height: 1100px;
}




/*top*/
.topTextWrap {
	position:absolute;
	width:74%;
	top:15.5%;
	left:-10px;
}
#contentWrapp #office #third .topTextWrap .h1Wrap {
	border-bottom:5px solid #FFF;
	margin-bottom:15px;
}
#contentWrapp #office #third .topTextWrap .menuWrap {
	border-top:5px solid #FFF;
}
#contentWrapp #office #third .topTextWrap .menuWrap a {
	color:#fff;
}
#contentWrapp #office #third h1 {
	text-align:right;
	padding:0 20px 0 0;
	font-size:24px;
}
#contentWrapp #office #third ul{
	font-size:20px;
	padding:10px 20px 0 0;
	margin:0;
	list-style-type:none;
	text-align:left;
}
#contentWrapp #office #third ul li {
	float:right;
	margin-left:15px;
	font-size:18px;
}

#contentWrapp #office #third .galleryLink{
	color:#FFF;
	z-index:9999;
}

#contentWrapp #office #third .staffLink{
	color:#FFF;
	z-index:9998;
}
#contentWrapp #office #third .mapLink{
	color:#FFF;
	z-index:9998;
}
#contentWrapp #office #third .backLink{
	z-index:9998;
	float:left;
	margin-left:15px;
}
#contentWrapp #office #third .backLink a{
	color:#FFF;
	font-size:18px;
	text-decoration:none;
}









#contentWrapp #office #fifth .story {
	padding-top: 280px;
}


#contentWrapp #office th {
	width: 70px;
} 
#contentWrapp #office th, 
#contentWrapp #office td {
	padding: 15px 0px;
} 
#contentWrapp #office table {
	margin: 0;
}

#contentWrapp #office .officeMap {
	width: 100%;
}
#contentWrapp #office .officeMap .gmap {
	margin-bottom: 15px;
}
#contentWrapp #office .officeMap.kyoto .gmap {
	/*height:580px;*/
}
#contentWrapp #office .officeMap .btnScaleUp {/*周りの凹み*/
	display: none;
}

#contentWrapp #office .officeMap .box {
	width: 100%;
	height: 200px;
}
#contentWrapp #office .officeMap .box .mapCanvas {
	width:100%;
	height:100%;
}



#contentWrapp #office .photoArea {
	margin: 10px 0 10px 0 ;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	/*-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: space-between;*/
	/*border: 1px solid #f00;*/
}
#contentWrapp #office .photoBox {
	width: 25%;
	/*margin: 0 4.33333% 10px 0;*/
	text-align: center;
	/*border: 1px solid #f00;*/
}
#contentWrapp #office .photoBox a {
	display: block;
	padding: 0 5px;
}
#contentWrapp #office .photoBox:nth-child(3n) {
	/*margin: 0 0 10px 0;*/
}



/*----------------------------------------  #contentWrapp #managementteam  */



/*----------------------------------------  #contentWrapp #managementboard  */
#contentWrapp #managementboard #main-nav {
	/*background-color:rgba(0,0,0,.8);*/
	margin: 10px;
}

#contentWrapp #managementboard #main-nav li {
	width:100%;
	min-height:154px;
	padding: 0 0 0px 0;
	margin: 0 0 10px 0;
	letter-spacing: -.40em
}
#contentWrapp #managementboard #main-nav li:nth-child(2) {
	width:100%;
	min-height:160px;
	padding: 0 0 0px 0;
	margin: 0 0 10px 0;
	letter-spacing: -.40em
}

#contentWrapp #managementboard #main-nav li:nth-child(2) span.iidaPosName{
letter-spacing: -0.09em;
    font-size: 0.8em;
}

#contentWrapp #managementboard #main-nav li:last-child {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#contentWrapp #managementboard #main-nav li div {
	display:inline-block;
	letter-spacing: normal;	
	width:170px;
}
#contentWrapp #managementboard #main-nav li .textBox {
	background:rgba(0,0,0,.8);
	padding:5px;
	vertical-align: bottom;
		height:65px;
	-moz-border-bottom-left_radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-o-border-bottom-left-radius:10px;
	-ms-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
}
#contentWrapp #managementboard #main-nav li:first-child .textBox {
	background:rgba(0,0,0,.8);
	padding:5px;

	vertical-align: bottom;
}

#contentWrapp #managementboard #main-nav li:nth-child(2) .textBox {
	background:rgba(0,0,0,.8);
	padding:5px;
	height:65px;
	vertical-align: bottom;
}
#contentWrapp #managementboard #main-nav li .textBox p {
	color:#fff;
}










#contentWrapp #managementboard #main-nav li:nth-child(1) {
	background:#000 url('/img/managementteam/managementboard/img_test1.jpg') no-repeat top left;
		background-size:160px auto;
	background-position: top left;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	margin-top:70px;
}
#contentWrapp #managementboard #main-nav li:nth-child(1):hover {
	background-position: top left;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#contentWrapp #managementboard #main-nav li:nth-child(2) {
	background: #000 url('/img/managementteam/managementboard/img_test2.jpg') no-repeat top left;
		background-size:160px auto;
	background-position: top left;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	margin-top:70px;
}
#contentWrapp #managementboard #main-nav li:nth-child(2):hover {
background-position: top left;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#contentWrapp #managementboard #main-nav li:nth-child(3) {
	background: #000 url('/img/managementteam/managementboard/img_test3.jpg') no-repeat top left;
		background-size:160px auto;
	background-position: top left;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	margin-top:70px;
}
#contentWrapp #managementboard #main-nav li:nth-child(3):hover {
	background-position: top left;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#contentWrapp #managementboard #main-nav li:nth-child(4) {
	background: #000 url('/img/managementteam/managementboard/img_test4.jpg') no-repeat top left;
		background-size:160px auto;
	background-position: top left;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	margin-top:70px;
}
#contentWrapp #managementboard #main-nav li:nth-child(4):hover {
	background-position: top left;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}




#contentWrapp #managementboard #main-nav li div.note {
	color:#fff;
	margin-left:0!important;
	padding: 10px 3px 10px 0px;
	min-height:220px;
	width: calc(100% - 172px);
	/*background-color:rgba(0,0,0,.8);*/
}

#btnProf {
	display:none;
}


#contentWrapp #managementboard .openMain{
	opacity: 1;
	-webkit-transition: all 1.8s ease-in-out;
	transition: all 1.8s ease-in-out;
}
#contentWrapp #managementboard .closeMain{
	opacity: 0;
	-webkit-transition: all 1.8s ease-in-out;
	transition: all 1.8s ease-in-out;
}


/***************************************************************************/
#contentWrapp #managementboard #main-nav ul li.openBox{
	min-height:220px;
}
#contentWrapp #managementboard #main-nav ul li.openBox:nth-child(1){
	margin-top:0;
		-webkit-transition: margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
#contentWrapp #managementboard #main-nav ul li.openBox:nth-child(2){
	margin-top:0;
		-webkit-transition: margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
#contentWrapp #managementboard #main-nav ul li.openBox:nth-child(3){
	margin-top:0;
		-webkit-transition: margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
#contentWrapp #managementboard #main-nav ul li.openBox:nth-child(4){
	margin-top:0;
		-webkit-transition: margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}


/*----------------------------------------  #contentWrapp #seniorstaff  */
#contentWrapp #seniorstaff #main-nav {
	
	margin: 10px;
}

#contentWrapp #seniorstaff #main-nav li {
	width:100%;
	min-height:153px;
	margin: 0 0 10px 0;
	letter-spacing: -.40em;
}

#contentWrapp #seniorstaff #main-nav ul:last-child li:last-child {
	margin:0 0 0 0;
}
#contentWrapp #seniorstaff #main-nav li div {
	display:inline-block;
	letter-spacing: normal;
	width:170px;	
}
#contentWrapp #seniorstaff #main-nav li .textBox {
	background:rgba(0,0,0,.8);
	padding:5px;
	height:65px;
  vertical-align: bottom;
		-moz-border-bottom-left_radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-o-border-bottom-left-radius:10px;
	-ms-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
}
#contentWrapp #seniorstaff #main-nav li .textBox p {
	color:#fff;

}
#contentWrapp #seniorstaff #main-nav li .textBox .posName span{
	font-size:0.8em;
}

#contentWrapp #seniorstaff #main-nav li {
	background-size:160px auto!important;
	min-height:220px;
}
#contentWrapp #seniorstaff #main-nav li div.note {
	color:#fff;
	margin-left:0!important;
padding: 10px 3px 10px 0px;
	min-height:220px;
	width: calc(100% - 172px);
	/*background-color:rgba(0,0,0,.8);*/
}
#btnProf {
	display:none;
}


#contentWrapp #seniorstaff #main-nav ul:nth-child(1) li.openList:nth-child(1){
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);	
	margin-top:0px;
		-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(1) li.openList:nth-child(2){
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:0px;
		-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(1) li.openList:nth-child(3){
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:0px;
			-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}




#contentWrapp #seniorstaff #main-nav ul:nth-child(1) li:nth-child(1){
	opacity: 0;
	margin-top:45px;
	
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(1) li:nth-child(2){
	opacity: 0;
	margin-top:45px;
	
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(1) li:nth-child(3){
	opacity: 0;
	margin-top:45px;
	
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);

}



#contentWrapp #seniorstaff #main-nav ul:nth-child(2) li.openList:nth-child(1){
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);	
	margin-top:0px;
			-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(2) li.openList:nth-child(2){
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:0px;
			-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(2) li.openList:nth-child(3){
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:0px;
			-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}





#contentWrapp #seniorstaff #main-nav ul:nth-child(2) li:nth-child(1){
	opacity: 0;
		-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:45px;
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(2) li:nth-child(2){
	opacity: 0;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:45px;
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(2) li:nth-child(3){
	opacity: 0;
		-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:45px;
}


/**/
#contentWrapp #seniorstaff #main-nav ul:nth-child(3) li.openList:nth-child(1){
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);	
	margin-top:0px;
			-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(3) li.openList:nth-child(2){
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:0px;
			-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(3) li.openList:nth-child(3){
	opacity: 1;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:0px;
			-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}





#contentWrapp #seniorstaff #main-nav ul:nth-child(3) li:nth-child(1){
	opacity: 0;
		-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:45px;
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(3) li:nth-child(2){
	opacity: 0;
	-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:45px;
}
#contentWrapp #seniorstaff #main-nav ul:nth-child(3) li:nth-child(3){
	opacity: 0;
		-webkit-transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: opacity 1.2s cubic-bezier(0.215, 0.61, 0.355, 1), margin 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	margin-top:45px;
}



/*----------------------------------------  #contentWrapp #keystaff  */

#marketing h1, #creativeandplanning h1, #networkandsystem h1, #operation h1 {
	font-size: 26px;
}


.keystaffAreaPhoto {
	margin: 10px;
	margin-bottom:60px;
	list-style: none;
	display: flex;
	display: -ms-flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	/*border: 1px solid #f00;*/
}
.keystaffAreaPhoto li {
	list-style: none;
	flex: 4 1 33.33333333%;
	max-width: 33.33333333%;
	/*border: 1px solid #f00;*/
	margin: 0 0 10px 0;
}
.keystaffAreaPhoto li img {
	width: 95%;
	/*border: 1px solid #f00;*/
}

.keystaffAreaRelative {
	margin: 10px;
}
.keystaffAreaRelative dl.person {
	display:flex;
	margin:0 0 10px 0;
	background:rgba(0,0,0,1);
	color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	-o-border-top-left-radius:20px;
	-ms-border-top-left-radius:20px;
	border-top-left-radius:20px;
}
.keystaffAreaRelative dl.person dt {
	width: 120px;
}
.keystaffAreaRelative dl.person dt img{

	-moz-border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-o-border-top-left-radius:10px;
	-ms-border-top-left-radius:10px;
	border-top-left-radius:10px;
}
.keystaffAreaRelative dl.person dd {
	width: calc(100% - 132px);
}
.keystaffAreaRelative dl.person dt {
	padding:0 0 5px;
}
.keystaffAreaRelative dl.person dd {
	padding:5px;
}


/*----------------------------------------  #contentWrapp #security  */




/*----------------------------------------  #contentWrapp #servicelevel  */




/*----------------------------------------  #contentWrapp #serverload  */
#contentWrapp #serverload {
	background-size:cover;
	overflow: auto;
}
#contentWrapp #serverload section {
	color: #fff;
}
#contentWrapp #serverload .explainText {
	padding: 10px;
	margin-bottom: 10px;
}
#contentWrapp #serverload .imgEx {
	margin-top: 10px;
	text-align: center;
}



/*----------------------------------------  #contentWrapp #vulnerability  */
#contentWrapp #vulnerability {
}







/*----------------------------------------  #contentWrapp #about  */
#contentWrapp #about {
	background-size:cover;
	overflow: auto;
}
#contentWrapp #about section {
	color: #fff;
}
#contentWrapp #about .explainText {
	padding: 10px;
	margin-bottom: 10px;
}
#contentWrapp #about .imgEx {
	margin-top: 10px;
	text-align: center;
}




/*----------------------------------------  #contentWrapp #case  */
#contentWrapp #case {
	overflow: auto;
}
#contentWrapp #case section {
	padding-top: 150px;
	padding-bottom: 0px;
	color: #fff;
}
#contentWrapp #case section:last-child {
	padding-bottom: 150px;
}
#contentWrapp #case .explainText {
	/*width: 440px;*/
	/*border-top: 2px solid #f00;*/
	padding: 10px;
}
#contentWrapp #case section .caseText {
	color: #333;

	/*width: 474px;*/
	padding: 10px;
}

/* ------ */
#contentWrapp #case .content section:nth-child(3) .caseText:nth-child(2) {
	margin: -5px 100px 0 50px;
}
#contentWrapp #case .content section:nth-child(3) .caseText:nth-child(3) {
	margin: -5px 0 0 150px;
}
#contentWrapp #case .content section:nth-child(3) .caseText:nth-child(4) {
	margin: 5px 130px 0 20px;
}
#contentWrapp #case .content section:nth-child(3) .caseText:nth-child(5) {
	margin: 5px 30px 0 120px;
}

/* ------ */
#contentWrapp #case .content section:nth-child(4) .caseText:nth-child(2) {
	margin: 5px 0 0 100px;
}
#contentWrapp #case .content section:nth-child(4) .caseText:nth-child(3) {
	margin: -5px 0 0 70px;
}

/* ------ */
#contentWrapp #case .content section:nth-child(5) .caseText:nth-child(2) {
	margin: 5px 0 0 100px;
}
#contentWrapp #case .content section:nth-child(5) .caseText:nth-child(2) img {
	margin-bottom: 10px;
}




/*----------------------------------------  #contentWrapp #flow  */
#contentWrapp #flow {
	overflow: auto;
}
#contentWrapp #flow section {
	padding-bottom: 0px;
	color: #fff;
}
#contentWrapp #flow section:last-child {
	padding-bottom: 150px;
}
#contentWrapp #flow .explainText {
	/*width: 440px;*/
	/*border-top: 2px solid #f00;*/
	padding: 10px;
}
#contentWrapp #flow .imgEx {
	margin-top: 10px;
	text-align: center;
}
#contentWrapp #flow .checkList th, 
#contentWrapp #flow .checkList td {
	border: 1px solid #333;
}




/*----------------------------------------  #contentWrapp #other  */
#contentWrapp #other {
	overflow: auto;
}
#contentWrapp #other section {
	padding-bottom: 0px;
	color: #fff;
}
#contentWrapp #other section:last-child {
	padding-bottom: 150px;
}
#contentWrapp #other .explainText {
	/*width: 440px;*/
	/*border-top: 2px solid #f00;*/
	padding: 10px;
}
#contentWrapp #other .imgEx {
	margin-top: 10px;
	text-align: center;
}



/*----------------------------------------  #contentWrapp #datanetwork  */
#contentWrapp #datanetwork {
}



/*----------------------------------------  #contentWrapp #weavenetwork  */
#contentWrapp #weavenetwork {
	/*overflow: auto;*/
}

#contentWrapp #weavenetwork section {
}
#contentWrapp #weavenetwork .explainText {
	padding: 10px;
	margin-bottom: 10px;
}
#contentWrapp #weavenetwork .imgEx {
	margin-top: 10px;
	padding: 10px;
	text-align: center;
}


/*----------------------------------------  #footMenu  */
#footMenu {
	z-index:100;
	position:fixed;
	bottom:-100%;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,0.8);
	border-radius:15px 15px 0 0;
	transition: bottom .5s;
}
#footMenu.on {
	bottom:0% !important;
}
#footMenu div.menuBtn{
	height:60px;
	background-image:url(/img/company/ico/icon_arrow_up.png);
	background-size:30px auto;
	background-repeat:no-repeat;
	background-position:center 30px;
}
#footMenu.on div.menuBtn{
	background-image:url(/img/company/ico/icon_arrow_down.png);
	background-size:30px auto;
	background-repeat:no-repeat;
	background-position:center 30px;
}
#footMenu div.menuBtn div{
	color:#FFF;
	text-align:center;
	padding-top:10px;
	font-size:12px;
}
#footMenu ul{
	display:flex;
	flex-wrap:wrap;
}
#footMenu li{
	text-align:center;
	white-space: nowrap;
	width:16.5%;
}
#footMenu ul li:nth-child(1){
	width:17.5%;
	padding-left:1%;
}
#footMenu ul li:nth-child(1),
#footMenu ul li:nth-child(2),
#footMenu ul li:nth-child(3),
#footMenu ul li:nth-child(4),
#footMenu ul li:nth-child(5),
#footMenu ul li:nth-child(6){
	margin-bottom:10px;
}
#footMenu ul li:nth-child(7){
	margin-left:34%;
}
#footMenu li a{
	width: 16.6vw;
	padding-top:85%;
}
#footMenu ul li:nth-child(1) a{
	background-image:url(/img/company/ico/ico_01.png);
	background-size: 85% auto;
}
#footMenu ul li:nth-child(2) a{
	background-image:url(/img/company/ico/ico_02.png);
	background-size: 85% auto;
}
#footMenu ul li:nth-child(3) a{
	background-image:url(/img/company/ico/ico_03.png);
	background-size: 85% auto;
}
#footMenu ul li:nth-child(4) a{
	background-image:url(/img/company/ico/ico_04.png);
	background-size: 85% auto;
}
#footMenu ul li:nth-child(5) a{
	background-image:url(/img/company/ico/ico_05.png);
	background-size: 85% auto;
}
#footMenu ul li:nth-child(6) a{
	background-image:url(/img/company/ico/ico_06.png);
	background-size: 85% auto;
}
#footMenu ul li:nth-child(7) a{
	background-image:url(/img/company/ico/ico_07.png);
	background-size: 85% auto;
}
#footMenu ul li:nth-child(8) a{
	background-image:url(/img/company/ico/ico_08.png);
	background-size: 85% auto;
}
#footMenu ul li:nth-child(9) a{
	background-image:url(/img/company/ico/ico_09.png);
	background-size: 85% auto;
}
#footMenu ul li:nth-child(10) a{
	background-image:url(/img/company/ico/ico_10.png);
	background-size: 85% auto;
}
#footMenu ul li:nth-child(11) a{
	background-image:url(/img/company/ico/ico_11.png);
	background-size: 85% auto;
}
body.security #footMenu ul li:nth-child(1) a{
	background-image:url(/img/security/ico/ico_datanetwork.png);
	background-size: 74% auto;
}
body.security #footMenu ul li:nth-child(2) a{
	background-image:url(/img/security/ico/ico_security.png);
	background-size: 74% auto;
}
body.challenge #footMenu ul li:nth-child(1) a{
background-image:url(/img/challenge/ico/icon_01.png);
background-size: 62% auto;
}
body.challenge #footMenu ul li:nth-child(2) a{
	background-image:url(/img/challenge/ico/icon_02.png);
	background-size: 62% auto;
}
body.challenge #footMenu ul li:nth-child(3) a{
	background-image:url(/img/challenge/ico/icon_03.png);
	background-size: 83% auto;
}
body.challenge #footMenu ul li:nth-child(4) a{
	background-image:url(/img/challenge/ico/icon_04.png);
	background-size: 55% auto;
}
body.challenge #footMenu ul li:nth-child(5) a{
	background:url(/img/challenge/ico/icon_05.png) 50% 25% no-repeat;
	background-size: 74% auto;
}
body.challenge #footMenu ul li:nth-child(6) a{
	background-image:url(/img/challenge/ico/icon_06.png);
	background-size: 70% auto;
}
body.challenge #footMenu ul li:nth-child(7) a{
	background-image:url(/img/challenge/ico/icon_07.png);
	background-size: 60% auto;
}
body.challenge #footMenu ul li:nth-child(8) a{
	background-image:url(/img/challenge/ico/icon_08.png);
	background-size: 60% auto;
}
body.challenge #footMenu ul li:nth-child(9) a{
	background-image:url(/img/challenge/ico/icon_09.png);
	background-size: 60% auto;
}
body.challenge #footMenu ul li:nth-child(7) {
	margin-left: 49.5%;
}
body.challenge #footMenu ul li:nth-child(1) {
	width: 16.5%;
	padding-left: 0;
}
#footMenu li a{
	color:#FFF;
	display:block;
	text-decoration:none;
	font-size:10px;
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	white-space: nowrap;
}
#footMenu .menuList{
	padding:15px 0 20px 0;
	overflow: hidden;
}
body.company #footMenu ul li:nth-child(7){
	margin-left:17%;
}
body.security #footMenu ul {
	justify-content: center;
}
body.security #footMenu ul li:nth-child(1) {
	margin-right: 5%;
}

/* company footMenu SP*/

body.company #footMenu .menuList {
	width: 100%;
}
body.company #footMenu ul {
	display: flex;
justify-content: space-evenly;
align-content: center;
}
body.company #footMenu ul li:nth-child(1) a {
	background-image: url(/img/company/ico/ico_organization.png);
	width: 16vw;
}
body.company #footMenu ul li:nth-child(2) a {
	background-image: url(/img/company/ico/ico_office.png);
	width: 16vw;
}
body.company #footMenu ul li:nth-child(3) a {
	background-image: url(/img/company/ico/ico_10.png);
	width: 10vw;
	}
body.company #footMenu ul li:nth-child(4) a {
	background-image: url(/img/company/ico/ico_11.png);
	width: 10vw;	
	}
body.company #footMenu li a {
color: #FFF;
display: block;
text-decoration: none;
font-size: 10px;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
white-space: nowrap;
}
body.company #footMenu ul li:nth-child(1),
body.company #footMenu ul li:nth-child(2),
body.company #footMenu ul li:nth-child(3),
body.company #footMenu ul li:nth-child(4) {
	margin-bottom: 10px;
	display: flex;
	justify-content: center;
}


/*----------------------------------------  cssanimation  */

/**
 * cssanimation.css
 * https://www.cssanimatio.io
 * Created and maintained by: Pavel
 * Find me at: https://www.linkedin.com/in/yesiamrocks/
 * Email: hello@cssanimation.io
 * Github: https://github.com/yesiamrocks/cssanimation.io
 * Title: A CSS Animation Library for Developers and Ninjas
 * Copyright (c) 2017 Pavel
 * License: cssanimation.io is licensed under the MIT license
 **/

.cssanimation, .cssanimation span {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.cssanimation span { display: inline-block }

.leFadeInRight span { animation-name: leFadeInRight }
@keyframes leFadeInRight {
	from {
		opacity: 0;
		transform: translateX(60px);
	}
	to { opacity: 1 }
}




/*----------------------------------------  minor break point */
@media screen and (max-width: 374px) {

	.nav ul li span {
		left: 45%;
		padding: 4px 0px 4px 0px;
		width: 40px;
	}
	.nav ul li .icoTitle {
		font-size: 0.55rem;
	}

}