@charset "UTF-8";
/* CSS Document */
html {
    height: 100%;
}

body{
	background: #fff;
}

#wrapper{
	background:url(../img/bg_gallery_c.png) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	z-index:-10;
}

a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.box_a{
	background:#FFF;
}
.box_b{
	background-color: #F4F2F2;
}

.kabe_kiyaku{
	width: 800px;
	margin: 0 auto 30px;
	padding: 10px 50px 30px 50px;
	background-color: #F4F2F2;
}
.kabe_kiyaku h3{
	font-size:22px;
	font-weight:bold;
	line-height:1.6;
	margin:20px 0 20px 0;
}
.kabe_kiyaku h3 span{
	font-size:14px;
	font-weight: normal;
}
.kabe_kiyaku p{
	margin-bottom:15px;
}
.kabe_kiyaku a{
	margin-bottom:20px;
}
.open-popup-link{
	font-size:16px;
}
#test-popup ul{
	margin-bottom:20px;
}
#test-popup li{
	text-align:left;
	line-height:1.3;
	margin:0 0 10px 20px;
	display: list-item;
	list-style:disc ;
}

/*ポップアップ*/
.white-popup{
	width:60%;
	font-size:13px;
	margin:0 auto 0;
	padding:10px 30px 50px 30px;
	background:#FFF;
}

.kabe_dl{
	width:88%;
	padding:30px 6% 30px 8%;
	margin-top:20px;
	overflow:hidden;
	text-align:center;
	/*background:#FAFAFA;*/
	background:#fffde8;
}
.kabe_dl h4{
	float:left;
	padding:20px 20px 0 0;
}

.dl_btn{
	float:left;
	width:210px;
	font-size: 15px;
    display: block;
	color:#003DAA;
	text-align:center !important;
	font-weight:bold;
	padding:10px 10px;
	margin:0 0 0 20px;
	border:#003DAA solid 3px;
	background:#FFF;
}

@-webkit-keyframes dl_btn {
  50% {
    background-color: rgba(232,0,126,1);
  }
}
@keyframes dl_btn {
  50% {
    background-color: rgba(232,0,126,1);
  }
}
.dl_btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.dl_btn:hover, .dl_btn:focus, .dl_btn:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #003DAA;
  color: white;
}

.other_box{
	overflow:hidden;
}

.other_box h2{
	width:90%;
	text-align:center;
	font-size:20px;
	margin:0 5% 20px 5% !important;
}

.other_box h3{
	width:90%;
	text-align:left;
	font-size:20px;
	margin:0 5% 10px 5% !important;
}
.other_box h5{
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
}
.other_box h5 span{
	font-size:14px;
	font-weight:normal;
}
.other_box p{
	font-size:15px;
	line-height:1.5;
	text-align:center;
}
.other_box p.pr_t{
	font-size:13px;
	line-height:1.5;
	text-align: left;
}

.pr_img{
	float:left;
	width:300px;
	padding:0 20px 20px 0;
}

.pr_sns{
	text-align:left;
	margin-bottom:15px;
}
.pr_sns img{
	width:18px !important;
	margin-right:10px;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
}
.pr_sns a img{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha(opacity=100)" !important;
}


.visual_list{
	width:900px;
	margin:0 auto 50px;
	overflow:hidden;
}

.visual_list li{
	float:left;
	width:29%;
	margin:5px 2%;
	background:#FFF;
}
.visual_list li img{
	width:100%;
	margin-bottom:15px;
}

.visual_list p{
	margin-bottom:20px;
}

.visual_list a {
	color:#333;
}


@media screen and (max-width: 834px) {
#wrapper{
	background:url(../img/bg_gallery_c_sp.png) no-repeat top center;
	background-size: contain;
	}
.kabe_kiyaku{
	width:80%;
	margin:0 auto 30px;
	padding:10px 35px 30px 35px;
}
.kabe_dl{
	width:80%;
	padding:30px 5% 40px 5%;
	margin:20px auto 0;
	overflow:hidden;
	text-align:center;
}
.kabe_dl h4{
	float: none;
	padding:10px 0 0 0;
	margin-bottom:30px;
}
.pr_img{
	float:none;
	width:300px !important;
	padding:30px 0 0 0 !important;
	margin:0 auto 20px;
}
.pr_sns{
	width:90%;
	text-align:left;
	margin:0 auto 20px;
}
.visual_list{
	width:90%;
	margin:0 auto 50px;
}
.visual_list p{
	font-size:14px;
	margin-bottom:20px;
}
}

@media screen and (max-width: 640px) {
.kabe_kiyaku{
	width:90%;
	margin:0 auto 20px;
	padding:10px 0 30px 0;
}
.kabe_kiyaku h3{
	font-size:20px !important;
	margin-bottom:15px !important;
	padding:0 20px;
}
.kabe_kiyaku h3 span{
	font-size:12px;
}
.kabe_kiyaku p{
	font-size:14px;
	line-height:1.6;
	padding:0 20px;
}

/*ポップアップ*/
.white-popup{
	width:80%;
	font-size:13px;
	margin:0 auto 0;
	padding:10px 30px 50px 30px;
	background:#FFF;
}

.kabe_dl{
	padding:30px 5% 20px 5%;
}
.dl_btn{
	float: none;
	width:70%;
    display: block;
	color:#003DAA;
	text-align:center !important;
	font-weight:bold;
	padding:10px 10px;
	margin:0 auto 20px;
	border:#003DAA solid 3px;
	font-size: 15px;
}

.other_box h2,.other_box h5{
	width:90%;
	font-size:16px;
	line-height:1.6;
	margin:0 auto 0;
}
.other_box h5 span{
	font-size:12px;
}

.pr_img{
	float:none;
	width:100%;
	margin-bottom:20px;
}
.pr_sns{
	margin:0 auto 10px;
}

.visual_list li{
	float: none;
	width:90%;
	margin:0 auto 20px;
	padding-bottom:5px;
}

}