@charset "utf-8";

/* index page */
/*.layout01 #Content_inner img { width:100%;}*/
/*.link_arrow_w { background:url(/soccer/share/images/link_ic_w.png) no-repeat 95% 50%; padding-right:10px; }*/

body{
	color:#0b318f;
}

img {
	touch-callout: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
}

/* spドロワーメニュー */
#drawer{
	display:none;
}

/* スライド部分 */
#MainVis {
	width:100%;
	height:100%;
	overflow-x: hidden;
	overflow-y: hidden;
}

#MainVis .bgB{
	display:none;
}

#MainVis .slide_all {width: 100%; max-width:1280px;  margin: 0 auto; height: 100%; min-height:500px; position: relative;}
#MainVis .slide_wrap {width: 100%; min-width:3840px; position: absolute; left: 50%; margin-left: -1920px;}
#MainVis ul li a {cursor: pointer;}
/*#MainVis ul li.slide2 {
	cursor: default;
}*/

.YoutubeClose{
	width:5%;
	position: absolute;
	top:0;
	right:10%;
}

/* スライド部分 */

#Breadcrumb { margin:0; padding:0; background:#ffffff; }

#Main {}
#Main_inner { background:#ffffff;}
.layoutTop #Main_inner { width:960px; margin:0 auto;}

#navi{
	width:100%;
	max-width:960px;
	margin:0 auto 50px auto;
	height:60px;
}
	
#navi ul li{
	float:left;
	width: 13%;
}
#navi ul li:nth-child(1){
	float:left;
	width: 12%;
}
#navi ul li:nth-child(2){
	float:left;
	width: 12%;
}
#navi ul li:nth-child(3){
	float:left;
	width: 20%;
}
#navi ul li:nth-child(4){
	float:left;
	width: 20%;
}
#navi ul li:nth-child(5){
	float:left;
	width: 18%;
}
#navi ul li:nth-child(6){
	float:left;
	width: 13%;
}

#navi ul li.naviMt{
	margin-top:22px;
}

#navi ul li.end{
	float: right;
} 	
/*.layoutTop #Cont { width:960px;}*/

/* naviMove */
.naviMove {
    margin: 0 auto;
    width:100%;
	height:60px;
	background-color:#FFFFFF;
	display:none;
	z-index:100;
}

.naviMove ul {
    margin: 0 auto;
    width:100%;
	max-width:960px;
	background-color:#FFFFFF;
}

.naviMove02 {
	display: block;
}

.naviMove ul li{
	float:left;
	width:13%;
}
.naviMove ul li:nth-child(1){
	float:left;
	width: 12%;
}
.naviMove ul li:nth-child(2){
	float:left;
	width: 12%;
}
.naviMove ul li:nth-child(3){
	float:left;
	width: 20%;
}
.naviMove ul li:nth-child(4){
	float:left;
	width: 20%;
}
.naviMove ul li:nth-child(5){
	float:left;
	width: 18%;
}
.naviMove ul li:nth-child(6){
	float:left;
	width: 13%;
}

.naviMove ul li.naviMt{
	margin-top:22px;
}

.naviMove ul li.end{
	float: right;
} 

.fixed {
    position: fixed;
    top:0;
    left: 0;
    width:100%;
}
/* naviMove */

/*.news */
#newsArea{
	width:100%;
	max-width:960px;
	margin:0 auto 20px auto;
	}
	
#newsArea h2{
	margin-bottom:15px;
}

#newsArea .newsBtn{
	float:right;
	width:10.3%;
}

.newsTbl{
	width:100%;
}

.newsTbl td{
	padding-bottom:10px;
}

.newsTbl .date{
	width: 11%;
}

.newsTbl .summary{
}

#newsAreaSp{
	display:none;
	}

.newsTbl a:link{
	color:#0b318f; text-decoration:underline;
	}
	
.newsTbl a:visited{
	color:#0b318f; text-decoration:underline;
	}
	
.newsTbl a:hover{
	color:#d80c18; text-decoration: underline;
	}
					
.newsTbl a:active{
	color:#0b318f; text-decoration:underline;
	}	
	
/*.news */

/*.section01 */
#section01{
	position: relative;
	width:100%;
	margin:0 auto 50px auto;
	border-top:#0b318f 1px solid;
	border-bottom:#0b318f 1px solid;
	
	}


#section01 .inNer{
	opacity: 0;
	width:100%;
	max-width:960px;
	height: 509px;
	margin:0 auto;
/*	background:url(../images/messageB_bg.png) no-repeat right top;
	background-size:contain;*/
	/*padding-bottom: 50px;*/
}

#section01 .messageBg1 {
	display: block;
	position: absolute;
	left: 50%; bottom: 0;
	margin-left: -58px;
	opacity: 0;
}

#section01 .messageBg2,
#section01 .messageBg3 {
	display: block;
	position: absolute;
	right: 0; bottom: 0;
	opacity: 0;
}

/*#section01 .inNer .messageBg1,
#section01 .messageBg2,
#section01 .messageBg3 {
	opacity: 0;
}*/
#section01 .inNer h2.titPc{
	padding-top: 56px;
	margin-bottom: 36px;
	width:49%;
}

#section01 .inNer h2.titSp{
	display:none;
}

#section01 .inNer .text{
	margin-bottom: 36px;
	width: 43%;
	font-size: 12px;
	text-indent:-1em;
	margin-left:1em;
}

#section01 .inNer .secBtn{
	width:13%;
}

/*.section01 */

/*.section02 */
#section02_bg{
	width:100%;
	/* height:684px; */
	margin:0 auto 50px auto;
	background:url(../images/projectB_bg.jpg?2312) no-repeat center top;
	background-size:cover;
	position: relative;
    opacity: 0;
}

#section02_bg.visible{
    opacity: 1;
    animation-duration: 2s;
    animation-name: fade-in;
    -moz-animation-duration: 2s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: fade-in;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#section02{
	height:604px;
	margin:0 auto;
	width:100%;
	max-width:960px;
	padding:30px 0;
}

#section02 h2.titPc{
	margin-bottom:45px;
	width:100%;
	

}

#section02 h2.titSp{
	display:none;
}

#section02 .text{
	margin-bottom:26px;
	width:100%;
}

#section02 .secBtn01 {
    font-size: 15px;
    font-weight: bold;
	margin-bottom:20px;
}

#section02 .secBtn01 a {
	color: #0E3B96;
}

#section02 .secBtn01 a:hover {
	color: #F00000;
    text-decoration: none;
	transition: 0.5s;
}

#section02 .secBtn02{
	width:70%;
}

#section02 .secBtn01.hp_mgb0 {
    margin-bottom: 0;
}

#section02 .bgW{
	background:rgba(255, 255, 255, 0.8);
	/*opacity:0.8;*/
	padding:50px 20px;
	width:370px;
	float:right;

	margin-top:100px;
    opacity : 0;
}

#section02 .bgW.visible{
    background:rgba(255, 255, 255, 0.8) !important;
    opacity:1 !important;
    margin-top:0;
    animation-duration: 1.5s;
    animation-name: fade-in-alpha;
    -moz-animation-duration: 1.5s;
    -moz-animation-name: fade-in-alpha;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: fade-in-alpha;
}

#section02 .photoCopy{
	position:absolute;
	width: 100%;
	left: 0;
	bottom: 10px;
}

#section02 .photoCopy span{
	text-align:right;
	display:block;
	width:940px;
	margin:0 auto;
}

#section02 .photoCopy span img{
	float:right;
}

@keyframes fade-in-alpha {
    0% {
        opacity: 0;
        margin-top:100px;
    }
    100% {
        opacity: 1;
        margin-top:0;
    }
}

@-moz-keyframes fade-in-alpha {
    0% {
        opacity: 0;
        margin-top:100px;
    }
    100% {
        opacity: 1;
        margin-top:0;
    }
}

@-webkit-keyframes fade-in-alpha {
    0% {
        opacity: 0;
        margin-top:100px;
    }
    100% {
        opacity: 1;
        margin-top:0;
    }
}
/*.section02 */

/*.section03 */
#section03_bg{
    position: relative;
	width:100%;
	margin:0 auto 50px auto;
	background:url(../images/support38B_t_bg.jpg?2312) no-repeat center top;
	background-size:cover;
	height:600px;
	opacity: 0;
    overflow-y: hidden;
}

#section03_bg.visible{
    opacity: 1;
    animation-duration: 2s;
    animation-name: fade-in;
    -moz-animation-duration: 2s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: fade-in;
}

#section03{
	width:100%;
	max-width:960px;
	margin:0 auto;
	height:475px;
	padding: 30px 0;
}

#section03 .bgW{
	background:rgba(255, 255, 255, 0.8);
	/*opacity:0.8;*/
	padding:50px 20px;
	width:370px;
	float:right;

	margin-top:100px;
    opacity : 0;
}

#section03 .bgW.visible{
    background:rgba(255, 255, 255, 0.8) !important;
    opacity:1 !important;
    margin-top:0;
    animation-duration: 1.5s;
    animation-name: fade-in-alpha;
    -moz-animation-duration: 1.5s;
    -moz-animation-name: fade-in-alpha;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: fade-in-alpha;
}

#section03 h2.titPc{
	margin-bottom:45px;
	width:100%;
}

#section03 h2.titSp{
	display:none;
}

#section03 .text{
	margin-bottom:40px;
	width:100%;
}

/*
#section03 .inNer{
	width:100%;
	margin:0 auto;
	opacity: 0;
    padding-top:100px;
}

#section03 .inNer.visible{
    opacity: 1 !important;
    padding-top:0;
    animation-duration: 1.5s;
    animation-name: fade-in-beta;
    -moz-animation-duration: 1.5s;
    -moz-animation-name: fade-in-beta;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: fade-in-beta;
}
*/


@keyframes fade-in-beta {
    0% {
        opacity: 0;
        padding-top:100px;
    }
    100% {
        opacity: 1;
        padding-top:0;
    }
}

@-moz-keyframes fade-in-beta {
    0% {
        opacity: 0;
        padding-top:100px;
    }
    100% {
        opacity: 1;
        padding-top:0;
    }
}

@-webkit-keyframes fade-in-beta {
    0% {
        opacity: 0;
        padding-top:100px;
    }
    100% {
        opacity: 1;
        padding-top:0;
    }
}

/*
#section03 .inNer .innerL{
	float:left;
	width:57.3%;
}

#section03 .inNer .innerR{
	float: right;
	width:40.6%;
}
#section03 .inNer .innerR p {
  display: none;
}


#section03 .inNer h2.titPc{
	padding-top:45px;
	margin-bottom:50px;
	width:100%;
}

#section03 .inNer h2.titSp{
	display:none;
}

#section03 .inNer .innerL .text{
	margin-bottom:20px;
}

#section03 .inNer .innerL .scheSP{
	display:none;
}


#section03 .inNer .innerR ul{
	margin-bottom:0;
}

#section03 .inNer .innerR ul li{
  padding-bottom: 20px;
}

#section03 .inNer .innerR ul li.btn01{
	width:48.1%;
}

#section03 .inNer .innerR ul li.btn02{
	width:86.6%;
}

#section03 .inNer .innerR ul li.btn03{
	width:92.8%;
}
#section03 .inNer .innerR ul li.btn04{
	width:67.6%;
}
#section03 .inNer .innerR ul li.btn05{
	width:48.1%;
}
*/

#section03 .photoCopy{
  position:absolute;
  width: 100%;
  left: 0;
  bottom: 10px;
}
#section03 .photoCopy span{
  text-align:right;
  display:block;
  width:940px;
  margin:0 auto;
}
#section03 .photoCopy span img{
  float:right;
}

/*.section03 */

/*.section04 */
#section04{
	width:100%;
	max-width:960px;
	margin:0 auto 50px auto;
}

#section04 h2{
	margin-bottom:20px;
	width:11%;
}

#section04 ul li{
	width:48.9%;
	/*float:left;*/
}

#section04 ul li.mL{
	float: left ;
	/*margin-right:21px;*/
}

#section04 ul li.mR{
	float: right;
	/*margin-right:21px;*/
}

/*.section04 */


/*.section05 */
#section05_bg{
  position: relative;
	width:100%;
	margin:0 auto 50px auto;
	background:url(../images/history_bg.jpg) no-repeat center top;
	background-size:cover;
	color:#FFFFFF;
	height:475px;
	
	opacity: 0;
    overflow-y: hidden;
}

#section05_bg.visible{
    opacity: 1;
    animation-duration: 2s;
    animation-name: fade-in;
    -moz-animation-duration: 2s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: fade-in;
}

#section05{
	width:100%;
	max-width:960px;
	margin:0 auto;
	height:475px;
}

#section05 .inNer{
	width:100%;
	margin:0 auto;
	
	opacity: 0;
    padding-top:100px;
}

#section05 .inNer.visible{
    opacity: 1 !important;
    padding-top:0;
    animation-duration: 1.5s;
    animation-name: fade-in-beta;
    -moz-animation-duration: 1.5s;
    -moz-animation-name: fade-in-beta;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: fade-in-beta;
}

@keyframes fade-in-beta {
    0% {
        opacity: 0;
        padding-top:100px;
    }
    100% {
        opacity: 1;
        padding-top:0;
    }
}

@-moz-keyframes fade-in-beta {
    0% {
        opacity: 0;
        padding-top:100px;
    }
    100% {
        opacity: 1;
        padding-top:0;
    }
}

@-webkit-keyframes fade-in-beta {
    0% {
        opacity: 0;
        padding-top:100px;
    }
    100% {
        opacity: 1;
        padding-top:0;
    }
}

#section05 .inNer .innerL{
	float:left;
	width:57.3%;
}

#section05 .inNer .innerR{
	float: right;
	width:40.6%;
}
#section05 .inNer .innerR p {
  display: none;
}


#section05 .inNer h2.titPc{
	padding-top:45px;
	margin-bottom:50px;
	width:100%;
}

#section05 .inNer h2.titSp{
	display:none;
}

#section05 .inNer .innerL .text{
	margin-bottom:20px;
}

#section05 .inNer .innerL .scheSP{
	display:none;
}


#section05 .inNer .innerR ul{
	margin-bottom:0;
}

#section05 .inNer .innerR ul li{
  padding-bottom: 20px;
}

#section05 .inNer .innerR ul li.btn01{
	width:58.5%;
}

#section05 .inNer .innerR ul li.btn02{
	width:43.8%;
}

#section05 .inNer .innerR ul li.btn03{
	width:92.8%;
}

#section05 .photoCopy{
  position:absolute;
  width: 100%;
  left: 0;
  bottom: 10px;
}
#section05 .photoCopy span{
  text-align:right;
  display:block;
  width:940px;
  margin:0 auto;
}
#section05 .photoCopy span img{
  float:right;
}

/*.section05 */








/*.section06 */
#section06_bg{
  position: relative;
	width:100%;
	margin:0 auto 50px auto;
	background:url(../images/fanzone_bg.jpg) no-repeat center top;
	background-size:cover;
	color:#FFFFFF;
	height:600px;
	
	opacity: 0;
    overflow-y: hidden;
}

#section06_bg.visible{
    opacity: 1;
    animation-duration: 2s;
    animation-name: fade-in;
    -moz-animation-duration: 2s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: fade-in;
}

#section06{
	width:100%;
	max-width:960px;
	margin:0 auto;
	height:475px;
}

#section06 .inNer{
	width:100%;
	margin:0 auto;
	
	opacity: 0;
    padding-top:100px;
}
#section06 .inNer h2.titPc{
	padding-top:90px;
	margin-bottom:50px;
	width:100%;
}

#section06 .inNer h2.titSp{
	display:none;
}

#section06 .inNer.visible{
    opacity: 1 !important;
    padding-top:0;
    animation-duration: 1.5s;
    animation-name: fade-in-beta;
    -moz-animation-duration: 1.5s;
    -moz-animation-name: fade-in-beta;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: fade-in-beta;
}
#section06 .bgW{
	background:rgba(255, 255, 255, 0.5);
    opacity : 0;
}

#section06 .bgW.visible{
    background:rgba(255, 255, 255, 0.5) !important;
    opacity:1 !important;
    margin-top:0;
    animation-duration: 1.5s;
    animation-name: fade-in-alpha;
    -moz-animation-duration: 1.5s;
    -moz-animation-name: fade-in-alpha;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: fade-in-alpha;
}

@keyframes fade-in-beta {
    0% {
        opacity: 0;
        padding-top:100px;
    }
    100% {
        opacity: 1;
        padding-top:0;
    }
}

@-moz-keyframes fade-in-beta {
    0% {
        opacity: 0;
        padding-top:100px;
    }
    100% {
        opacity: 1;
        padding-top:0;
    }
}

@-webkit-keyframes fade-in-beta {
    0% {
        opacity: 0;
        padding-top:100px;
    }
    100% {
        opacity: 1;
        padding-top:0;
    }
}

#section06 .inNer .innerL{
	float:left;
	width:255px;
}

#section06 .inNer .innerR{
	float: right;
	width:410px;
}
#section06 .inNer .innerR p {
}


#section06 .inNer .innerL .textBox{
	margin:0px 0px 50px 0;
}

#section06 .inNer .innerL .btn{
	margin-bottom: 50px;

}
#section06 .inNer .innerL .logo{
}


#section06 .inNer .innerR .newsSection p.img img{
	width: 100%;
	height: auto;
}
#section06 .inNer .innerR .newsSection p.img:hover{
	opacity: .8;
}
#section06 .inNer .innerR .newsSection p.info{
	color:#0b318f;
	padding: 20px;
}



/*.section06 */



















.share_area h6{
	color:#000000;
}

/*
 responsive start
================================================================== */
@media screen and (max-width: 1280px){
/* スライド部分 */
#MainVis {
	width:100%;
	height:100%;
	overflow-x: hidden;
	overflow-y: hidden;
}

#MainVis .bgB{
	display:none;
}

#MainVis .slide_all {width: 100%; max-width:1280px;  margin: 0 auto; height: 100%; min-height:500px; position: relative;}
#MainVis .slide_wrap {width: 100%; min-width:3840px; position: absolute; left: 50%; margin-left: -1920px;}
#MainVis ul li a {cursor: pointer;}
#MainVis ul li.slide1 {
	cursor: default;
}

/* スライド部分 */


	
}


/*
 responsive start
================================================================== */
@media screen and (max-width: 1024px){

/* spドロワーメニュー */
#drawer{
	display:none;
}	
	
/* スライド部分 */
#MainVis {
	width:100%;
	height:100%;
	min-height:375px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#MainVis .bgB{
	display:none;
}

#MainVis .slide_all {width: 100%; min-width:960px;  margin: 0 auto; height: 100%; min-height:300px; position: relative;}
#MainVis .slide_wrap {width: 100%; min-width:2880px; position: absolute; left: 50%; margin-left: -1440px;}

/* スライド部分 */
	
/*.section02 */
#section02_bg{
	width:100%;
	height:664px;
	margin:0 auto 50px auto;
	background:url(../images/project_bg.jpg?2312) no-repeat left top;
	background-size:cover;

    opacity: 0;
}
/*.section02 */

}

/*
 responsive start
================================================================== */
@media screen and (max-width: 960px){
	
#drawer{
	display:none;
}

/* スライド部分 */
#MainVis {
	width:100%;
	height:100%;
	min-height:300px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#MainVis .bgB{
	display:none;
}

#MainVis .slide_all {width: 100%; min-width:768px;  margin: 0 auto; height: 100%; position: relative;}
#MainVis .slide_wrap {width: 100%; min-width:2304px; position: absolute; left: 50%; margin-left: -1152px;}

/* スライド部分 */	
	
#navi{
	width:95%;
	max-width:768px;
	margin:0 auto 50px auto;
	height:60px;
}
	
#navi ul li{
	float:left;
	width:13%;
}
#navi ul li:nth-child(4){
	float:left;
	width:20%;
}

#navi ul li.naviMt{
	margin-top:22px;
}

#navi ul li.end{
	float: right;
} 	
/*.layoutTop #Cont { width:960px;}*/

/* naviMove */
.naviMove {
    margin: 0 auto;
    width:95%;
	height:60px;
	background-color:#FFFFFF;
	display:none;
	z-index:100;
}

.naviMove ul {
    margin: 0 auto;
    width:95%;
	max-width:960px;
	background-color:#FFFFFF;
}

.naviMove02 {
	display: block;
}


.naviMove ul li{
	float:left;
	width:13%;
}
.naviMove ul li:nth-child(4){
	float:left;
	width:20%;
}

.naviMove ul li.naviMt{
	margin-top:22px;
}

.naviMove ul li.end{
	float: right;
} 

.fixed {
    position: fixed;
    top:0;
    left: 0;
    width:100%;
}
/* naviMove */

/*.news */
#newsArea{
	width:95%;
	max-width:960px;
	margin:0 auto 20px auto;
	}
	
#newsArea h2{
	margin-bottom:15px;
}

#newsArea .newsBtn{
	float:right;
	width:10.3%;
}	
	
.newsTbl{
	width:100%;
}

.newsTbl td{
	padding-bottom:10px;
}

.newsTbl .date{
	width:10%;
}

.newsTbl .summary{
}

#newsAreaSp{
	display:none;
	}
	
.newsTbl a:link{
	color:#0b318f; text-decoration:underline;
	}
	
.newsTbl a:visited{
	color:#0b318f; text-decoration:underline;
	}
	
.newsTbl a:hover{
	color:#d80c18; text-decoration:underline;
	}
					
.newsTbl a:active{
	color:#0b318f; text-decoration:underline;
	}	
/*.news */

/*.section01 */
#section01{
	position: relative;
	width:100%;
	margin:0 auto 50px auto;
	border-top:#0b318f 1px solid;
	border-bottom:#0b318f 1px solid;
	
	}


#section01 .inNer{
	opacity: 0;
	width:95%;
	max-width:960px;
	margin:0 auto;
/*	background:url(../images/message_bg.jpg) no-repeat right top;
	background-size:contain;*/
	/*padding-bottom:50px;*/
}

/*#section01 .messageBg1,
#section01 .messageBg3 {
	opacity: 0;
}
#section01 .messageBg2 {
	opacity: 1;
}*/

#section01 .inNer h2.titPc{
	margin-top:60px;
	padding:0;
	margin-bottom:40px;
	width:49%;
}

#section01 .inNer h2.titSp{
	display:none;
}

#section01 .inNer .text{
	margin-bottom:50px;
	width:40%;
	text-indent:-1em;
	margin-left:1em;
}

#section01 .inNer .secBtn{
	width:13.3%;
}

/*.section01 */

/*.section02 */
#section02_bg{
	width:100%;
	min-width:960px;
	margin:0 auto 50px auto;
	background:url(../images/project_bg.jpg?2312) no-repeat left top;
	background-size:cover;

}

#section02{
	width:100%;
	margin:0 auto;
	padding:30px 0;
	width: 95%;
	
}



#section02 h2.titPc{
	margin-bottom:40px;
	width:60%;

}

#section02 h2.titSp{
	display:none;
}

#section02 .text{
	margin-bottom:50px;
	width:100%;
}

#section02 .secBtn01{
	margin-bottom:20px;
	width:70%;
}
#section02 .secBtn01.secBtn01__large {
	width:85%;
}

#section02 .secBtn02{
	width:70%;
}

#section02 .bgW{
	background:rgba(255, 255, 255, 0.8);
	/*opacity:0.8;*/
	padding:50px 20px;
	width:43%;
	margin-bottom:30px;
	margin-left:300px;
}

#section02 .photoCopy span{
	width:auto;
	padding-right: 10px;
}

/*.section02 */

/*.section03 */
#section03_bg{
	width:100%;
	min-width:960px;
	margin:0 auto 50px auto;
	background:url(../images//support38B_t_bg.jpg?2312) no-repeat center top;
	background-size:cover;
	min-height:600px;
}

#section03{
	width:100%;
	margin:0 auto;
}

/*
#section03 .inNer{
	width:95%;
	margin:0 auto;
}

#section03 .inNer .innerL{
	float:left;
	width:57.3%;
}

#section03 .inNer .innerR{
	float: right;
	width:40.6%;
}


#section03 .inNer h2.titPc{
	padding-top:50px;
	margin-bottom:20px;
	width:74.5%;
}

#section03 .inNer h2.titSp{
	display:none;
}

#section03 .inNer .innerL .text{
	margin-bottom:20px;
}

#section03 .inNer .innerL .scheSP{
	display:none;
}


#section03 .inNer .innerL ul{
	margin-bottom:0;
}

#section03 .inNer .innerR ul li{
  padding-bottom: 20px;
}

#section03 .inNer .innerR ul li.btn01{
	width:48.1%;
}

#section03 .inNer .innerR ul li.btn02{
	width:86.6%;
}

#section03 .inNer .innerR ul li.btn03{
	width:92.8%;
}
#section03 .inNer .innerR ul li.btn04{
	width:67.6%;
}
#section03 .inNer .innerR ul li.btn05{
	width:48.1%;
}
*/

#section03 .photoCopy span{
  width:auto;
  padding-right: 10px;
}

/*.section03 */

/*.section04 */
#section04{
	width:95%;
	max-width:960px;
	margin:0 auto 50px auto;
}

#section04 h2{
	margin-bottom:20px;
	width:11%;
}

#section04 ul li{
	width:48.9%;
	float:left;
}

#section04 ul li.mL{
	float: left ;
	margin-right:2.1%;
}

#section04 ul li.mR{
	
	float: left ;
}

/*.section04 */	


/*.section05 */
#section05_bg{
	width:100%;
	min-width:960px;
	margin:0 auto 50px auto;
	background:url(../images/history_bg.jpg) no-repeat center top;
	background-size:cover;
	color:#FFFFFF;
	min-height:476px;
}

#section05{
	width:100%;
	margin:0 auto;
	
}

#section05 .inNer{
	width:95%;
	margin:0 auto;
}

#section05 .inNer .innerL{
	float:left;
	width:57.3%;
}

#section05 .inNer .innerR{
	float: right;
	width:40.6%;
}


#section05 .inNer h2.titPc{
	padding-top:50px;
	margin-bottom:20px;
	width:74.5%;
}

#section05 .inNer h2.titSp{
	display:none;
}

#section05 .inNer .innerL .text{
	margin-bottom:20px;
}

#section05 .inNer .innerL .scheSP{
	display:none;
}


#section05 .inNer .innerL ul{
	margin-bottom:0;
}

#section05 .inNer .innerR ul li{
  padding-bottom: 20px;
}

#section05 .inNer .innerR ul li.btn01{
	width:58.5%;
}

#section05 .inNer .innerR ul li.btn02{
	width:43.8%;
}

#section05 .inNer .innerR ul li.btn03{
	width:92.8%;
}

#section05 .photoCopy span{
  width:auto;
  padding-right: 10px;
}

/*.section05 */






}

/*
for tablet
================================================================== */
@media screen and (max-width: 768px){

/* spドロワーメニュー */	
#drawer{
	display:none;
}	
	
/* スライド部分 */
#MainVis {
	width:100%;
	height:100%;
	min-height:150px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#MainVis .slide_all {width: 100%; min-width:100%;  min-height: 100%; margin: 0 auto; height: 100%; position: relative;}
#MainVis .slide_wrap {width: 100%; min-width:300%; position: absolute; left: 0; margin-left: -100%;}

/* スライド部分 */

#Breadcrumb { margin:0; padding:0; background:#ffffff; }

#Main {}
#Main_inner { background:#ffffff;}
.layoutTop #Main_inner { width:960px; margin:0 auto;}

#navi{
	width:95%;
	max-width:960px;
	margin:0 auto 50px auto;
	height:60px;
}
	
#navi ul li{
	float:left;
	width:13%;
}
#navi ul li:nth-child(4){
	float:left;
	width:20%;
}

#navi ul li.naviMt{
	margin-top:22px;
}

#navi ul li.end{
	float: right;
} 	
/*.layoutTop #Cont { width:960px;}*/

/* naviMove */
.naviMove {
    margin: 0 auto;
    width:95%;
	height:48px;
	background-color:#FFFFFF;
	display:none;
	z-index:100;
}

.naviMove ul {
    margin: 0 auto;
    width:95%;
	max-width:960px;
	background-color:#FFFFFF;
}

.naviMove02 {
	display: block;
}

.naviMove ul li{
	float:left;
	width:13%;
}
.naviMove ul li:nth-child(4){
	float:left;
	width:20%;
}


.naviMove ul li.naviMt{
	margin-top:22px;
}

.naviMove ul li.end{
	float: right;
} 

.fixed {
    position: fixed;
    top:0;
    left: 0;
    width:100%;
}
/* naviMove */

/*.news */
#newsArea{
	width:95%;
	max-width:960px;
	margin:0 auto 20px auto;
	}
	
#newsArea h2{
	margin-bottom:15px;
	width:6%;
}

#newsArea .newsBtn{
	float:left;
	width:10.3%;
	padding-left:85%;
}	
	
.newsTbl{
	width:100%;
}

.newsTbl td{
	padding-bottom:10px;
}

.newsTbl .date{
	width:15%;
}

.newsTbl .summary{
	width:85%;
}

#newsAreaSp{
	display:none;
	}
	
.newsTbl a:link{
	color:#0b318f; text-decoration:underline;
	}
	
.newsTbl a:visited{
	color:#0b318f; text-decoration:underline;
	}
	
.newsTbl a:hover{
	color:#d80c18; text-decoration:underline;
	}
					
.newsTbl a:active{
	color:#0b318f; text-decoration:underline;
	}	
/*.news */

/*.section01 */
#section01{
	position: relative;
	width:100%;
	margin:0 auto 50px auto;
	border-top:#0b318f 1px solid;
	border-bottom:#0b318f 1px solid;
	
	}


#section01 .inNer{
	opacity: 0;
	width:95%;
	max-width:960px;
	margin:0 auto;
/*	background:url(../images/message_bg.jpg) no-repeat right top;
	background-size:contain;
	padding-bottom:50px;*/

}

/*#section01 .messageBg1,
#section01 .messageBg3 {
	opacity: 0;
}
#section01 .messageBg2 {
	opacity: 1;
}*/
#section01 .inNer h2.titPc{
	margin-top:60px;
	padding:0;
	margin-bottom:40px;
	width:49%;
}

#section01 .inNer h2.titSp{
	display:none;
}

#section01 .inNer .text{
	margin-bottom:50px;
	width: 40%;
	text-indent:-1em;
	margin-left:1em;
}

#section01 .inNer .secBtn{
	width:13.3%;
}

/*.section01 */

/*.section02 */
#section02_bg{
	width:100%;
	min-width:768px;
	margin:0 auto 50px auto;
	background:url(../images/project_bg.jpg?2312) no-repeat center top;
	background-size:cover;

}

#section02{
	width:100%;
	margin:0 auto;
	padding:50px 0 30px 0;
	
}



#section02 h2.titPc{
	margin-bottom:40px;
	width:60%;

}

#section02 h2.titSp{
	display:none;
}

#section02 .text{
	margin-bottom:50px;
	width:100%;
}

#section02 .secBtn01{
	margin-bottom:20px;
	width:54%;
}
#section02 .secBtn01.secBtn01__large {
	width:64%;
}

#section02 .secBtn02{
	width:54%;
}

#section02 .bgW{
	background:rgba(255, 255, 255, 0.8);
	/*opacity:0.8;*/
	padding:50px 20px;
	width:50%;
	/*margin-bottom:30px;*/
	margin-right: 2.5%;
}

/*.section02 */

/*.section03 */
#section03_bg{
	width:100%;
	min-width:768px;
	margin:0 auto 50px auto;
	background:url(../images/support38B_t_bg.jpg?2312) no-repeat center top;
	background-size:cover;
	min-height:600px;
}

#section03{
	width:100%;
	margin:0 auto;
	min-height:545px;
	
}

#section03 .bgW{
	background:rgba(255, 255, 255, 0.8);
	/*opacity:0.8;*/
	padding:50px 20px;
	width:50%;
	/*margin-bottom:30px;*/
	margin-right: 2.5%;
}

/*
#section03 .inNer{
	width:95%;
	margin:0 auto;
}

#section03 .inNer .innerL{
	float:left;
	width:62%;
}

#section03 .inNer .innerR{
	float: right;
	width:38%;
	margin-right:-10px;
}


#section03 .inNer .innerL h2.titPc{
	margin-top:50px;
	margin-bottom:20px;
	width:74.5%;
}

#section03 .inNer .innerL h2.titSp{
	display:none;
}

#section03 .inNer .innerL .text{
	margin-bottom:20px;
}
*/

/*.section03 */

/*.section04 */
#section04{
	width:95%;
	max-width:960px;
	margin:0 auto 50px auto;
}

#section04 h2{
	margin-bottom:20px;
	width:11%;
}

#section04 ul li{
	width:48%;
	float:left;
}

#section04 ul li.mL{
	float: left ;
	margin-right:3.9%;
}

#section04 ul li.mR{
	
	float: left ;
}

/*.section04 */	
/*.section05 */
#section05_bg{
	width:100%;
	min-width:768px;
	margin:0 auto 50px auto;
	background:url(../images/history_bg.jpg) no-repeat center top;
	background-size:cover;
	color:#FFFFFF;
	min-height:476px;
}

#section05{
	width:100%;
	margin:0 auto;
	
}

#section05 .inNer{
	width:95%;
	margin:0 auto;
}

#section05 .inNer .innerL{
	float:left;
	width:62%;
}

#section05 .inNer .innerR{
	float: right;
	width:38%;
	margin-right:-10px;
}


#section05 .inNer .innerL h2.titPc{
	margin-top:50px;
	margin-bottom:20px;
	width:74.5%;
}

#section05 .inNer .innerL h2.titSp{
	display:none;
}

#section05 .inNer .innerL .text{
	margin-bottom:20px;
}


/*.section03 */
	
}

/*
for smartphone
================================================================== */
@media screen and (max-width: 668px){
	
/*.section02 */
#section02_bg{
	width:100%;
	min-width:667px;
	margin:0 auto 50px auto;
	background:url(../images/project_bg.jpg?2312) no-repeat left top;
	background-size:cover;

}
/*.section02 */

/*.section03 */
#section03_bg{
	width:100%;
	min-width:667px;
	margin:0 auto 50px auto;
	background:url(../images/support38B_t_bg.jpg?2312) no-repeat center top;
	background-size:cover;
	min-height:545px;
}

/*.section03 */

/*.section04 */
#section04 ul li.mL{
	float: left ;
	margin-right:3.8%;
}

#section04 ul li.mR{
	
	float: left ;
}
/*.section04 */	
/*.section05 */
#section05_bg{
	width:100%;
	min-width:667px;
	margin:0 auto 50px auto;
	background:url(../images/history_bg.jpg) no-repeat center top;
	background-size:cover;
	color:#FFFFFF;
	min-height:476px;
}

/*.section05 */	
	
/*.section06 */
#section06_bg{
	width:100%;
	min-width:667px;
	margin:0 auto 50px auto;
	background:url("../images/fanzone_bg.jpg") no-repeat center top;
	background-size:cover;
	color:#FFFFFF;
	min-height:476px;
}

/*.section05 */		
}

/*
for smartphone
================================================================== */
@media screen and (max-width: 640px){

/* spドロワーメニュー */	
#drawer{
	position:absolute;
	display:block;
	z-index:100;
	top:0;
}
	
#drawer .btnOpen{
	width:40px;
	height:40px;
	position:fixed;
	bottom:5%;
	left:10px;
}

#drawer .drawerMenu{
	display: none;
	position:fixed;
	top:0;
	left:0;
	margin-left:-160px;
	width:160px;
	height:1000px;
	background-color:#0a308f;
	padding: 80px 0;
}

#drawer .drawerMenu ul{
	margin-left:20px;
}

#drawer .drawerMenu ul li{
	margin-bottom:38px;
	width:59px;
	height:10px;
}
#drawer .drawerMenu ul li:nth-child(1){
	width:62px;
}
#drawer .drawerMenu ul li:nth-child(2){
	width:62px;
}
	#drawer .drawerMenu ul li:nth-child(3){
	width:90px;
}

#drawer .drawerMenu ul li p.facebook{
	margin:10px 0 10px 0;
	height:25px !important;
	
	
}

#drawer .drawerMenu ul li p.twitter{
	height:40px !important;
	
}

#drawer .drawerMenu .btnClose{
	margin-left:10px;
	width:40px;
	height:40px;
	margin-top:130px;
}

/* スライド部分 */
#MainVis {
    width:100%;
    height:auto;
    min-height:125px;
    overflow-x: hidden;
    overflow-y: hidden;
}

#MainVis .slide_all {width: 100%; min-width:100%;  min-height: 100%; margin: 0 auto; height: 100%; position: relative;}
#MainVis .slide_wrap {width: 100%; min-width:300%; position: absolute; left: 0; margin-left: -100%;}

.bx-pager {
    width:33.33433% !important;
    top:100% !important;
    margin-left:33.33433% !important;
}

.YoutubeClose{
	width:10%;
	position: absolute;
	top:5%;right:5%;
}

/* スライド部分 */

/* スライド部分 */	

#navi{display:none;}
.naviMove02 {display:none;}
.fixed {display:none;}


/*.news */
#newsArea{
	display:none;
}


#newsAreaSp{
	width:87.5%;
	margin:0 auto 20px auto;
	display:block;
	}
	
#newsAreaSp h2{
	margin-bottom:10px;
	width:11.7%;
}

#newsAreaSp .newsBtn{
	float:right;
	width:21.7%;
}

#newsAreaSp dl{
	width:100%;
}

#newsAreaSp dl dd{
	margin-bottom:10px;
}

#newsAreaSp a:link{
	color:#0b318f; text-decoration:underline;
	}
	
#newsAreaSp a:visited{
	color:#0b318f; text-decoration:underline;
	}
	
#newsAreaSp a:hover{
	color:#d80c18; text-decoration:underline;
	}
					
#newsAreaSp a:active{
	color:#0b318f; text-decoration:underline;
	}

/*.news */

/*.section01 */
#section01{
	position: relative;
	width:100%;
	margin:0 auto 20px auto;
	border-top:none;
	border-bottom:#0b318f 1px solid;
/*	background:url(../images/message_bg_sp.jpg) no-repeat right bottom;
	background-size: contain;*/
	font-size:0.8em;
}

#section01 .inNer {
	opacity: 0;
	height: auto;
	min-height: 434px;
}

/*#section01 .messageBg1,
#section01 .messageBg2 {
	opacity: 0;
}
#section01 .messageBg3 {
	opacity: 1;
}*/

#section01 .inNer{
	width:84.3%;
	margin:0 auto;
	background:none;

}

#section01 .inNer h2.titPc{
	display:none;
}

#section01 .inNer h2.titSp{
	margin-top:15px;
	margin-bottom:15px;
	width:66.7%;
	display:block;
}

#section01 .inNer .text{
	margin-bottom:20px;
	width: 45%;
	font-size: 10px;
	text-indent:-1em;
	margin-left:1em;
	font-size:0.8em;
}

#section01 .inNer .secBtn{
	width:34%;
}

/*.section01 */

/*.section02 */
#section02_bg{
	width:100%;
	height:100%;
	min-height:320px;
	min-width:320px;
	margin:0 auto 20px auto;
	background:url(../images/project_bg_sp.jpg?2312) no-repeat left top;
	background-size: cover;
	padding: 57% 0 3% 0;
	overflow:hidden;
	/*min-height:232px;
	overflow-y: hidden;*/
}


#section02{
	width:100%;
	height:100%;
	margin:0 auto;
	font-size:0.8em;
}

#section02 .bgW{
	background-color:#FFFFFF;
	opacity:0.8;
	padding:20px 10px;
	width:65%;
	margin-bottom:0;
	margin-right: 5%;
}

#section02 h2.titPc{
	display:none;
}

#section02 h2.titSp{
	margin-bottom:20px;
	width:100%;
	display:block;
}

#section02 .text{
	margin-bottom:20px;
	width:100%;
}

#section02 .secBtn01{
	margin-bottom:16px;
	width:85%;
}
#section02 .secBtn01.secBtn01__large {
	width:100%;
}

#section02 .secBtn02{
	width:85%;
}

/*.section02 */

/*.section03 */

#section03_bg{
	width:100%;
	min-width:220px;
	margin:0 auto 20px auto;
	/* background:none; */
	background:url(../images/support38B_t_bg.jpg?2312) no-repeat center top;
	background-size: cover;

	height:100%;
	min-height:320px;
}


#section03{
	width:100%;
    height: 390px;
	margin:0 auto;
	font-size:0.8em;
}

#section03 .bgW{
	background-color:#FFFFFF;
	opacity:0.8;
	padding:20px 10px;
	width:65%;
	margin-bottom:0;
	margin-right: 5%;
}

#section03 h2.titPc{
	display:none;
}

#section03 h2.titSp{
	margin-bottom:20px;
	width:100%;
	display:block;
}

#section03 .text{
	margin-bottom:20px;
	width:100%;
}

#section03 .photoCopy{
  position:absolute;
  width: 100%;
  left: 0;
}

/*.section03 */

/*.section04 */
#section04{
	width:87.5%;
	margin:0 auto 50px auto;
}

#section04 h2{
	margin-bottom:20px;
	width:22.8%;
}

#section04 ul li{
	width:100%;
	float:left;
	margin-bottom:30px;
}

#section04 ul li.mR{
	margin-right:0;
}

/*.section04 */
/*.section05 */
#section05_bg{
	width:100%;
	min-width:320px;
	margin:0 auto 20px auto;
	background:none;
	height:100%;
	min-height:320px;

}


#section05{
	width:100%;
    height: 390px;
	margin:0 auto;
	background:url(../images/history_bg_sp.jpg) no-repeat center top;
	background-size: cover;
	color:#FFFFFF;
	font-size:0.8em;
}

#section05 .inNer{
	width:87.5%;
	margin:0 auto;
}

#section05 .inNer .innerL{
	float:none;
	width:100%;
}

#section05 .inNer .innerR{
	float:none;
	width:100%;
}

#section05 .inNer h2.titPc{
	display:none;
}

#section05 .inNer h2.titSp{
	padding-top:25px;
	margin-bottom:10px;
	width:100%;
	display: block;
}

#section05 .inNer .innerL .text{
	margin-bottom:10px;
}

#section05 .inNer .innerR ul{
	margin-bottom:0;
  padding-top:10px;
}

#section05 .inNer .innerR ul li{
  margin: 0;
  padding: 0 0 10px 0;
}

#section05 .inNer .innerR ul li.btn01{
	width:58.5%;
}

#section05 .inNer .innerR ul li.btn02{
	width:43.8%;
}

#section05 .inNer .innerR ul li.btn03{
	width:92.8%;
}

/*.section05 */
	
	
	
	
	
	
	
/*.section06 */
#section06_bg{
	width:100%;
	min-width:320px;
	margin:0 auto 20px auto;
	background:none;
	height:100%;
	min-height:320px;
}

#section06{
	width:100%;
  height: 680px;
	margin:0 auto;
	background:url(../images/fanzone_bg_sp.jpg) no-repeat center top;
	background-size: cover;
	color:#FFFFFF;
	font-size:0.8em;
}

#section06 .inNer{
	width:87.5%;
	margin:0 auto;
    padding-top:0px;
}
#section06 .inNer h2.titPc{
	display: none;
}

#section06 .inNer h2.titSp{
	padding-top:25px;
	margin-bottom:10px;
	width:100%;
	display: block;
}
#section06 .inNer h2.titSp img{
	width: 50vw;
	height: auto;

}	



#section06 .inNer .innerL{
	float:none;
	width:auto;
}

#section06 .inNer .innerR{
	float: none;
	width: auto;
}

#section06 .inNer .innerL .textBox{
	margin:20px 0;
	font-size:12px; 

}

#section06 .inNer .innerL .btn{
	margin-bottom: 20px;

}
#section06 .inNer .innerL .btn img{	
	width: 26.15vw;
	}
#section06 .inNer .innerL .logo{
	margin-bottom: 50px;
}
	
#section06 .inNer .innerL .logo img{	
	width: 26.15vw;
	}


#section06 .inNer .innerR .newsSection p.img img{
	width: 100%;
	height: auto;
}
#section06 .inNer .innerR .newsSection p.img:hover{
	opacity: 1;
}
#section06 .inNer .innerR .newsSection p.info{
	color:#0b318f;
	padding: 20px;
		font-size:14px; 
}



/*.section06 */	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

/*-------------------------------------------*/
@media screen and (max-width: 604px){
	/*.section01 */
	#section01{
		position: relative;
		width: 100%;
		margin: 0 auto 20px auto;
		border-top: none;
		border-bottom: #0b318f 1px solid;
		font-size: 0.8em;
	}

	#section01 .inNer {
		opacity: 0;
		height: auto;
		min-height: 484px;
	}

	#section01 .text {
		font-size: 10px;
	}


/*	#section01 .messageBg1,
	#section01 .messageBg2 {
		opacity: 0;
	}
	#section01 .messageBg3 {
		opacity: 1;
	}*/
}

/*-------------------------------------------*/
@media screen and (max-width: 414px){
	/*.section01 */
	#section01{
		position: relative;
		width: 100%;
		margin: 0 auto 20px auto;
		border-top: none;
		border-bottom: #0b318f 1px solid;
		font-size: 0.8em;
	}

	#section01 .inNer {
		opacity: 0;
		height: auto;
		min-height: 340px;
	}

	#section01 .text {
		font-size: 10px;
	}

/*	#section01 .messageBg1,
	#section01 .messageBg2 {
		opacity: 0;
	}
	#section01 .messageBg3 {
		opacity: 1;
	}*/
}

/*-------------------------------------------*/
@media screen and (max-width: 375px){
	/*.section01 */
	#section01{
		position: relative;
		width: 100%;
		margin: 0 auto 20px auto;
		border-top: none;
		border-bottom: #0b318f 1px solid;
		font-size: 0.8em;
	}

	#section01 .inNer {
		opacity: 0;
		height: auto;
		min-height: 320px;
	}

	#section01 .text {
		font-size: 10px;
	}

/*	#section01 .messageBg1,
	#section01 .messageBg2 {
		opacity: 0;
	}
	#section01 .messageBg3 {
		opacity: 1;
	}*/
}