@charset "UTF-8";

.dcimg{
margin: 40px auto;
display: flex;
flex-wrap: wrap; 
    justify-content: center;
    gap: 1px;
    flex-direction: row;
}

.dcimg img{
width: calc(50% - 20px);
    padding: 20px 10px;
    
}

.dcimg2{
margin: 20px auto 60px auto;
	display: flex;
	  flex-wrap: wrap;
	 flex-direction: row;
	justify-content: space-between;
	  gap: 20px;
}

.dcimg2-in{
	 width: calc(50% - 20px);

}

.dcimg2-in p{
	padding: 10px 0;
	text-align: left;
					font-size: 1.5rem;
	line-height:1.8;

}

.dcimg2-in img{
width: 100%;
   
}
.sankaBtn_ol {
    display: block;
    margin: 20px auto 60px auto;
    width: 70%;
    background: #259de9;
    text-align: center;
    padding: 3rem 0;
    line-height: 1.6rem;
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    transition-duration: .2s; }
.sankaBtn_ol:visited{
	color: #fff;
}
.sankaBtn_ol:hover {
	 color: #fff;
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      opacity: 0.6;
      text-decoration: none; }

ul.dot-list {
  list-style: none;
  padding-left: 0;
	text-align: left;
	font-size: 1.5rem;
	margin: 0 0 60px 0;
}

ul.dot-list li {
  position: relative;
  padding: .5rem 0 .5rem 2rem ;
  line-height: 1.8;

}

ul.dot-list li::before {
  content: "・";
  position: absolute;
  left: 0;
}
#mousikomi{
	padding: 100px 0 0 0;
	margin: -100px 0 0 0;
}

/*======================================================================
=======================================================================
=======================================================================
=======================================================================
SP用================================================================*/


@media (max-width: 840px) {
 .sankaBtn_ol {
		width: 90%;
		margin: 20px auto 80px auto;
	}

.dcimg{
margin: 20px auto;
    flex-direction: column;
}

 .dcimg img{
     width: 100%;
    }
	
	.dcimg2{
margin: 10px auto 30px auto;
	 flex-direction: column;
}

 .dcimg2-in{
     width: 100%;
    }
	
   .dcimg2-in p{
    line-height: 1.8;
    }  

}