@charset "UTF-8";


/* init
*******************************/
body{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color:#ffffff;
	
	line-height:1.6;
	font-size:20px;
}

a{
	color:#ffffff;
}


.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}


/* basic style
*******************************/
#container,
.address{
	max-width:1024px;
	width:1024px;
	margin:0 auto;
}
a img{
	transition: all 0.3s ease;
}
a:hover img{
	opacity:0.8;
}


.pc-block{
	display:block;
}
.sp-block{
	display:none;
}



/* header style
*******************************/
#pand-home header{
	position:relative;
}
#pand-home header .btn01{
	position:absolute;
	bottom:8.5%;
	width:100%;
	text-align:center;
}

#pand-home header .btn01{
	position:absolute;
	bottom:8.5%;
	width:100%;
	text-align:center;
}


/* content style
*******************************/

#pand-home #content li img {
	z-index: -1;
}
#pand-home #content li a {
	display: block;
	position: absolute;
	z-index: 1;
}

#pand-home #content #con01 a {
	right: 210px;
	top: -85px;
}

#pand-home #content #con02 a:nth-of-type(1) {
	left: 185px;
	top: 530px;
}

#pand-home #content #con02 a:nth-of-type(2) {
	right: 180px;
	top: 890px;
}

#pand-home #content #con03 a {
	left: 150px;
	top: 426px;
	text-align: center;
}

#pand-home #content #con04 a {
	left: 350px;
	bottom: 160px;
}

#pand-home #content #con05 a {
	left: 0;
	right: 0;
	bottom: 90px;
	text-align: center;
}

#pand-home #content #con07 a {
	left: 150px;
	bottom: 202px;
	text-align: center;
}

#pand-home #content #con10 a {
	left: 0;
	right: 0;
	bottom: 90px;
	text-align: center;
}

#pand-home #content #con11 a {
	left: 150px;
	bottom: 270px;
	text-align: center;
}

/* footer
******************/
#pand-home footer .inner {
	position: relative;
	width:100%;
}

#pand-home footer .inner > img {
	z-index: -1;
}

#pand-home footer .inner .box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

#pand-home footer .bg {
	background: url(../img/pc_footer_bg.jpg) repeat 0 0%;
	padding-top: 56px;
	padding-bottom: 20px;
}

#pand-home footer .btm_social{
	text-align: center;
    font-size: 0;
    width: 100%;
	margin-top: 155px;
	margin-bottom: 100px;
}

#pand-home footer .btm_social li{
	display:inline-block;
	margin:0 5px;
	padding:0;
	font-size:14px;
}

#pand-home footer .btm_navi01{
	margin-bottom:56px;
	text-align: center;
}

#pand-home footer .btm_navi01 li{
	margin-bottom:16px;
}

#pand-home footer .btm_navi02{
	text-align:center;
	font-size:25px;
	line-height:1.8;
	margin-bottom:70px;
}
#pand-home footer .btm_navi03,
#pand-home footer .btm_navi04{
	font-size:20px;
	padding-bottom: 1.5em;
	margin-left:10%;
	margin-right:10%;
}
#pand-home footer .btm_navi03 a,
#pand-home footer .btm_navi04 a{
	text-decoration:underline;
}
#pand-home footer .btm_navi03 a:hover,
#pand-home footer .btm_navi04 a:hover{
	text-decoration:none;
}
#pand-home address{
	display:block;
	width:100%;
	font-size:20px;
	background:#e6dfef;
	padding:30px 0;
	font-style:normal;
	text-align:center;
	color:#585857;
}

@media screen and (max-width: 750px) {
	img{
		width:100%;
		display:block;
	}
	
	#container,
	.address{
		width:100%;
	}
	
	.pc-block{
		display:none;
	}
	.sp-block{
		display:block;
	}
	

	/* content style
    *******************************/

	#pand-home #content #con01 a {
		width: 20.3%;
		right: 6%;
		top: -20%;
	}

	#pand-home #content #con02 a:nth-of-type(1) {
		width: 39%;
		left: 7%;
		top: 49%;
	}

	#pand-home #content #con02 a:nth-of-type(2) {
		width: 39%;
		right: 5%;
		top: 79%;
	}

	#pand-home #content #con03 a {
		left: 0;
		right: 0;
		width: 90%;
		top: 52%;
		text-align: center;
		margin: auto;
	}

	#pand-home #content #con04 a {
		width: 50%;
		left: 46%;
		bottom: 14%;
	}

	#pand-home #content #con05 a {
		width: 80%;
		left: 0;
		right: 0;
		bottom: 8%;
		text-align: center;
		margin: auto;
	}

	#pand-home #content #con07 a {
		left: 0;
		right: 0;
		width: 90%;
		bottom: 19%;
		text-align: center;
		margin: auto;
	}

	#pand-home #content #con10 a {
		width: 80%;
		left: 0;
		right: 0;
		bottom: 8%;
		margin: auto;
	}

	#pand-home #content #con11 a {
		left: 0;
		right: 0;
		width: 90%;
		bottom: 22%;
		text-align: center;
		margin: auto;
	}

	/* footer
    ******************/
	#pand-home footer .bg {
		background-image: url(../img/sp_footer_bg.jpg);
		background-size: cover;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	#pand-home footer .btm_social {
	    text-align: center;
	    font-size: 0;
	    width: 80%;
	    top: 48%;
		margin-top: 24%;
		margin-bottom: 14%;
	    margin-left: 9%;
	}

	#pand-home footer .btm_social li{
		width: 19%;
    	margin: 0px 1%;
	}
	
	#pand-home footer .btm_navi01{
		margin-bottom:8%;
	}
	#pand-home footer .btm_navi01 li{
		text-align: center;
		width: 80%;
		margin: auto auto 2%;
	}
	
	#pand-home footer .btm_navi02{
		font-size:24px;
		line-height:1.8;
		margin-bottom:8%;
	}
	#pand-home footer .btm_navi03,
	#pand-home footer .btm_navi04{
		margin-left:6%;
		margin-right:6%;
		line-height:1.8;
	}
	#pand-home address{
		font-size:18px;
		padding: 5% 0px;
	}
}

@media screen and (max-width: 480px) {
	#pand-home footer .btm_navi02{
		font-size:19px;
	}
	#pand-home footer .btm_navi03,
	#pand-home footer .btm_navi04{
		font-size:14px;
	}
	#pand-home address{
		font-size:14px;
	}
}