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

/*子ページ用のトップイメージ*/
#header .ch_topimage {
	/*common.css　上書き*/
	background-image:url(../images/title_img.jpg);
}
#header .ch_topimage .title {
	height:70px;
}


/*===== PC =====*/

/*フォーム*/
form label {
	display:block;
	width:auto;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}
form label span {
	display:inline-block;
	background-color:#492975;
	padding: 5px 10px;
	margin-left: 6px;
	line-height: 1;
	font-size: 10px;
	color:#FFF;
}
form input, form textarea {
	width:95%;
	width:-webkit-calc(100% - 30px);
	width:calc(100% - 30px);
	margin-bottom: 33px;
	padding: 15px;
	font-size:125%;
	background-color: #F7F7F7;
	border: solid #CCC 1px;
}
form input[type="submit"] {
	width:auto;
	color:#FFF;
	background-color: #492975;
	padding:15px 50px;
	border-radius: 8px;
}
.pi {
	display: block;
	width:auto;
	height: 350px;
	padding: 15px;
	overflow: scroll;
	border: solid #CCC 1px;
	margin-bottom: 33px;
}
#contents .pi h2 {
	margin:0 0 2em;
}


.table_type1{
	width:97%;
}


.table_type1 th,.table_type1 td {
	border:solid #d9d9d9 1px;
	padding:15px;
}#contents table.table_type1 th {
	background-color: #f2f2f2;
	font-weight:bold;
}

textarea{
    vertical-align: middle;
	margin-bottom:10px;
	padding:0px;
}

/* for title */
strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}


/*同意書*/
#SCLarea {
	width:750px;
	height:350px;
	padding:0;
	overflow:scroll;
	border:solid #CCC 1px;
}
#SCLarea > * {
	margin:15px;
}
#SCLareap {
	padding-left:2em;
	margin-bottom:2em;
}
#SCLarea b {
	font-weight:bold;
}
#SCLarea .naiyocomtitle1 {
	color:#0b3f95;
	margin-bottom:0.5em;
}
#SCLarea .naiykojin {

	margin-bottom:0.5em;
	text-align:left;
	padding:10px;
}

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



}

@media screen and (max-width: 760px) {
#SCLarea {
	width:95%;
	height:350px;
	padding:0;
	overflow:scroll;
	border:solid #CCC 1px;
}

}

@media screen and (max-width: 480px) {
table{
	width:95%
}

.midashi{
		width:95%
}

.table_type1{
	width:95%
}

form input, form select, form textarea {
	margin-right:0px;
	width:98%;
}

#SCLarea {
	width:95%;
	height:350px;
	padding:0;
	overflow:scroll;
	border:solid #CCC 1px;
}

}