@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 768px) { 
#titleimage_p{
background-image : url(../result/images/title.jpg) ;
background-position:center center;
background-repeat:no-repeat;
-moz-background-size:cover;
background-size:cover;
width: 100%;
height:200px;
padding:0;
position: relative;
z-index:-3;
margin-top:36px;
padding-left:10px;
}


.result ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 350px;
}
.result ul li {
	width:100%;
	height:100px;
	position: relative;
	z-index:1;
}
.result ul li::before {
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
	z-index:2;
}
.result ul li:hover::before{
	background-color: rgba(0,0,0,0);

}

.box1{
	background:url(../result/images/photo_1.jpg)no-repeat center center;
	background-size:  cover;
}
.box2{
	background:url(../result/images/photo_2.jpg)no-repeat center center;
	background-size:  cover;
}
.box3{
	background:url(../result/images/photo_3.jpg)no-repeat center center;
	background-size:  cover;
}
.box_a {
  margin: auto;
  width:150px;
  font-size: 1.5rem;
  border: solid #fff 1px;
  padding: 10px;
 color: white;
	  text-decoration: none;
	  
	  margin-top:1em;
z-index:3;
position: absolute; bottom:10px; left:10px;
  }
.result h6{
	margin-top:0;
	margin-bottom:0;
	background-image: url(../images/ya_white.png);
	background-size:13px 18px;
	background-repeat: no-repeat;
	background-position:center left;
	padding-left:2em;
	font-size:1.3rem;
	color:#fff;
	font-weight:100;
}

}

@media screen and (min-width:769px) {
#titleimage_p{
background: url(../result/images/title.jpg) no-repeat center center;
background-size:  cover;
width: 100%;
height:60vh;
position: relative;
z-index:-3;
margin-top:90px;
padding-left:60px;
}


.result ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.result ul li {
	width:320px;
	height:240px;
	position: relative;
	z-index:1;
}
.result ul li::before {
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    width:100%;
	height:100%;
    content: ' ';
	z-index:2;
}
.result ul li:hover::before{
	background-color: rgba(0,0,0,0);

}

.box1{
	background:url(../result/images/photo_1.jpg)no-repeat center center;
	background-size:  cover;
}
.box2{
	background:url(../result/images/photo_2.jpg)no-repeat center center;
	background-size:  cover;
}
.box3{
	background:url(../result/images/photo_3.jpg)no-repeat center center;
	background-size:  cover;
}

.box_a {
  margin: auto;
  width:200px;
  font-size: 1.5rem;
  border: solid #fff 1px;
  padding: 10px;
 color: white;
	  text-decoration: none;
	  
	  margin-top:1em;
z-index:3;
position: absolute; bottom:10px; left:10px;
  }
.result h6{
	margin-top:0;
	margin-bottom:0;
	background-image: url(../images/ya_white.png);
	background-repeat: no-repeat;
	background-position:center left;
	padding-left:2em;
	font-size:1.5rem;
	color:#fff;
	font-weight:100;
}



}

#titleimage_p::before{
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
	z-index:-2;
}
 	 	 
	 table.setsubi {
	 margin:0;
	 padding:0px;
     border-collapse: collapse;
	 width:100%;
	 
	 }
	 table.setsubi td {
	 border-width: 1px 0;
     border-color: #b5b5b5;
     border-style: dotted;
	 color:#555;
	 padding: 0.3em; 
	 line-height: 130%;
	 text-align:left;

	 }