@media only screen and (min-width: 768px) { html.lower #contents .imgpattern { background: url(../../../activity/images/img_main.jpg) no-repeat center/cover; } }
@media print { html.lower #contents .imgpattern { background: url(../../../activity/images/img_main.jpg) no-repeat center/cover; } }
.ie8 html.lower #contents .imgpattern { background: url(../../../activity/images/img_main.jpg) no-repeat center/cover; }
@media only screen and (max-width: 767px) { html.lower #contents .imgpattern { background: url(../../../activity/images/img_main-sp.jpg) no-repeat center/cover; } }

.con_act { margin-top: 60px; }
@media only screen and (max-width: 767px) { .con_act { margin-top: 3em; } }
.con_act .box_item { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #ebebeb; padding: 2.5em 0; }
.con_act .box_item:last-child { border-bottom: 0; }
.con_act .box_item .img { width: 42.91667%; }
@media only screen and (max-width: 767px) { .con_act .box_item .img { width: 100%; } }
@media only screen and (max-width: 767px) { .con_act .box_item .img { text-align: center; margin-bottom: 1em; } }
.con_act .box_item .img img { width: 100%; }
.con_act .box_item .box_txt { width: 54.16667%; }
@media only screen and (max-width: 767px) { .con_act .box_item .box_txt { width: 100%; } }
.con_act .box_item .box_txt .star { margin-bottom: 2em; }
.con_act .box_item .box_txt .star span { color: #dcbc6c; }
.con_act .box_item .box_txt .st_activ { font-size: 129%; font-weight: normal; line-height: 2; margin-bottom: 0.5em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_act .box_item .box_txt .st_activ { font-size: 115%; } }
@media only screen and (max-width: 767px) { .con_act .box_item .box_txt .st_activ { font-size: 100%; } }
@media only screen and (max-width: 767px) { .con_act .box_item .box_txt .st_activ { margin-bottom: 0.5em; } }
.con_act .box_item .box_txt .st_activ span { background: #f5f2ee; padding: .4em .4em .4em .7em; }
.con_act .box_item .box_txt .txt { padding-bottom: 20px; }
@media only screen and (max-width: 767px) { .con_act .box_item .box_txt .txt { padding-bottom: 1em; } }
.con_act .box_item .box_txt .tbl_basic { margin-top: 0; margin-bottom: 2em; }
@media only screen and (max-width: 767px) { .con_act .box_item .box_txt .tbl_basic { margin-bottom: 1.5em; } }
.con_act .box_item .box_txt .tbl_basic th { font-weight: normal; }
@media only screen and (min-width: 768px) { .con_act .box_item .box_txt .tbl_basic th { width: 130px; padding: 0.5em; } }
@media print { .con_act .box_item .box_txt .tbl_basic th { width: 130px; padding: 0.5em; } }
.ie8 .con_act .box_item .box_txt .tbl_basic th { width: 130px; padding: 0.5em; }
.con_act .box_item .box_txt .tbl_basic td { line-height: 2; }
@media only screen and (min-width: 768px) { .con_act .box_item .box_txt .tbl_basic td { padding: 0.5em 1.5em; } }
@media print { .con_act .box_item .box_txt .tbl_basic td { padding: 0.5em 1.5em; } }
.ie8 .con_act .box_item .box_txt .tbl_basic td { padding: 0.5em 1.5em; }
.con_act .box_item .box_txt .tbl_basic td .list li { list-style-type: disc; margin-left: 1em; }
.con_act .box_item .box_txt .more { border: 1px solid #e0e0e0; width: 100%; padding: 1.2em; text-align: center; font-size: 100%; position: relative; cursor: pointer; }
.con_act .box_item .box_txt .more:after { position: absolute; content: '+'; top: 50%; right: 1em; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 115%; }
.con_act .box_item .box_txt .more.active:after { content: '-'; }
.con_act .box_item .box_txt .box_acc { display: none; margin-top: 2em; }

.box_contact { font-size: 129%; width: 60%; background: #f5f2ee; color: #000; text-align: center; margin: 2em auto 0; padding: 1em; line-height: 2; }
@media only screen and (max-width: 767px) { .box_contact { font-size: 108%; width: 90%; } }
.box_contact .st { border-bottom: 1px solid #e4ddd4; font-weight: normal; }
@media only screen and (max-width: 767px) { .box_contact .st { padding: 0.5em; } }
.box_contact .tel { margin-bottom: 0; }
@media only screen and (max-width: 767px) { .box_contact .tel { padding: 0.5em; } }
.box_contact .tel a { text-decoration: none; }

.con_info { margin: 5em auto 10em; line-height: 2; }
@media only screen and (max-width: 767px) { .con_info { margin: 3em auto 5em; } }
.con_info .sub_title { font-size: 129%; font-weight: normal; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_info .sub_title { font-size: 129%; } }
@media only screen and (max-width: 767px) { .con_info .sub_title { font-size: 108%; } }
.con_info .txt_text .section { margin-bottom: 2em; }
@media only screen and (max-width: 767px) { .con_info .txt_text .section { margin-bottom: 1em; } }
.con_info .txt_text .section ul li { list-style-type: disc; }
.con_info .tbl_basic { margin: 1em 0; width: 50%; }
@media only screen and (max-width: 767px) { .con_info .tbl_basic { margin: 0.5em 0; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_info .tbl_basic { width: 70%; } }
@media only screen and (max-width: 767px) { .con_info .tbl_basic { width: 100%; } }
@media only screen and (min-width: 768px) { .con_info .tbl_basic th { width: 50%; } }
@media print { .con_info .tbl_basic th { width: 50%; } }
.ie8 .con_info .tbl_basic th { width: 50%; }
.con_info .box_guide { border: 1px solid #e0e0e0; padding: 3.6em; }
@media only screen and (max-width: 767px) { .con_info .box_guide { padding: 2.2em 1.8em 1.8em; } }
.con_info .box_guide .sub_title { margin-bottom: 2em; }
@media only screen and (max-width: 767px) { .con_info .box_guide .sub_title { margin-bottom: 1.2em; } }
