/* 031 */
.column031 #head_wrap .text { padding: 45px 0 80px; }
.column031 #head_wrap .text p { margin-bottom: 0; }

.column031 #column_wrap .bg_wrap { background-color: #f6f5ef; }
.column031 #column_wrap .bg_wrap .border_title span img { background-color: #f6f5ef; }
.column031 #column_wrap .sub_section + .sub_section { margin-top: 50px; }
.column031 #column_wrap .text { text-align: left; }
.column031 #column_wrap .text p + p { margin-top: 2em; }
.column031 #column_wrap .text_right { width: 47%; }
.column031 #column_wrap .text_left { width: 47%; }
.column031 #column_wrap .text_left p:last-child, #column_wrap .text_right p:last-child { margin-bottom: 0; }

.column031 #column_wrap .label { margin-bottom: 1em; font-size: 142.857%; font-weight: bold; }
.column031 #column_wrap .label img { width: auto; max-width: 100%; height: 26px; }
.column031 #column_wrap .border_title { margin-bottom: 75px; }

.column031 #column_wrap #section_31_01 { padding: 75px 0 95px; }
.column031 #column_wrap #section_31_02 { padding: 94px 0 113px; }
.column031 #column_wrap #section_31_03 { padding: 86px 0 114px; }
.column031 #column_wrap #section_31_04 { padding: 93px 0 113px; }
.column031 #column_wrap #section_31_05 { padding: 87px 0 113px; }
.column031 #column_wrap #section_31_06 { padding: 95px 0 115px; }
.column031 #column_wrap #section_31_07 { padding: 67px 0 67px; }
.column031 #column_wrap #section_31_08 { margin-top: 80px; padding: 0; }

.column031 #column_wrap #section_31_07 .footer_text { text-align: center; color: #c00b09; font-size: 114.3%; font-weight: bold; }
.column031 #column_wrap #section_31_08 .col_w { display: table; width: 100%; table-layout: fixed; }
.column031 #column_wrap #section_31_08 .col_l { display: table-cell; width: 53.06%; vertical-align: top; background-color: #f3f3f3; }
.column031 #column_wrap #section_31_08 .col_l .cont { padding: 50px 40px; }
.column031 #column_wrap #section_31_08 .col_l .p_name { margin-top: 0.5em; font-size: 142.85%; font-weight: bold; }
.column031 #column_wrap #section_31_08 .col_l .link_btn { display: inline-block; margin-top: 1em; padding: 0.9em 2em; -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; color: #fff; background-color: #00ac50; }
.column031 #column_wrap #section_31_08 .col_l .link_btn:hover { background-color: #33bc76; }
.column031 #column_wrap #section_31_08 .col_l .link_btn a:hover { text-decoration: none; }
.column031 #column_wrap #section_31_08 .col_l .link_btn .inner { display: inline-block; padding-left: 11px; color: #fff; background: url(/club-me/common/image/arr_white.png) no-repeat left center; }
.column031 #column_wrap #section_31_08 .col_r { display: table-cell; width: 46.93%; vertical-align: middle; }
.column031 #column_wrap #section_31_08 .col_r img { width: 100%; vertical-align: top; }
#contents_wrap .return_corner_top { margin: 50px auto 50px; }

.column031 #foot_wrap .text { text-align: center; }

@media only screen and (max-width: 767px) {
    /*031*/
    #footer_button_area .container { margin-top: 35px; }
    #contents_wrap { margin-bottom: 45px; }
    .column031 #head_wrap .text { padding: 40px 20px; line-height: 1.5; }
    .column031 #head_wrap .text p { margin-bottom: 0; text-align: left; }
    .column031 #column_wrap .border_title span img { padding: 0 10px; }

    #column_wrap .text_right p:last-child { margin-bottom: 2em; }
    .column031 #column_wrap .text_right { width: auto; }
    .column031 #column_wrap .text_left { width: auto; }
    .column031 #column_wrap .label { font-size: 100%; }
    .column031 #column_wrap .border_title { margin-bottom: 25px; }
    #column_wrap .img_left, #column_wrap .img_right { margin-bottom: 25px; }

    .column031 #column_wrap .section { padding: 50px 0; }

    .column031 #column_wrap #section_31_01 { padding: 41px 0 43px; }
    .column031 #column_wrap #section_31_01 .border_title:after { top: 65%; }

    .column031 #column_wrap #section_31_02 { padding: 39px 0 64px; }
    .column031 #column_wrap #section_31_02 .border_title:after { top: 65%; }

    .column031 #column_wrap #section_31_03 { padding: 43px 0 37px; }
    .column031 #column_wrap #section_31_03 .border_title:after { top: 65%; }

    .column031 #column_wrap #section_31_04 { padding: 40px 0 56px; }
    .column031 #column_wrap #section_31_04 .border_title:after { top: 65%; }

    .column031 #column_wrap #section_31_05 { padding: 40px 0; }
    .column031 #column_wrap #section_31_05 .border_title:after { top: 65%; }

    .column031 #column_wrap #section_31_06 { padding: 39px 0 72px; }
    .column031 #column_wrap #section_31_07 { padding: 50px 0 40px; }
    .column031 #column_wrap #section_31_08 { margin-top: 80px; padding: 0; }

    .column031 #column_wrap #section_31_07 .footer_text { text-align: left; color: #c00b09; font-size: 114.3%; font-weight: bold; }

    .column031 #column_wrap #section_31_08 .col_w {position: relative; display: block;  }
    .column031 #column_wrap #section_31_08 .col_l { display: block; width: 100%; padding-top: 73.741%; }
    .column031 #column_wrap #section_31_08 .col_r {position: absolute; top: 0; display: block; width: 100%; border-width: 1px 0 1px 0; border-style: solid; border-color: #e6e6e6;  }
    .column031 #column_wrap #section_31_08 .col_l .cont { padding: 20px; }
    .column031 #column_wrap #section_31_08 .col_l .p_name { margin-top: 0.8em; font-size: 135.71%; }
    .column031 #column_wrap #section_31_08 .col_l .link_btn { display: block; text-align: center; font-weight: normal; }

    #contents_wrap .return_corner_top { margin: 15px 20px 0; } }