@charset "UTF-8";

/*-------------------------
__result_style
-------------------------*/
.page_title_box {
background: url(../images/overlay02.png) repeat center 0;
height: 400px;
position: relative;
}
.page_title_box:before {
content: "";
display: block;
background: url(images/title_bg.png) no-repeat center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.page_title_box .page_title_inner {
width: 100%;
margin-top: -20px;
position: absolute;
top: 50%;
}
.page_title_box .page_title {
font-size: 4.8em;
line-height: 1.4;
font-weight: 700;
color: #fff;
letter-spacing: 0.16em;
}
.page_title_box .page_title_txt {
font-size: 1.8em;
color: #c0c6e2;
letter-spacing: 0.08em;
padding: 8px 0 0;
}
@media screen and (max-width: 767px) {
.page_title_box {
background-size: 4px 4px;
height: 240px;
}
.page_title_box .page_title {
font-size: 2.4em;
}
.page_title_box .page_title_txt {
font-size: 1.5em;
}
}

.block {
width: 980px;
margin: 60px auto;
/*background:url(images/back.jpg) repeat-x;*/
background-color: #EBEDF1;
background-size:100% 100%;
}
.block .txt_l {
color: #364b77;
font-size: 1.7em;
font-weight: 700;
line-height: 2;
padding: 20px 0 0;
}
.block .img_box {
text-align: center;
position:relative;
}
.block .img_box .cam_top_sp {
	display:none;
}
.block .img_box img {
height: auto;
max-width: 100%;
}

.block .img_box p.dog_oubo{
padding:13%;
margin:0px auto;
background:url(images/waku.png) no-repeat;
background-size:100% auto;
line-height: 1.5em;
}
.block .img_box .dog_btn{
padding:2% 20%;
color:#fff;
overflow:hidden;
background-color:#8891bf;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
}
.block .dog_oubo a{
text-decoration: none;
}
.block .dog_oubo .dog_btn:hover {
background-color: #999;
}
.block .img_box p{
font-size: 250%;
}
/*.block .img_box .dog_title{
position:absolute;
z-index:999;
top:0px;
left:0px;
}
.block .img_box .dog{
position:absolute;
width: 90%;
top:410px;
left:5%;
 box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); 
}
.block .img_box #Map{
	z-index:9999;
}*/
.block .txt {
font-size: 1.5em;
line-height: 1.8;
}
.block .img_box + .txt{
padding: 1em 0 0;
}
.block  ul {
margin: 0 -10px;
}
.block  ul li {
display: inline-block;
box-sizing: border-box;
padding: 0 10px 20px;
}

@media screen and (max-width: 1020px) {
.block {
width: auto;
margin: 0 20px;
}
.block  ul li {
width: 25%;
}
.block  ul li img {
width: 100%;
height: auto;
}
.block .img_box p{
font-size: 2.5vw;
}
}
@media screen and (max-width: 767px) {
.block {
padding: 0px 0;
margin: 0 ;
}
.block .img_box .cam_top {
	display:none;
}
.block .img_box .cam_top_sp {
	display:block;
}
.block .img_box p{
font-size: 3.5vw;
}
.block .img_box p.dog_oubo{
padding:24% 5%;
margin:0px auto;
background:url(images/waku_sp.png) no-repeat ;
background-size:100% auto;
line-height: 1.5em;
}
.block .img_box .dog_btn{
font-size: 3.2vw;
padding:4% 20%;
}
}