@charset "utf-8";


#agreement {
   width: 100%;
	margin:4.2% auto 5%;
}

.page-title_bg {
    margin: 0 0 5%;
    width: 100%;
    padding: 3% 0;
    position: relative;
    border-bottom: 1px solid #002982;
}

.page-title {
    width: 52.08333%;
    margin: 0 auto;
}

.page-title img{
    width:100%;
}

#agreement .sec01 {
  width: 48.9583%;
    margin: 0 auto;
	font-size: 1vw;
	line-height: 180%;
}

.agree-midasi{
	font-size:1.4vw;
	font-weight: bold;
	color: #000055;
	line-height: 180%;
	margin-bottom: 3%;
}

.agree-txt{
	font-size:1vw;
	line-height: 160%;
	margin-bottom: 5%;
	border-bottom: 1px solid #4c4c4c;
	padding-bottom: 5%;
}

.agree-txt#last{
	font-size:1vw;
	line-height: 160%;
	margin-bottom: 5%;
	border-bottom: none;
	padding-bottom: 5%;
}

.agree-midasi2{
	font-size:1.3vw;
	color: #000055;
	line-height: 180%;
	margin-bottom: 3%;
}

table#agree td{
	padding-bottom: 2%;
	border: none;
}

.agree-dl_l{
	width:60%;
	background-color: #ccccd4;
	text-align: center;
	float: left;
	margin-bottom: 1%;
	font-size: 0.9vw;
	line-height: 400%;
}

.agree-dl_r{
	width:37%;
	padding: 1% 0;
	text-align:left;
	float: right;
	margin-bottom: 1%;
}

.agree-dl_r img{
	width:12%;
	margin-right: 2%;
}


/* ========================================================================================================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ipad
=========================================================================================================================================================================================== */
@media only screen and (max-width: 1024px) { 
    

	
#practice .sec01 {
    width: 80%;
    font-size: 1.5vw;
}
	


    
}


/* =============================================================================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　スマホ
========================================================================================================================================================================== */
@media only screen and (max-width: 699px) {
#practice {
  width: 100%;
    margin: 0% auto 5%;
}    
	
	
    
#practice .sec01 {
    width: 90%;
    margin: 0 auto;
	font-size:16px;
    line-height: 180%;
	text-align: left;
} 
	


    
}