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


html, body {

    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    word-wrap: break-word;
    color: #fff;

}

a {
	color: #003366;
	text-decoration: underline;
}

a:hover {
	color:#003366;
	text-decoration: none;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.img-responsive {
	width: 100%;
}


.aboutWrap,.consentWrap{
	max-width: 1000px;
	margin: 0 auto;

}

.about-01,.about-02,.about-03{
	padding:1.8rem 0;

}
.about-title{	
color: #fff;
font-size:2.3rem;
text-shadow: 0 0 10px rgb(216,15, 251);
font-weight: normal;
	padding-bottom: 1.6rem
}


.about-text{
	padding: 0.5rem 0.5rem 0.5rem 1.6rem;
	font-size: 1.7rem;

}

.about-list > li{
	padding: 0.5rem 0.5rem 0.5rem 1.6rem;
	font-size: 1.7rem;

}

.consentWrap{

}


/*----------------------------------------
    同意書
-----------------------------------------*/ 


.consentWrap {
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: 15px;
}
.consentWrap-inner {
	height: 500px;
	overflow: auto;
	padding-left: 15px;
  color: #003366;;
	background-color: #fbfbfc;
 font-size: 1.7rem;

}
.consent-ttl {
	background: #121544 none repeat scroll 0 0;
	display: block;
	font-size: 2rem;
	padding: 1.8rem 0.5rem 0.3rem;
	text-align: center;
	font-weight: bold
}
.consentWrap-inner dt {
	font-weight: bold;
	 background-color: rgba(18,28,68,0.70);
	color: #fff;
	font-size: 1.5rem;
	padding: 5px 10px;
}
.consentWrap-inner dt:not(:first-child) {
	margin-top: 15px;
}
.consentWrap-inner dd {
	padding: 10px;
}
.cf_btn_tr {
	margin-top: 2em;
	text-align: center;
}

.consentDl{
	display: block;
	color:#fff;
	text-decoration: underline;
	font-size: 1.4rem;
	text-align: right;
}

.consentDl:hover{
text-decoration: none;
	color:#fff;
}


.consent-firstWrap {
	padding: 1em
}
.consent-sign {
	float: right;
	padding: 10px 15px;
}
.consent-table-first {
	width: 100%;
		margin-bottom:1.5em

}
.consent-table-first tr .cf_th {
	padding: 2% 0 2% 5%;
	font-weight: bold;
}
.cf_s {
	width: 10%;
}
.cf_m {
	width: 30%;
}
.cf_l {
	width: 70%;
}
.cf_text {
	background-color: #fff;
	border-color: #ccc;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	padding: 0.2em;
}

.consent-read{
background-color:rgba(144,86,177,0.3);
	border: 1px solid #d2bedf;
color: #CC0000;
	padding:1.2rem 3rem;
	margin-right: 1.2rem;
  margin-top: 1.2rem;
}

/*----------------------------------------
   レンタルツールにについて
-----------------------------------------*/ 
.aboutTableWrap{
	max-width:1000px; 
	background:#fff;
	color:#333;
	padding:3rem 5rem;	
}

.aboutTable{
	border: 1px solid #ececec;
	background: #fff;
	    border-collapse: collapse;
    border-spacing: 0;
}

.aboutTable tr{
padding: 1rem;
	display: table;
	width: 100%;
table-layout: fixed;
}

.aboutTable td{
padding: 1rem;
	display: table-cell;
	border: 1px solid #ececec;
}

.aboutTable-text{
	display: table-cell;
	text-align: center;
}

.aboutTable tr:nth-child(even){ background: #FFFFF2; }


.row2{
	display: table;
	margin: 3rem auto;
	border-collapse:separate;/*セルの間隔を空ける*/
	border-spacing: 2px 0;/*左右上下で記述*/
	width: 100%;
}

.row2 > span{
	display: table-cell;
	text-align: center;
}

.cf_btn_agree {
	background-color:#57379B;
	border-radius: 5px;
	color: #fff;
	font-size: 1.6rem;
	padding: 1.7%;
	text-decoration: none;
	width: 320px;
}

.cf_btn_agree:hover{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.cf_btn_agreeWeb {
	background-color:#B834CC;
	border-radius: 5px;
	color: #fff;
	font-size: 1.6rem;
	padding: 1.7%;
	text-decoration: none;
	width: 320px;
}

.cf_btn_agreeWeb:hover{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

@media screen and (max-width:767px){ 

.aboutWrap,.consentWrap{
padding: 1.5rem
}

.sp_br{
		display: block;
	}
.link_sp{
		color: #003366
	}
	
.tool-list > li{
	font-size: 1.3rem;
}
	
	.aboutTableWrap{
	padding:3rem 1rem;	
}
.aboutTable{
	font-size: 1.4rem
}

	.row2 > span{
	display: block;
	text-align: center;
		margin-top: 2rem
}
	
.cf_btn_agree {
	font-size: 1.6rem;
	width: 100%;
	height: 50px
}
	
.cf_btn_agreeWeb {
	font-size: 1.6rem;
	width: 100%;
	height: 50px}
	
	 }