html.lower #contents.page_contents .page_title { margin-bottom: 0; }
@media only screen and (max-width: 767px) { html.lower #contents.page_contents .page_title h2 { margin-left: 0; } }

.box_rlist { background: #fff; position: relative; padding: 4.4em 0 6em; }
@media only screen and (max-width: 767px) { .box_rlist { padding: 0; margin-bottom: 2em; } }
.box_rlist .box_list .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #d7d1ca; padding: 1.7em 0; text-decoration: none; }
@media only screen and (max-width: 767px) { .box_rlist .box_list .item { margin-bottom: 2em; padding: 0 0 1.6em; } }
.box_rlist .box_list .item .sub_title { line-height: 2em; text-decoration: underline; }
@media only screen and (max-width: 767px) { .box_rlist .box_list .item .sub_title { line-height: 1.8em; } }
.box_rlist .box_list .item:hover .sub_title { text-decoration: none; }
.box_rlist .box_list .item .img { width: 35.83333%; }
@media only screen and (max-width: 767px) { .box_rlist .box_list .item .img { width: 100%; } }
.box_rlist .box_list .item .box_txt { width: 64.16667%; padding-left: 2.75em; }
@media only screen and (max-width: 767px) { .box_rlist .box_list .item .box_txt { width: 100%; padding-left: 0; } }
.box_rlist .box_list .item .box_txt .sub_title { font-size: 134%; font-weight: normal; margin: 0 0 0.75em; }
@media only screen and (max-width: 767px) { .box_rlist .box_list .item .box_txt .sub_title { margin: 0.5em 0; } }
.box_rlist .box_list .item .box_txt .txt_text { font-size: 117%; line-height: 1.8; }
@media only screen and (max-width: 767px) { .box_rlist .box_list .item .box_txt .txt_text { font-size: 109%; line-height: 1.6; } }
.box_rlist .box_list img { width: 100%; }
.box_rlist .login { padding: 80px; background: rgba(0, 0, 0, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .box_rlist .login { padding: 4em 2em; } }
@media only screen and (max-width: 767px) { .box_rlist .login { padding: 30px 0; } }
.box_rlist .login .txt_titile { font-size: 200%; margin-bottom: 15px; letter-spacing: .5em; color: #fff; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .box_rlist .login .txt_titile { font-size: 167%; } }
@media only screen and (max-width: 767px) { .box_rlist .login .txt_titile { font-size: 150%; margin-bottom: 1em; } }
.box_rlist .login .txt_desc { font-size: 126%; letter-spacing: .2em; color: #fff; margin-bottom: 80px; }
@media only screen and (max-width: 1199px) { .box_rlist .login .txt_desc { font-size: 117%; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .box_rlist .login .txt_desc { margin-bottom: 50px; } }
@media only screen and (max-width: 767px) { .box_rlist .login .txt_desc { margin-bottom: 30px; } }
.box_rlist .login .txt_infor { letter-spacing: .5em; font-size: 150%; color: #e2d691; margin-bottom: 15px; }
@media only screen and (max-width: 1199px) { .box_rlist .login .txt_infor { font-size: 134%; } }
@media only screen and (max-width: 767px) { .box_rlist .login .txt_infor { margin-bottom: 1em; } }
.box_rlist .login .txt_note { letter-spacing: .1em; color: #e2d691; }
@media only screen and (min-width: 768px) { .box_rlist .login .txt_note { font-size: 109%; } }
@media print { .box_rlist .login .txt_note { font-size: 109%; } }
.ie8 .box_rlist .login .txt_note { font-size: 109%; }
.box_rlist .login .txt_note a { color: #e2d691; }
.box_rlist .login .box_form { background: #fff; padding: 50px; margin-top: 50px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .box_rlist .login .box_form { padding: 40px; margin-top: 40px; } }
@media only screen and (max-width: 767px) { .box_rlist .login .box_form { padding: 30px 15px; margin-top: 30px; } }
@media only screen and (min-width: 768px) { .box_rlist .login .box_form form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }
@media print { .box_rlist .login .box_form form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }
.ie8 .box_rlist .login .box_form form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.box_rlist .login .box_form form .form_group .form_control { font-size: 142%; width: 500px; border: 1px solid #d8d8d8; padding: 1em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .box_rlist .login .box_form form .form_group .form_control { width: 400px; } }
@media only screen and (max-width: 767px) { .box_rlist .login .box_form form .form_group .form_control { width: 100%; padding: .7em .5em; } }
.box_rlist .login .box_form form .form_group .memory { margin: 10px 0; }
@media only screen and (max-width: 767px) { .box_rlist .login .box_form form .form_group .memory { margin: 10px 0 30px; } }
@media only screen and (min-width: 768px) { .box_rlist .login .box_form form .btn_login { padding-left: 15px; } }
@media print { .box_rlist .login .box_form form .btn_login { padding-left: 15px; } }
.ie8 .box_rlist .login .box_form form .btn_login { padding-left: 15px; }
.box_rlist .login .box_form form .btn_login a { background: #c65f40; padding: 1.5em 3em; display: inline-block; text-decoration: none; color: #fff; letter-spacing: 2px; min-width: 180px; text-align: center; font-size: 117%; }
@media only screen and (max-width: 767px) { .box_rlist .login .box_form form .btn_login a { padding: 1em; display: block; } }

.con_detail { max-width: 100%; margin-bottom: 84px; }
@media only screen and (max-width: 767px) { .con_detail { margin-bottom: 2em; } }
.con_detail .box_detail { padding-bottom: 2em; }
@media only screen and (max-width: 767px) { .con_detail .box_detail { padding-bottom: 0; } }
.con_detail .box_detail .box_content { max-width: 800px; margin: 0 auto 55px; color: #000000; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content { max-width: 100%; margin-bottom: 1em; } }
.con_detail .box_detail .box_content h3 { color: #615b54; font-weight: normal; font-size: 134%; letter-spacing: 0.5em; text-align: center; line-height: 3; margin: 42px auto 63px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_detail .box_detail .box_content h3 { line-height: 2; } }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content h3 { letter-spacing: 0.3em; text-align: left; line-height: 1.6; margin: 1em 0; } }
.con_detail .box_detail .box_content .box_special { margin-bottom: 30px; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_special { margin-bottom: 1.2em; } }
.con_detail .box_detail .box_content .box_special .img { text-align: center; }
.con_detail .box_detail .box_content .txt_title_img { font-size: 109%; margin-top: 7px; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .txt_title_img { margin-top: 0; font-size: 100%; } }
.con_detail .box_detail .box_content p { font-size: 109%; line-height: 2.5; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content p { text-align: left; line-height: 2; } }
.con_detail .box_detail .box_content p.txt { margin-bottom: 30px; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content p.txt { margin-bottom: 1em; } }
.con_detail .box_detail .box_content .box_img { margin-top: 50px; margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_img { margin-top: 1em; } }
@media only screen and (max-width: 767px) { .con_detail .box_detail .box_content .box_img { margin-bottom: 1.2em; } }
.con_detail .box_detail .box_content .box_img > div { margin-right: 2%; width: 49%; }
.con_detail .box_detail .box_content .box_img > div:last-child { margin-right: 0px; }
.con_detail .box_detail .btn_center { text-align: center; margin-top: 50px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_detail .box_detail .btn_center { margin-top: 40px; } }
@media only screen and (max-width: 767px) { .con_detail .box_detail .btn_center { margin-top: 30px; } }
.con_detail .box_detail .btn_center .btn_border a { display: block; max-width: 100%; }