@charset "UTF-8";


/* init
*******************************/
body{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color:#231815;
	
	line-height:1.6;
	font-size:20px;
	
	/*background:url(../img/bg_ptn01.png);*/
	min-width:1085px;
}

a{
	color:#444444;
}


.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
*******************************/

a img{
	transition: all 0.3s ease;
	display: inline-block;
    backface-visibility: hidden;
    zoom: 1;
}
a:hover img{
	opacity:0.8;
}


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



/* page style
*******************************/
#pand-home header{
	margin-bottom:50px;
	position:relative;
}
#pand-home header img{
	width:100%;
}

#pand-home #con01{
}
#pand-home #con01 h2{
	font-size:38px;
	line-height:1.6;
	margin-bottom:47px;
	text-align:center;
	font-weight:bold;
}
#pand-home #con01 img{
	width:100%;
}


#pand-home #con02{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:23px;
	line-height:1.6;
}
#pand-home #con02 img{
	width:100%;
}

#pand-home #con03 img{
	width:100%;
}
#pand-home #con03 .catch01{
	text-align:center;
	position:relative;
}
#pand-home #con03 .catch01 .btn{
	width: 100%;
    text-align: center;
    position: absolute;
    bottom: 8%;
    box-sizing: border-box;
}
#pand-home #con03 .catch01 a{
	display:inline-block;
	width:29.84%;
}

#pand-home #con04 img{
	width:100%;
}
#pand-home #con04 ul{
	font-size:0;
	text-align:center;
	margin-bottom:25px;
}
#pand-home #con04 ul li{
	font-size:20px;
	display:inline-block;
	width:325px;
	vertical-align:top;
}
#pand-home #con04 ul li p{
	text-align:left;
	padding:10px 38px;
	text-align: justify;
    letter-spacing: -1px;
}
#pand-home #con04 .btn{
	text-align:center;
	margin-bottom:3%;
}
#pand-home #con04 .btn a{
    display: inline-block;
    width: 29.84%;
}

#pand-home #con05{
	text-align:center;
}
#pand-home #con05 img{
	width:100%;
}

#pand-home #con06 img{
	width:100%;
}
#pand-home #con06 .btn{
	text-align:center;
	margin-bottom:3%;
}
#pand-home #con06 .btn a{
    display: inline-block;
    width: 34.3%;
}

#pand-home #con07 img{
	width:100%;
}
#pand-home #con07 .text01{
	width:814px;
	font-size:21px;
	margin:0 auto;
	top:236px;
	left:110px;
	text-align:justify;
}

/* bnr
**************/
#pand-home .bnr01 img{
	width:100%;
}
#pand-home .bnr01 .btn{
	width: 100%;
    text-align: center;
	position:absolute;
    bottom: 6px;
    padding-left: 8px;
    box-sizing: border-box;
}
#pand-home .bnr01 .btn img{
	width:64.95%;
}
#pand-home .bnr02 img{
	width:100%;
}
#pand-home .bnr02 .btn{
	width: 100%;
    text-align: center;
	position:absolute;
    bottom: 6px;
    padding-left: 8px;
    box-sizing: border-box;
}
#pand-home .bnr02 .btn img{
	width:64.95%;
}
#pand-home .bnr03 img{
	width:100%;
}
#pand-home .bnr03 .btn{
	width: 100%;
    text-align: center;
	position:absolute;
    bottom: 7px;
    padding-left: 8px;
    box-sizing: border-box;
}
#pand-home .bnr03 .btn img{
	width:64.95%;
}
#pand-home .bnr04 img{
	width:100%;
}
#pand-home .bnr04 .btn{
	width: 100%;
    text-align: center;
	position:absolute;
    bottom: 5%;
    box-sizing: border-box;
}
#pand-home .bnr04 .btn img{
	width:64.95%;
}

/* footer
******************/
#pand-home footer {
	width:100%;
}
#pand-home footer .social h3{
	width: 100%;
    text-align: center;
}
#pand-home footer .btm_social{
	text-align: center;
    font-size: 0;
    width: 100%;
    top: 324px;
}
#pand-home footer .btm_social li{
	display:inline-block;
	margin:0 14px;
	padding:0;
	font-size:14px;
}

#pand-home footer .btm_navi{
	margin-bottom:4%;
}
#pand-home footer .btm_navi img{
	width:100%;
}
#pand-home footer .btm_navi .btn00{
	top: 13%;
    left: 30%;
    width: 39.82%;
}
#pand-home footer .btm_navi .btn01{
	top: 42%;
    left: 19.4%;
    width: 28.2%;
}
#pand-home footer .btm_navi .btn02{
	top: 53%;
    left: 49%;
    width: 31.4%;
}
#pand-home footer .btm_navi .btn03{
	top: 72%;
    left: 21%;
    width: 36.7%;
}

#pand-home footer .container{
    min-width: 750px;
    width: 50%;
    margin: 5% auto 0;
}
#pand-home footer .btm_navi02{
	text-align:center;
	font-size:25px;
	line-height:1.8;
	margin-bottom:70px;
}
#pand-home footer .btm_con01,
#pand-home footer .btm_navi03{
	font-size:20px;
	margin-bottom:3em;
	margin-left: 5%;
    margin-right: 5%;
}
#pand-home footer .btm_con01 a,
#pand-home footer .btm_navi03 a{
	text-decoration:underline;
}
#pand-home footer .btm_con01 a:hover,
#pand-home footer .btm_navi03 a:hover{
	text-decoration:none;
}
#pand-home address{
	display:block;
	width:100%;
	font-size:20px;
	background:#ffdc00;
	padding:30px 0;
	font-style:normal;
	text-align:center;
	color:#000000;
}

@media screen and (max-width: 750px) {
	
	body{
		min-width:auto;
	}
	img{
		width:100%;
		display:block;
	}
	
	.pc-block{
		display:none;
	}
	.sp-block{
		display:block;
	}
	
	
	/* page style
	*******************/
	#pand-home header{
		margin-bottom:0;
	}
	
	#pand-home #con01{
		margin-bottom:0;
	}
	
	#pand-home #con02{
		margin-bottom:0;
	}
	
	#pand-home #con03 {
		margin-bottom: 6%;
	}
	#pand-home #con03 h2{
		margin-bottom:0;
	}
	#pand-home #con03 .catch01 a{
		width: 68%;
		margin-bottom:0;
	}
	#pand-home #con03 .catch01 p{
		margin:0 9% 16px;
		font-size:20px;
		text-align:left;
		text-align: justify;
	}
	#pand-home #con03 .catch01 p br{
		display:none;
	}
	#pand-home #con03 .catch01 .btn{
		position:static;
	}
	
	#pand-home #con04{
		margin-bottom:6%;
	}
	#pand-home #con04 ul{
		margin-bottom:0;
	}
	#pand-home #con04 ul li{
		width:auto;
	}
	#pand-home #con04 .btn{
		width: 68%;
		margin:0 auto;
	}
	
	#pand-home #con05{
		margin-bottom:0;
	}
	
	#pand-home #con06{
		margin-bottom:6%;
	}
	#pand-home #con06 .btn{
		width: 80%;
		margin:0 auto;
	}
	
	#pand-home #con07{
	}
	
	/* bnr
	**************/
	#pand-home .bnr01 .btn{
		position:static;
		padding:0;
	}
	#pand-home .bnr01 .btn img{
		width:100%;
	}
	#pand-home .bnr02 .btn{
		position:static;
		padding:0;
	}
	#pand-home .bnr02 .btn img {
	    width: 100%;
	}
	#pand-home .bnr03 .btn{
		position:static;
		padding:0;
	}
	#pand-home .bnr03 .btn img {
	    width: 100%;
	}
	#pand-home .bnr04 .btn{
		padding:0;
		bottom: 2%;
	}
	#pand-home #con04 .btn a {
	    width: 100%;
	}
	#pand-home .bnr04 .btn img{
		width:100%;
	}
	#pand-home #con06 .btn a{
		width:100%;
	}
	
	
	#pand-home footer .btm_social {
	    text-align: center;
	    font-size: 0;
	    width: 80%;
	    top: 48%;
	    margin-left: 10%;
	}
	#pand-home footer .btm_social li{
		width: 16%;
    	margin: 0px 3%;
	}
	
	
	#pand-home footer .btm_navi{
		margin-bottom:18%;
	}
	#pand-home footer .btm_navi .btn00 {
	    top: 15%;
	    left: 4%;
	    width: 92%;
	}
	#pand-home footer .btm_navi .btn01 {
		width: 64%;
	    top: 44%;
	    left: 5%;
	}
	#pand-home footer .btm_navi .btn02 {
	    top: 59%;
	    left: 24%;
	    width: 72%;
	}	
	#pand-home footer .btm_navi .btn03 {
	    top: 76%;
	    left: 8%;
	    width: 84.4%;
	}
	
	#pand-home footer .container{
		width: 100%;
    	min-width: unset;
		margin-top:14%;
	}
	#pand-home footer .btm_navi02{
		font-size:24px;
		line-height:1.8;
		margin-bottom:15%;
	}
	#pand-home footer .btm_con01,
	#pand-home footer .btm_navi03{
		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 #con03 .catch01 p{
		font-size:14px;
	}
	#pand-home #con05 .sub01 .text{
		font-size:14px;
	}
	
	#pand-home footer .btm_navi02{
		font-size:19px;
	}
	#pand-home footer .btm_con01,
	#pand-home footer .btm_navi03{
		font-size:14px;
	}
	#pand-home address{
		font-size:14px;
	}
}