@charset "utf-8";

/* ---------------------------------------------------------------------------------
base */

*{}

@media(max-width:750px){
	
body{ font-size:140%;}

}

li img{ width:100%;}

img{ vertical-align:bottom;}

a:link{ color:#FF8C9B;text-decoration: none;}
a:visited{ color:#FF8C9B;text-decoration: none;}
a:active{ color:#ee6fb2;text-decoration:underline;}
a:hover{ color:#ff0000;text-decoration:none;}


body{ background:#fff ; height:100%; width:100%; position: relative;}

@media(max-width:750px){

body{  background:#fff ; }
 
}

p{ line-height: 1.7em;}

.hrTac img{ width:100%;}
img{ width:100%;}



.fltBtn img{transition: 0.3s;position: relative;}

.fltBtn{ width: 130px; display: block; position: fixed;  z-index: 100; transition: 0.3s;
    bottom: 30px;right: 30px; display: none;
}
.fltBtn img:hover { position: relative; top: 10px;}




@media(max-width:750px){
    
    .fltBtn{ width: 170px;}
}

.mvSec01{background: linear-gradient(180deg, rgba(90,198,234,1) 0%, rgba(172,224,214,1) 21%, rgba(206,235,206,1) 33%, rgba(246,247,196,1) 44%, rgba(248,236,196,1) 61%, rgba(250,221,195,1) 79%, rgba(243,175,197,1) 100%);}





#hdNavi{ position: fixed; width: 100%; top: -5px; z-index: 100; height: 80px; background: #ff999e; overflow: hidden;}

#hdNavi ul{
width: 1000px;
margin: 0 auto;
	margin-top: 23px;
display: table;
column-gap: 0px;
row-gap: 0px;    
}
#hdNavi ul{

row-gap: 0px;    
}


#hdNavi ul li{ display: table-cell;padding: 0 3px;}

@media(max-width:750px){
    #hdNavi{ display: none;}
}




#hdNavi ul li a{ position: relative; top: -3px; transition: 0.2s;}
#hdNavi ul li a:hover{ top: 0; opacity:1; }



/* ---------------------------------------------------------------------------------
contents */



@media(min-width:751px){

#mainVisual{ position: relative;  margin-top: 75px; }


}



@media(max-width:750px){


#mainVisual{ position: relative;}

}



/* ---------------------------------------------------------------------------------
contents */


.sec{}
.sec>.inner{ width:}

.sec header{padding: 20px; text-align: center; }
.sec header img{width: 40%;}

.sec02 header {background: #ff576b;}
.sec03 header {background: #ffcd42;}
.sec04 header {background: #71d3c7;}
.sec05 header {background: #80c1ff;}

.sec03b header {background: #ffcd42;}


.sec01{ 
	background-color:
		#ff999e;
  	background-image: 
		url(../images/sec01_bg.png);
	background-repeat: 
		no-repeat;
	background-position:
		center top;
	background-size:
		1200px auto;
	}

.sec >.inner{ width: 900px; margin: 0 auto; padding: 30px 0;}
.sec01 >.inner{ width: 900px; margin: 0 auto; padding: 50px 0 0 0; position: relative;}

.sec01 .characheck{ position: absolute; text-align: right; display: block; width: 100%; color: #fff; bottom: -25px; font-size: 80%;}

.introTxt{ text-align: center; color: #fff;padding: 50px 0; font-size:160%;}



@media(max-width:750px){
.sec header img{width: 90%;}

.sec01 .characheck{ position: absolute; text-align: right; display: block; width: 100%; color: #fff; bottom: -25px; font-size: 60%;}

.sec >.inner{ width: auto; margin: 0 30px; padding:30px 0;}
.sec01 >.inner{ width: auto; margin: 0 50px; padding: 50px 0 0 0;}
.introTxt{ text-align: center; color: #fff;padding: 50px 0; font-size:100%;}
}

/* ---------------------------------------------------------------------------------
contents */


.sec02{ 
	background-color:
		#ff999e;
  	background-image: 
		url(/common/images/sec02_kira.png),
		radial-gradient(circle, rgba(254,242,213,1) 0%, rgba(249,210,217,1) 100%);
	background-repeat: 
		no-repeat,
		no-repeat;
	background-position:
		center top,
		center top;
	background-size:
		1050px auto,
		100% auto;
	
	}


.openDay{width: 800px; margin: 0 auto; border: 10px solid #fff;border-radius: 30px; box-sizing: border-box; padding: 50px; 
	background:url(/common/images/check_pink.png) repeat center top;
	background-size: 40px;}


@media(max-width:750px){


	.openDay{width: auto; margin: 0;}

}




dl.kaisai{ display: table; width: 100%; padding-bottom: 20px; border-bottom: 3px dashed #92531c; margin-bottom: 20px;}
dl.kaisai dt,
dl.kaisai dd{ display: table-cell;}
dl.kaisai dt{ width: 170px; vertical-align: top;}
dl.kaisai dd{ font-size: 20px; vertical-align: middle; padding-left: 20px;}
dl.kaisai dd.kinjitu{ font-size: 50px; text-align: center;}

dl.kaisai dd p{ font-size: 19px; text-align: left; padding-left:20px;padding-top: 20px; color: #FF8C9B;}

dl.sumi{ display: table; width: 100%;}
dl.sumi dt,
dl.sumi dd{ display: table-cell;}
dl.sumi dt{ width: 170px; vertical-align: top;}
dl.sumi dd{ font-size: 25px; vertical-align: top; padding-left: 20px; line-height: 1.4em;}
dl.sumi dd.kinjitu{ font-size: 40px;}

@media(max-width:750px){

dl.kaisai{ display: block;}
dl.kaisai dt,
dl.kaisai dd{ display: block;}
dl.sumi{ display: block;}
dl.sumi dt,
dl.sumi dd{ display: block; font-size: 30px;}

dl.kaisai dd p{ font-size: 24px; text-align: left;padding-left:42px;padding-top: 20px; color: #FF8C9B;}

}

.txtBorder{
  text-shadow:0px 0px 5px #FFF, 0px 0px 5px #FFF,
              0px 0px 5px #FFF, 0px 0px 5px #FFF,
              0px 0px 5px #FFF, 0px 0px 5px #FFF,
              0px 0px 5px #FFF, 0px 0px 5px #FFF,
              0px 0px 5px #FFF, 0px 0px 5px #FFF;
	
}


@media(max-width:750px){



.txtBorder{
  text-shadow:0px 0px 5px #FFF, 0px 0px 5px #FFF,
              0px 0px 5px #FFF, 0px 0px 5px #FFF,
              0px 0px 5px #FFF, 0px 0px 5px #FFF,
              0px 0px 5px #FFF, 0px 0px 5px #FFF,
              0px 0px 5px #FFF, 0px 0px 5px #FFF;
	
}

}

.sec03{ position: relative;

}

.sec03 >.inner_event{ width: auto; margin: 0 auto; padding: 30px 0 ;
	background:url(/common/images/check_yellow.png) repeat center top;
	background-size: 40px;}
.sec03 >.inner_arina{ width: auto; margin: 0 auto; padding: 30px 0 ;
	background:url(/common/images/check_orange.png) repeat center top;
	background-size: 40px;


  	background-image: 
		linear-gradient( 0deg, rgb(255,218,166) 0%, rgba(255,218,166,0.55) 5%, rgba(255,218,166,0) 100%),
		url(/common/images/check_orange.png);
	background-repeat: 
		no-repeat,
		repeat;
	background-position:
		center top,
		center top;
	background-size:
		100% auto,
		45px auto;;
}








.sec03 .secBody{ width: 900px; margin: 0 auto;}
.secIntro{ text-align: center; margin-bottom: 30px; font-size: 130%;}
.sec03 .secIntro{ text-align: center; margin-bottom: 0;}
.secOutro{ text-align: center; margin-top: 50px;}

.txtmin80p{ font-size: 80%;}

.areatype{ position: relative;}
.areatype h3{ text-align: center; position: relative; top: 20px;}
.areatype h3 img{ width: 70%;}
.areaImage{
	padding: 50px 20px 20px 20px;
	background: #fff;
-moz-box-shadow: -1px 1px 38px 25px rgba(255, 255, 255, 1);
-webkit-box-shadow: -1px 1px 38px 25px rgba(255, 255, 255, 1);
-ms-box-shadow: -1px 1px 38px 25px rgba(255, 255, 255, 1);
box-shadow: -1px 1px 38px 25px rgba(255, 255, 255, 1);
}

@media(max-width:750px){

.sec03 .secBody{ width: auto; margin: 0 50px;}
.secIntro{ text-align: center; margin-bottom: 30px; font-size: 100%;}

}


.areaImage a{ display: block;position: absolute;}
.areatype.typeA .areaImage a.area01{ width: 210px; height: 190px; top: 200px; left: 60px;}
.areatype.typeA .areaImage a.area02{ width: 190px; height: 110px; top: 200px; left: 290px;}
.areatype.typeA .areaImage a.area03{ width: 190px; height: 80px; top: 310px; left: 290px;}
.areatype.typeA .areaImage a.area04{ width: 250px; height: 190px; top: 200px; left: 600px;}
.areatype.typeA .areaImage a.area05{ width: 250px; height: 180px; top: 460px; left: 600px;}
.areatype.typeA .areaImage a.area06{ width: 130px; height: 180px; top: 460px; left: 460px;}
.areatype.typeA .areaImage a.area07{ width: 170px; height: 180px; top: 460px; left: 280px;}
.areatype.typeA .areaImage a.area08{ width: 210px; height: 180px; top: 460px; left: 60px;}

.areatype.typeB .areaImage a.area01{ width: 250px; height: 140px; top: 200px; left: 160px;}
.areatype.typeB .areaImage a.area02{ width: 280px; height: 140px; top: 200px; left: 440px;}
.areatype.typeB .areaImage a.area03{ width: 260px; height: 110px; top: 360px; left: 580px;}
.areatype.typeB .areaImage a.area04{ width: 370px; height: 140px; top: 410px; left: 60px;}
.areatype.typeB .areaImage a.area05{ width: 300px; height: 130px; top: 620px; left: 60px;}
.areatype.typeB .areaImage a.area06{ width: 130px; height: 160px; top: 590px; left: 380px;}
.areatype.typeB .areaImage a.area07{ width: 140px; height: 160px; top: 590px; left: 530px;}
.areatype.typeB .areaImage a.area08{ width: 140px; height: 250px; top: 500px; left: 700px;}



@media(max-width:750px){

.areatype.typeA .areaImage a.area01{ width: 140px; height: 130px; top: 160px; left: 50px;}
.areatype.typeA .areaImage a.area02{ width: 140px; height: 70px; top: 160px; left: 210px;}
.areatype.typeA .areaImage a.area03{ width: 140px; height: 60px; top: 230px; left: 210px;}
.areatype.typeA .areaImage a.area04{ width: 170px; height: 130px; top: 160px; left: 430px;}
.areatype.typeA .areaImage a.area05{ width: 160px; height: 130px; top: 340px; left: 440px;}
.areatype.typeA .areaImage a.area06{ width: 80px; height: 130px; top: 340px; left: 340px;}
.areatype.typeA .areaImage a.area07{ width: 110px; height: 130px; top: 340px; left: 220px;}
.areatype.typeA .areaImage a.area08{ width: 150px; height: 130px; top: 340px; left: 50px;}

.areatype.typeB .areaImage a.area01{ width: 180px; height: 100px; top: 160px; left: 120px;}
.areatype.typeB .areaImage a.area02{ width: 190px; height: 100px; top: 160px; left: 320px;}
.areatype.typeB .areaImage a.area03{ width: 180px; height: 80px; top: 270px; left: 420px;}
.areatype.typeB .areaImage a.area04{ width: 270px; height: 90px; top: 310px; left: 40px;}
.areatype.typeB .areaImage a.area05{ width: 220px; height: 120px; top: 430px; left: 40px;}
.areatype.typeB .areaImage a.area06{ width: 80px; height: 120px; top: 430px; left: 280px;}
.areatype.typeB .areaImage a.area07{ width: 100px; height: 120px; top: 430px; left: 380px;}
.areatype.typeB .areaImage a.area08{ width: 100px; height: 180px; top: 370px; left: 500px;}



}

	





.sec04{ background: #b6e5d1;}

.itemArea{
	padding: 50px 20px 20px 20px;
	background: #fff;
-moz-box-shadow: -1px 1px 38px 25px rgba(255, 255, 255, 1);
-webkit-box-shadow: -1px 1px 38px 25px rgba(255, 255, 255, 1);
-ms-box-shadow: -1px 1px 38px 25px rgba(255, 255, 255, 1);
box-shadow: -1px 1px 38px 25px rgba(255, 255, 255, 1);
}

.itemArea ul li{ margin-bottom: 20px;}


@media(max-width:750px){





}

	
	

.sec05{ width: auto; position: relative;


  	background-image: 
		linear-gradient( 0deg, rgb(232,242,255) 0%, rgba(232,242,255,0.55) 5%, rgba(192,226,240,0) 100%),
		url(/common/images/check_blue.png);
	background-repeat: 
		no-repeat,
		repeat;
	background-position:
		center top,
		center top;
	background-size:
		100% auto,
		45px auto;;
	
}


.sec05 .wave{ height: 45px; background: url(/common/images/sec05_wave.png) repeat-x center top; position: absolute; width: 100%; background-size: 105px; bottom: -45px;}
.sec03 .wave{ height: 45px; background: url(/common/images/sec03_wave.png) repeat-x center top; position: absolute; width: 100%; background-size: 105px; bottom: -45px; z-index: }


@media(max-width:750px){



}



footer{
background: rgb(232,242,208);
	
	
}

footer{
  	background-image: 
		url(/common/images/footer/footer_clowd.png),
		url(/common/images/footer/footer_kira.png),
		linear-gradient(0deg, rgba(232,242,208,1) 0%, rgba(156,232,255,1) 100%);
	background-repeat: 
		no-repeat,
		no-repeat,
		no-repeat;
	background-position:
		center top,
		center top,
		center top;
	background-size:
		1050px auto,
		100% auto,
		100% auto;

}


footer >.inner{ width: 900px; margin: 0 auto; position: relative;padding-top: 90px; padding-bottom: 50px;}


.ftBln{ width:90px; display: block; position: absolute;}

.ftBln01{ top: 110px; left: -30px;}
.ftBln02{ top: 70px; left: 120px; width: 110px;}
.ftBln03{ top: 80px; right: 0px; width: 110px;}

.ftMail{ width: 300px; display: block; margin: 0 auto;position: relative;}

.ftMail img{transition: all 0.2s ease-in-out;position: relative;}
.ftMail:hover img{ opacity: 0.8; transform: scale(1.02)}

footer p.copy{ background:#ff858a; text-align: center; color: #fff;padding: 30px 0;}

@media(max-width:750px){

footer >.inner{ width: auto; margin: 0 50px; position: relative;padding-top: 90px; padding-bottom: 50px;}

.ftBln01{ top: 90px; left: -20px;}
.ftBln02{ top: 50px; left: 40px; width: 90px;}
.ftBln03{ top: 90px; right:10px; width: 110px;}


.ftMail{ width: 380px; display: block; margin: 0 auto; }


}
















.areaView{

	padding-bottom: 100px; 
	position: relative; 
	position: relative;

  	background-image:
		url(/common/images/photo/area_kira.png),
		url(/common/images/photo/01_bg.png);
	background-repeat:
		no-repeat,
		repeat;
	background-size:
		1000px auto,
		60px 60px;
	background-position:
		center 50px,
		center top;
}



#AREA01.areaView{background-image:url(/common/images/photo/area_kira.png),url(/common/images/photo/01_bg.png);}
#AREA02.areaView{background-image:url(/common/images/photo/area_kira.png),url(/common/images/photo/02_bg.png);}
#AREA03.areaView{background-image:url(/common/images/photo/area_kira.png),url(/common/images/photo/03_bg.png);}
#AREA04.areaView{background-image:url(/common/images/photo/area_kira.png),url(/common/images/photo/04_bg.png);}
#AREA05.areaView{background-image:url(/common/images/photo/area_kira.png),url(/common/images/photo/05_bg.png);}
#AREA06.areaView{background-image:url(/common/images/photo/area_kira.png),url(/common/images/photo/06_bg.png);}
#AREA07.areaView{background-image:url(/common/images/photo/area_kira.png),url(/common/images/photo/07_bg.png);}
#AREA08.areaView{background-image:url(/common/images/photo/area_kira.png),url(/common/images/photo/08_bg.png);}







.areaView >.inner{ width: 1000px; margin: 0 auto;}

.areaView h2{ text-align: center; position: absolute; width: 1000px; top: 50px; position: relative; z-index: 2;}
.areaView h2 img{ width:60%;}

.areaView .secBody{
width: auto; margin: 0 auto ; padding: 30px; box-sizing: border-box;
	padding-top: 40px;
background: rgba(255,255,255,0.7);
	border-radius: 30px;
-moz-box-shadow: -1px 1px 20px 20px rgba(255, 255, 255, 0.7);
-webkit-box-shadow: -1px 1px 20px 20px rgba(255, 255, 255, 0.7);
-ms-box-shadow: -1px 1px 20px 20px rgba(255, 255, 255, 0.7);
box-shadow: -1px 1px 20px 20px rgba(255, 255, 255, 0.7);
}

.areaView ul{
    width: auto;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}

.areaView ul li{ 
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
 border: 5px solid #fff;
}

.areaView ul li img{object-fit: cover; width: 100%; height: 100%;}

.areaView p{
margin-top: 50px;
display: block;
background: #fff;
padding: 30px;
box-sizing:  border-box;
	border-radius: 30px;
-moz-box-shadow: -1px 1px 20px 20px rgba(255, 255, 255, 1);
-webkit-box-shadow: -1px 1px 20px 20px rgba(255, 255, 255, 1);
-ms-box-shadow: -1px 1px 20px 20px rgba(255, 255, 255, 1);
box-shadow: -1px 1px 20px 20px rgba(255, 255, 255, 1);
	
font-size: 130%;
text-align: center;
line-height: 1.5em;
}

#AREA04.areaView p span{ color: #cc0000; font-size: 90%;}
#AREA06.areaView p span{ font-size: 90%; display: block; text-align: right;}


@media(max-width:750px){
.areaView h2 img{ width:80%;}
.areaView >.inner{ width: auto; margin: 0 auto;}
.areaView h2{ text-align: center; position: absolute; width: auto; top: 40px; position: relative; z-index: 2;}
#AREA01.areaView{margin-top: 0px;}
#AREA04.areaView p span{ color: #cc0000; font-size: 78%;}
#AREA06.areaView p{ font-size: 120%;}
#AREA06.areaView p span{ font-size: 80%;} /*協力：リトルプラネット*/
}










#AREA01.areaView ul{
    grid-template-columns: repeat(4, 1fr);
}

#AREA02.areaView ul{
    grid-template-columns: repeat(3, 1fr);
}

#AREA03.areaView ul{
    grid-template-columns: repeat(4, 1fr);
	grid-template-areas:
		"a a b c"
		"a a d e";
}
#AREA03.areaView ul li.a{grid-area: a;}
#AREA03.areaView ul li.b{grid-area: b;}
#AREA03.areaView ul li.c{grid-area: c;}
#AREA03.areaView ul li.d{grid-area: d;}
#AREA03.areaView ul li.e{grid-area: e;}


#AREA03.areaView .secBody{ position: relative;}

#AREA03.areaView .kuromi{ position: absolute; top: -60px; right: 0; width: 200px;}


#AREA04.areaView ul{
    grid-template-columns: repeat(4, 1fr);
}

#AREA05.areaView ul{
    grid-template-columns: repeat(3, 1fr);
}
#AREA05.areaView ul{
    grid-template-columns: repeat(12, 1fr);
	grid-template-areas:
		"a a a a b b b b c c c c"
		"d d d e e e f f f g g g";
}
#AREA05.areaView ul li.a{grid-area: a;}
#AREA05.areaView ul li.b{grid-area: b;}
#AREA05.areaView ul li.c{grid-area: c;}
#AREA05.areaView ul li.d{grid-area: d;}
#AREA05.areaView ul li.e{grid-area: e;}
#AREA05.areaView ul li.f{grid-area: f;}
#AREA05.areaView ul li.g{grid-area: g;}





#AREA06.areaView ul{
    grid-template-columns: repeat(3, 1fr);
}

#AREA06.areaView ul{
    grid-template-columns: repeat(4, 1fr);
	grid-template-areas:
		"a b c d"
		"a e f g";
}
#AREA06.areaView ul li.a{grid-area: a;}
#AREA06.areaView ul li.b{grid-area: b;}
#AREA06.areaView ul li.c{grid-area: c;}
#AREA06.areaView ul li.d{grid-area: d;}
#AREA06.areaView ul li.e{grid-area: e;}
#AREA06.areaView ul li.f{grid-area: f;}
#AREA06.areaView ul li.g{grid-area: g;}






#AREA07.areaView ul{
    grid-template-columns: repeat(3, 1fr);
}

#AREA07.areaView ul{
    grid-template-columns: repeat(4, 1fr);
	grid-template-areas:
		"a b c d"
		"a e f g";
}
#AREA07.areaView ul li.a{grid-area: a;}
#AREA07.areaView ul li.b{grid-area: b;}
#AREA07.areaView ul li.c{grid-area: c;}
#AREA07.areaView ul li.d{grid-area: d;}
#AREA07.areaView ul li.e{grid-area: e;}
#AREA07.areaView ul li.f{grid-area: f;}
#AREA07.areaView ul li.g{grid-area: g;}




#AREA08.areaView ul{
    grid-template-columns: repeat(4, 1fr);
}


@media(max-width:750px){
	
	
	
	#AREA01.areaView ul{grid-template-areas:none;grid-template-columns: repeat(2, 1fr);}
	#AREA02.areaView ul{grid-template-areas:none;grid-template-columns: repeat(2, 1fr);}
	#AREA03.areaView ul{grid-template-areas:none;grid-template-columns: repeat(2, 1fr);}
	#AREA04.areaView ul{grid-template-areas:none;grid-template-columns: repeat(2, 1fr);}
	#AREA05.areaView ul{grid-template-areas:none;grid-template-columns: repeat(2, 1fr);}
	#AREA06.areaView ul{grid-template-areas:none;grid-template-columns: repeat(2, 1fr);}
	#AREA07.areaView ul{grid-template-areas:none;grid-template-columns: repeat(2, 1fr);}
	#AREA08.areaView ul{grid-template-areas:none;grid-template-columns: repeat(2, 1fr);}
	
#AREA03.areaView ul li.a{grid-area:auto;}
#AREA03.areaView ul li.b{grid-area:auto;}
#AREA03.areaView ul li.c{grid-area:auto; display: none;}
#AREA03.areaView ul li.d{grid-area:auto;}
#AREA03.areaView ul li.e{grid-area:auto;}
	
#AREA05.areaView ul li.a{grid-area: auto;}
#AREA05.areaView ul li.b{grid-area: auto;}
#AREA05.areaView ul li.c{grid-area: auto;}
#AREA05.areaView ul li.d{grid-area: auto;}
#AREA05.areaView ul li.e{grid-area: auto;}
#AREA05.areaView ul li.f{grid-area: auto;}
#AREA05.areaView ul li.g{grid-area: auto;}
	
#AREA06.areaView ul{
    grid-template-columns: repeat(2, 1fr);
	grid-template-areas:
		"a b"
		"a c"
		"d e"
		"f g";
}
#AREA07.areaView ul{
    grid-template-columns: repeat(2, 1fr);
	grid-template-areas:
		"a b"
		"a c"
		"d e"
		"f g";
}
	
#AREA03.areaView .kuromi{ position: absolute; top: -70px;; right: 30px; width: 120px;z-index: 10;}

	
#AREA02.areaView ul{
	width: 88%; margin: 0 auto;
    grid-template-columns: repeat(1, 1fr);
}
	
}




/* ---------------------------------------------------------------------------------
top */




@media(max-width:750px){
    

}






@media(max-width:750px){

}











@media(min-width:751px){

    
}



@media(max-width:750px){

}



/* ---------------------------------------------------------------------------------
common */




@media(max-width:750px){
   

    
}

/* ---------------------------------------------------------------------------------
INTRO */


@media(max-width:750px){
}


/* ---------------------------------------------------------------------------------
WORKS */

/* ---------------------------------------------------------------------------------
RECRUIT */



/* ---------------------------------------------------------------------------------
ACCESS */



@media(max-width:750px){

}



/* ---------------------------------------------------------------------------------
ACCESS */


@media(max-width:750px){

}




/* ---------------------------------------------------------------------------------
ACCESS */


@media(max-width:750px){

}
    
    
    
    


@media(max-width:750px){
    
}

















/* ---------------------------------------------------------------------------------
top concept */




@media(max-width:750px){


} /* Responsive End */












/* ---------------------------------------------------------------------------------
footer */




/* ---------------------------------------------------------------------------------
onebox */



@media(max-width:750px){
	

}





/* ---------------------------------------------------------------------------------
yoko */





/* ---------------------------------------------------------------------------------
kekka */









/* ---------------------------------------------------------------------------------
common */


.clear{ clear:both;}
.tac{ text-align:center !important;}

@media(min-width:751px){
.sp{ display:none !important;}
} /* Responsive End */

@media(max-width:750px){
.pc{ display:none !important; }
} /* Responsive End */

@media(max-width:750px){
#commonFooter{ display:none !important; }
}

@media(max-width:750px){
#commonFooter{ display:none !important; }
}


@media(max-width:750px){
.tac_pc{ text-align:left !important;}
.tac_sp{ text-align:center !important;}
}

@media(min-width:751px){
.tac_pc{ text-align:center !important;}
.tac_sp{ text-align:left !important;}
}