@charset "UTF-8";
/*** タブレット端末用**/
@media only screen and (max-width: 768px) {
  /*** サイドコンテンツ**/
  .side_category_list li a {
    font-size: 12px;
  }
  /*** カラム**/
  .column_nav ul li {
    width: 50%;
  }
  .column_nav ul li:nth-of-type(1) {
    border-bottom: 1px solid #ff6400;
  }
  .column_nav ul li:nth-of-type(2) {
    border-bottom: 1px solid #ff6400;
  }
  .column_nav ul li:nth-of-type(4) {
    width: 50%;
  }
  .column_nav ul li a {
    font-size: 13px;
  }
  .column_nav ul li a.contact_link:before {
    margin: 0 .8rem 0 0;
    content: url("../images/icon_01.png");
    display: inline-block;
    vertical-align: middle;
  }
  .fp_detail01 {
    padding: 15px;
  }
  .fp_detail01 .image {
    margin: 0 auto 15px auto;
    width: 80%;
    float: none;
  }
  .fp_detail01 .data {
    width: auto;
    float: none;
    overflow: hidden;
  }
  .fp_detail01 .data table th {
    font-size: 14px;
  }
  .fp_detail02 .detail {
    margin: 0;
    padding: 15px;
    overflow: hidden;
  }
  .fp_detail02 .detail .image {
    margin: 0 auto 20px auto;
    padding: 0;
    width: 80%;
    max-width: 150px;
    float: none;
    display: block;
  }
  .fp_detail02 .desc {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
    font-size: 15px;
    overflow: hidden;
  }
  .fp_detail02 .desc p {
    margin: 0;
    padding: 0 0 20px 0;
  }
  .fp_detail02 .update {
    margin: 0;
    padding: 15px 0 0 0;
    line-height: 1.4em;
    font-size: 14px;
    color: #949494;
    text-align: right;
    clear: both;
  }
  .column_list_link01 {
    margin: 0 0 25px 0;
    padding: 0;
    text-align: center;
  }
  .contact_link01 a:before {
    margin: 0 12px 0 0;
    content: url("../images/icon_11.png");
    display: inline-block;
    vertical-align: middle;
  }
  .contact_link01.none_icon a:before {
    content: "";
  }
  .fp_list01 {
    margin: 0;
    padding: 0;
    border: 1px solid #e9eced;
    border-bottom: none;
    overflow: hidden;
  }
  .fp_list01 .item {
    overflow: hidden;
  }
  .fp_list01 .tit {
    margin: 0;
    padding: 10px 15px;
    line-height: 1.2em;
    font-size: 18px;
    font-weight: 700;
    color: #062351;
    background: #fafafa;
    border-bottom: 1px solid #e9eced;
    overflow: hidden;
  }
  .fp_list01 .tit a {
    color: #062351;
  }
  .fp_list01 .detail {
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #e9eced;
    position: relative;
    overflow: hidden;
  }
  .fp_list01 .detail .image {
    margin: 0 auto 15px auto;
    width: 80%;
    max-width: 150px;
    float: none;
    display: block;
  }
  .column_paging01 {
    margin: 0 0 25px 0;
    padding: 15px;
    line-height: 1.2em;
    font-size: 14px;
    background: #eee;
    text-align: center;
  }
  .faq_list01 {
    margin: 0;
    padding: 0;
    border: 1px solid #e9eced;
    border-bottom: none;
    overflow: hidden;
  }
  .faq_list01 .item {
    margin: 0;
    padding: 10px 10px 15px 10px;
    border-bottom: 1px solid #e9eced;
    overflow: hidden;
  }
  .faq_list01 .tit {
    border-bottom: 1px solid #e9eced;
  }
  .faq_list01 .item .label {
    margin: 0 10px 0 0;
    padding: 10px 5px;
    line-height: 1.2em;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #0e6eb8;
    float: left;
    display: inline;
  }
  .faq_list01 .item .label {
    margin: 0 10px 0 0;
    padding: 0 10px;
    line-height: 30px;
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    background: #ff6400;
    float: left;
    display: inline;
  }
  .faq_list01 .item .comment {
    margin: 0 0 0 15px;
    padding: 0;
    line-height: 1.2em;
    font-size: 12px;
    text-align: center;
    float: right;
    display: inline;
  }
  .faq_list01 .item .comment img {
    width: 28px !important;
  }
  .faq_list01 .item .comment .num {
    margin: 0;
    padding: 0;
    line-height: 1.2em;
    font-size: 18px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    color: #062351;
  }
  .faq_list01 .item .detail {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .faq_list01 .item .detail .link {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
    font-size: 22px;
    font-weight: 700;
    color: #062351;
  }
  .faq_list01 .item .detail .link a {
    color: #062351;
    text-decoration: underline;
  }
  .faq_list01 .item .detail .link a:hover {
    color: #5f4729;
    text-decoration: none;
  }
  .faq_list01 .item .detail .desc {
    margin: 0;
    padding: 10px 0 15px 0;
    line-height: 1.6em;
    font-size: 15px;
    color: #000;
  }
  .faq_list01 .item .detail .update {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
    font-size: 12px;
    color: #7c7c7c;
  }
  /*** FAQ**/
  .faq_nav {
    margin: 0 0 18px 0;
    padding: 0;
  }
  .faq_nav ul {
    margin: 0;
    padding: 0;
    border: 1px solid #ff6400;
    border-right: none;
    overflow: hidden;
  }
  .faq_nav ul li {
    margin: 0;
    padding: 0;
    width: 50%;
    height: 40px;
    border-right: 1px solid #ff6400;
    box-sizing: border-box;
    float: left;
    display: table;
  }
  .faq_nav.second ul li {
    width: 50%;
  }
  .faq_nav ul li:nth-of-type(1) {
    border-bottom: 1px solid #ff6400;
  }
  .faq_nav ul li:nth-of-type(2) {
    border-bottom: 1px solid #ff6400;
  }
  .faq_nav ul li a {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
    line-height: 1.2em;
    font-size: 15px;
    text-align: center;
    color: #000;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
  }
  .faq_nav ul li a:hover {
    text-decoration: none;
    color: #fff;
    background: #ff6400;
  }
  .faq_nav ul li a.active {
    text-decoration: none;
    color: #fff;
    background: #ff6400;
  }
  .faq_search_box {
    margin: 0 0 22px 0;
    padding: 16px 11px 11px 10px;
    background: #33507d;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    overflow: hidden;
  }
  .faq_search_box .search {
    margin: 0;
    padding: 0 0 0 40px;
    width: auto;
    max-width: 423px;
    background: url("../images/icon_12.png") no-repeat 0 0;
    -webkit-background-size: 30px auto;
    -moz-background-size: 30px auto;
    background-size: 30px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
  }
  .faq_search_box .search h3 {
    margin: 0 0 12px 0;
    padding: 0;
    line-height: 1.2em;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }
  .faq_search_box .search .box {
    margin: 0;
    padding: 0 105px 0 0;
    position: relative;
  }
  .faq_search_box .search .btn {
    margin: 0;
    padding: 0;
    width: 10rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  .faq_search_box .search .text {
    margin: 0;
    padding: 10px;
    width: 100%;
    height: 38px;
    line-height: 36px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #0a3e61;
    box-sizing: border-box;
  }
  .faq_search_box .link {
    margin: 0 auto;
    padding: 10px 0 0 0;
    width: 166px;
    max-width: 166px;
    float: none;
    clear: both;
  }
  /*** スタッフ詳細**/
  .staff_detail01 {
    margin: 0;
    padding: 15px;
    border: 1px solid #e9eced;
    border-bottom: none;
    overflow: hidden;
  }
  .staff_detail02 {
    margin: 0 0 30px 0;
    padding: 15px 0 0 0;
  }
  .staff_detail02 .wrap {
    padding: 0 15px 15px 15px;
  }
  .staff_detail02.second, .staff_detail01.second {
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden;
  }
  .staff_detail02 .image, .staff_detail01 .image {
    margin: 0 auto 15px auto;
    width: 80%;
    float: none;
  }
  .staff_detail02 .data, .staff_detail01 .data {
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
    overflow: hidden;
  }
  .staff_detail02 .data h4, .staff_detail01 .data h4 {
    margin: 0;
    padding: 0 0 5px 0;
    line-height: 1.5em;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #e9eced;
  }
  .staff_detail02 .data table, .staff_detail01 .data table {
    margin: 0 0 25px 0;
    padding: 0;
    width: 100%;
  }
  .staff_detail02 .data table {
    margin: 0 0 17px 0;
  }
  .staff_detail02 .data table th, .staff_detail01 .data table th {
    margin: 0;
    padding: 13px 0 13px 4px;
    width: 8rem;
    line-height: 1.6em;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #e9eced;
    vertical-align: middle;
  }
  .staff_detail02 .data table td, .staff_detail01 .data table td {
    margin: 0;
    padding: 13px 0 13px 0;
    line-height: 1.6em;
    font-size: 14px;
    border-bottom: 1px solid #e9eced;
    vertical-align: middle;
  }
  .staff_detail02 .data table th {
    padding: 10px 0 10px 4px;
  }
  .staff_detail02 .data table td {
    padding: 10px 0 10px 0;
  }
  .staff_detail02 .data table.min th, .staff_detail01 .data table.min th {
    padding: 6px 0 6px 4px;
  }
  .staff_detail02 .data table.min td, .staff_detail01 .data table.min td {
    padding: 6px 0 6px 0;
  }
  .staff_detail02 .data .contact_link01, .staff_detail01 .data .contact_link01 {
    margin: 0;
  }
  .staff_detail02 .data .contact_link01 a:before, .staff_detail01 .data .contact_link01 a:before {
    content: "";
  }
  .staff_detail02 .detail, .staff_detail01 .detail {
    margin: 0;
    padding: 0;
    width: 71%;
    line-height: 1.6em;
    font-size: 15px;
    float: right;
  }
  .staff_detail02 .detail .update, .staff_detail01 .detail .update {
    margin: 0;
    padding: 0 0 5px 0;
    line-height: 1.4em;
    font-size: 14px;
    color: #949494;
  }
  .staff_detail02 .detail .link, .staff_detail01 .detail .link {
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 1.4em;
    font-size: 20px;
    font-weight: 700;
    color: #5f4729;
    display: inline-block;
  }
  .staff_detail02 .detail .link a, .staff_detail01 .detail .link a {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    font-size: 20px;
    font-weight: 700;
    color: #5f4729;
  }
  .staff_field01 {
    margin: 0;
    padding: 15px 0 15px 0;
    border-top: 1px solid #e9eced;
    overflow: hidden;
  }
  .staff_field01 .TITLE02 {
    margin-bottom: 4px;
  }
  .staff_field01 .list {
    margin: 0 15px 0 15px;
    padding: 0;
    overflow: hidden;
  }
  .staff_field01 .list li {
    margin: 0 0 10px 0;
    padding: 0;
    width: 48%;
    line-height: 1.4em;
    font-size: 14px;
    float: left;
    display: table;
  }
  .staff_field01 .list li:nth-of-type(4n) {
    margin: 0 0 10px 0;
  }
  .staff_field01 .list li:nth-of-type(4n+1) {
    clear: none;
  }
  .staff_field01 .list li:nth-of-type(2n) {
    float: right;
  }
  .staff_field01 .list li:nth-of-type(2n+1) {
    clear: both;
  }
  .staff_field01 .list li .cell {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
    line-height: 1.4em;
    font-size: 13px;
    color: #aaadb0;
    background: #fafafa;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }
  .staff_field01 .list li.on .cell {
    color: #fff;
    background: #ff6400;
  }
  .staff_skill01 {
    margin: 0;
    padding: 15px 0 15px 0;
    border-top: 1px solid #e9eced;
    overflow: hidden;
  }
  .staff_skill01 .TITLE02 {}
  .staff_skill01 .list {
    margin: 0 15px 0 15px;
    padding: 15px 0 0 0;
    overflow: hidden;
  }
  .staff_skill01 .list li {
    margin: 0 0 10px 0;
    padding: 0;
    width: 49.3%;
    line-height: 1.4em;
    font-size: 13px;
    float: left;
    display: table;
  }
  .staff_skill01 .list li:nth-of-type(2n) {
    float: right;
  }
  .staff_skill01 .list li:nth-of-type(2n+1) {
    clear: both;
  }
  .staff_skill01 .list li .cell {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
    line-height: 1.4em;
    font-size: 14px;
    color: #062351;
    background: #fff;
    border: 1px solid #062351;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    display: table-cell;
  }
  .staff_skill01 .list li.on .cell {
    color: #fff;
    background: #ff6400;
  }
  .staff_skill02 {
    margin: 0 0 35px 0;
    padding: 0;
    overflow: hidden;
  }
  .staff_skill02 .list {
    margin: 0;
    padding: 0;
    border-top: 1px solid #362816;
    border-left: 1px solid #362816;
    overflow: hidden;
  }
  .staff_skill02 .list li {
    margin: 0;
    padding: 0;
    width: 50%;
    height: 50px;
    line-height: 1.4em;
    font-size: 14px;
    box-sizing: border-box;
    border-right: 1px solid #362816;
    border-bottom: 1px solid #362816;
    float: left;
    display: table;
  }
  .staff_skill02 .list li .cell {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    line-height: 1.4em;
    font-size: 15px;
    color: #cdbfad;
    background: #fff;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }
  .staff_skill02 .list li:nth-of-type(2n+1) {
    clear: both;
  }
  .staff_skill02 .list li.on .cell {
    color: #fff;
    background: #5f472a;
  }
  .staff_profile01 {
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden;
  }
  .staff_profile01 table {
    margin: 0;
    padding: 0;
    width: 100%;
    border-top: 1px solid #e9eced;
  }
  .staff_profile01 table th {
    margin: 0;
    padding: 15px 0 15px 15px;
    width: 10rem;
    line-height: 1.6em;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #e9eced;
    vertical-align: middle;
  }
  .staff_profile01 table td {
    margin: 0;
    padding: 15px 0 15px 0;
    line-height: 1.6em;
    font-size: 14px;
    border-bottom: 1px solid #e9eced;
    vertical-align: middle;
  }
  /*** 詳細**/
  .staff_list {
    margin: 0 0 60px 0;
    padding: 0;
    overflow: hidden;
  }
  .staff_slider {
    margin: 0 30px;
    padding: 0;
  }
  .staff_slider .item {
    margin: 0;
    padding: 0 15px;
    width: 280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .staff_slider .item .name {
    margin: 0;
    padding: 10px 0 0 0;
    line-height: 1.2em;
    font-size: 20px;
  }
  .staff_slider .item .skill {
    margin: 0;
    padding: 5px 0 0 0;
    line-height: 1.2em;
    font-size: 12px;
    color: #949494;
  }
  .store_message {
    margin: 0 0 35px 0;
    padding: 0;
    overflow: hidden;
  }
  .store_message .image {
    margin: 0 auto 15px auto;
    padding: 0;
    width: 80%;
    max-width: 340px;
    float: none;
    display: block;
  }
  .store_message .desc {
    margin: 0;
    padding: 0;
    line-height: 1.7em;
    font-size: 15px;
    overflow: hidden;
  }
  .store_message .desc .message_catch {
    font-size: 18px;
  }
  .store_access {
    margin: 0 0 70px 0;
    padding: 0;
    overflow: hidden;
  }
  .store_access .map {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    float: none;
    display: block;
  }
  .store_access .map iframe {
    width: 100%;
  }
  .store_access .data {
    margin: 0;
    padding: 0;
    line-height: 1.7em;
    font-size: 15px;
    overflow: hidden;
  }
  .store_access .data table {
    margin: -15px 0 0 0;
    padding: 0;
    width: 100%;
  }
  .store_access .data table th {
    margin: 0;
    padding: 15px 0 15px 0;
    width: 10rem;
    line-height: 1.6em;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #e9eced;
    vertical-align: top;
  }
  .store_access .data table td {
    margin: 0;
    padding: 15px 0 15px 0;
    line-height: 1.6em;
    font-size: 14px;
    border-bottom: 1px solid #e9eced;
    vertical-align: top;
  }
  /*** 検索**/
  .search_box {
    padding: 15px;
  }
  .search_condition01 ul li {
    margin: 0 0 10px 0;
    width: 48%;
  }
  .search_condition01 ul li:nth-of-type(4n) {
    margin: 0 0 10px 0;
  }
  .search_condition01 ul li:nth-of-type(4n+1) {
    clear: none;
  }
  .search_condition01 ul li:nth-of-type(2n) {
    float: right;
  }
  .search_condition01 ul li:nth-of-type(2n+1) {
    clear: both;
  }
  .search_condition01 ul li a {
    font-size: 12px;
    background: #fff url("../images/arrow_03.png") no-repeat 94% center;
  }
  .search_condition01 ul li a:hover {
    text-decoration: none;
  }
  .search_condition02 {
    margin: 0 0 35px 0;
    padding: 0;
    overflow: hidden;
  }
  .search_condition02 ul {
    margin: 0;
    padding: 0;
    width: 50%;
    float: left;
  }
  .search_condition02 ul li {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 1.4em;
    font-size: 14px;
  }
  .search_condition02 ul li a {
    text-decoration: underline;
  }
  .search_condition02 ul li a:hover {
    text-decoration: none;
  }
  .search_keyword01 .text {}
  .search_keyword01 .btn {}
  .search_result_wrap .result_box .company {
    padding: 0 15px;
  }
  .search_result_wrap .result_box .tit01 {
    padding: 0 15px;
  }
  .search_result_wrap .result_box .data_box {
    margin: 0 15px 27px 15px;
  }
  .search_result_wrap .result_box .data_box .image {
    margin: 0 auto;
    padding: 0;
    width: 80%;
    float: none;
  }
  .search_result_wrap .result_box .data_box .data {
    width: 100%;
    float: none;
  }
  .search_result_wrap .result_box .data_box .data table th {
    font-size: 14px;
  }
  .search_result_wrap .result_box .info02 {
    padding: 0 0 10px 0;
  }
  .search_result_wrap .result_box .info02 .list {
    margin: 0 15px 15px 15px;
  }
  .search_result_wrap .result_box .info02 .list li {
    margin: 0 0 10px 0;
    width: 48%;
  }
  .search_result_wrap .result_box .info02 .list li:nth-of-type(4n) {
    margin: 0 0 10px 0;
  }
  .search_result_wrap .result_box .info02 .list li:nth-of-type(4n+1) {
    clear: none;
  }
  .search_result_wrap .result_box .info02 .list li:nth-of-type(2n) {
    float: right;
  }
  .search_result_wrap .result_box .info02 .list li:nth-of-type(2n+1) {
    clear: both;
  }
  .search_result_wrap .result_box .info02 .tit02 {
    margin: 0 15px 15px 15px;
    padding: 10px 0 0 0;
    width: auto;
    float: none;
    display: block;
  }
  .search_result_wrap .result_box .btn_box .btn01 {
    margin: 0 auto 20px auto;
    width: 90%;
    float: none;
  }
  .search_result_wrap .result_box .btn_box .btn02 {
    margin: 0 auto;
    width: 90%;
    float: none;
  }
  /*** 質問詳細**/
  .faq_detail {
    margin: 0 0 45px 0;
    padding: 0;
    border: 1px solid #e9eced;
    overflow: hidden;
  }
  .faq_detail dl {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .faq_detail dl dt {
    margin: 0;
    padding: 10px;
    background: #fafafa;
    border-bottom: 1px solid #e9eced;
    overflow: hidden;
  }
  .faq_detail dl dt .label {
    margin: 0 10px 0 0;
    padding: 0 5px;
    line-height: 30px;
    font-size: 11px;
    color: #fff;
    background: #ff6400;
    float: left;
    display: inline;
  }
  .faq_detail dl dt .text {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
    font-size: 22px;
    font-weight: 700;
    color: #062351;
    display: block;
    overflow: hidden;
  }
  .faq_detail dl dt .text a {
    color: #062351;
    text-decoration: underline;
  }
  .faq_detail dl dt .text a:hover {
    color: #062351;
    text-decoration: none;
  }
  .faq_detail dl dd {
    margin: 0;
    padding: 15px 15px 20px 15px;
    line-height: 1.7em;
    font-size: 15px;
    background: #fff;
    border-bottom: 1px solid #e9eced;
    overflow: hidden;
  }
  .faq_detail dl dd .link {
    margin: 0;
    padding: 30px 0 0 0;
    text-align: center;
  }
  .faq_detail dl dd .link a {
    margin: 0 auto;
    padding: 15px;
    width: 260px;
    line-height: 1.2em;
    font-size: 18px;
    color: #fff;
    background: #ff6400 url("../images/icon_04.png") no-repeat 36px center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  .faq_detail .info {
    margin: 0;
    padding: 0 15px;
    background: #eee;
    overflow: hidden;
  }
  .faq_detail .info .data {
    margin: 0;
    padding: 15px 0;
    line-height: 1.2em;
    font-size: 12px;
    color: #7c7c7c;
    float: left;
    display: inline;
  }
  .faq_detail .info .report {
    margin: 0;
    padding: 15px 0 15px 30px;
    line-height: 1.2em;
    font-size: 14px;
    background: url("../images/icon_05.png") no-repeat 0 center;
    float: right;
    display: inline;
    clear: both;
  }
  .result_num_wrap {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .result_num_wrap .text {
    margin: 0;
    padding: 0;
    line-height: 1.2em;
    font-size: 14px;
    float: right;
    display: inline;
  }
  .result_num_wrap .text .num {
    line-height: 1.2em;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    color: #062351;
  }
  .staff_comment01 {
    margin: 0 0 35px 0;
    padding: 0;
    border: 1px solid #e9eced;
    overflow: hidden;
  }
  .staff_comment01 .comment {
    margin: 0;
    padding: 15px 15px 0 15px;
    line-height: 1.7em;
    font-size: 14px;
    background: #fff;
    border-bottom: 1px solid #e9eced;
    overflow: hidden;
  }
  .staff_comment01 .comment p {
    margin: 0 0 20px 0;
    padding: 0;
  }
  .staff_comment01 .info {
    margin: 0;
    padding: 0 15px;
    background: #eee;
    overflow: hidden;
  }
  .staff_comment01 .info .data {
    margin: 0;
    padding: 15px 0;
    line-height: 1.2em;
    font-size: 12px;
    color: #7c7c7c;
    float: left;
    display: inline;
  }
  .staff_comment01 .info .report {
    margin: 0;
    padding: 15px 0 15px 30px;
    line-height: 1.2em;
    font-size: 14px;
    background: url("../images/icon_05.png") no-repeat 0 center;
    float: right;
    display: inline;
  }
  .comment_form01 {
    margin: 0 0 35px 0;
    padding: 0;
    overflow: hidden;
  }
  .comment_form01 dl {
    margin: 0 0 20px 0;
    padding: 0;
    border: 1px solid #e9eced;
    border-bottom: none;
    overflow: hidden;
  }
  .comment_form01 dl dt {
    margin: 0;
    padding: 15px;
    line-height: 1.2em;
    font-size: 16px;
    color: #000;
    background: #fafafa;
    border-bottom: 1px solid #e9eced;
    overflow: hidden;
  }
  .comment_form01 dl dd {
    margin: 0;
    padding: 15px;
    background: #fff;
    border-bottom: 1px solid #e9eced;
    overflow: hidden;
  }
  .comment_form01 dl dd .note {
    margin: 0;
    padding: 10px 0 0 0;
    line-height: 1.2em;
    font-size: 12px;
    color: #7c7c7c;
  }
  .comment_form01 dl dd .text {
    margin: 0;
    padding: 0 10px;
    line-height: 38px;
    width: 80%;
    max-width: 30rem;
    height: 40px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e9eced;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .comment_form01 dl dd .textarea {
    margin: 0;
    padding: 10px;
    line-height: .16em;
    width: 100%;
    height: 150px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e9eced;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .comment_form01 .btn_box {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .comment_form01 .btn_box .btn {
    margin: 0 auto;
    padding: 15px;
    width: 30rem;
    line-height: 1.2em;
    font-size: 18px;
    color: #fff;
    background: #ff6400 url("../images/icon_04.png") no-repeat 56px center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    cursor: pointer;
    display: block;
  }
  /*** ページング**/
  .paging {
    font-size: 12px;
    margin: 0 0 15px 0;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #e9eced;
    border-bottom: 1px solid #e9eced;
    overflow: hidden;
  }
  .paging li .ten, .paging li .nolink {
    padding: 0 .8rem;
    line-height: 28px;
    font-weight: 700;
    font-size: 16px;
    color: #000;
    background: #fff;
    border: 1px solid #e9eced;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: block;
  }
  .paging li.prev a, .paging li.prev {
    padding: 0;
    width: 28px;
    line-height: 28px;
    text-align: left;
    text-indent: -9999px;
    background: #fff url("../images/prev01.png") no-repeat center center;
  }
  .paging li.next a, .paging li.next {
    padding: 0;
    width: 28px;
    line-height: 28px;
    text-align: left;
    text-indent: -9999px;
    background: #fff url("../images/next01.png") no-repeat center center;
  }
  /*** ホーム**/
  h2.pickup {
    margin: 0 auto;
    width: 94%;
    text-align: left;
  }
  /*** コラム一覧**/
  .flex_wrap {
    flex-wrap: wrap;
  }
  .flex_wrap .columun_left_wrap {
    padding: 0;
    width: 49%;
    flex-basis: 49%;
    max-width: none;
    order: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .columun_center_wrap {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 !important;
    overflow: unset !important;
  }
  .columun_right_wrap {
    flex-basis: 48%;
    max-width: unset;
  }
  /*.flex_wrap .columun_right_wrap {display: none;}*/
  .flex_wrap .columun_left_wrap .columun_right_wrap_sub {
    display: inherit;
  }
  @media only screen and (max-width: 680px) {
    /*** コラム一覧**/
    .columun_center_wrap .columun_list_wrap {
      padding: 0;
    }
    .columun_center_wrap .column_wrap {
      padding: 15px 0;
    }
    .columun_center_wrap .column_wrap .column_text .column_main {
      display: none
    }
    .columun_right_wrap {
      flex-basis: 100%;
      max-width: none;
      order: 3;
    }
    .flex_wrap .columun_left_wrap {
      flex-basis: 100%;
      width: 100%
    }
    .column_kind_wrap {
      flex-basis: 100%;
      text-align: left;
      background: none;
    }
      .side_TITLE01{margin-bottom: 20px}
    .column_kind_wrap ul {
      padding: 2%;
    }
    .column_kind_wrap .ranking_column {
      flex-basis: 31%;
      padding: 0 2%;
      border: none;
    }
    .column_kind_wrap .ranking_column:nth-last-child(-n + 1) {
      margin: 0;
    }
    .ranking_column > div > div:last-child {
      margin: 0 0 9px;
    }
    .ranking_column .ranking_column_img {
      flex-basis: 100%;
    }
    .ranking_column .ranking_column_TITLE {
      flex-basis: 100%;
      position: relative;
      padding: 5px 0 10px;
    }
    .ranking_column .ranking_column_TITLE img {
      width: 32px;
      height: auto;
      position: absolute;
      left: 0;
      top: 4px;
    }
    .columun_left_wrap .columun_right_wrap_sub {
      flex-basis: 100%;
      display: block;
      margin: 0 0 15px;
    }
    .columun_left_wrap .columun_right_wrap_sub .similar_main {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .columun_left_wrap .columun_right_wrap_sub .similar_column {
      flex-basis: 48%;
    }
    .columun_left_wrap .columun_right_wrap_sub .similar_column:nth-last-child(-n + 2) {
      border: none;
      margin: 0;
    }
  }
  /*** ログイン**/
  .login_wrap {
    padding: 40px 20px 30px;
  }
  .login_wrap .form {
    margin: 0;
  }
  .login_wrap .form dt {
    margin: 0 0 5px 0;
    width: auto;
    height: auto;
    line-height: 1.5em;
    float: none;
    display: block;
  }
  .login_wrap .form dd {
    margin: 0 0 20px 0;
  }
  .login_wrap .form dd .txt {
    width: 100%;
  }
  .login_wrap .btn {
    width: 80%;
    padding: 15px;
    background: #ff6400 url("../images/icon_login_01.png") no-repeat 45px center;
  }
  /*** お問合わせ**/
  .contact_form {
    margin: 0 0 30px 0;
    overflow: hidden;
  }
  .contact_form .form {
    margin: 0 0 30px 0;
    width: 100%;
    border-top: 1px solid #ccced3;
    display: block;
  }
  .contact_form .form tbody {
    display: block;
  }
  .contact_form .form tr {
    display: block;
  }
  .contact_form .form tr th {
    padding: 10px 10px 10px 10px;
    width: auto;
    line-height: 1.4em;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    color: #3f3f3f;
    background: #fafafa;
    border-bottom: 1px solid #e9eced;
    display: block;
    overflow: hidden;
  }
  .contact_form .form tr:nth-of-type(2n) th {
    background: #fff;
  }
  .contact_form .form tr th .label {
    line-height: 1.4em;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #3f3f3f;
    float: left;
  }
  .contact_form .form tr th em {
    margin: 0 0 0 10px;
    padding: 0 6px;
    line-height: 22px;
    font-size: 12px;
    text-align: left;
    color: #fff;
    background: #ff6400;
    float: left;
  }
  .contact_form .form tr td {
    padding: 10px 0;
    line-height: 1.4em;
    font-size: 14px;
    background: #fafafa;
    border-bottom: 1px solid #e9eced;
    display: block;
  }
  .contact_form .form tr:nth-of-type(2n) td {
    background: #fff;
  }
  .contact_form .form td .box {
    margin: 0 10px 0 10px;
    padding: 5px 0 15px 0;
    border-left: none;
    overflow: hidden;
  }
  .contact_form .form td .box .text01 {
    padding: 0 10px;
    width: 100%;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e9eced;
    -webkit-
    -moz-
    
    box-sizing: border-box;
  }
  .contact_form .form td .box .textarea01 {
    padding: 10px;
    width: 100%;
    height: 160px;
    line-height: 1.6em;
    font-size: 14px;
    background: #fff;
    border: 1px solid #e9eced;
    -webkit-
    -moz-
    
    box-sizing: border-box;
  }
  .contact_form .form td .box .select {
    padding: 0;
  }
  .contact_form .form td .box .select select {
    margin: 0;
    padding: 0 40px 0 10px;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif !important;
    cursor: pointer;
    background: #fff url("../images/arrow_01.png") no-repeat right center;
    border: 1px solid #e9eced;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-
    -moz-
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .contact_form .form td .box .select select::-ms-expand {
    display: none;
  }
  .contact_form .form td .list01 {
    margin: 0;
    padding: 0;
  }
  .contact_form .form td .list01 li {
    margin: 0;
    padding: 0 45px 0 0;
    float: left;
    display: inline;
  }
  .contact_form .form td .error {
    margin: 5px 0 0 0;
    padding: 5px;
    color: #dd0202;
    background: #fff5a0;
  }
  .contact_form .form td .kiyaku {
    margin: 0;
    padding: 0 20px 0 0;
    height: 160px;
    text-align: left;
    overflow: auto;
  }
  .contact_form .btn_wrap {
    margin: 0 auto;
    padding: 20px 0 0 0;
    max-width: 510px;
    overflow: hidden;
  }
  .contact_form .btn_wrap .btn01 {
    margin: 0 auto;
    padding: 15px;
    width: 100%;
    line-height: 1.2em;
    font-size: 13px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: #ff6400;
    border: 1px solid #ff6400;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  .contact_form .btn_wrap .btn02 {
    margin: 0;
    padding: 15px 0;
    width: 48%;
    line-height: 1.2em;
    font-size: 13px;
    text-align: center;
    color: #000;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ff6400;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
  }
  .contact_form .btn_wrap .btn03 {
    margin: 0;
    padding: 15px 0;
    width: 48%;
    line-height: 1.2em;
    font-size: 13px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: #ff6400;
    border: 1px solid #ff6400;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: right;
  }
  /*** 運営会社**/
  .company_data {
    margin: 0 0 30px 0;
    overflow: hidden;
  }
  .company_data .data {
    margin: 0;
    width: 100%;
    border-top: 1px solid #ccced3;
  }
  .company_data .data tr th {
    padding: 15px 0 15px 10px;
    width: 10rem;
    line-height: 1.6em;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    vertical-align: middle;
    color: #3f3f3f;
    background: #fff;
    border-bottom: 1px solid #ccced3;
  }
  .company_data .data tr td {
    padding: 15px 0;
    line-height: 1.6em;
    font-size: 14px;
    font-weight: normal;
    color: #3f3f3f;
    background: #fff;
    border-bottom: 1px solid #ccced3;
  }
  /*** サイトマップ**/
  .sitemap_wrap {
    margin: 0 0 30px 0;
    overflow: hidden;
  }
  .sitemap_wrap .list {
    line-height: 1.4em;
    font-size: 16px;
    overflow: hidden;
  }
  .sitemap_wrap li {
    margin: 0;
    padding: 0;
  }
  .sitemap_wrap li .icon {
    margin: 0;
    padding: 10px 0 10px 15px;
    background: #e0eaf1;
    display: block;
  }
  .sitemap_wrap li ul {
    margin: 0;
    padding: 0;
  }
  .sitemap_wrap li ul li {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    font-size: 14px;
  }
  .sitemap_wrap li ul li .icon {
    margin: 0;
    padding: 10px 0 10px 30px;
    background: #fff url("../images/icon_07.png") no-repeat 20px 14px;
    display: block;
  }
  .sitemap_wrap ul li a {
    color: #062351;
    font-weight: 700;
    text-decoration: underline;
  }
  .sitemap_wrap ul li a:hover {
    color: #062351;
    text-decoration: none;
  }
  .sitemap_wrap ul li ul li a {
    color: #303030;
    font-weight: normal;
    text-decoration: underline;
  }
  .sitemap_wrap ul li ul li a:hover {
    color: #303030;
    text-decoration: none;
  }
  /*** 利用規約・個人情報保護方針**/
  .kiyaku_wrap {
    margin: 0 0 30px 0;
    overflow: hidden;
  }
  .kiyaku_wrap .tit {
    margin: 0 0 15px 0;
    padding: 5px 10px;
    line-height: 1.4em;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #ff6400;
  }
  .kiyaku_wrap .desc {
    margin: 0 0 15px 0;
    line-height: 1.8em;
    font-size: 15px;
    color: #3f3f3f;
    overflow: hidden;
  }
}