@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;
}

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
*******************************/
#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;
}


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

#pand-home #con01{
	font-size:26px;
	line-height:1.6;
	margin-bottom:27px;
}
#pand-home #con01 ul{
	top:130px;
	left:240px;
}
#pand-home #con01 ul li:before{
	content:url(../img/icon_check01.png);
	vertical-align:middle;
}

#pand-home #con02{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:23px;
	line-height:1.6;
	margin-bottom:25px;
}
#pand-home #con02 .text01{
	width:100%;
	text-align:center;
	top:131px;
}
#pand-home #con02 .text02{
	width:100%;
	text-align:center;
	top:568px;
}
#pand-home #con02 .text03{
	text-align:center;
	font-size:20px;
	line-height:1.3;
	top:452px;
	left:760px;
}

#pand-home #con03 h2{
	margin-bottom:34px;
}
#pand-home #con03 .catch01{
	text-align:center;
}
#pand-home #con03 .catch01 a{
	margin-bottom:21px;
	display:inline-block;
}
#pand-home #con03 .catch01 p{
	font-size:23px;
	margin-bottom:1em;
}

#pand-home #con04 .btn{
	width:100%;
	top:719px;
	text-align:center;
}

#pand-home #con05{
	text-align:center;
	margin-bottom:55px;
}
#pand-home #con05 .sub01{
	background:url(../img/pc_bg_con05_main03.png);
	padding-bottom:80px;
	margin-bottom:30px;
}
#pand-home #con05 .sub01 h3{
	margin-bottom:42px;	
}
#pand-home #con05 .sub01 .catch{
	margin-bottom:20px;
}
#pand-home #con05 .sub01 .text{
	width:820px;
	margin:0 auto;
	font-size:22px;
	text-align:left;
	text-align: justify;
}
#pand-home #con05 .sub02{
	margin-top:50px;
	
}

#pand-home #con06 ul{
	background:url(../img/pc_img_con06_main01.png) no-repeat;
}
#pand-home #con06 ul li{
	position:absolute;
	font-size:21px;
	line-height:1.5;
}
#pand-home #con06 ul li:nth-child(1){
	width: 600px;
    top: 197px;
    left: 274px;
}
#pand-home #con06 ul li:nth-child(2){
	width: 527px;
    top: 368px;
    left: 171px;
}
#pand-home #con06 ul li:nth-child(3){
	width: 508px;
    top: 528px;
    left: 321px;
}

#pand-home #con07 {
	margin-bottom:75px;
}
#pand-home #con07 .btn01{
	margin-top:43px;
	margin-bottom:23px;
	text-align:center;
}

#pand-home footer {
	width:100%;
}
#pand-home footer .btm_navi{
	text-align:center;
	font-size:0;
	margin-bottom:114px;
}
#pand-home footer .btm_navi li{
	display:inline-block;
	margin:0 45px;
	padding:0;
	font-size:14px;
}
#pand-home footer h3{
	margin-bottom:38px;
	text-align:center;
}

#pand-home footer .btm_social{
	text-align:center;
	font-size:0;
	margin-bottom:138px;
}
#pand-home footer .btm_social li{
	display:inline-block;
	margin:0 26px;
	padding:0;
	font-size:14px;
}
#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:1.5em;
	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:#e85069;
	padding:30px 0;
	font-style:normal;
	text-align:center;
	color:#FFF;
}

@media screen and (max-width: 750px) { /* 640px */
	img{
		width:100%;
		display:block;
	}
	
	#container,
	.address{
		width:100%;
	}
	
	.pc-block{
		display:none;
	}
	.sp-block{
		display:block;
	}
	
	/* page style
	*******************/
	#pand-home header{
		margin-bottom:5%;
	}
	#pand-home header .btn01 a{
		width:17%;
		margin:0 auto;
		display:block;
	}
	
	#pand-home #con01{
		margin-bottom:5%;
	}
	#pand-home #con02{
		margin-bottom:5%;
	}
	#pand-home #con03 h2{
		margin-bottom:5%;
	}
	#pand-home #con03 .catch01 a{
		width:80%;
		margin-bottom:6px;
	}
	#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 #con04 .btn{
		top: unset;
	    bottom: 2%;
	    width: 80%;
	    margin: 0 10%;
	}
	#pand-home #con05{
		margin-bottom:0;
	}
	#pand-home #con05 .btn01{
		width: 84%;
    	margin: 0 auto;
	}
	#pand-home #con05 .sub01{
		margin-top:7%;
		padding-bottom:8%;
		margin-bottom:8%;
	}
	#pand-home #con05 .sub01 h3{
		margin-bottom:7%;	
	}
	#pand-home #con05 .sub01 .catch{
		width:78%;
		margin:0 auto;
		margin-bottom:3%;
	}
	#pand-home #con05 .sub01 .text{
		width:78%;
		font-size:20px;
	}
	#pand-home #con05 .sub02{
		margin-top:5%;
	}
	
	
	#pand-home #con07{
		margin-bottom:13%;
	}
	#pand-home #con07 .btn01{
		margin: 3% 7% 8%;
	}
	#pand-home footer .btm_navi{
		margin-bottom:18%;
	}
	#pand-home footer .btm_navi li{
		width: 29%;
    	margin: 0 1.5%;
	}
	#pand-home footer h3{
		width: 70%;
	    margin: 0 auto 7%;
	}
	#pand-home footer .btm_social{
		margin-bottom: 20%;
	}
	#pand-home footer .btm_social li{
		width: 16%;
    	margin: 0px 3%;
	}
	#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;
	}
}