@charset "utf-8";
/* CSS Document */

/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                トップページ専用CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 769px) {
/*ここにcss*/


body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(images/pc_bg.jpg) center center no-repeat;
  background-size:100vw;
}


/*
main{
	background:url(images/pc_bg.jpg) no-repeat fixed top center;
	background-size:cover;
}
*/



.access_01{
	padding:0 50% 260px 0;
	margin-bottom:50px;
	background:url(images/photo01.jpg) no-repeat right bottom;
	background-size:50% auto;
}
.access_01_b{
	width:90%;
}
.access_01_a{
	display:none;
}
.access_02 {
  position: relative;
  width: 100%;
  padding-top: 45%;
}
.access_02 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}




/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {
/*ここにcss*/


body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(images/sp_bg.jpg) center center no-repeat;
  background-size:cover;
}

/*
main{
	background:url(images/sp_bg.jpg) no-repeat fixed top center;
		background-size: cover;
}
*/


.access_01{
	margin-bottom:30px;
}
.access_01_a{
	margin-bottom:30px;
}

.access_02 {
  position: relative;
  width: 100%;
  padding-top: 80%;
}
.access_02 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/