@charset "UTF-8";
/*common-----*/
body{
    color: #333333;
    font-family: "Hiragino Kaku Gothic Pro", Meiryo,  "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 0 auto;
    font-weight: 300;
}
/*title------*/
.title_dcp{
    border-left: 8px solid #A2CACA;
    padding: 0 0 0 10px;
    margin: 60px 0 20px;
}
.ttl_dcp{
	border-bottom: 3px solid #dedede;
    font-weight: normal;
    text-align: center;
	margin:30px auto;
	padding-bottom: 8px;
    width: 91%;
}
.ttl_dcp span{
    font-size:80%;
}
/*section.dcp_area*/
.dcp_area{
	margin:0 auto  60px;
	width:94%;
}
.dcp_p,
.dcp_pp{
	margin: 0 auto;
	width:80%;
}
.dcp_p img,
.dcp_pp img{
	width:100%;
    box-shadow: 2px 2px 5px #ededed;
}
.dcp_pp img{
    margin-bottom:20px;
}
.dcp_area ol{
	margin: 10px 0 0;
	padding: 0 0 0 25px;
}
.dcp_area ol li{
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	padding-bottom:8px;
}
ul.menu{
    margin: 0 0 0 20px;
    padding: 0 0 0 10px;
    list-style: none;
}
ul.menu li::before{
    content:"■";
    color:#A2CACA;
    padding-right:5px;
}
ul.menu li ul{
    list-style: none;
}
ul.menu li ul li::before{
    content:"●";
    font-weight: bold;
    padding-right:5px;
    font-size: 50%;
}
.back{
    margin-bottom: 30px;
    text-align: right;
    margin-right: 20px;
}
.back a{
    border: 3px solid #fff;
    text-decoration: none;
    display: inline-block;
    padding: 3px 10px;
    background-color: #999;
    color: #fff;
    border-radius: 6px;
    font-size:85%;
}
.back a:hover{
    border:3px solid #999;
    color:#999;
    background-color: #fff;
}
.caution {
  font-weight: bold;
  color: #dc143c;
}
/* =====================================================================
672px以上 tablet
======================================================================== */
@media screen and (min-width: 672px){
	body{
		width:672px;
		width:100%;
	}
	.dcp_area{
		width:100%;
	}
	.ttl_dcp{
		padding-left: 20px;
		padding-right: 20px;
		width:48%;
	}
	.dcp_p,
    .dcp_pp{
		text-align:center;
	}
    .dcp_pp{
        display: flex;
        justify-content: space-around;
        width:85%;
    }
    .dcp_pp div{
        margin:20px 16px 0;
    }
    .dcp_p img{
		max-width:375px;
	}
    .dcp_pp img{
        max-width:375px;
    }

}
/* ======================================================================
980px以上用（PC用）
====================
===================================================== */
@media screen and (min-width: 740px){
	body{
		width:740px;
	}
	.dcp_area{
		display:flex;
        flex-wrap:wrap;
	}
	.dcp_p{
		text-align: left;
		margin-right: 2%;
        width:40%;
	}
    .dcp_pp{}
    .dcp_txt{
        width:58%;
    }
}