@charset "utf-8";

/* --------------------------------------------------------------------------------------
#document72
--------------------------------------------------------------------------------------- */
#document72 .btn a {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: #ff7a0a;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #ff7a0a), color-stop(0.00, #feb713));
    background: -webkit-linear-gradient(top, #feb713 0%, #ff7a0a 88%);
    background: -moz-linear-gradient(top, #feb713 0%, #ff7a0a 88%);
    background: -o-linear-gradient(top, #feb713 0%, #ff7a0a 88%);
    background: -ms-linear-gradient(top, #feb713 0%, #ff7a0a 88%);
    background: linear-gradient(to bottom, #feb713 0%, #ff7a0a 88%);
    
    border-radius: 5px;
}

#document72 .btn.end{
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 17px 60px 18px 60px;
    background: #ccc;

    border-radius: 5px;
}

#document72 p.btn.end{
    width: 500px;
    font-size: 24px;
}

#document72 .btn a:hover {
    background: #fe900d;
    background: -moz-linear-gradient( top, #fed718 0%, #fe900d);
    background: -webkit-gradient( linear, left top, left bottom, from(#fed718), to(#fe900d));
}

#document72 .btn a span {
    display: block;
    background: url(/common/img/ico_arw02.png) no-repeat 97% center;
}

#document72 dl {
    margin: 0 0 20px;
}
#document72 dl dt {
    /*text-align: right;*/
    float: left;
    width: 100px;
    clear: both;
    padding-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

#document72 .lead {
	font-weight: bold;
}

#document72 .caution{
    display: block;
    font-size: 14px !important;
    font-weight: normal !important;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#document72 .caution strong{
    color: #CC0000;
}

#document72 .border{
    margin: 0 0 50px 0;
    padding: 20px 3%;
    border: 5px solid #00AF28;
}

#document72 .ac {
	text-align: center;
	margin: 0 auto;
}

#document72 .img img {
	width: 100%;
}

#document72 .imgL {
	float: left;
	margin: 0 10px 10px 0;
}

#document72 .imgR {
	float: right;
	margin: 0 0 10px 10px;
}

/* PC用の記述  ------------------------------ */
@media only screen and (min-width: 641px) {
	#document72 .sub_ttl_area {
	margin-bottom: 50px;
	}
	#document72 article{
		font-size: 18px;
	}
	#document72 section {
		margin-bottom: 60px;
	}
    #document72 section .inner{
        margin: 0 20px;
    }
    #document72 section p{
        line-height: 2em;
        margin-bottom: 1.5em;
    }

    #document72 h3 {
        margin: 0 0 36px 0;
        font-size: 36px;
        color: #00AF28;
        font-weight: bold;
        line-height: 1.2;
        text-align: center;
    }
    #document72 #ct_area h4 {
    clear: both;
    padding: 6px 6px 6px 20px;
    margin: 2% 0 20px;
    font-size: 20px;
    font-weight: bold;
    background: #00ae2d;
    color: #fff;
	}

	#document72 h5 {
	    clear: both;
	    padding-bottom: 4px;
	    margin-bottom: 12px;
	    color: #00AF28;
	    font-size: 116%;
	    font-weight: bold;
	    border-bottom: 1px dotted #00AF28;
	}
	#document72 h5 span {
		color: #333;
	}
	#document72 .btn a {
    padding: 17px 60px 18px 60px;
    }
	
    #document72 dl {
        margin: 0 0 20px;
    }
    #document72 dl dt:after {
        content: ":";
        display: inline-block;
        float: right;
        
    }
    #document72 dl dd {
        margin-left: 100px;
        padding-left: 10px;
        padding-bottom: 10px;
    }
    
    /* btn------------------------------ */
    #document72 .btn a {
        width: 500px;
        font-size: 24px;
    }

    
    /* img------------------------------ */
    #document72 ul.img {
    	width: 100%;
	}
	#document72 ul.img li {
        float: left;
        width: 49%;
    }
    #document72 ul.img li img {
        width: 100%;
        clear: both;
    }
    #document72 ul.img li:last-child {
        float: right;
    }
}

/* スマートフォン用の記述  ------------------------------ */
@media only screen and (max-width: 640px) {

	#document72 .sub_ttl_area {
	margin-bottom: 30px;
	}
	#document72 article{
		font-size: 14px;
		margin: 0 3%;
	}
	#document72 section {
		margin-bottom: 40px;
	}
    #document72 section .inner{
        margin: 0;
    }
    #document72 section p{
        line-height: 1.7em;
        margin-bottom: 1.5em;
    }

	#document72 h3 {
        margin: 0 0 12px 0;
        font-size: 20px;
        color: #00AF28;
        font-weight: bold;
        line-height: 1.4;
        text-align: left;
    }
    #document72 #ct_area h4 {
        position: relative;
        padding: 3%;
        margin: 0 0 16px 0;
        background: #00ae2d;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
    }

	#document72 h5 {
	    clear: both;
	    padding-bottom: 4px;
	    margin-bottom: 12px;
	    color: #00AF28;
	    font-size: 16px;
	    font-weight: bold;
	    border-bottom: 1px solid #00AF28;
	}
	#document72 h5 span {
		color: #333;
	}
	#document72 .border {
		padding: 12px 3%;
		border: 3px solid #00AF28;
		margin: 0 auto 20px;
	}
	/* img------------------------------ */
    #document72 ul.img {
    	width: 100%;
	}
	#document72 ul.img li {
        margin-bottom: 10px;
    }
    
    #document72 .btn a {
    padding: 14px 5% 14px 5%;
    }
    #document72 .caution{
    font-size: 12px !important;
}

    .btn a {
        margin: 0 0 20px 0;
        font-size: 16px;
        line-height: 1.5;
    }
    p.btn{
        width: auto;
        text-align: center !important;
    }

}