html, body {background:#f4f8fB; background-size:cover; position:relative;}

.self_wrap {background:#fff; width:100%; min-height:100%; position:relative; overflow:hidden;}
.pc.self_wrap {max-width:720px; height:100%; margin:0 auto; overflow-y:auto;}
.mobile.self_wrap {}

.self_wrap .self_top {position:relative; height:75px; border-bottom:1px solid #e0e0e0;}
.self_wrap .self_top div.tit img {height:40px; margin:17.5px 0 0 3%;}
.self_wrap .self_top a.btn {position:absolute; right:3%; top:20px; color:#fff; width:35px; height:35px;
	background:url('../img/ic_main.png') center center no-repeat; background-size:22px;}

.self_wrap .self_bottom {text-align:center; font-size:0.8em; color:#444; background:#f6f5f5; padding:0 0 60px;}
.self_wrap .self_bottom a.home {display:inline-block; width:100%; text-align:center; color:#fff;
	background:#e8a566; padding:15px 0; border-radius:10px; font-weight:500; font-size:1.25em; margin-top:15px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}
.self_wrap .self_bottom a.home:after { font-family:'FontAwesome'; font-size:0.7em; display:inline-block;
    content:"\f08e"; margin:0 0 2px 5px; vertical-align:middle; font-weight:400;}

/*main*/
.self_wrap .main {background:#f6f5f5; padding-top:30px;}
.self_wrap .main .tit {position:relative; z-index:2;
	background:url('../img/main_tit_bg.jpg') center top no-repeat;
	background-size:cover; padding:30px 0 0; color:#fff; width:94%; margin:0 3% 15px; border-radius:10px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}
.self_wrap .main .tit h1 {font-size:2.25em; font-weight:800;}
.self_wrap .main .tit img.deco {width:80%; max-width:400px;}

.self_wrap .main .links_wrap {position:relative; z-index:1; background:#f6f5f5;}
.self_wrap .main .links li {text-align:center; background:#fff; border-radius:10px;
	display:inline-block; width:calc(33.33% - 10px); float:left; margin:0 15px 15px 0; padding:15px 0;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}
.self_wrap .main .links li:nth-child(3n) {margin-right:0;}
.self_wrap .main .links li a {display:inline-block; width:100%; height:100%;}
.self_wrap .main .links li img {width:40%; max-width:80px; margin-bottom:10px;}
.self_wrap .main .links li p {font-weight:600; color:#323232;}
.self_wrap .main .links li:last-child {background:#444;}
.self_wrap .main .links li:last-child p {color:#fff;}
.self_wrap .main .links li:last-child p:after { font-family:'FontAwesome'; font-size:0.7em; display:inline-block;
    content:"\f08e"; margin:0 0 2px 5px; vertical-align:middle; font-weight:400;}

/*sub*/
.self_wrap .sub {background:#f6f5f5; padding-top:30px;}
.self_wrap .sub div.tit {position:relative; overflow:hidden; height:100px;
	background:url('../img/main_tit_bg.jpg') center top no-repeat;
	background-size:cover; color:#fff; width:94%; margin:0 3% 15px; border-radius:15px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}
.self_wrap .sub div.tit p {padding:20px 0 0; line-height:20px; font-size:0.9em;}
.self_wrap .sub div.tit h1 {font-size:1.5em; font-weight:800; line-height:40px;}
.self_wrap .sub div.tit img.deco {height:80px; position:absolute; right:3%; top:20px;}
.self_wrap .sub .list .listBtn {display:inline-block; width:100%; border:2px solid #444; background:#fff;
	line-height:36px; height:40px; text-align:left; font-weight:500; padding:0 3%; font-size:1em;}
.self_wrap .sub .list .listBtn:before {content:'\f0dd'; font-family:'FontAwesome'; display:inline-block;
	padding:0 5px; float:right; line-height:30px;}
.self_wrap .sub .list .testList {display:none; background:#444;}
.self_wrap .sub .list .testList.show {display:block;}
.self_wrap .sub .list .testList a {color:#fff; display:block; line-height:40px; padding:0 3%;}
.self_wrap .sub .list .testList a:hover {background:#333;}

.self_wrap .sub .test_wrap {padding:20px 3%; background:#fff; border-radius:15px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);}
.self_wrap .sub .test {margin-top:30px;}
.self_wrap .sub .test div.tip {background:#fbefef; padding:10px; border-radius:10px;
	font-size:0.9em; word-break:break-all;}
.self_wrap .sub .test div.tip:before {content:'\f058'; font-family:'FontAwesome'; display:inline-block;
	padding:0 5px 0 0;}
.self_wrap .sub .test .btn_link {background:#de716f; border-radius:10px; font-weight:500;}





.self_wrap h5.tit {font-size:1.25em; font-weight:700; color:#323232;}
.self_wrap h5.tit span {color:#fff; display:inline-block; width:25px; line-height:25px;
	background:#de716f; text-align:center; border-radius:500px; margin-right:2px;}

.write_self {margin:0 auto; position:relative;}
.write_self ul{overflow:hidden; position:relative; padding:20px 0; font-size:0.9em;}
.write_self li{overflow:hidden; position:relative;  padding:5px 0;}
.write_self li .fm_list{padding:0 5px; display:block; float:left; width:70px; line-height:32px;
	font-size:1em; font-weight:600;}
.write_self li .fm_txt{float:left; width:calc(100% - 70px); display:block; padding:0 5px; font-size:1em;}
.write_self li .fm_txt input{width:100%; height:32px; line-height:32px;}
.write_self li .fm_txt input.wauto{width:auto;}
.write_self li .fm_txt input.w80px{width:70px; border:0; background:none; border-bottom:2px solid #444;}
.write_self li .fm_txt input.tel{width:200px; border:0; background:none; border-bottom:2px solid #444; margin-bottom:10px;}
.write_self li .fm_txt input[type="checkbox"] {display:none;}
.write_self li .fm_txt .private_agree:before {content:'\f058'; font-family:'FontAwesome'; display:inline-block;
	padding-right:5px; color:#e2e3e4; font-size:1.5em; vertical-align:middle;}
.write_self li .fm_txt input[type="checkbox"]:checked + .private_agree:before {color:#444;}
.write_self li .fm_txt input.rdo{display:inline-block; width:auto;}
.write_self li .fm_txt .rdo_txt{margin-left:3px; margin-right:10px;}
.write_self li .fm_txt button{line-height:32px; height:32px}
.write_self li .fm_txt select{border:1px solid #444; color:#444; border-radius:500px; padding-left:10px;}
.write_self li .btn_change input.op0{display:none;}
.write_self li .btn_change .radio_label{display:inline-block; height:32px; line-height:32px; padding:0 10px;
	border:1px solid #f0f0f0; background:#f0f0f0; min-width:55px; text-align:center; border-radius:500px;}
.write_self li .btn_change input:checked + .radio_label{background-color:#444;
	border-color:#444; color:#fff;}

/* program.css

.test_list div.txt {padding:10px 3%; margin-top:20px; position:relative; background:#fafafa;
	border-top:1px solid #e0e0e0; border-bottom:1px solid #efefef;}
.test_list span.num {font-weight:700;}
.test_list span.num:after {content:'.';}
.test_list span.tit {font-weight:500; word-break:break-all;}
.test_list .test_check .list01 {margin-top:10px; padding:0 3%;}
.test_list .test_check .list01 li {display:inline-block; width:50%; float:left;}
.test_list .test_check .list01 li input[type="radio"] {display:none;}
.test_list .test_check .list01 li .radio_label {font-size:0.9em;}
.test_list .test_check .list01 li .radio_label:before {content:'\f058'; font-family:'FontAwesome';
	display:inline-block; color:#e2e3e4; font-size:1.5em; padding-right:5px; vertical-align:middle;}
.test_list .test_check .list01 li input:checked + .radio_label {font-weight:500;}
.test_list .test_check .list01 li input:checked + .radio_label:before {color:#e8a566;}
.test_list .test_check .list02 {margin-top:10px; padding:0 3%;}
.test_list .test_check .list02 li {display:inline-block; width:33.33%; float:left;}
.test_list .test_check .list02 li input[type="radio"] {display:none;}
.test_list .test_check .list02 li .radio_label {font-size:0.9em;}
.test_list .test_check .list02 li .radio_label:before {content:'\f058'; font-family:'FontAwesome';
	display:inline-block; color:#e2e3e4; font-size:1.5em; padding-right:5px; vertical-align:middle;}
.test_list .test_check .list02 li input:checked + .radio_label {font-weight:500;}
.test_list .test_check .list02 li input:checked + .radio_label:before {color:#e8a566;}
.test_list .test_check .list03 {margin:10px 3% 0; background:#f0f0f0; border-radius:500px; overflow:hidden;}
.test_list .test_check .list03 li {display:inline-block; width:25%; float:left; text-align:center;}
.test_list .test_check .list03 li input[type="radio"] {display:none;}
.test_list .test_check .list03 li .radio_label {font-size:0.9em; line-height:30px; display:block;}
.test_list .test_check .list03 li input:checked + .radio_label {font-weight:500; background:#444; color:#fff;}
.test_list .test_check .list04 {margin-top:10px; padding:0 3%;}
.test_list .test_check .list04 li {display:block;}
.test_list .test_check .list04 li input[type="radio"] {display:none;}
.test_list .test_check .list04 li .radio_label {font-size:0.9em;}
.test_list .test_check .list04 li .radio_label:before {content:'\f058'; font-family:'FontAwesome';
	display:inline-block; color:#e2e3e4; font-size:1.5em; padding-right:5px; vertical-align:middle;}
.test_list .test_check .list04 li input:checked + .radio_label {font-weight:500;}
.test_list .test_check .list04 li input:checked + .radio_label:before {color:#e8a566;}
*/