/* CSS Document */
#g2,#g3,#g4,#g5 { display: none; }
@media (min-width:1001px){
	#mv { background: url(../images/mv.jpg) center center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; }


	.tabmenu { margin-top: 60px; margin-bottom: 70px; }
	.tabmenu ul li { /*width: 325px;*/ }

	.fwrap { margin-bottom: 240px; }
	.fwrap ul { display: flex; flex-wrap: wrap; }
	.fwrap ul.gul li { width: 50%; }
	.fwrap ul.gul>li .gunit1,.fwrap ul.gul>li .gunit2 { width: 100%; }
	.fwrap ul.gul li a { display: block; width: 100%; }
	.fwrap ul.gul>li .gunit1 li a,.fwrap ul.gul li.small ul li a { height: 14vw; overflow: hidden; }
	.fwrap ul.gul li.big a { height: calc( 28vw + 4px ); overflow: hidden; }
	.fwrap ul.gul>li .gunit1 li,.fwrap ul.gul>li .gunit2 li { padding: 2px; }
	.fwrap ul.gul>li .gunit2 li.small { padding: 0; }
	.fwrap ul.gul li.small ul { display: block; }
	.fwrap ul.gul li.small ul li { width: 100%; }
	.fwrap ul.gul li a:hover { opacity: 1; }
	.fwrap ul.gul li img { width: 100%; transition: 0.6s; }
	.fwrap ul.gul li a:hover img { opacity: 1; transform:scale(1.1); }


}/* End @media(min-width751px) */

/* ---------------------------------------------------------------------------------------------------- */
@media (min-width: 1001px) and  (max-width:1760px){
}
@media (min-width: 1001px) and  (max-width:1450px){

}/* End @media (min-width: 1001px) and  (max-width:1100px) */
@media (min-width: 1001px) and  (max-width:1250px){

}
/* ---------------------------------------------------------------------------------------------------- */

@media (max-width:1000px){
	#mv { background: url(../images/mv.jpg) left -62vw center no-repeat; background-size: cover; }
	#mv h2 { background: url(../images/ttl.png) center center no-repeat; background-size: 33vw auto; }


	.tabmenu { margin-top: 8vw; margin-bottom: 10vw; }
	.fwrap { margin-bottom: 24vw; }
	.fwrap ul {  }
	.fwrap ul.gul>li { width: 100%; }
	.fwrap ul.gul>li .gunit1,.fwrap ul.gul>li .gunit2 { width: 100%; display: flex; flex-wrap: wrap; }
	.fwrap ul.gul>li .gunit1 li,.fwrap ul.gul>li .gunit2 li { width: 50%; }
	.fwrap ul.gul li a { display: block; width: 100%; }
	.fwrap ul.gul>li .gunit1 li a,.fwrap ul.gul li.small ul li a { height: 29vw; overflow: hidden; }
	.fwrap ul.gul li.big a { height: calc( 58vw + 4px ); overflow: hidden; }
	.fwrap ul.gul>li .gunit1 li,.fwrap ul.gul>li .gunit2 li { padding: 2px; }
	.fwrap ul.gul>li .gunit2 li.small { padding: 0; }
	.fwrap ul.gul li.small ul { display: block; }
	.fwrap ul.gul li.small ul li { width: 100%; }
	.fwrap ul.gul li img { width: 100%; /*transition: 0.6s;*/ }



}/* End @media (max-width: 750px) */

/* ----------------------------------------------------------------------------------------------------