@charset "UTF-8";
/* responsive utility */
/*
$g_color_alt:#F0931C;
*/
.croom-input-input, .croom-input-select-select { border: 1px solid #CCC; background: #fff; padding: 3px 10px; border-radius: 4px; }

.croom-input-select { display: inline-block; position: relative; }

.croom-input-select:before { content: ""; position: absolute; right: 0; top: 0; width: 22px; width: 28px\9; height: 100%; background: #3ba19c; border: 1px solid #CCC; border-left-width: 0; border-radius: 0 4px 4px 0; }

.croom-input-select:after { position: absolute; top: 50%; right: 5px; right: 8px\9; width: 0; height: 0; border-width: 7px 6px 0; border-style: solid; border-color: #fff transparent transparent; content: ""; margin-top: -3px; }

.croom-num { color: #d95e41; font-size: 18px; }

.croom-box.mode-top { margin-top: 0; }

.croom-nav-wrap { text-align: center; }

.croom-nav-item { display: inline-block; }

.croom-nav-link { display: block; padding: 5px 20px 15px; -webkit-transition: color .3s; transition: color .3s; color: #aaa; }

.croom-nav-link:hover { color: #1f7d77; text-decoration: none; }

.croom-nav-item.mode-current .croom-nav-link { color: #1f7d77; }

.croom-nav-label { font-size: 14px; }

.croom-nav-item.mode-current .croom-nav-label { border-bottom: 3px solid #1f7d77; }

.croom-topimg-wrap { position: relative; border: 2px solid #fff; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); width: 1025px; border-radius: 10px; overflow: hidden; }

.croom-topimg.mode-sub .croom-topimg-wrap { width: 1015px; }

@media screen and (max-width: 720px) { .croom-topimg-wrap { width: auto !important; margin: 10px 10px 0; } }

@media screen and (max-width: 720px) { .croom-topimg-img { width: 100%; } }

.croom-topimg-link { display: block; position: absolute; right: 0; bottom: 0; width: 240px; height: 200px; }

.croom-topimg-link-label { visibility: hidden; }

.croom-subtopnav-items { padding: 20px 0 20px 20px; }

@media screen and (max-width: 720px) { .croom-subtopnav-items { padding-bottom: 10px; padding: 20px 0; } }

.croom-subtopnav-item { width: 50%; float: left; box-sizing: border-box; }

@media screen and (max-width: 720px) { .croom-subtopnav-item { width: auto; float: none; } }

.croom-subtopnav-link { display: block; height: 120px; width: 479px; background-repeat: no-repeat; }

.croom-subtopnav-link:hover, .croom-subtopnav-link:active { text-decoration: none; }

@media screen and (max-width: 720px) { .croom-subtopnav-link { width: auto; height: auto; padding: 0 20px 5px; } }

@media screen and (max-width: 720px) { .croom-subtopnav-img { max-width: 100%; } }

.croom-top-slider-wrap { margin-right: 25px; padding: 0 20px; }

@media screen and (max-width: 720px) { .croom-top-slider-wrap { margin-right: 0; } }

.croom-top-slider-wrap .slick-slider { margin-bottom: 0; }

.croom-top-slider-wrap .slick-arrow { width: 42px; height: 42px; border-radius: 21px; background: #3ba19c center center no-repeat; z-index: 1; margin-top: -60px; }

@media screen and (max-width: 720px) { .croom-top-slider-wrap .slick-arrow { top: 60px; margin-top: 0; } }

.croom-top-slider-wrap .slick-arrow:before { visibility: hidden; }

.croom-top-slider-wrap .slick-arrow.slick-prev { background-image: url(../img/croom/pc/slider_arrow_prev.png); }

@media screen and (max-width: 720px) { .croom-top-slider-wrap .slick-arrow.slick-prev { left: -20px; } }

.croom-top-slider-wrap .slick-arrow.slick-next { background-image: url(../img/croom/pc/slider_arrow_next.png); background-color: #62b4b0; }

@media screen and (max-width: 720px) { .croom-top-slider-wrap .slick-arrow.slick-next { right: -20px; } }

.croom-top-slider-wrap .slick-list { z-index: 2; }

.croom-top-slider { border-radius: 10px; background: #3ba19c url(../img/croom/pc/slider_bg.png) top left no-repeat; }

@media screen and (max-width: 720px) { .croom-top-slider { background-size: contain; } }

.croom-top-slider-h { padding: 20px 0 0; text-align: center; color: #fff; font-size: 16px; }

@media screen and (max-width: 720px) { .croom-top-slider-h { padding-top: 10px; font-size: 12px; } }

.croom-top-slide-h-lg { font-size: 24px; }

@media screen and (max-width: 720px) { .croom-top-slide-h-lg { font-size: 18px; } }

.croom-top-slider-items { padding-top: 2px; padding-left: 23px; padding-right: 23px; height: 332px; }

@media screen and (max-width: 720px) { .croom-top-slider-items { padding-left: 10px; padding-right: 10px; height: auto; } }

.croom-top-slider-item { width: 203px; float: left; box-sizing: border-box; padding-left: 7px; padding-right: 7px; list-style: none; padding-top: 10px; padding-bottom: 25px; display: none; }

.croom-top-slider-item .croom-expert-cat { position: absolute; left: 10px; top: -12px; }

@media screen and (max-width: 720px) { .croom-top-slider-item .croom-expert-cat { left: 5px; } }

.croom-top-slider-item .croom-expert-img { width: 188px; height: 188px; box-shadow: none; position: static; }

@media screen and (max-width: 720px) { .croom-top-slider-item .croom-expert-img { width: auto; height: auto; } }

.croom-top-slider-item .croom-expert-prof-main { background: #fff; border-radius: 6px; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); }

.croom-top-slider-item .croom-expert-info-name { text-align: center; }

@media screen and (max-width: 720px) { .croom-top-slider-item .croom-expert-info-name { font-size: 14px; padding-top: 5px; } }

@media screen and (max-width: 720px) { .croom-top-slider-item .croom-expert-info-label { font-size: 10px; margin-right: 5px; } }

@media screen and (max-width: 720px) { .croom-top-slider-item .croom-expert-info-stars { font-size: 12px; } }

.croom-top-slider-item .croom-expert-info-add { background: #ebf5f5; padding-left: 20px; padding-top: 10px; }

@media screen and (max-width: 720px) { .croom-top-slider-item .croom-expert-info-add { padding-left: 10px; padding-right: 10px; padding-top: 5px; white-space: nowrap; } }

.croom-top-slider-item .croom-expert-info-add.mode-count { padding: 0 0 10px 20px; border-radius: 0 0 6px 6px; }

@media screen and (max-width: 720px) { .croom-top-slider-item .croom-expert-info-add.mode-count { padding-left: 10px; } }

@media screen and (max-width: 720px) { .croom-top-slider-item .croom-expert-info-count { font-size: 10px; } }

.croom-contents-h { margin-bottom: 10px; }

.croom-contents-h.mode-top { margin-top: 0; }

@media screen and (max-width: 720px) { .croom-contents-h { margin-left: 10px; margin-right: 10px; } }

.croom-contents-h-content { position: relative; background-image: none; display: block; border-left: 13px solid #1f7d77; }

.croom-contents-h-sub { font-size: 12px; display: inline-block; vertical-align: 1px; }

.croom-contents-h-link { position: absolute; right: 0; top: 0; display: block; background: #62b4b0 url(../img/croom/pc/contents_h_arrow.png) right 13px no-repeat; color: #fff; font-size: 12px; padding: 11px 30px 11px 11px; }

.croom-contents-desc { margin-right: 25px; padding: 20px; text-align: center; font-size: 18px; }

.croom-contents-desc.mode-strong { font-weight: bold; }

@media screen and (max-width: 720px) { .croom-contents-desc { margin-right: 0; padding: 0 10px 10px; font-size: 16px; } }

.croom-contents-desc-sub { font-size: 14px; line-height: 2; padding: 0 20px 20px; margin-right: 25px; }

@media screen and (max-width: 720px) { .croom-contents-desc-sub { font-size: 12px; margin-right: 0; } }

.croom-contents-desc-sub a:link, .croom-contents-desc-sub a:visited { color: #1f7d77; }

@media screen and (max-width: 720px) { .croom-contents-desc-sub a:link, .croom-contents-desc-sub a:visited { text-decoration: underline; } }

@media screen and (max-width: 720px) { .croom-contents-tiled { padding: 0 5px; }
  .croom-contents-tiled .g-content { width: 50%; float: left; box-sizing: border-box; padding: 0 5px; }
  .croom-contents-tiled .g-content:nth-child(3) { display: none; }
  .croom-contents-tiled .g-content-link:link, .croom-contents-tiled .g-content-link:visited { color: #444; }
  .croom-contents-tiled .g-content-title { font-size: 13px; }
  .croom-contents-tiled .g-content-tags { float: left; } }

.croom-clist-items { margin-right: 25px; }

@media screen and (max-width: 720px) { .croom-clist-items { margin-left: 10px; margin-right: 10px; } }

.croom-clist-item { margin-bottom: 10px; position: relative; list-style-type: none; }

.croom-clist-h { font-size: 16px; padding: 40px 10px 40px 240px; line-height: 1.9; border: 1px solid #ccc; border-top: none; background: url(../img/croom/pc/clist_bg.png) right bottom no-repeat; }

@media screen and (max-width: 720px) { .croom-clist-h { padding: 20px 10px 20px 135px; font-size: 14px; background: none; line-height: 1.75; } }

.croom-clist-link { display: block; }

.croom-clist-link:link, .croom-clist-link:visited { color: #444; }

.croom-clist-cat { border-top: 2px solid #000; }

.croom-clist-cat.mode-earn { border-top-color: #1c7792; }

.croom-clist-cat.mode-customer { border-top-color: #a15468; }

.croom-clist-cat.mode-site { border-top-color: #4bb322; }

.croom-clist-cat.mode-market { border-top-color: #f26844; }

.croom-clist-cat-label { position: absolute; right: 0; top: 0; width: 145px; text-align: center; display: block; font-size: 12px; line-height: 24px; color: #fff; }

@media screen and (max-width: 720px) { .croom-clist-cat-label { font-size: 11px; line-height: 20px; width: 120px; } }

.croom-clist-cat.mode-earn .croom-clist-cat-label { background: #1c7792; }

.croom-clist-cat.mode-customer .croom-clist-cat-label { background: #a15468; }

.croom-clist-cat.mode-site .croom-clist-cat-label { background: #4bb322; }

.croom-clist-cat.mode-market .croom-clist-cat-label { background: #f26844; }

.croom-clist-img { width: 210px; position: absolute; left: 10px; top: 10px; }

@media screen and (max-width: 720px) { .croom-clist-img { width: 105px; } }

.croom-clist-img-img { width: 100%; }

.croom-expert-prof-link { display: block; -webkit-transition: opacity .5s; transition: opacity .5s; }

.croom-expert-prof-link:hover { text-decoration: none; opacity: .85; }

.croom-expert-prof-main { position: relative; }

.croom-expert-cat-item { display: inline-block; color: #fff; background: #000; font-size: 10px; border-radius: 2px; padding: 4px 4px; line-height: 1; }

.croom-expert-cat-item-market { background: #f26844; }

.croom-expert-cat-item-earn { background: #1c7792; }

.croom-expert-cat-item-customer { background: #a15468; }

.croom-expert-cat-item-site { background: #4bb322; }

.croom-expert-img { display: block; position: absolute; border-radius: 10px; overflow: hidden; box-shadow: 4px 4px 0 #dad9d9; }

.croom-expert-img-img { width: 100%; }

.croom-expert-info-name { font-size: 18px; color: #1f7d77; margin-bottom: 8px; }

.croom-expert-info-label { font-size: 12px; display: inline-block; margin-right: 12px; }

.croom-expert-info-stars { font-size: 16px; color: #d95e41; }

.croom-expert-info-count { font-size: 14px; }

.croom-expert-info-count-num { font-size: 18px; color: #d95e41; }

.croom-expert-message { background: #3ba19c; color: #fff; font-size: 14px; padding: 20px; border-radius: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.35); margin-left: 176px; margin-top: -40px; position: relative; z-index: 2; }

@media screen and (max-width: 720px) { .croom-expert-message { margin-left: 120px; padding: 10px; font-size: 12px; margin-top: -18px; margin-right: 10px; } }

.croom-expert-message:after { width: 25px; height: 28px; content: ""; display: block; background: url(../img/croom/pc/fukidashi_g.png) no-repeat; left: -24px; top: 4px; position: absolute; }

.croom-about-topimg { margin-top: 20px; }

@media screen and (max-width: 720px) { .croom-about-topimg { margin: 10px; } }

@media screen and (max-width: 720px) { .croom-about-topimg-img { max-width: 100%; } }

.croom-about-h { margin: 0 10px 10px; }

@media screen and (max-width: 720px) { .croom-about-h-img { max-width: 100%; } }

.croom-about-subh { font-size: 24px; font-weight: normal; color: #02797b; text-align: center; padding-bottom: 26px; background: url(../img/croom/pc/about_h_bg.png) left bottom repeat-x; margin-bottom: 22px; margin-right: 25px; }

@media screen and (max-width: 720px) { .croom-about-subh { margin-right: 0; font-size: 16px; padding-bottom: 13px; padding-top: 10px; background-size: 4px 8.5px; } }

.croom-about-box { margin-right: 25px; border: 5px solid #ddd; }

@media screen and (max-width: 720px) { .croom-about-box { margin: 0 10px 10px; } }

.croom-about-box-h { font-size: 30px; font-weight: normal; text-align: center; color: #057175; padding: 10px 0; }

.croom-about-box-h.mode-s { font-size: 24px; padding: 13px 0; }

@media screen and (max-width: 720px) { .croom-about-box-h { font-size: 16px; }
  .croom-about-box-h.mode-s { font-size: 15px; } }

.croom-about-box-desc { background: #f2f2f2; padding: 20px 26px 60px 202px; font-size: 14px; line-height: 2; background-repeat: no-repeat; }

@media screen and (max-width: 720px) { .croom-about-box-desc { padding: 10px 10px 30px 112px; font-size: 12px; background-position: 0 40px; } }

.croom-about-box-desc.mode-1st { background-image: url(../img/croom/pc/icon_about_comp.png); }

@media screen and (max-width: 720px) { .croom-about-box-desc.mode-1st { background-size: 94px 67px; } }

.croom-about-box-desc.mode-2nd { background-image: url(/img/icon_about_find.png); }

@media screen and (max-width: 720px) { .croom-about-box-desc.mode-2nd { background-size: 94px 78px; } }

.croom-about-box-desc.mode-3rd { background-image: url(/img/icon_about_concierge.png); }

@media screen and (max-width: 720px) { .croom-about-box-desc.mode-3rd { background-size: 94px 60px; } }

.croom-about-img { margin-bottom: 20px; text-align: center; }

@media screen and (max-width: 720px) { .croom-about-img { padding: 0 10px; margin-bottom: 10px; } }

@media screen and (max-width: 720px) { .croom-about-img-img { max-width: 100%; } }

@media screen and (max-width: 720px) { .croom-about-desc { padding: 0 10px; font-size: 14px; } }

.croom-about-count-items { padding: 20px 0 20px 23px; }

@media screen and (max-width: 720px) { .croom-about-count-items { padding: 10px 0 20px 10px; } }

.croom-about-count-item { width: 197px; height: 197px; overflow: hidden; float: left; margin-right: 23px; background-position: center 9px; background-repeat: no-repeat; }

@media screen and (max-width: 720px) { .croom-about-count-item { width: 33%; height: 95px; margin-right: 0; box-sizing: border-box; border-right: 10px solid #fff; background-size: 67px 47px; } }

.croom-about-count-item.mode-comp { background-color: #d95e41; background-image: url(../img/croom/pc/icon_count_comp.png); }

@media screen and (max-width: 720px) { .croom-about-count-item.mode-comp { background-image: url(../img/croom/sp/icon_count_comp.png); } }

.croom-about-count-item.mode-expert { background-color: #fdc741; background-image: url(../img/croom/pc/icon_count_expert.png); }

@media screen and (max-width: 720px) { .croom-about-count-item.mode-expert { background-image: url(../img/croom/sp/icon_count_expert.png); } }

.croom-about-count-item.mode-count { background-color: #1c7792; background-image: url(../img/croom/pc/icon_count_count.png); }

@media screen and (max-width: 720px) { .croom-about-count-item.mode-count { background-image: url(../img/croom/sp/icon_count_count.png); } }

.croom-about-count-h { visibility: hidden; height: 0; }

.croom-about-count-count { line-height: 1; padding-top: 105px; font-size: 42px; font-weight: 500; font-family: 'Helvetica Neue', sans-serif; text-align: center; color: #fff; }

@media screen and (max-width: 720px) { .croom-about-count-count { padding-top: 57px; font-size: 18px; font-weight: 400; } }

.croom-about-count-item.mode-comp .croom-about-count-count { text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3), 0px 0px 0 #b04c35, 1px 1px 0 #b04c35, 2px 2px 0 #b04c35, 3px 3px 0 #b04c35, 4px 4px 0 #b04c35, 5px 5px 0 #b04c35, 6px 6px 0 #b04c35, 7px 7px 0 #b04c35, 8px 8px 0 #b04c35, 9px 9px 0 #b04c35, 10px 10px 0 #b04c35, 11px 11px 0 #b04c35, 12px 12px 0 #b04c35, 13px 13px 0 #b04c35, 14px 14px 0 #b04c35, 15px 15px 0 #b04c35, 16px 16px 0 #b04c35, 17px 17px 0 #b04c35, 18px 18px 0 #b04c35, 19px 19px 0 #b04c35, 20px 20px 0 #b04c35, 21px 21px 0 #b04c35, 22px 22px 0 #b04c35, 23px 23px 0 #b04c35, 24px 24px 0 #b04c35, 25px 25px 0 #b04c35, 26px 26px 0 #b04c35, 27px 27px 0 #b04c35, 28px 28px 0 #b04c35, 29px 29px 0 #b04c35, 30px 30px 0 #b04c35, 31px 31px 0 #b04c35, 32px 32px 0 #b04c35, 33px 33px 0 #b04c35, 34px 34px 0 #b04c35, 35px 35px 0 #b04c35, 36px 36px 0 #b04c35, 37px 37px 0 #b04c35, 38px 38px 0 #b04c35, 39px 39px 0 #b04c35, 40px 40px 0 #b04c35, 41px 41px 0 #b04c35, 42px 42px 0 #b04c35, 43px 43px 0 #b04c35, 44px 44px 0 #b04c35, 45px 45px 0 #b04c35, 46px 46px 0 #b04c35, 47px 47px 0 #b04c35, 48px 48px 0 #b04c35, 49px 49px 0 #b04c35, 50px 50px 0 #b04c35, 51px 51px 0 #b04c35, 52px 52px 0 #b04c35, 53px 53px 0 #b04c35, 54px 54px 0 #b04c35, 55px 55px 0 #b04c35, 56px 56px 0 #b04c35, 57px 57px 0 #b04c35, 58px 58px 0 #b04c35, 59px 59px 0 #b04c35, 60px 60px 0 #b04c35, 61px 61px 0 #b04c35, 62px 62px 0 #b04c35, 63px 63px 0 #b04c35, 64px 64px 0 #b04c35, 65px 65px 0 #b04c35, 66px 66px 0 #b04c35, 67px 67px 0 #b04c35, 68px 68px 0 #b04c35, 69px 69px 0 #b04c35; }

.croom-about-count-item.mode-expert .croom-about-count-count { text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3), 0px 0px 0 #cda235, 1px 1px 0 #cda235, 2px 2px 0 #cda235, 3px 3px 0 #cda235, 4px 4px 0 #cda235, 5px 5px 0 #cda235, 6px 6px 0 #cda235, 7px 7px 0 #cda235, 8px 8px 0 #cda235, 9px 9px 0 #cda235, 10px 10px 0 #cda235, 11px 11px 0 #cda235, 12px 12px 0 #cda235, 13px 13px 0 #cda235, 14px 14px 0 #cda235, 15px 15px 0 #cda235, 16px 16px 0 #cda235, 17px 17px 0 #cda235, 18px 18px 0 #cda235, 19px 19px 0 #cda235, 20px 20px 0 #cda235, 21px 21px 0 #cda235, 22px 22px 0 #cda235, 23px 23px 0 #cda235, 24px 24px 0 #cda235, 25px 25px 0 #cda235, 26px 26px 0 #cda235, 27px 27px 0 #cda235, 28px 28px 0 #cda235, 29px 29px 0 #cda235, 30px 30px 0 #cda235, 31px 31px 0 #cda235, 32px 32px 0 #cda235, 33px 33px 0 #cda235, 34px 34px 0 #cda235, 35px 35px 0 #cda235, 36px 36px 0 #cda235, 37px 37px 0 #cda235, 38px 38px 0 #cda235, 39px 39px 0 #cda235, 40px 40px 0 #cda235, 41px 41px 0 #cda235, 42px 42px 0 #cda235, 43px 43px 0 #cda235, 44px 44px 0 #cda235, 45px 45px 0 #cda235, 46px 46px 0 #cda235, 47px 47px 0 #cda235, 48px 48px 0 #cda235, 49px 49px 0 #cda235, 50px 50px 0 #cda235, 51px 51px 0 #cda235, 52px 52px 0 #cda235, 53px 53px 0 #cda235, 54px 54px 0 #cda235, 55px 55px 0 #cda235, 56px 56px 0 #cda235, 57px 57px 0 #cda235, 58px 58px 0 #cda235, 59px 59px 0 #cda235, 60px 60px 0 #cda235, 61px 61px 0 #cda235, 62px 62px 0 #cda235, 63px 63px 0 #cda235, 64px 64px 0 #cda235, 65px 65px 0 #cda235, 66px 66px 0 #cda235, 67px 67px 0 #cda235, 68px 68px 0 #cda235, 69px 69px 0 #cda235; }

.croom-about-count-item.mode-count .croom-about-count-count { text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3), 0px 0px 0 #176177, 1px 1px 0 #176177, 2px 2px 0 #176177, 3px 3px 0 #176177, 4px 4px 0 #176177, 5px 5px 0 #176177, 6px 6px 0 #176177, 7px 7px 0 #176177, 8px 8px 0 #176177, 9px 9px 0 #176177, 10px 10px 0 #176177, 11px 11px 0 #176177, 12px 12px 0 #176177, 13px 13px 0 #176177, 14px 14px 0 #176177, 15px 15px 0 #176177, 16px 16px 0 #176177, 17px 17px 0 #176177, 18px 18px 0 #176177, 19px 19px 0 #176177, 20px 20px 0 #176177, 21px 21px 0 #176177, 22px 22px 0 #176177, 23px 23px 0 #176177, 24px 24px 0 #176177, 25px 25px 0 #176177, 26px 26px 0 #176177, 27px 27px 0 #176177, 28px 28px 0 #176177, 29px 29px 0 #176177, 30px 30px 0 #176177, 31px 31px 0 #176177, 32px 32px 0 #176177, 33px 33px 0 #176177, 34px 34px 0 #176177, 35px 35px 0 #176177, 36px 36px 0 #176177, 37px 37px 0 #176177, 38px 38px 0 #176177, 39px 39px 0 #176177, 40px 40px 0 #176177, 41px 41px 0 #176177, 42px 42px 0 #176177, 43px 43px 0 #176177, 44px 44px 0 #176177, 45px 45px 0 #176177, 46px 46px 0 #176177, 47px 47px 0 #176177, 48px 48px 0 #176177, 49px 49px 0 #176177, 50px 50px 0 #176177, 51px 51px 0 #176177, 52px 52px 0 #176177, 53px 53px 0 #176177, 54px 54px 0 #176177, 55px 55px 0 #176177, 56px 56px 0 #176177, 57px 57px 0 #176177, 58px 58px 0 #176177, 59px 59px 0 #176177, 60px 60px 0 #176177, 61px 61px 0 #176177, 62px 62px 0 #176177, 63px 63px 0 #176177, 64px 64px 0 #176177, 65px 65px 0 #176177, 66px 66px 0 #176177, 67px 67px 0 #176177, 68px 68px 0 #176177, 69px 69px 0 #176177; }

.croom-about-count-unit { font-size: 17px; font-family: sans-serif; margin-left: -5px; vertical-align: 2px; }

@media screen and (max-width: 720px) { .croom-about-count-unit { font-size: 11px; } }

.croom-about-btn { text-align: center; margin-right: 25px; margin-bottom: 60px; }

.croom-about-box + .croom-about-btn { margin-top: -30px; }

@media screen and (max-width: 720px) { .croom-about-btn { margin-left: 22px; margin-right: 22px; margin-bottom: 15px; } }

@media screen and (max-width: 720px) { .croom-about-btn-img { max-width: 100%; } }

.croom-conc-box { border: 4px solid #ddd; margin-right: 25px; position: relative; }

@media screen and (max-width: 720px) { .croom-conc-box { margin-right: 10px; margin-left: 10px; margin-bottom: 20px; } }

.croom-conc-box.mode-step4 { background: url(/img/step4_bg.png) right top no-repeat; }

@media screen and (max-width: 720px) { .croom-conc-box.mode-step4 { background-size: 121.5px 84.75px; background-position: center bottom 10px; } }

.croom-conc-box.mode-step5 { background: url(/img/step5_bg.png) right top no-repeat; }

@media screen and (max-width: 720px) { .croom-conc-box.mode-step5 { background-size: 113.4px 86.1px; background-position: center bottom 10px; } }

.croom-conc-desc { background: #f2f2f2; padding: 25px 25px 30px; }

@media screen and (max-width: 720px) { .croom-conc-desc { padding: 12px 10px; } }

.croom-conc-desc.mode-alt { padding-top: 0; background: none; }

@media screen and (max-width: 720px) { .croom-conc-desc.mode-steps { padding-right: 0; } }

.croom-conc-box.mode-step3 .croom-conc-desc { padding-right: 210px; background: #f2f2f2 url(/img/step3_bg.png) right top no-repeat; }

@media screen and (max-width: 720px) { .croom-conc-box.mode-step3 .croom-conc-desc { padding-right: 10px; padding-bottom: 94px; background-position: center bottom 10px; background-size: 120px 88.8px; } }

.croom-conc-desc-text { padding-left: 105px; padding-right: 160px; font-size: 14px; line-height: 2; }

@media screen and (max-width: 720px) { .croom-conc-desc-text { font-size: 12px; padding-left: 66px; padding-right: 10px; padding-bottom: 80px; } }

.croom-conc-desc-points { font-size: 14px; line-height: 2; }

@media screen and (max-width: 720px) { .croom-conc-desc-points { padding-right: 10px; } }

.croom-conc-desc-point { list-style: none; position: relative; padding-left: 20px; }

.croom-conc-desc-point:before { display: block; content: ""; width: 1em; height: 1em; background: #1f7d77; position: absolute; left: 0; top: .5em; }

@media screen and (max-width: 720px) { .croom-conc-desc-point { font-size: 12px; } }

.croom-conc-h { font-size: 18px; font-weight: bold; padding: 20px 40px 20px 130px; }

@media screen and (max-width: 720px) { .croom-conc-h { font-size: 14px; padding: 10px 20px 10px 76px; } }

.croom-conc-step { position: absolute; left: 0; top: -17px; display: block; width: 109px; height: 100px; background-repeat: no-repeat; }

@media screen and (max-width: 720px) { .croom-conc-step { width: 65.4px; height: 60px; background-size: 65.4px 60px; } }

.croom-conc-step.mode-step1 { background-image: url(/img/step1.png); }

.croom-conc-step.mode-step2 { background-image: url(/img/step2.png); }

.croom-conc-step.mode-step3 { background-image: url(/img/step3.png); }

.croom-conc-step.mode-step4 { background-image: url(/img/step4.png); }

.croom-conc-step.mode-step5 { background-image: url(/img/step5.png); }

.croom-conc-step-label { visibility: hidden; }

.croom-conc-btn { text-align: center; }

@media screen and (max-width: 720px) { .croom-conc-btn { padding: 0 4px; } }

.croom-conc-btn-link { display: inline-block; }

.croom-conc-img { max-width: 100%; }

.croom-conc-act { border: 1px solid #ccc; box-sizing: border-box; position: relative; }

@media screen and (max-width: 720px) { .croom-conc-act { border: none; border-right: 10px solid #f2f2f2; box-shadow: inset -1px 0 0 #ccc,inset 0 1px 0 #ccc, inset 1px 0 0 #ccc, inset 0 -1px 0 #ccc; box-sizing: border-box; } }

.croom-conc-act.mode-mail { float: left; width: 300px; margin-right: 17px; margin-bottom: 17px; background: #fff url(/img/step2_bg1.png) no-repeat; }

@media screen and (max-width: 720px) { .croom-conc-act.mode-mail { width: 50%; margin-right: 0; background-size: 48.5px 29px; background-position: -10px 0; margin-bottom: 5px; } }

.croom-conc-act.mode-chat { width: 300px; float: left; margin-bottom: 17px; background: #fff url(/img/step2_bg2.png) no-repeat; }

@media screen and (max-width: 720px) { .croom-conc-act.mode-chat { width: 50%; margin-right: 0; background-size: 53.5px 31.5px; background-position: -10px 0; margin-bottom: 5px; } }

.croom-conc-act.mode-tel { width: 617px; clear: left; background: #fff url(/img/step2_bg3.png) no-repeat; }

@media screen and (max-width: 720px) { .croom-conc-act.mode-tel { width: auto; background-image: none; text-align: center; } }

.croom-conc-act-h { font-weight: normal; font-size: 18px; padding-left: 120px; padding-top: 20px; padding-bottom: 10px; }

@media screen and (max-width: 720px) { .croom-conc-act-h { font-size: 12px; padding-left: 50px; padding-bottom: 5px; padding-top: 5px; line-height: 1.35; } }

.croom-conc-act.mode-tel .croom-conc-act-h { padding-top: 40px; padding-bottom: 40px; }

@media screen and (max-width: 720px) { .croom-conc-act.mode-tel .croom-conc-act-h { padding: 1px 20px 0 55px; line-height: 45px; display: inline-block; background: url(/img/step2_bg3.png) no-repeat; background-size: 45.5px 39.5px; background-position: 0 -4px; } }

.croom-conc-act-btn { padding: 0 20px 20px; text-align: center; }

@media screen and (max-width: 720px) { .croom-conc-act-btn { padding: 0 10px 10px; } }

.croom-conc-act-telno { position: absolute; right: 0; top: 0; text-align: center; width: 300px; }

@media screen and (max-width: 720px) { .croom-conc-act-telno { width: auto; position: static; } }

.croom-conc-act-telno-no { font-size: 30px; display: block; color: #cf3f58; font-weight: bold; line-height: 1.2; padding-top: 23px; }

@media screen and (max-width: 720px) { .croom-conc-act-telno-no { padding-top: 0; line-height: 1.2; font-size: 20px; margin-top: -8px; }
  .croom-conc-act-telno-no a[href^="tel"] { color: inherit; text-decoration: none; } }

.croom-conc-act-telno-time { font-size: 14px; }

@media screen and (max-width: 720px) { .croom-conc-act-telno-time { font-size: 10px; padding-bottom: 7px; display: block; } }

.croom-conc-act + .croom-conc-desc-points { clear: left; padding-top: 24px; font-weight: bold; }

.croom-conc-act + .croom-conc-desc-points .croom-conc-desc-point { margin-bottom: 8px; }

@media screen and (max-width: 720px) { .croom-conc-act + .croom-conc-desc-points { font-weight: normal; font-size: 12px; padding-top: 12px; } }

.croom-conc-desc-point-main { font-size: 16px; }

@media screen and (max-width: 720px) { .croom-conc-desc-point-main { font-size: 13px; font-weight: bold; } }

.croom-conc-act-how-items { margin-top: 8px; }

.croom-conc-act-how-item { display: inline-block; width: 250px; white-space: nowrap; }

@media screen and (max-width: 720px) { .croom-conc-act-how-item { display: block; width: auto; padding-bottom: 4px; } }

.croom-conc-act-how-link { color: #1f7d77; text-decoration: underline; }

.crrom-conc-last:after { content: ""; display: block; background: url(/img/step_finish.png) no-repeat; width: 224px; height: 194px; margin: 20px auto; }

@media screen and (max-width: 720px) { .crrom-conc-last:after { display: none; } }

.croom-conc-expert-box { border: 2px solid #049ca2; background: #ebf5f5; }

@media screen and (max-width: 720px) { .croom-conc-expert-box { margin-left: 10px; margin-right: 10px; margin-bottom: 20px; } }

.croom-conc-expert-h { color: #fff; font-weight: normal; font-size: 21px; padding-bottom: 10px; background: url(/img/texture_line.png); }

@media screen and (max-width: 720px) { .croom-conc-expert-h { font-size: 16px; background-size: 2px 2px; padding-bottom: 5px; } }

.croom-conc-expert-h-text { display: block; background: #049ca2; text-align: center; padding: 10px; }

@media screen and (max-width: 720px) { .croom-conc-expert-h-text { padding: 5px 10px; } }

.croom-conc-experts { padding: 40px 0 0 20px; }

@media screen and (max-width: 720px) { .croom-conc-experts { padding: 30px 0 0 10px; } }

.croom-conc-expert-prof { width: 50%; float: left; list-style: none; padding-bottom: 35px; }

@media screen and (max-width: 720px) { .croom-conc-expert-prof { width: auto; float: none; } }

.croom-conc-expert-prof .croom-expert-prof-link { background: #fff; box-shadow: 4px 4px 0 #ddd; padding-top: 1px; margin-right: 20px; }

@media screen and (max-width: 720px) { .croom-conc-expert-prof .croom-expert-prof-link { margin-right: 10px; } }

.croom-conc-expert-prof .croom-expert-cat { margin-top: -24px; }

.croom-conc-expert-prof .croom-expert-viewcount { position: absolute; right: 0; top: 0; font-size: 11px; }

.croom-conc-expert-prof .croom-expert-viewcount-num { font-size: 14px; color: #d95e41; }

.croom-conc-expert-prof .croom-expert-title { padding: 16px; font-size: 16px; color: #057175; }

@media screen and (max-width: 720px) { .croom-conc-expert-prof .croom-expert-title { font-size: 14px; padding: 5px 10px; } }

.croom-conc-expert-prof .croom-expert-img { margin-left: 10px; margin-top: 10px; width: 95px; height: 95px; border-radius: 0; }

@media screen and (max-width: 720px) { .croom-conc-expert-prof .croom-expert-img { width: 75px; height: 75px; } }

.croom-conc-expert-prof .croom-expert-info { background: #f2f2f2; padding-left: 125px; padding-top: 10px; padding-bottom: 20px; padding-right: 10px; }

@media screen and (max-width: 720px) { .croom-conc-expert-prof .croom-expert-info { padding-left: 105px; } }

.croom-conc-expert-prof .croom-expert-info-name { font-size: 16px; border-bottom: 1px dotted #049ca2; padding-bottom: 7px; margin-bottom: 2px; }

@media screen and (max-width: 720px) { .croom-conc-expert-prof .croom-expert-info-name { font-size: 12px; } }

.croom-conc-expert-prof .croom-expert-info-add { border-bottom: 1px dotted #049ca2; padding-bottom: 5px; }

@media screen and (max-width: 720px) { .croom-conc-expert-prof .croom-expert-info-add { font-size: 10px; } }

.croom-conc-expert-prof .croom-expert-info-count { font-size: 12px; }

@media screen and (max-width: 720px) { .croom-conc-expert-prof .croom-expert-info-count { font-size: 10px; } }

@media screen and (max-width: 720px) { .croom-conc-expert-prof .croom-expert-info-stars, .croom-conc-expert-prof .croom-expert-info-label { font-size: 10px; } }

.croom-conc-expert-prof .croom-expert-info-count-num { font-size: 14px; }

@media screen and (max-width: 720px) { .croom-conc-expert-prof .croom-expert-info-count-num { font-size: 10px; } }

.croom-act { margin-bottom: 20px; margin-left: -2px; margin-right: -3px; }

@media screen and (max-width: 720px) { .croom-act { margin: 0; } }

.croom-act-tabs { padding: 20px 0 0; position: relative; z-index: 1; }

.croom-act-tabs:after { content: ""; display: block; height: 0; overflow: hidden; clear: left; }

.croom-act-tab { width: 50%; float: left; }

.croom-act-tab-link { position: relative; display: block; cursor: pointer; height: 137px; background-repeat: no-repeat; }

.croom-act-tab0 .croom-act-tab-link { background-image: url(../img/croom/pc/tab_h_concierge_off.png); }

.croom-act.mode-content0 .croom-act-tab0 .croom-act-tab-link { background-image: url(../img/croom/pc/tab_h_concierge_on.png); }

.croom-act-tab1 .croom-act-tab-link { background-image: url(../img/croom/pc/tab_h_chat_off.png); }

.croom-act.mode-content1 .croom-act-tab1 .croom-act-tab-link { background-image: url(../img/croom/pc/tab_h_chat_on.png); }

@media screen and (max-width: 720px) { .croom-act-tab-link { height: 77px; background-size: 140px 77px,20px 77px,52px 77px, 5px 77px; background-repeat: no-repeat,no-repeat,no-repeat,repeat-x; background-position: left top, left top, right top, left top; }
  .croom-act-tab0 .croom-act-tab-link { background-image: url(../img/croom/sp/tab_h_concierge_label.png), url(../img/croom/sp/tab_h_concierge_bg_l.png), url(../img/croom/sp/tab_h_concierge_bg_r.png), url(../img/croom/sp/tab_h_concierge_bg_c.png); }
  .croom-act.mode-content0 .croom-act-tab0 .croom-act-tab-link { background-image: url(../img/croom/sp/tab_h_concierge_label_on.png), url(../img/croom/sp/tab_h_concierge_bg_l_on.png), url(../img/croom/sp/tab_h_concierge_bg_r_on.png), url(../img/croom/sp/tab_h_concierge_bg_c_on.png); }
  .croom-act-tab1 .croom-act-tab-link { background-image: url(../img/croom/sp/tab_h_chat_label.png), url(../img/croom/sp/tab_h_chat_bg_l.png), url(../img/croom/sp/tab_h_chat_bg_r.png), url(../img/croom/sp/tab_h_chat_bg_c.png); }
  .croom-act.mode-content1 .croom-act-tab1 .croom-act-tab-link { background-image: url(../img/croom/sp/tab_h_chat_label_on.png), url(../img/croom/sp/tab_h_chat_bg_l_on.png), url(../img/croom/sp/tab_h_chat_bg_r_on.png), url(../img/croom/sp/tab_h_chat_bg_c_on.png); } }

.croom-act-tab-label { visibility: hidden; }

.croom-act-content-wrap { display: none; }

.croom-act.mode-content0 .croom-act-content-wrap.croom-act-content0 { display: block; }

.croom-act.mode-content1 .croom-act-content-wrap.croom-act-content1 { display: block; }

.croom-act-content { position: relative; z-index: 0; }

.croom-act-content:after { content: ""; width: 100%; height: 17px; position: absolute; left: 0; bottom: 0; display: block; }

.croom-act-content0 .croom-act-content { background: #3ba19c; padding: 0 30px; background: url(../img/croom/pc/tab_c_bg_concierge.png) repeat-y; }

@media screen and (max-width: 720px) { .croom-act-content0 .croom-act-content { padding: 0 18px; background-color: #3ba19c; background-repeat: repeat-y, repeat-y; background-size: 12px 12px, 12px 12px; background-image: url(../img/croom/sp/tab_c_bg_concierge_l.png), url(../img/croom/sp/tab_c_bg_concierge_r.png); background-position: left top, right top; } }

.croom-act-content1 .croom-act-content { background: #fdb02c; padding: 10px 30px 28px; background: url(../img/croom/pc/tab_c_bg_chat.png) repeat-y; }

@media screen and (max-width: 720px) { .croom-act-content1 .croom-act-content { padding-left: 18px; padding-right: 18px; background-color: #fdb02c; background-repeat: repeat-y, repeat-y; background-size: 12px 12px, 12px 12px; background-image: url(../img/croom/sp/tab_c_bg_chat_l.png), url(../img/croom/sp/tab_c_bg_chat_r.png); background-position: left top, right top; } }

.croom-act-content1 .croom-act-content:before { background: url(../img/croom/pc/tab_c_bg_chat_1.png) no-repeat; position: absolute; right: 0; top: 0; display: block; width: 168px; height: 160px; content: ""; z-index: -1; }

@media screen and (max-width: 720px) { .croom-act-content1 .croom-act-content:before { display: none; } }

.croom-act-content1 .croom-act-content:after { background: url(../img/croom/pc/tab_c_bg_b_chat.png) no-repeat; }

@media screen and (max-width: 720px) { .croom-act-content1 .croom-act-content:after { height: 12px; background-size: 12px 12px, 12px 12px, 12px 12px; background-image: url(../img/croom/sp/tab_c_bg_chat_f_l.png), url(../img/croom/sp/tab_c_bg_chat_f_r.png), url(../img/croom/sp/tab_c_bg_chat_f_c.png); background-repeat: no-repeat,no-repeat,repeat-x; background-position: top left, top right, top left; } }

.croom-act-box { background: #FFF; border-radius: 10px; margin-bottom: 20px; position: relative; font-size: 14px; }

@media screen and (max-width: 720px) { .croom-act-box { margin-bottom: 10px; } }

.croom-act-box.mode-has-more { margin-bottom: 40px; }

@media screen and (max-width: 720px) { .croom-act-box.mode-has-more { margin-bottom: 30px; } }

.croom-act-box.mode-alt { border-top-left-radius: 0; padding: 6px 20px; }

@media screen and (max-width: 720px) { .croom-act-box.mode-alt { padding-left: 10px; padding-right: 10px; } }

.croom-act-content1 .croom-act-box { background: #ffeccc; }

.croom-act-box-h { background: #ebf5f5; background-repeat: no-repeat; color: #1f7d77; font-size: 18px; padding: 16px 20px 16px 65px; border-radius: 10px 10px 0 0; font-weight: normal; }

@media screen and (max-width: 720px) { .croom-act-box-h { font-size: 14px; font-weight: bold; padding: 14px 20px 14px 50px; } }

.croom-act-box-h.mode-inline { display: inline-block; }

@media screen and (max-width: 720px) { .croom-act-box-h.mode-inline { display: block; } }

.croom-act0-search .croom-act-box-h { background-color: none; }

.croom-act-content0 .croom-act-box-h { background-image: url(../img/croom/pc/tab_c_icon_concierge.png); }

@media screen and (max-width: 720px) { .croom-act-content0 .croom-act-box-h { background-size: 42px 39px; } }

.croom-act-content1 .croom-act-box-h { color: #5e3b01; background-color: #ffeccc; background-image: url(../img/croom/pc/tab_c_icon_chat.png); padding-left: 76px; }

@media screen and (max-width: 720px) { .croom-act-content1 .croom-act-box-h { display: inline-block; background-size: 56px 39px; } }

.croom-act-text { font-size: 14px; line-height: 2; padding-bottom: 8px; }

@media screen and (max-width: 720px) { .croom-act-text { line-height: 1.75; } }

.croom-act-content1 .croom-act-text { color: #5e3b01; }

.croom-act0-search { background: #ebf5f5; position: relative; }

.croom-act0-search-box { position: absolute; right: 20px; top: 16px; text-align: right; }

@media screen and (max-width: 720px) { .croom-act0-search-box { position: relative; right: 0; top: 0; padding-left: 10px; padding-bottom: 10px; padding-right: 80px; } }

.croom-act0-search-input { border: 1px solid #CCC; background: #FFF; font-size: 16px; padding: 2px 8px; width: 580px; }

@media screen and (max-width: 720px) { .croom-act0-search-input { width: 100%; } }

.croom-act0-search-btn { display: inline-block; margin-left: 10px; background: #1f7d77; color: #fff; border-radius: 6px; padding: 7px 30px; font-size: 16px; line-height: 1; }

@media screen and (max-width: 720px) { .croom-act0-search-btn { position: absolute; right: 10px; top: 0; padding: 7px 15px; } }

.croom-act0-cat { width: 542px; float: left; }

@media screen and (max-width: 720px) { .croom-act0-cat { width: auto; float: none; } }

.croom-act0-prob { width: 390px; float: right; }

@media screen and (max-width: 720px) { .croom-act0-prob { width: auto; float: none; } }

.croom-act-box-checklist { padding: 20px 20px 13px; }

.croom-act-box-checklist:after { content: " "; display: table; clear: both; }

.croom-act-box-checklist-item { width: 33.3%; float: left; list-style-type: none; padding-bottom: 7px; }

@media screen and (max-width: 720px) { .croom-act-box-checklist-item { width: 50%; } }

.croom-act-box-checklist-label { color: #1f7d77; }

.croom-act-box-checklist-chk { border: 2px solid #1f7d77; }

.croom-act-box-linklist { color: #1f7d77; padding: 20px; line-height: 1.8; }

.croom-act-box-linklist-item { list-style-type: none; display: inline; }

.croom-act-box-linklist-item:before { content: "／"; }

.croom-act-box-linklist-item:first-child:before { content: ""; }

.croom-act-box-linklist-link { color: #1f7d77; text-decoration: underline; }

.croom-act-box-more { display: block; position: absolute; right: 20px; bottom: -20px; border-radius: 0 0 6px 6px; padding: 5px 32px 5px 14px; color: #1f7d77; background: #fff url(../img/croom/pc/tab_c_icon_more.png) right 6px no-repeat; }

.croom-act-input-box { padding: 10px 0; border-top: 2px dotted #af9366; }

.croom-act-input-box:first-child { border-top: none; }

.croom-act-input-label { display: block; width: 109px; float: left; color: #5e3b01; }

@media screen and (max-width: 720px) { .croom-act-input-label { float: none; } }

.croom-act-input-label:before { display: inline-block; width: 13px; height: 13px; border-radius: 7px; margin-right: 3px; background: #b77911; content: ""; vertical-align: -1px; }

.croom-act-input-input.mode-text { width: 500px; }

@media screen and (max-width: 720px) { .croom-act-input-input.mode-text { width: 100%; } }

.croom-act-input-input.mode-textarea { width: 802px; height: 150px; }

@media screen and (max-width: 720px) { .croom-act-input-input.mode-textarea { width: 100%; } }

.croom-act-input-select:before { background: #b77911; }

@media screen and (max-width: 720px) { .croom-act-input-select { display: block; } }

@media screen and (max-width: 720px) { .croom-act-input-select-select { width: 100%; } }

.croom-act-input-btn-wrap { text-align: center; }

.croom-act-input-btn { color: #fff; background: #b77911; border-radius: 4px; padding: 8px 50px; font-size: 18px; }

@media screen and (max-width: 720px) { .croom-act-input-btn { width: 100%; } }

.croom-act0-res { background: #ebf5f5; border-radius: 0 0 10px 10px; margin-right: 5px; margin-left: 4px; display: none; }

.croom-act-content0.mode-find .croom-act0-res { display: block; }

.croom-act0-res .g-pager { padding: 10px 0 30px; }

@media screen and (max-width: 720px) { .croom-act0-res .g-pager { margin-top: 0; padding-top: 0; padding-bottom: 20px; } }

.croom-act0-res .g-pager li a { border: 1px solid #ccc; background: none; }

.croom-act0-res .g-pager li.mode-current a { background: #fff; }

.croom-act0-res-empty { text-align: center; padding-bottom: 30px; display: block; }

.croom-act-content0.mode-find .croom-act0-res-empty { display: none; }

.croom-act0-res-empty:before { display: block; content: ""; margin-left: -4px; margin-right: -5px; height: 43px; background: #ebf5f5 url(../img/croom/pc/tab_c_bg_b_concierge.png) no-repeat; margin-bottom: 5px; }

@media screen and (max-width: 720px) { .croom-act0-res-empty:before { background-color: transparent; background-size: 38px 24px, 12px 12px, 12px 12px, 12px 12px; background-image: url(../img/croom/sp/tab_c_bg_concierge_f_c2.png), url(../img/croom/sp/tab_c_bg_concierge_f_l.png), url(../img/croom/sp/tab_c_bg_concierge_f_r.png), url(../img/croom/sp/tab_c_bg_concierge_f_c.png); background-repeat: no-repeat,no-repeat,no-repeat,repeat-x; background-position: top center, top left, top right, top left; } }

.croom-act0-res-empty-message { display: inline-block; color: #1f7d77; padding: 10px 40px; background: #fff; border-radius: 30px; }

@media screen and (max-width: 720px) { .croom-act0-res-empty-message { font-size: 14px; } }

.croom-act0-res-h { text-align: center; color: #fff; text-shadow: 0 1px 1px #266966; font-size: 18px; font-weight: normal; padding: 16px 0; line-height: 1; height: 79px; background: url(../img/croom/pc/tab_c_h_bg_concierge.png) no-repeat; margin-left: -4px; margin-right: -5px; }

@media screen and (max-width: 720px) { .croom-act0-res-h { font-size: 14px; padding-top: 10px; background-color: transparent; background-size: 38px 50px, 12px 37px, 12px 37px, 12px 37px; background-image: url(../img/croom/sp/tab_c_bg_concierge_f2_c2.png), url(../img/croom/sp/tab_c_bg_concierge_f2_l.png), url(../img/croom/sp/tab_c_bg_concierge_f2_r.png), url(../img/croom/sp/tab_c_bg_concierge_f2_c.png); background-repeat: no-repeat,no-repeat,no-repeat,repeat-x; background-position: top center, top left, top right, top left; } }

.croom-act0-experts-h { position: relative; margin: 10px 30px; padding-bottom: 15px; font-size: 14px; background: url(../img/croom/pc/tab_c_search_h_bg.png) left bottom repeat-x; }

@media screen and (max-width: 720px) { .croom-act0-experts-h { margin-left: 10px; margin-right: 10px; } }

.croom-act0-experts-h-num { font-size: 24px; color: #1f7d77; }

.croom-act0-experts-h-sorts { display: block; position: absolute; right: 0; top: 2px; }

.croom-act0-experts-h-sort { display: inline-block; position: relative; border: 1px solid #ccc; background: #fff; padding: 5px 25px 5px 10px; border-radius: 4px; font-size: 14px; }

.croom-act0-experts-h-sort:before, .croom-act0-experts-h-sort:after { content: ""; position: absolute; top: 50%; right: 5px; width: 0; height: 0; border-width: 6px 5px 0; border-style: solid; border-color: #3ba19c transparent transparent; content: ""; margin-top: 1px; }

.croom-act0-experts-h-sort:after { margin-top: -8px; border-width: 0 5px 6px; border-color: transparent transparent #3ba19c; }

.croom-act0-experts { padding: 15px; }

@media screen and (max-width: 720px) { .croom-act0-experts { padding: 10px; } }

.croom-act0-expert { list-style-type: none; width: 50%; float: left; box-sizing: border-box; padding: 15px; }

@media screen and (max-width: 720px) { .croom-act0-expert { padding: 10px 0; width: auto; float: none; } }

.croom-act0-expert .croom-expert-cat { margin-top: -14px; margin-bottom: 7px; }

.croom-act0-expert .croom-expert-prof-main { background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.35); border-radius: 10px; padding: 1px 18px 15px; min-height: 152px; }

@media screen and (max-width: 720px) { .croom-act0-expert .croom-expert-prof-main { min-height: 104px; padding-left: 10px; } }

.croom-act0-expert .croom-expert-img { left: 18px; top: 18px; width: 113px; height: 113px; }

@media screen and (max-width: 720px) { .croom-act0-expert .croom-expert-img { width: 74px; height: 74px; left: 9px; } }

.croom-act0-expert .croom-expert-info { padding-left: 142px; }

@media screen and (max-width: 720px) { .croom-act0-expert .croom-expert-info { padding-left: 94px; } }

@media screen and (max-width: 720px) { .croom-act0-expert .croom-expert-info-name { font-size: 14px; margin-bottom: 2px; } }

@media screen and (max-width: 720px) { .croom-act0-expert .croom-expert-info-label { font-size: 10px; margin-right: 5px; } }

@media screen and (max-width: 720px) { .croom-act0-expert .croom-expert-info-stars { font-size: 12px; } }

@media screen and (max-width: 720px) { .croom-act0-expert .croom-expert-info-add { white-space: nowrap; line-height: 1; } }

@media screen and (max-width: 720px) { .croom-act0-expert .croom-expert-info-count { font-size: 10px; } }

.croom-act0-expert-link { display: block; }

.croom-qa { margin-right: 25px; }

@media screen and (max-width: 720px) { .croom-qa { margin-left: 10px; margin-right: 10px; } }

.croom-qa-item { list-style: none; border-radius: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }

.croom-qa-a { display: none; }

.croom-qa-a.mode-open { display: block; }

.croom-qa-h-history { list-style: none; font-size: 14px; display: inline-block; padding: 10px 0; }

@media screen and (max-width: 720px) { .croom-qa-h-history { padding-top: 0; } }

.croom-qa-h-history-month { display: inline-block; font-size: 12px; border: 1px solid #3ba19c; padding: 3px 7px; line-height: 1; position: relative; margin-right: 10px; }

.croom-qa-h-history-month:before, .croom-qa-h-history-month:after { position: absolute; left: 100%; top: 0; content: ""; margin-left: -1px; border-width: 9px; border-style: solid; border-color: transparent transparent transparent #fff; display: block; }

.croom-qa-h-history-month:before { border-width: 10px; border-left-color: #3ba19c; margin-left: 0; top: -1px; }

.croom-qa-h-history-num { color: #d95e41; font-size: 18px; }

.croom-qa-h-refine { background: #ebf5f5; padding: 10px 20px 15px; margin-bottom: 30px; }

@media screen and (max-width: 720px) { .croom-qa-h-refine { padding: 10px 0; } }

@media screen and (max-width: 720px) { .croom-qa-h-refine .croom-input-select-select { width: 100%; } }

.croom-qa-h-refine-box { width: 50%; float: left; box-sizing: border-box; padding: 0 10px; }

.croom-qa-h-refine-h { font-size: 14px; color: #1f7d77; font-weight: normal; }

.croom-qa-h-refine-select { width: 306px; background-image: -webkit-linear-gradient(top, #fff, #f8f8f8); background-image: linear-gradient(to bottom, #fff, #f8f8f8); }

.croom-qa-item-h { border-bottom: 1px solid #3ba19c; font-size: 12px; padding: 7px 30px; position: relative; }

@media screen and (max-width: 720px) { .croom-qa-item-h { padding: 7px 10px; } }

.croom-qa-item-h-cat { color: #1f7d77; }

.croom-qa-item-h-count { display: block; position: absolute; right: 30px; top: 2px; }

@media screen and (max-width: 720px) { .croom-qa-item-h-count { right: 20px; } }

.croom-qa-q { padding: 10px 30px; }

@media screen and (max-width: 720px) { .croom-qa-q { padding: 10px; } }

.croom-qa-q-title { color: #1f7d77; font-weight: normal; font-size: 18px; margin-bottom: 7px; }

@media screen and (max-width: 720px) { .croom-qa-q-title { font-size: 14px; } }

.croom-qa-q-content { font-size: 14px; line-height: 1.7; padding-bottom: 10px; }

@media screen and (max-width: 720px) { .croom-qa-q-content { font-size: 12px; } }

.croom-qa-a { background: #ebf5f5 url(../img/croom/pc/qa_a_bg.png) top right no-repeat; border-radius: 0 0 10px 10px; padding: 20px 30px; }

@media screen and (max-width: 720px) { .croom-qa-a { padding: 20px 10px; } }

.croom-qa-a-title { font-size: 21px; font-weight: normal; margin-bottom: 7px; }

@media screen and (max-width: 720px) { .croom-qa-a-title { font-size: 16px; } }

.croom-qa-a-expert-prof { margin-bottom: 15px; }

.croom-qa-a-expert-prof .croom-expert-prof { list-style: none; }

.croom-qa-a-expert-prof .croom-expert-cat, .croom-qa-a-expert-prof .croom-expert-info { padding-left: 92px; }

.croom-qa-a-expert-prof .croom-expert-img { width: 73px; height: 73px; top: 0; left: 0; }

.croom-qa-a-expert-prof .croom-expert-info-name { margin: 2px 0 0; font-size: 16px; }

@media screen and (max-width: 720px) { .croom-qa-a-expert-prof .croom-expert-info-name { font-size: 14px; } }

@media screen and (max-width: 720px) { .croom-qa-a-expert-prof .croom-expert-info-add { line-height: 1.1; } }

@media screen and (max-width: 720px) { .croom-qa-a-expert-prof .croom-expert-info-stars, .croom-qa-a-expert-prof .croom-expert-info-label, .croom-qa-a-expert-prof .croom-expert-info-count { font-size: 11px; } }

@media screen and (max-width: 720px) { .croom-qa-a-expert-prof .croom-expert-info-count-num { font-size: 14px; } }

.croom-qa-a-content { margin-bottom: 15px; }

.croom-qa-a-text, .croom-qa-a-more-content { padding: 10px 25px; font-size: 14px; border-radius: 6px; background: #3ba19c; color: #fff; line-height: 1.7; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); position: relative; }

@media screen and (max-width: 720px) { .croom-qa-a-text, .croom-qa-a-more-content { font-size: 12px; padding-left: 15px; padding-right: 15px; } }

.croom-qa-a-text:after, .croom-qa-a-more-content:after { width: 25px; height: 28px; content: ""; display: block; background: url(../img/croom/pc/fukidashi_g.png) no-repeat; left: -24px; top: 4px; position: absolute; }

.croom-qa-a-more-content { margin-left: 10px; }

.croom-qa-a-text { margin-left: 22px; margin-right: 38px; }

@media screen and (max-width: 720px) { .croom-qa-a-text { margin-right: 0; } }

.croom-qa-a-date { color: #999; font-size: 12px; }

@media screen and (max-width: 720px) { .croom-qa-a-date { margin-left: 22px; } }

.croom-qa-a-res { margin-bottom: 15px; }

.croom-qa-a-res-content { background: #fff; border-radius: 6px; padding: 10px 25px; font-size: 14px; line-height: 1.7; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); position: relative; margin-left: 52px; }

.croom-qa-a-res-content:after { width: 25px; height: 28px; content: ""; display: block; background: url(../img/croom/pc/fukidashi_w.png) no-repeat; right: -24px; top: 4px; position: absolute; }

@media screen and (max-width: 720px) { .croom-qa-a-res-content { margin-left: 0; margin-right: 20px; padding-right: 15px; padding-left: 15px; } }

.croom-qa-a-res-h { color: #1f7d77; }

@media screen and (max-width: 720px) { .croom-qa-a-res-text { font-size: 12px; } }

.croom-qa-a-res-date { text-align: right; color: #999; font-size: 12px; display: block; padding-top: 5px; }

@media screen and (max-width: 720px) { .croom-qa-a-res-date { margin-right: 20px; } }

.croom-qa-a-more { border-top: 1px solid #ccc; margin: 0 -30px 0; padding: 20px 30px; }

@media screen and (max-width: 720px) { .croom-qa-a-more { margin: 0 -10px 0; padding: 10px; } }

.croom-qa-a-more-h { font-size: 16px; margin-bottom: 25px; }

.croom-qa-a-more-item { list-style: none; padding-left: 100px; position: relative; margin-bottom: 15px; }

.croom-qa-a-more-img { display: block; position: absolute; border-radius: 10px; overflow: hidden; box-shadow: 4px 4px 0 #dad9d9; width: 73px; height: 73px; left: 0; top: 0; }

.croom-qa-a-more-img-img { width: 100%; }

.croom-qa-a-more-credit { text-align: right; }

.croom-qa-a-more-date { color: #999; font-size: 12px; }

.croom-qa-a-more-more { text-align: center; }

.croom-qa-a-more-btn { display: block; border: 1px solid #ccc; border-radius: 4px; padding: 10px; background: #fff url(../img/croom/pc/qa_more_btn_arrow.png) right 13px no-repeat; }

.croom-qa-a-more-btn:link, .croom-qa-a-more-btn:visited { color: #009ca2; }

.croom-qa-more { text-align: right; position: relative; margin-bottom: 50px; }

@media screen and (max-width: 720px) { .croom-qa-more { margin-bottom: 30px; } }

@media screen and (max-width: 720px) { .croom-qa-a.mode-open + .croom-qa-more { margin-bottom: 40px; } }

.croom-qa-more-btn { display: block; width: 50px; height: 50px; background: url(../img/croom/pc/qa_more_btn.png) left bottom no-repeat; color: transparent; position: absolute; right: 20px; top: -26px; }

.croom-qa-a.mode-open + .croom-qa-more .croom-qa-more-btn { background-image: url(../img/croom/pc/qa_more_btn_close.png); width: 65px; top: -19px; }

.croom-thank { margin-right: 29px; }

@media screen and (max-width: 720px) { .croom-thank { margin-right: 12px; margin-left: 10px; } }

.croom-thank .g-pager li a { background: #049ca2; color: #fff; }

.croom-thank .g-pager li.mode-current a { border: 1px solid #049ca2; color: #049ca2; background: none; }

.croom-thank-item { list-style: none; border: 1px solid #CCC; border-radius: 10px; box-shadow: 4px 4px 0 #DDD; margin-bottom: 30px; position: relative; }

@media screen and (max-width: 720px) { .croom-thank-item { box-shadow: 2px 2px 0 #DDD; border-radius: 5px; } }

.croom-thank-item-h { border-radius: 10px 10px 0 0; background: #DDD; font-size: 12px; padding: 7px 10px; position: relative; }

@media screen and (max-width: 720px) { .croom-thank-item-h { padding: 7px 10px; border-radius: 5px 5px 0 0; } }

.croom-thank-item-h-cat { color: #1f7d77; }

.croom-thank-item-h-count { display: block; position: absolute; right: 30px; top: 2px; }

@media screen and (max-width: 720px) { .croom-thank-item-h-count { right: 20px; } }

.croom-thank-user { margin-top: 24px; padding: 0 30px; position: relative; min-height: 4em; }

@media screen and (max-width: 720px) { .croom-thank-user { margin-top: 12px; padding: 0 10px; } }

.croom-thank-user-message { padding-left: 80px; }

@media screen and (max-width: 720px) { .croom-thank-user-message { font-size: 12px; padding-left: 58px; padding-bottom: 18px; } }

.croom-thank-user-img { position: absolute; left: 28px; top: 0; display: block; border-radius: 10px; background: #eee; overflow: hidden; }

@media screen and (max-width: 720px) { .croom-thank-user-img { border-radius: 5px; left: 14px; } }

.croom-thank-user-img { width: 53px; height: 53px; }

@media screen and (max-width: 720px) { .croom-thank-user-img { width: 40px; height: 40px; } }

.croom-thank-user-img-img { width: 100%; border-radius: 10px; }

.croom-thank-expert { overflow: hidden; display: none; -webkit-transition: max-height 1s linear; transition: max-height 1s linear; }

.croom-thank-expert.mode-open { display: block; }

.croom-thank-expert .croom-expert-prof { list-style: none; }

@media screen and (max-width: 720px) { .croom-thank-expert .croom-expert-prof { min-height: 95px; } }

@media screen and (max-width: 720px) { .croom-thank-expert .croom-expert-cat { font-size: 10px; } }

.croom-thank-expert .croom-expert-cat, .croom-thank-expert .croom-expert-info { padding-left: 100px; }

.croom-thank-expert .croom-expert-img { left: 0; top: 0; width: 80px; height: 80px; border-radius: 0; }

.croom-thank-expert .croom-expert-info-name { margin-bottom: 0; margin-top: 4px; font-size: 16px; }

@media screen and (max-width: 720px) { .croom-thank-expert .croom-expert-info-name { font-size: 14px; } }

@media screen and (max-width: 720px) { .croom-thank-expert .croom-expert-info-add { line-height: 1.1; } }

@media screen and (max-width: 720px) { .croom-thank-expert .croom-expert-info-stars, .croom-thank-expert .croom-expert-info-label, .croom-thank-expert .croom-expert-info-count { font-size: 11px; } }

@media screen and (max-width: 720px) { .croom-thank-expert .croom-expert-info-count-num { font-size: 14px; } }

.croom-thank-expert-wrap { padding: 15px 30px 40px 28px; position: relative; background: #ebf5f5; border-radius: 0 0 10px 10px; }

@media screen and (max-width: 720px) { .croom-thank-expert-wrap { padding: 10px 10px 20px 12px; border-radius: 0 0 5px 5px; } }

.croom-thank-expert-title { margin-bottom: 20px; }

.croom-thank-expert-prof { position: absolute; }

@media screen and (max-width: 720px) { .croom-thank-expert-prof { position: static; } }

.croom-thank-expert-content { padding-left: 290px; }

@media screen and (max-width: 720px) { .croom-thank-expert-content { padding-left: 10px; } }

.croom-thank-expert-text { padding: 10px 20px 10px 25px; font-size: 14px; border-radius: 6px; background: #3ba19c; color: #fff; line-height: 1.7; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); position: relative; }

@media screen and (max-width: 720px) { .croom-thank-expert-text { font-size: 12px; padding: 10px 12px; } }

.croom-thank-expert-text:after { width: 25px; height: 28px; content: ""; display: block; background: url(../img/croom/pc/fukidashi_g.png) no-repeat; left: -24px; top: 4px; position: absolute; }

@media screen and (max-width: 720px) { .croom-thank-expert-text:after { background-size: 12.5px 14px; left: -12px; } }

.croom-thank-expert-date { text-align: right; display: block; color: #999; font-size: 12px; padding-top: 5px; }

@media screen and (max-width: 720px) { .croom-thank-expert-date { text-align: left; font-size: 10px; padding-top: 2px; } }

.croom-thank-more { position: absolute; right: 15px; bottom: -14px; }

.croom-thank-expert.mode-open + .croom-thank-more { bottom: -18px; right: 25px; }

.croom-thank-more-btn { display: block; box-sizing: border-box; width: 32px; height: 32px; border-radius: 16px; background: #3ba19c; color: transparent; background: #3ba19c url(../img/croom/pc/icon_arrow_thank_open.png) no-repeat center center; }

.croom-thank-more-btn:after { position: absolute; width: 32px; height: 32px; border-radius: 16px; background: #ccc; content: ""; right: -4px; bottom: -4px; z-index: -1; }

.croom-thank-expert.mode-open + .croom-thank-more .croom-thank-more-btn { width: 40px; height: 40px; border-radius: 20px; border: 3px solid #3ba19c; background: #fff url(../img/croom/pc/icon_arrow_thank_close.png) no-repeat center center; }

.croom-thank-expert.mode-open + .croom-thank-more .croom-thank-more-btn:after { width: 40px; height: 40px; border-radius: 20px; }

@media screen and (max-width: 720px) { .croom-sidebar-box { margin: 0; box-shadow: 0 1px 0 #009ca2; } }

@media screen and (max-width: 720px) { .croom-sidebar-box-content { display: none; padding: 10px; }
  .croom-sidebar-count .croom-sidebar-box-content { padding: 0; }
  .croom-sidebar-box.mode-open .croom-sidebar-box-content { display: block; } }

@media screen and (max-width: 720px) { .croom-sidebar-h { border-top-width: 1px; background: none; padding-bottom: 0; font-size: 16px; font-weight: normal; }
  .croom-sidebar-h span { padding: 18px 18px 18px 65px; background-repeat: no-repeat,no-repeat,repeat-x; background-size: 53px 53px, 32px 37px, cover; background-color: #fff; background-position: left top, right top, left top; }
  .croom-sidebar-rank .croom-sidebar-h span { background-image: url(../img/croom/sp/sidebar_icon_rank.png), url(../img/croom/sp/sidebar_icon_plus.png), -webkit-linear-gradient(top, #fff, #eee); background-image: url(../img/croom/sp/sidebar_icon_rank.png), url(../img/croom/sp/sidebar_icon_plus.png), linear-gradient(to bottom, #fff, #eee); }
  .croom-sidebar-count .croom-sidebar-h span { background-image: url(../img/croom/sp/sidebar_icon_count.png), url(../img/croom/sp/sidebar_icon_plus.png), -webkit-linear-gradient(top, #fff, #eee); background-image: url(../img/croom/sp/sidebar_icon_count.png), url(../img/croom/sp/sidebar_icon_plus.png), linear-gradient(to bottom, #fff, #eee); }
  .croom-sidebar-thank .croom-sidebar-h span { background-image: url(../img/croom/sp/sidebar_icon_thank.png), url(../img/croom/sp/sidebar_icon_plus.png), -webkit-linear-gradient(top, #fff, #eee); background-image: url(../img/croom/sp/sidebar_icon_thank.png), url(../img/croom/sp/sidebar_icon_plus.png), linear-gradient(to bottom, #fff, #eee); }
  .croom-sidebar-box.mode-open .croom-sidebar-h { padding-bottom: 8px; background: url(/img/texture_line.png); }
  .croom-sidebar-box.mode-open .croom-sidebar-h span { background-color: #009ca2; color: #fff; }
  .croom-sidebar-rank.mode-open .croom-sidebar-h span { background-image: url(../img/croom/sp/sidebar_icon_rank_on.png), url(../img/croom/sp/sidebar_icon_up.png), none; }
  .croom-sidebar-count.mode-open .croom-sidebar-h span { background-image: url(../img/croom/sp/sidebar_icon_count_on.png), url(../img/croom/sp/sidebar_icon_up.png), none; }
  .croom-sidebar-thank.mode-open .croom-sidebar-h span { background-image: url(../img/croom/sp/sidebar_icon_thank_on.png), url(../img/croom/sp/sidebar_icon_up.png), none; } }

.croom-sidebar-rank .croom-expert-prof { border-top: 1px solid #ccc; padding: 7px 0 7px 30px; list-style-type: none; position: relative; }

.croom-sidebar-rank .croom-expert-prof:before { text-indent: -5px; text-align: center; content: ""; border: 13px solid transparent; border-top: none; border-bottom: 5px solid #fff; position: absolute; left: 0; top: -3px; height: 40px; background: #f00; background-size: 5px 45px; background-repeat: repeat-x; }

.croom-sidebar-rank .croom-expert-prof:after { position: absolute; font-family: serif; font-weight: bold; content: ""; width: 26px; text-align: center; left: 0; top: 0px; color: #fff; line-height: 1; border-top: 2px solid rgba(255, 255, 255, 0.2); padding-top: 5px; }

.croom-sidebar-rank .croom-expert-prof.mode-idx1:before { background-color: #b2a248; background-image: -webkit-linear-gradient(bottom, #b2a248, #d8c976); background-image: linear-gradient(to top, #b2a248, #d8c976); }

.croom-sidebar-rank .croom-expert-prof.mode-idx1:after { content: "1"; }

.croom-sidebar-rank .croom-expert-prof.mode-idx2:before { background-color: #acacac; background-image: -webkit-linear-gradient(bottom, #acacac, #c4c4c4); background-image: linear-gradient(to top, #acacac, #c4c4c4); }

.croom-sidebar-rank .croom-expert-prof.mode-idx2:after { content: "2"; }

.croom-sidebar-rank .croom-expert-prof.mode-idx3:before { background-color: #9f8154; background-image: -webkit-linear-gradient(bottom, #9f8154, #b99762); background-image: linear-gradient(to top, #9f8154, #b99762); }

.croom-sidebar-rank .croom-expert-prof.mode-idx3:after { content: "3"; }

.croom-sidebar-rank .croom-expert-cat, .croom-sidebar-rank .croom-expert-info { padding-left: 100px; }

.croom-sidebar-rank .croom-expert-img { left: 0; top: 0; width: 80px; height: 80px; }

.croom-sidebar-rank .croom-expert-info-name { margin-bottom: 0; margin-top: 4px; font-size: 16px; }

.croom-sidebar-rank-items { padding-top: 9px; border-bottom: 1px solid #ccc; }

.croom-sidebar-btn-wrap { text-align: center; padding: 10px 0 4px; }

.croom-sidebar-btn { padding: 7px 30px; border-radius: 4px; font-size: 14px; }

.croom-sidebar-count { border-top: none; }

.croom-sidebar-count dl { background: #ebf5f5; }

.croom-sidebar-count .sidebar-count-num { color: #d95e41; }

@media screen and (max-width: 720px) { .croom-sidebar-count dl { padding: 20px 10px; }
  .croom-sidebar-count dt { float: left; clear: both; }
  .croom-sidebar-count dd { float: right; }
  .croom-sidebar-count .sidebar-count-num { color: #d95e41; font-size: 1.2em; } }

.croom-sidebar-thank .croom-expert-prof { list-style: none; }

.croom-sidebar-thank .croom-expert-cat, .croom-sidebar-thank .croom-expert-info { padding-left: 70px; }

.croom-sidebar-thank .croom-expert-img { left: 0; top: 0; width: 53px; height: 53px; }

.croom-sidebar-thank .croom-expert-info-name { margin-bottom: 0; margin-top: 4px; font-size: 14px; }

.croom-sidebar-thank-item { list-style: none; border-bottom: 1px solid #009ca2; padding-bottom: 10px; }

.croom-sidebar-thank-user { padding: 10px; position: relative; }

.croom-sidebar-thank-user-message { padding-left: 53px; font-size: 13px; }

.croom-sidebar-thank-user-img { position: absolute; left: 0; top: 10px; display: block; border-radius: 10px; background: #eee; overflow: hidden; }

.croom-sidebar-thank-user-img-wrap { width: 53px; height: 53px; }

.croom-sidebar-thank-user-img-img { width: 100%; border-radius: 10px; }

.croom-sidebar-thank-expert { position: relative; background: #ebf5f5; border-radius: 6px; padding: 15px 20px 10px; margin-left: 20px; margin-top: 20px; }

.croom-sidebar-thank-expert:before, .croom-sidebar-thank-expert:after { content: ""; display: block; width: 30px; height: 30px; border-radius: 30px; position: absolute; z-index: -1; }

.croom-sidebar-thank-expert:before { background: #ebf5f5; left: 20px; top: -20px; }

.croom-sidebar-thank-expert:after { width: 28px; height: 28px; background: #fff; left: 25px; top: -25px; }

.croom-sidebar-thank-expert-message { padding-bottom: 10px; font-size: 13px; }

.croom-sidebar-thank-expert-prof { padding-top: 6px; border-top: 1px dotted #009ca2; }

@media screen and (max-width: 720px) { .croom-sidebar-ad { text-align: center; } }

@media screen and (max-width: 720px) { .croom-sidebar-fb { display: none; } }

/*
$g_color_alt:#F0931C;
*/
/* responsive utility */
.expert-h-wrap { padding: 7px 0 0; margin-bottom: 18px; }

@media screen and (max-width: 720px) { .expert-h-wrap { margin-bottom: 6px; } }

.expert-h { color: #bbb753; font-size: 24px; }

@media screen and (max-width: 720px) { .expert-h { background: url(/img/texture_line.png); padding-top: 4px; font-size: 20px; font-weight: normal; } }

.expert-h-text { display: block; }

@media screen and (max-width: 720px) { .expert-h-text { background: #fff; padding: 5px 5px 0; } }

.expert-h-sub { font-size: 18px; }

@media screen and (max-width: 720px) { .expert-h-sub { font-size: 15px; } }

.expert-h-desc { font-size: 12px; }

@media screen and (max-width: 720px) { .expert-h-desc { padding-left: 5px; padding-right: 5px; } }

.expert-topimg { margin-bottom: 25px; }

@media screen and (max-width: 720px) { .expert-topimg { margin-bottom: 13px; } }

@media screen and (max-width: 720px) { .expert-topimg-img { width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } }

.expert-idx-box { clear: left; margin-right: 25px; }

@media screen and (max-width: 720px) { .expert-idx-box { margin-right: 0; } }

.expert-idx-box-h { background: url(../img/expert/pc/h_texture.png); padding-bottom: 7px; }

.expert-idx-box-h-text { display: block; color: #fff; padding: 13px 0 13px 54px; font-size: 18px; line-height: 1; background-repeat: no-repeat; }

.expert-idx-box-h.mode-earn .expert-idx-box-h-text { background-color: #1c7792; background-image: url(../img/expert/pc/h_icon_earn.png); }

.expert-idx-box-h.mode-customer .expert-idx-box-h-text { background-color: #a15468; background-image: url(../img/expert/pc/h_icon_customer.png); }

.expert-idx-box-h.mode-site .expert-idx-box-h-text { background-color: #4bb322; background-image: url(../img/expert/pc/h_icon_site.png); }

.expert-idx-box-h.mode-market .expert-idx-box-h-text { background-color: #f26844; background-image: url(../img/expert/pc/h_icon_market.png); }

@media screen and (max-width: 720px) { .expert-idx-box-h-text { background-size: 33.6px 29.6px; font-size: 15px; font-weight: normal; padding: 10px 0 10px 43px; } }

.expert-idx-items { margin-right: -19px; padding-top: 16px; }

@media screen and (max-width: 720px) { .expert-idx-items { padding-top: 10px; margin-left: 10px; margin-right: 0; } }

.expert-idx-item { list-style-type: none; width: 217px; box-sizing: border-box; margin-right: 19px; margin-bottom: 21px; color: #222; position: relative; float: left; }

.expert-idx-item.mode-idx4 { clear: left; }

@media screen and (max-width: 720px) { .expert-idx-item { width: 50%; border-right: 10px solid transparent; margin-right: 0; margin-bottom: 10px; }
  .expert-idx-item.mode-idx4 { clear: none; }
  .expert-idx-item.mode-odd { clear: left; }
  .expert-idx-item.mode-more { display: none; } }

.expert-idx-prof-link { display: block; border: 1px solid #ccc; background: #f6f6ef; -webkit-transition: opacity .5s; transition: opacity .5s; }

.expert-idx-prof-link:hover { text-decoration: none; opacity: 0.8; }

.expert-idx-img-img { width: 100%; }

.expert-idx-info { padding: 16px 16px 14px; }

@media screen and (max-width: 720px) { .expert-idx-info { padding: 10px; } }

.expert-idx-info-name { font-size: 21px; line-height: 1; }

@media screen and (max-width: 720px) { .expert-idx-info-name { font-size: 14px; } }

.expert-idx-info-kana { font-size: 12px; margin-bottom: 7px; }

@media screen and (max-width: 720px) { .expert-idx-info-kana { font-size: 10px; } }

.expert-idx-info-company { font-size: 12px; }

.expert-idx-info-stars { position: absolute; right: 10px; top: 8px; color: #d95e41; font-size: 17px; text-shadow: -2px 0 1px #fff, -2px 2px 1px #fff,  -2px -2px 1px #fff,  0 -2px 1px #fff, 0 2px 1px #fff, 2px -2px 1px #fff, 2px 0 1px #fff, 2px 2px 1px #fff, -1px 0 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff,  0 -1px 0 #fff, 0 1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff; }

.expert-idx-prof-more { text-align: right; font-size: 14px; padding: 0 10px; line-height: 1; }

@media screen and (max-width: 720px) { .expert-idx-prof-more { font-size: 12px; } }

.expert-idx-prof-more-link { display: inline-block; padding-right: 20px; padding-bottom: 12px; background-repeat: no-repeat; background-position: right top; }

.expert-idx-items.mode-market .expert-idx-prof-more-link { background-image: url(../img/expert/pc/icon_arrow_r_market.png); }

.expert-idx-items.mode-earn .expert-idx-prof-more-link { background-image: url(../img/expert/pc/icon_arrow_r_earn.png); }

.expert-idx-items.mode-customer .expert-idx-prof-more-link { background-image: url(../img/expert/pc/icon_arrow_r_customer.png); }

.expert-idx-items.mode-site .expert-idx-prof-more-link { background-image: url(../img/expert/pc/icon_arrow_r_site.png); }

.expert-idx-totop { text-align: right; margin: -10px 0 25px; line-height: 1; }

@media screen and (max-width: 720px) { .expert-idx-totop { display: none; } }

.expert-idx-totop-link { display: inline-block; background: url(../img/expert/pc/icon_arrow_up.png) right top no-repeat; font-size: 13px; padding-right: 20px; }

.expert-idx-more-btn-wrap { text-align: center; padding: 10px 20px 30px; display: none; }

@media screen and (max-width: 720px) { .expert-idx-more-btn-wrap { display: block; } }

.expert-idx-more-btn { display: block; color: #fff; border-radius: 5px; background: #000; padding: 10px; font-size: 12px; }

.expert-idx-more-btn:hover { text-decoration: none; }

.expert-idx-more-btn.mode-market { background: url(../img/expert/pc/icon_arrow_down.png) right center no-repeat, -webkit-linear-gradient(top, #f26844, #d25332); background: url(../img/expert/pc/icon_arrow_down.png) right center no-repeat, linear-gradient(to bottom, #f26844, #d25332); }

.expert-idx-more-btn.mode-earn { background: url(../img/expert/pc/icon_arrow_down.png) right center no-repeat, -webkit-linear-gradient(top, #1c7792, #0f586d); background: url(../img/expert/pc/icon_arrow_down.png) right center no-repeat, linear-gradient(to bottom, #1c7792, #0f586d); }

.expert-idx-more-btn.mode-customer { background: url(../img/expert/pc/icon_arrow_down.png) right center no-repeat, -webkit-linear-gradient(top, #a15468, #743143); background: url(../img/expert/pc/icon_arrow_down.png) right center no-repeat, linear-gradient(to bottom, #a15468, #743143); }

.expert-idx-more-btn.mode-site { background: url(../img/expert/pc/icon_arrow_down.png) right center no-repeat, -webkit-linear-gradient(top, #f26844, #d25332); background: url(../img/expert/pc/icon_arrow_down.png) right center no-repeat, linear-gradient(to bottom, #f26844, #d25332); }

@media screen and (max-width: 720px) { .expert-sidebar-box { box-shadow: 0 1px 0 #958f00; } }

.expert-sidebar-box .g-sub-box-h { border-top-color: #958f00; color: #222; }

.expert-sidebar-box .croom-expert-info-name { color: #222; }

.expert-sidebar-box .croom-expert-prof { min-height: 105px; }

.expert-sidebar-box .croom-sidebar-btn { background: -webkit-linear-gradient(top, #bbb753, #a59f00); background: linear-gradient(to bottom, #bbb753, #a59f00); }

@media screen and (max-width: 720px) { .expert-sidebar-rank .expert-sidebar-h span { background-image: url(../img/expert/sp/sidebar_icon_rank.png), url(../img/expert/sp/sidebar_icon_plus.png), -webkit-linear-gradient(top, #fff, #eee); background-image: url(../img/expert/sp/sidebar_icon_rank.png), url(../img/expert/sp/sidebar_icon_plus.png), linear-gradient(to bottom, #fff, #eee); }
  .expert-sidebar-column .expert-sidebar-h span { background-image: url(../img/expert/sp/sidebar_icon_column.png), url(../img/expert/sp/sidebar_icon_plus.png), -webkit-linear-gradient(top, #fff, #eee); background-image: url(../img/expert/sp/sidebar_icon_column.png), url(../img/expert/sp/sidebar_icon_plus.png), linear-gradient(to bottom, #fff, #eee); }
  .croom-sidebar-box.mode-open .expert-sidebar-h span { background-color: #bbb753; }
  .expert-sidebar-rank.mode-open .expert-sidebar-h span { background-image: url(../img/croom/sp/sidebar_icon_rank_on.png), url(../img/croom/sp/sidebar_icon_up.png), none; }
  .expert-sidebar-column.mode-open .expert-sidebar-h span { background-image: url(../img/expert/sp/sidebar_icon_column_on.png), url(../img/croom/sp/sidebar_icon_up.png), none; } }

@media screen and (max-width: 720px) { .expert-sidebar-ad { text-align: center; } }

@media screen and (max-width: 720px) { .expert-sidebar-fb { display: none; } }

.expert-sidebar-column-item { list-style-type: none; border-bottom: 1px solid #CCC; padding: 10px 0; }

.expert-sidebar-column-link { position: relative; display: block; }

.expert-sidebar-column-img { width: 103px; position: absolute; left: 0; top: 0; }

.expert-sidebar-column-img-img { width: 100%; }

.expert-sidebar-column-desc { padding-left: 113px; font-size: 13px; font-weight: bold; color: #222; }

.expert-sidebar-column-count { color: #999; font-size: 13px; text-align: right; }

.expert-sidebar-column-count-num { color: #a59f00; }

.expert-prof { background: #f6f6ef; border: 1px solid #ccc; box-shadow: inset 0 5px 0 #bbb753; padding-top: 5px; position: relative; margin-right: 25px; margin-bottom: 30px; }

@media screen and (max-width: 720px) { .expert-prof { margin-right: 5px; margin-left: 5px; } }

.expert-prof-h-img { position: absolute; left: -1px; top: 5px; width: 278px; height: 278px; border: 1px solid #ccc; border-top: none; }

@media screen and (max-width: 720px) { .expert-prof-h-img { position: static; width: 100%; height: auto; } }

.expert-prof-h-img-img { width: 100%; }

.expert-prof-h-main { height: 279px; padding-left: 295px; }

@media screen and (max-width: 720px) { .expert-prof-h-main { padding: 0 10px; height: auto; } }

.expert-prof-h-cat { padding-top: 18px; margin-bottom: 6px; }

@media screen and (max-width: 720px) { .expert-prof-h-cat { padding-top: 5px; } }

.expert-prof-h-info-name { font-size: 24px; }

@media screen and (max-width: 720px) { .expert-prof-h-info-name { line-height: 1.1; font-size: 21px; } }

.expert-prof-h-info-kana { font-size: 12px; margin-bottom: 18px; }

@media screen and (max-width: 720px) { .expert-prof-h-info-kana { margin-bottom: 5px; } }

.expert-prof-h-info-company, .expert-prof-h-info-born { font-size: 12px; margin-bottom: 8px; }

@media screen and (max-width: 720px) { .expert-prof-h-info-company, .expert-prof-h-info-born { margin-bottom: 4px; } }

.expert-prof-h-info-add { border-top: 1px dotted #ccc; padding: 7px 4px; }

.expert-prof-h-info-add.mode-count { border-bottom: 1px dotted #ccc; }

@media screen and (max-width: 720px) { .expert-prof-h-info-add.mode-count { margin-bottom: 10px; } }

@media screen and (max-width: 720px) { .expert-prof-h-info-add { padding: 4px; } }

.expert-prof-h-info-label { font-weight: bold; font-size: 14px; display: inline-block; width: 70px; }

@media screen and (max-width: 720px) { .expert-prof-h-info-label { font-size: 12px; width: 60px; } }

.expert-prof-h-info-stars { font-size: 18px; color: #d95e41; }

@media screen and (max-width: 720px) { .expert-prof-h-info-stars { font-size: 13px; } }

.expert-prof-h-info-count { font-size: 14px; }

@media screen and (max-width: 720px) { .expert-prof-h-info-count { font-size: 12px; } }

.expert-prof-h-info-count-num { color: #d95e41; font-size: 18px; }

.expert-prof-btn-wrap { background: #fff; text-align: center; padding: 18px 0; }

.expert-prof-btn { border-radius: 5px; display: inline-block; background: url(../img/expert/pc/icon_arrow_circle_r.png) right center no-repeat, -webkit-linear-gradient(top, #fdc741, #e7a500); background: url(../img/expert/pc/icon_arrow_circle_r.png) right center no-repeat, linear-gradient(to bottom, #fdc741, #e7a500); color: #fff; font-size: 18px; padding: 10px 50px; -webkit-transition: opacity .5s; transition: opacity .5s; }

.expert-prof-btn:hover { text-decoration: none; opacity: 0.8; }

@media screen and (max-width: 720px) { .expert-prof-btn { display: block; margin-left: 14px; margin-right: 15px; } }

.expert-prof-btn-main { font-size: 24px; font-weight: normal; }

.expert-prof-detail { padding: 28px 30px; }

@media screen and (max-width: 720px) { .expert-prof-detail { padding: 8px 14px; } }

.expert-prof-detail-h { background: url(../img/expert/pc/h_texture.png); padding-bottom: 8px; margin-bottom: 10px; }

@media screen and (max-width: 720px) { .expert-prof-detail-h { padding-bottom: 4px; } }

.expert-prof-detail-h-text { display: block; background: #f6f6ef; color: #958f00; font-size: 18px; font-weight: normal; padding-bottom: 3px; }

@media screen and (max-width: 720px) { .expert-prof-detail-h-text { font-size: 14px; } }

.expert-prof-detail-desc { font-size: 14px; line-height: 2; margin-bottom: 20px; }

@media screen and (max-width: 720px) { .expert-prof-detail-desc { font-size: 12px; line-height: 1.7; } }

.expert-prof-detail-table { width: 100%; }

.expert-prof-detail-th, .expert-prof-detail-td { border-collapse: collapse; border: 1px solid #666; padding: 8px 10px; font-size: 14px; }

@media screen and (max-width: 720px) { .expert-prof-detail-th, .expert-prof-detail-td { font-size: 11px; } }

.expert-prof-detail-th { text-align: left; color: #666; background: #e8e7d9; font-weight: normal; width: 33%; white-space: nowrap; }

.expert-prof-detail-td { background: #fff; color: #222; }

.expert-box { margin-right: 25px; margin-bottom: 30px; }

@media screen and (max-width: 720px) { .expert-box { margin-right: 0; margin-bottom: 15px; } }

.expert-box-h { background: url(../img/expert/pc/h_texture.png); padding-bottom: 17px; margin-bottom: 10px; }

@media screen and (max-width: 720px) { .expert-box-h { padding-bottom: 8px; } }

.expert-box-h-text { display: block; background: #fff; color: #958f00; font-size: 18px; font-weight: normal; padding-bottom: 3px; }

@media screen and (max-width: 720px) { .expert-box-h-text { font-size: 12px; padding: 0 10px; } }

.expert-box-h-cat, .expert-box-h-name { font-size: 21px; }

@media screen and (max-width: 720px) { .expert-box-h-cat, .expert-box-h-name { font-size: 15px; } }

.expert-column-items { margin-right: -30px; }

@media screen and (max-width: 720px) { .expert-column-items { margin-right: 0; margin-left: 10px; } }

.expert-column-item { list-style-type: none; width: 50%; box-sizing: border-box; border-right: 30px solid transparent; float: left; position: relative; }

.expert-column-item.mode-odd { clear: left; }

.expert-column-item.mode-new:before { display: bock; position: absolute; content: ""; width: 67px; height: 66px; left: 0; top: 3px; background: url(../img/expert/pc/icon_column_new.png) no-repeat; z-index: 1; }

@media screen and (max-width: 720px) { .expert-column-item.mode-new:before { background-size: 33.5px 33px; width: 34px; height: 33px; top: 28px; } }

@media screen and (max-width: 720px) { .expert-column-item { border-right-width: 10px; } }

.expert-column-link { display: block; border-top: 3px solid #958f00; position: relative; -webkit-transition: opacity .5s; transition: opacity .5s; padding-bottom: 20px; }

.expert-column-link:hover { text-decoration: none; opacity: 0.8; }

@media screen and (max-width: 720px) { .expert-column-link { padding-bottom: 10px; } }

.expert-column-info { display: block; color: #777; text-align: right; font-size: 12px; padding: 8px 0 12px; line-height: 1; }

@media screen and (max-width: 720px) { .expert-column-info { font-size: 10px; white-space: nowrap; padding-bottom: 5px; } }

.expert-column-count { color: #a59f00; }

.expert-column-img { display: block; margin-bottom: 12px; }

@media screen and (max-width: 720px) { .expert-column-img { margin-bottom: 6px; } }

.expert-column-img-img { width: 100%; }

.expert-column-title { font-weight: normal; font-size: 16px; }

@media screen and (max-width: 720px) { .expert-column-title { font-size: 11px; color: #444; } }

.expert-column-btn-wrap { clear: left; padding: 10px 30px; }

@media screen and (max-width: 720px) { .expert-column-btn-wrap { padding: 5px 20px; } }

.expert-column-btn { display: block; border-radius: 5px; background: url(../img/expert/pc/icon_arrow_r2.png) right center no-repeat, -webkit-linear-gradient(top, #bbb753, #a59f00); background: url(../img/expert/pc/icon_arrow_r2.png) right center no-repeat, linear-gradient(to bottom, #bbb753, #a59f00); text-align: center; color: #fff; padding: 12px 0; font-size: 16px; -webkit-transition: opacity .5s; transition: opacity .5s; }

.expert-column-btn:hover { text-decoration: none; opacity: 0.8; }

@media screen and (max-width: 720px) { .expert-column-btn { font-size: 14px; } }

.expert-comment-item { border: 1px solid #ccc; border-top: 3px solid #958f00; background: #f6f6ef; }

@media screen and (max-width: 720px) { .expert-comment-item { margin-left: 5px; margin-right: 5px; } }

.expert-comment-link { display: block; background: #fff; padding: 18px 30px 6px 270px; position: relative; box-sizing: border-box; min-height: 130px; -webkit-transition: opacity .5s; transition: opacity .5s; }

.expert-comment-link:hover { text-decoration: none; opacity: 0.8; }

@media screen and (max-width: 720px) { .expert-comment-link { padding: 15px 10px 6px 134px; min-height: 0; } }

.expert-comment-img { position: absolute; left: 30px; top: 18px; width: 222px; }

@media screen and (max-width: 720px) { .expert-comment-img { width: 111px; left: 13px; top: 15px; } }

.expert-comment-img-img { width: 100%; }

.expert-comment-title { padding: 40px 0; }

@media screen and (max-width: 720px) { .expert-comment-title { color: #444; padding: 0; font-size: 12px; min-height: 60px; } }

.expert-comment-info { display: block; color: #999; font-size: 13px; text-align: right; margin-right: -10px; }

@media screen and (max-width: 720px) { .expert-comment-info { margin-right: 0; font-size: 10px; } }

.expert-comment-count-num { color: #a59f00; font-size: 16px; }

@media screen and (max-width: 720px) { .expert-comment-count-num { font-size: inherit; } }

.expert-comment-comment { margin: 18px 20px 18px 30px; list-style-type: none; clear: left; position: relative; }

@media screen and (max-width: 720px) { .expert-comment-comment { margin: 13px 13px 13px 13px; padding-left: 60px; } }

.expert-comment-comment-user { width: 100px; float: left; text-align: center; }

@media screen and (max-width: 720px) { .expert-comment-comment-user { width: 60px; position: absolute; left: 0; top: 0; } }

.expert-comment-comment-img { display: inline-block; width: 53px; margin-bottom: 3px; border-radius: 8px; overflow: hidden; }

@media screen and (max-width: 720px) { .expert-comment-comment-img { width: 40px; } }

.expert-comment-comment-img-img { width: 100%; border-radius: 8px; }

@media screen and (max-width: 720px) { .expert-comment-comment-img-img { border-radius: 4px; } }

.expert-comment-comment-name { text-align: left; font-size: 13px; }

@media screen and (max-width: 720px) { .expert-comment-comment-name { font-size: 10px; } }

.expert-comment-comment-message { width: 538px; float: left; box-sizing: border-box; padding-left: 18px; position: relative; }

@media screen and (max-width: 720px) { .expert-comment-comment-message { width: auto; padding-left: 11px; } }

.expert-comment-comment-message:after { content: ""; width: 14px; height: 12px; position: absolute; left: 5px; top: 30px; background: url(../img/expert/pc/fukidashi.png) no-repeat; z-index: 1; }

@media screen and (max-width: 720px) { .expert-comment-comment-message:after { background: url(../img/expert/sp/fukidashi.png) no-repeat; background-size: 12px 12px; width: 12px; left: 0; top: 15px; } }

.expert-comment-comment-text { border-radius: 8px; background: #fff; border: 1px solid #958f00; font-size: 14px; padding: 18px 30px; line-height: 1.8; }

@media screen and (max-width: 720px) { .expert-comment-comment-text { padding: 10px 12px; font-size: 12px; } }

.expert-comment-comment-date { color: #999; text-align: right; font-size: 12px; padding-top: 5px; }

@media screen and (max-width: 720px) { .expert-comment-comment-date { font-size: 11px; } }

.expert-comment-btn-wrap { clear: left; padding: 18px 30px 30px; }

@media screen and (max-width: 720px) { .expert-comment-btn-wrap { padding-left: 13px; padding-right: 13px; } }

.expert-comment-btn { display: block; border-radius: 5px; background: url(../img/expert/pc/icon_arrow_down.png) right center no-repeat, -webkit-linear-gradient(top, #bbb753, #a59f00); background: url(../img/expert/pc/icon_arrow_down.png) right center no-repeat, linear-gradient(to bottom, #bbb753, #a59f00); text-align: center; color: #fff; padding: 12px 0; font-size: 16px; -webkit-transition: opacity .5s; transition: opacity .5s; }

.expert-comment-btn:hover { text-decoration: none; opacity: 0.8; }

@media screen and (max-width: 720px) { .expert-comment-btn { font-size: 14px; } }

.mypage-h { color: #009CA2; font-size: 24px; }


.mypage-h-sub { color: #009CA2; font-size: 18px; }

.mypage { font-size: 14px; }

.mypage .mypage-top-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #009CA2; margin-bottom: 30px; margin-right: 25px; padding: 1em; }

@media screen and (max-width: 720px) { .mypage .mypage-top-banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; border: none; }
  .mypage .mypage-top-banner img { margin-bottom: 1em; }
  .mypage .mypage-top-banner .arrow-left { display: none; }
  .mypage .mypage-top-banner .arrow-right { display: none; } }

.mypage .mypage-top-banner .arrow-left { width: 16.5px; height: 33.5px; }

.mypage .mypage-top-banner .arrow-right { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); width: 16.5px; height: 33.5px; }

.mypage .mypage-prof { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #009CA2; margin-bottom: 30px; margin-right: 25px; }

.mypage .mypage-prof p { color: #222; font-size: 12px; }

@media screen and (max-width: 720px) { .mypage .mypage-prof { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; border: none; padding-bottom: 2em; }
  .mypage .mypage-prof img { margin-bottom: 1em; }
  .mypage .mypage-prof .prof-txt { width: 100%; text-align: center; } }

.mypage .mypage-prof .company-name { color: #009CA2; font-size: 16px; font-weight: bold; }

.mypage .mypage-prof .prof { margin: 1em; width: 300px; height: 200px; }

.mypage .mypage-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; line-height: 2em; margin-bottom: 30px; margin-right: 25px; background-color: #F26844; vertical-align: middle; }

@media screen and (max-width: 720px) { .mypage .mypage-news { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; }
  .mypage .mypage-news .news-txt { width: 100%; text-align: center; line-height: 1.2em; font-size: 12px; padding-bottom: 1em; } }

.mypage .mypage-news .news { color: #fff; padding-left: 2em; font-weight: bold; }

.mypage .mypage-news .news-txt { color: #fff; padding-left: 3em; width: 80%; }

.mypage .icon-menu-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: end; align-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; margin-right: 25px; background-color: #F6F6F1; text-align: center; padding-bottom: 1.5em; }

@media screen and (max-width: 720px) { .mypage .icon-menu-area { width: 100%; } }

.mypage .icon-menu-area p { display: block; font-size: 13px; padding-top: 0.3em; }

.mypage .icon-menu-area .number { color: #fff; font-weight: bold; text-align: center; line-height: 2em; }

.mypage .icon-menu-area img { display: block; margin-left: 1.9em; margin-right: 1.5em; margin-top: 1.5em; }

.mypage .icon-menu-area .consul { position: relative; }

.mypage .icon-menu-area .consul .number-consul { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #BBB753; }

.mypage .icon-menu-area .article { position: relative; }

.mypage .icon-menu-area .article .number-article { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #BBB753; }

.mypage .icon-menu-area .favorite { position: relative; }

.mypage .icon-menu-area .favorite .number-favorite { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #BBB753; }

.mypage .icon-menu-area .seminar { position: relative; }

.mypage .icon-menu-area .seminar .number-seminar { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #BBB753; }

.mypage .icon-menu-area .document { position: relative; }

.mypage .icon-menu-area .document .number-document { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #BBB753; }

.mypage .icon-menu-area .nowhow { position: relative; }

.mypage .icon-menu-area .nowhow .number-nowhow { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #BBB753; }

.mypage .icon-menu-area .mailmagazine { position: relative; }

.mypage .icon-menu-area .mailmagazine .number-mailmagazine { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #BBB753; }

.mypage .icon-menu-area .menber { position: relative; }

.mypage .icon-menu-area .menber .number-menber { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; background-color: #BBB753; }

.mypage .activity .activity-boder { display: inline-block; margin-bottom: 1em; padding-left: 0.7em; border-left: 8px solid #009CA2; }

.mypage .activity ul li { display: inline-block; padding-left: 1.2em; text-decoration: underline; color: #00a5d6; }

.mypage .activity .day { font-size: 14px; text-decoration: none; color: #444; }

.mypage .mypage-more-btn { padding: 3em 0; text-align: center; }

@media screen and (max-width: 720px) { .mypage .mypage-more-btn { width: 100%; text-align: center; } }

.mypage .mypage-more-btn .more-btn { width: 200px; display: block; margin: auto; padding: 8px 0 10px; background-color: #009CA2; border-radius: 10px; }

.mypage .mypage-more-btn .more-btn a { color: #fff; font-size: 16px; text-decoration: none; }

.mypage .topics .topics-boder { padding-left: 0.5em; border-left: 8px solid #009CA2; margin-right: 25px; }

@media screen and (max-width: 720px) { .mypage .topics .topics-boder { margin-bottom: 1em; } }

@media screen and (max-width: 720px) { .mypage .topics p { padding: 0.2em; } }

.mypage .topics .topics-list { font-size: 12px; font-weight: normal; margin: auto; text-align: right; float: right; }

.mypage .topics ul { display: block; width: 30%; }

.mypage .topics ul li { display: block; padding-top: 5px; }

.mypage .topics ul li img { width: 100%; height: auto; }

.mypage .topics .topics-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: end; align-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mypage .topics .topics-area .topics-article { display: block; width: 30%; margin-left: 1em; margin-top: 1em; }

@media screen and (max-width: 720px) { .mypage .topics .topics-area .topics-article { width: 100%; margin: 0; } }

.mypage .topics .topics-area .topics-article img { width: 100%; padding-top: 1em; padding-left: 1em; }

@media screen and (max-width: 720px) { .mypage .topics .topics-area .topics-article img { padding-top: 0.5em; padding-left: 0; } }

.mypage .topics .topics-area .topics-article .topics-title { display: block; font-size: 16px; border-bottom: 2px solid #009CA2; }

@media screen and (max-width: 720px) { .mypage .topics .topics-area .topics-article .topics-title { padding-top: 1em; } }

.mypage .topics .topics-area .topics-article .topics-txt { display: block; font-size: 12px; }

.mypage .topics .topics-area .topics-article .topics-txt-type { display: inline-block; font-size: 12px; }

.mypage .topics .topics-area .topics-article .topics-txt-day { display: inline-block; font-size: 12px; float: right; }

.mypage-soudan { margin-right: 25px; }

@media screen and (max-width: 720px) { .mypage-soudan { width: 100%; } }

.mypage-soudan .room-wrapper { display: block; background-color: #ebf5f5; padding: 1em; padding-bottom: 1em; margin-bottom: 1em; }

.mypage-soudan .room-wrapper .consul { background-color: #fdb02c; width: 60px; display: inline-block; padding: 3px 0 5px; border-radius: 5px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; margin-bottom: 1em; }

.mypage-soudan .room-wrapper .answer { background-color: #3ba19c; width: 60px; display: inline-block; padding: 3px 0 5px; border-radius: 5px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; }

.mypage-soudan .room-wrapper .day { font-size: 12px; float: right; }

.mypage-soudan .room-wrapper .triangle { color: #3ba19c; float: right; }

.mypage-soudan .popup-area { background-color: rgba(204, 204, 204, 0.4); }

.mypage-soudan .popup-area .qa { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.mypage-soudan .popup-area .qa img { width: 150px; height: 100px; margin-top: 2em; }

.mypage-soudan .popup-area .qa p { color: #444; font-size: 14px; }

.mypage-soudan .popup-area .qa .company { padding-top: 0.5em; font-weight: bold; }

.mypage-soudan .popup-area .qa .time { font-size: 10px; color: #333; display: block; text-align: right; }

.mypage-soudan .popup-area .qa .balloon-left { background-color: #3ba19c; padding: 1em; position: relative; margin: 2em; border-radius: 10px; }

.mypage-soudan .popup-area .qa .balloon-left p { color: #fff; }

.mypage-soudan .popup-area .qa .balloon-left:after { border-right: 12px solid #3ba19c; border-top: 12px solid transparent; border-bottom: 12px solid transparent; content: ''; margin-top: -10px; position: absolute; left: -12px; top: 40%; }

.mypage-soudan .popup-area .balloon-right { display: inline-block; background-color: #fff; padding: 1em; position: relative; margin: 2em; border-radius: 10px; color: #fff; }

.mypage-soudan .popup-area .balloon-right:after { border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; content: ''; margin-top: -10px; position: absolute; right: -12px; top: 40%; }

.mypage-soudan .popup-area .message { display: block; text-align: center; }

.mypage-soudan .popup-area .message .message-area { width: 600px; height: 180px; background-color: #fff; font-size: 12px; margin-bottom: 1em; }

@media screen and (max-width: 720px) { .mypage-soudan .popup-area .message .message-area { width: 90%; margin: auto; } }

.mypage-soudan .popup-area .message input[type="submit"] { width: 100px; padding: 0.5em; background-color: #3ba19c; font-size: 12px; color: #fff; border-radius: 10px; margin: 1em 0; }

.mypage-soudan .popup-area .message .evaluation-area { padding-bottom: 1em; }

.mypage-soudan .popup-area .message .evaluation-area .evaluation { margin: auto; text-align: center; display: block; width: 500px; padding: 0.5em; background-color: #fdb02c; font-size: 12px; color: #fff; }

.mypage-soudan .solution-area { display: block; background-color: #f3f3f3; padding: 1em; padding-bottom: 1em; margin: 1em 0; }

.mypage-soudan .solution-area .solution-end { background-color: #998770; width: 130px; display: inline-block; padding: 5px; border-radius: 5px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; margin-bottom: 1em; }

.mypage-soudan .solution-area .solution { color: #666; font-weight: bold; }

.mypage-soudan .solution-area .solution-day { float: right; font-size: 12px; }

.mypage-soudan .solution-area .triangle { color: #998770; float: right; }

.mypage-soudan .no-consultation-area .no-consultation { display: block; color: #444; text-align: center; }

.mypage-soudan .free-consultation-area { display: block; background-color: #ebf5f5; padding: 1em; }

.mypage-soudan .free-consultation-area .freeconsal-btn { display: block; width: 200px; padding: 1.2em; background-color: #3ba19c; font-size: 12px; color: #fff; margin: auto; margin-top: 1em; text-align: center; overflow: hidden; }

.mypage-document-area .mypage-document { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #1f7d77; padding: 1em; margin-right: 25px; margin-bottom: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 720px) { .mypage-document-area .mypage-document { border: none; background-color: #ebf5f5; width: 100%; } }

.mypage-document-area .mypage-document .left-area { display: block; }

.mypage-document-area .mypage-document .left-area img { width: 300px; height: auto; padding-top: 0.5em; }

@media screen and (max-width: 720px) { .mypage-document-area .mypage-document .left-area img { width: 100%; } }

.mypage-document-area .mypage-document .right-area { padding-right: 2em; }

.mypage-document-area .mypage-document .right-area .title { font-size: 18px; padding: 1em 0; color: #BBB753; }

.mypage-document-area .mypage-document .right-area .title-sub { font-size: 14px; }

.mypage-document-area .doc-download-btn { display: block; padding: 1.2em; background-color: #3ba19c; margin: auto; margin-top: 1em; text-align: center; overflow: hidden; margin-right: 25px; }

@media screen and (max-width: 720px) { .mypage-document-area .doc-download-btn { width: 100%; padding-bottom: 2em; } }

.mypage-document-area .doc-download-btn a { font-size: 14px; color: #fff; text-decoration: none; }

.mypage-document-area .doc-download-btn a:hover { opacity: 0.7; }

.mypage-pager { text-align: center; margin: 20px 0; }

.mypage-pager li { display: inline-block; background: #049ca2; color: #fff; }

.mypage-pager li a { border-bottom: 1px solid #E0E0E0; padding: 5px 10px; border-radius: 3px; background: #049ca2; color: #fff; }

.mypage-pager .mypage-current a { border: 1px solid #049ca2; color: #049ca2; background-color: #fff; border: 1px solid #d1d1d1; }

.mypage-seminar { border: 1px solid #1f7d77; padding: 1em; margin: 0 auto; margin-right: 25px; margin-bottom: 2em; }

@media screen and (max-width: 720px) { .mypage-seminar { width: 100%; padding-bottom: 2em; border: none; background-color: #ebf5f5; }
  .mypage-seminar img { width: 100%; } }

.mypage-seminar .seminar-title { font-size: 18px; padding: 1em 0; color: #BBB753; }

.mypage-seminar .seminar-dis { font-size: 14px; }

.menber-infomation { margin-right: 25px; }

.menber-infomation p { margin-top: 1em; }

@media screen and (max-width: 720px) { .menber-infomation { width: 100%; } }

.menber-infomation .menber-add { background-color: #bbb753; color: #fff; padding: 0.5em; }

.menber-infomation .menber-add-dis { margin: 1em; margin-bottom: 1.5em; }

.menber-infomation .input-area { text-align: center; margin: auto; width: 80%; padding-top: 2em; }

.menber-infomation .input-area .input { text-align: left; }

.menber-infomation .input-area .input input[type="text"] { border: 1px solid #3ba19c; width: 100%; margin-bottom: 1em; }

.menber-infomation .input-area .input input[type="radio"] { margin: 1em; }

.menber-infomation .input-area .input .nickname-txt { color: #666; font-size: 12px; margin-top: 0; }

.menber-infomation .input-area .short input[type="text"] { border: 1px solid #3ba19c; width: 30%; margin-bottom: 1em; }

.menber-infomation .change-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.menber-infomation .change-area p { display: block; }

.menber-infomation .change-area .profiel-img { margin: 1em; width: 200px; height: 200px; padding: 1em; background-color: #ccc; }

.menber-infomation .change-area .profiel-img p { color: #fff; font-weight: bold; }

.menber-infomation .change-area .profiel-img .profiel-sub { font-weight: normal; }

.menber-infomation .change-area .default-img { margin: 1em; width: 40px; height: 40px; padding: 1em; background: #ccc; margin-left: 5em; }

.menber-infomation .change-area-txt { margin: 1em; }

.submit-btn { background-color: #3ba19c; width: 50%; border-radius: 10px; margin: 1em auto; }

.submit-btn p { color: #fff; text-align: center; padding: 1em; }

.menber-bar { border-bottom: 0.5px solid #ccc; margin: 0 2em; }

/*
$g_color_alt:#F0931C;
*/
/* responsive utility */
.expert-new { padding-right: 2em; }

@media screen and (max-width: 720px) { .expert-new { padding-right: 0; width: 100%; height: auto; overflow: hidden; } }

@media screen and (max-width: 720px) { .expert-new .expert-h-text { font-size: 20px; padding-top: 0.5em; font-weight: bold; } }

@media screen and (max-width: 720px) { .expert-new .expert-h-sub { font-size: 20px; font-weight: bold; } }

.expert-h-n { border-bottom: 4px solid #8d8d8d; padding-bottom: 10px; }

@media screen and (max-width: 720px) { .expert-h-n { padding-bottom: 0; border-bottom: 8px solid #8d8d8d; } }

.expert-dis { font-size: 16px; color: #049ca2; text-align: center; font-weight: bold; }

@media screen and (max-width: 720px) { .expert-dis { text-align: center; font-size: 18px; padding: 0.3 0; } }

.expert-search { background-color: #F2F2F2; padding-bottom: 17px; }

.expert-search a { text-decoration: none; color: #494949; }

.expert-search ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 13px 0 13px 8px; }

.expert-search li { list-style: none; width: 32%; height: auto; background: #FFF; box-shadow: 5px 5px #c2c2c2; margin: 0.2em; color: #494949; font-size: 16px; font-weight: bold; }

.expert-search li img { width: 43px; height: 43px; margin: 0.5em; }

@media screen and (max-width: 720px) { .expert-search a { font-size: 12px; }
  .expert-search ul { width: 100%; }
  .expert-search li { width: 45%; height: auto; margin: 0.4em; padding: 0.4em; } }

.omuni-r:hover { outline: 3px solid #f26844; outline-offset: -3px; }

.omuni-r:hover a { color: #f26844; }

.expert-search-btn-area { margin-top: 0.5em; }

.expert-search-btn { position: relative; width: 96%; background-color: #049ca2; font-size: 18px; font-weight: bold; text-align: center; margin: auto; line-height: 49px; border-radius: 10px; box-shadow: 1px 1px 2px rgba(12, 3, 7, 0.8), 1px 1px white; }

.expert-search-btn p { text-shadow: -1px -1px 2px rgba(12, 3, 7, 0.5); color: #FFF; }

@media screen and (max-width: 720px) { .expert-search-btn { width: 90%; }
  .expert-search-btn a { font-size: 20px; } }

.search-arrow { position: absolute; right: 5%; }

@media screen and (max-width: 720px) { .search-arrow { display: inline-block; } }

.omuni-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-image: url(/img/newpro_bdr.png); background-repeat: no-repeat; background-position: right bottom; background-size: 90%; padding-bottom: 3px; }

.omuni-list img { padding: 0 13px 0 8px; }

.omuni-list .omuni-list-title { position: relative; width: 100%; background-color: #f26844; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 31px; }

.omuni-list .omuni-list-title p { display: inline-block; color: #FFF; font-weight: bold; font-size: 16px; line-height: 31px; }

.omuni-list .omuni-list-title .omuni-ch { padding-left: 11px; }

@media screen and (max-width: 720px) { .omuni-list .omuni-list-title .omuni-ch { display: none; } }

.omuni-list .omuni-list-title .omuni-ch-sp { display: none; }

@media screen and (max-width: 720px) { .omuni-list .omuni-list-title .omuni-ch-sp { display: block; padding-left: 0.5em; } }

.omuni-list .omuni-list-title .genre-list { font-size: 13px; padding-right: 36px; }

.omuni-list .omuni-list-title .arrow-pc { position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.3); width: 28px; height: 31px; text-align: center; }

.omuni-list .omuni-list-title .genre-list-sp { display: none; }

@media screen and (max-width: 720px) { .omuni-list .omuni-list-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2.5em; margin-top: 0.5em; }
  .omuni-list .omuni-list-title .genre-list-sp { display: block; padding-right: 3em; }
  .omuni-list .omuni-list-title .genre-list { display: none; }
  .omuni-list .omuni-list-title .arrow-pc { height: 2.5em; } }

@media screen and (max-width: 720px) { .omuni-list { background-size: 83%; background-image: url(/img/newpro_bdr_sp.png); background-repeat: no-repert; background-position: right bottom; }
  .omuni-list img { padding: 0.5em; } }

.expert-list-area { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 720px) { .expert-list-area { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 5px; } }

.expert-list { padding-top: 15px; }

.expert-list p { font-size: 12px; }

.expert-list ul { border: 1px solid #cacaca; }

.expert-list li { width: 100%; list-style: none; }

.expert-list .list-logo { padding: 7px 10px; }

.expert-list .list-logo img { width: 50%; }

.expert-list .specialty { color: #FFF; padding: 5px 10px; background-color: #8d8d8d; font-weight: bold; }

.expert-list .specialty-type { font-size: 14px; }

.expert-list .company-name { color: #049ca2; padding: 5px 13px; }

.expert-list .specialty-name { font-size: 18px; font-weight: bold; line-height: 1.5em; }

.expert-list .specialty-count { background: #f2f2f2; padding: 2px 11px; }

.expert-list .specialty-count img { width: 19px; height: auto; }

.expert-list .specialty-count p { display: inline-block; }

.expert-list .specialty-count a { text-decoration: none; }

@media screen and (max-width: 720px) { .expert-list { width: 50%; }
  .expert-list ul { margin: 0 0.3em; border: 2px solid #f2f2f2; }
  .expert-list p { font-size: 13px; }
  .expert-list .list-logo { padding: 14px 6px; }
  .expert-list .specialty-count { background: #f2f2f2; padding: 0.5em; }
  .expert-list .specialty-count img { width: 21px; height: auto; vertical-align: middle; }
  .expert-list .specialty-count p { padding-right: 0.5em; font-size: 14px; }
  .expert-list .company-name { padding: 0.5em; }
  .expert-list .specialty-type { font-size: 14px; }
  .expert-list .company-name { font-size: 21px; }
  .expert-list .specialty-name { font-size: 16px; }
  .expert-list .expert-img img { width: 100%; }
  .expert-list .list-logo img { width: 80%; } }

.expert-balloon-area { display: block; position: absolute; bottom: 40%; left: 1%; }

.expert-balloon-area .expert-balloon { position: relative; width: 303px; height: 120px; background-color: #fff; padding: 10px; line-height: 1.5em; -webkit-filter: drop-shadow(2px 2px 7px rgba(0, 0, 0, 0.35)); }

.expert-balloon-area .expert-balloon:before { content: ""; position: absolute; bottom: -40px; left: 5%; width: 0; height: 0; border-top: 45px solid #fff; border-right: 20px solid transparent; }

.expert-balloon-area .expert-balloon p { font-size: 14px; color: #494949; }

.expert-balloon-area .expert-balloon .balloon-btn-area { padding: 15px; }

.expert-balloon-area .expert-balloon .balloon-btn { display: inline-block; width: 98px; height: 34px; }

.expert-balloon-area .expert-balloon .balloon-login { color: #FFF; line-height: 36px; text-align: center; }

.expert-balloon-area .expert-balloon .balloon-btn-regist { display: inline-block; width: 132px; height: 34px; margin-left: 10px; text-align: center; }

.expert-balloon-area .expert-balloon .baloon-close { display: none; }

@media screen and (max-width: 720px) { .expert-balloon-area { bottom: 40%; left: 8%; }
  .expert-balloon-area .expert-balloon { width: 90%; height: auto; padding: 3em 1.5em 1em 1.5em; }
  .expert-balloon-area .expert-balloon:before { display: none; }
  .expert-balloon-area .expert-balloon p { font-size: 16px; }
  .expert-balloon-area .expert-balloon .balloon-btn-area { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 1em 0; padding: 0; }
  .expert-balloon-area .expert-balloon .baloon-close { display: block; position: absolute; top: 13px; right: 16px; }
  .expert-balloon-area .expert-balloon .balloon-btn { width: 40%; height: auto; }
  .expert-balloon-area .expert-balloon .balloon-login { line-height: 59px; }
  .expert-balloon-area .expert-balloon .balloon-btn-regist { width: 60%; height: auto; } }

.more-search-btn { margin-top: 1em; }

@media screen and (max-width: 720px) { .more-search-btn { margin: 1em 1em 2em; } }

.new-ex-no { font-size: 12px; color: #262626; padding-right: 1em; }

.omuni-title { border-bottom: none; }

.omuni-list-area { width: 100%; height: auto; }

.omuni-list-area li { list-style: none; }

@media screen and (max-width: 720px) { .omuni-list-area { padding: 0 0.5em; } }

.omuni-ch-list { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 1.5em; background-image: url(/img/newpro_bdr.png); background-repeat: repeat-x; background-position: right bottom; background-size: auto; padding-bottom: 1.5em; }

@media screen and (max-width: 720px) { .omuni-ch-list { background-image: none; padding-bottom: 0; } }

.omuni-left { width: 220px; }

@media screen and (max-width: 720px) { .omuni-left { width: 312px; } }

.omuni-img { width: 100%; height: auto; }

@media screen and (max-width: 720px) { .omuni-img-pc { display: none; } }

.omuni-img-sp { display: none; }

@media screen and (max-width: 720px) { .omuni-img-sp { display: block; width: 100%; height: auto; } }

.count-icon { width: 100%; text-align: center; padding: 0.5em 0; background: #f2f2f2; display: inline-block; }

@media screen and (max-width: 720px) { .count-icon { background: none; } }

.omuni-right { width: 463px; padding-left: 1em; }

@media screen and (max-width: 720px) { .omuni-right { width: auto; padding: 1em 0 0 1em; } }

.omuni-right .omuni-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #cccccc; padding-bottom: 0.5em; margin-bottom: 0.5em; }

.omuni-right .omuni-logo img { width: 35%; vertical-align: middlem; }

@media screen and (max-width: 720px) { .omuni-right .omuni-logo { display: block; padding: 0.5em; border: none; margin-bottom: 0; padding: 0; }
  .omuni-right .omuni-logo img { width: 100%; } }

.omuni-right .com-name { font-size: 12px; color: #049ca2; }

@media screen and (max-width: 720px) { .omuni-right .com-name { font-size: 14px; padding-top: 0.5em; } }

.omuni-right .department { font-size: 14px; color: #049ca2; margin-bottom: 0.5em; }

.omuni-right .department p { display: inline-block; }

@media screen and (max-width: 720px) { .omuni-right .department p { display: block; } }

.omuni-right .ex-lastname { font-size: 21px; color: #049ca2; font-weight: bold; padding: 0 0.5em; }

@media screen and (max-width: 720px) { .omuni-right .ex-lastname { padding: 0; } }

.omuni-right .omuni-right-dis { display: block; color: #262626; font-size: 12px; line-height: 1.5em; }

@media screen and (max-width: 720px) { .omuni-right .omuni-right-dis { display: none; } }

.omuni-right-dis-sp { display: none; color: #262626; font-size: 14px; line-height: 1.5em; }

@media screen and (max-width: 720px) { .omuni-right-dis-sp { display: block; padding: 0.5em; background-image: url(/img/newpro_bdr.png); background-repeat: repeat-x; background-position: right bottom; background-size: auto; padding-bottom: 1.5em; line-height: 1.5em; } }

.ranking-search { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f2f2f2; padding: 0.8em 1em 0; border-bottom: 3px solid #049ca2; }

@media screen and (max-width: 720px) { .ranking-search { padding: 0.5em 0.5em 0; border-bottom: 6px solid #049ca2; } }

.ranking-search .rank-category { position: relative; color: #FFF; width: 50%; height: auto; background: #049ca2; text-align: center; padding: 1em 2em 0.5em; border-radius: 10px 10px 0 0; background-image: url("../img/expert_new/crown.png"); background-repeat: no-repeat; background-position: 14% 57%; background-size: auto; font-weight: bold; margin-right: 0.5em; }

@media screen and (max-width: 720px) { .ranking-search .rank-category { font-size: 13px; padding-top: 1.3em; padding-right: 0.2em; background-position: 4% 45%; } }

.ranking-search .ranking-arrow { position: absolute; top: 35%; right: 5%; }

@media screen and (max-width: 720px) { .ranking-search .ranking-arrow { display: none; } }

.ranking-search .column { color: #049ca2; background: #FFF; border: 1px solid #dddddd; border-bottom: none; background-image: url("../img/expert_new/crown_gr.png"); background-repeat: no-repeat; background-position: 14% 57%; box-sizing: border-box; }

@media screen and (max-width: 720px) { .ranking-search .column { padding: 1.2em; margin-right: 0; padding-right: 0; padding-left: 2em; background-position: 4% 45%; } }

.ranking-search .ranking-arrow-column { position: absolute; top: 35%; right: 5%; }

@media screen and (max-width: 720px) { .ranking-search .ranking-arrow-column { display: none; } }

.ranking-expert { position: relative; }

.ranking-cr { display: block; position: absolute; top: -2%; left: 2%; }

.ranking-no { display: block; position: absolute; top: 0; left: 2%; }

.detail-title { border-bottom: 5px solid #049ca2; }

.detail-area { background: #f2f2f2; padding: 1em; }

@media screen and (max-width: 720px) { .detail-area { width: 100%; padding: 0.5em; } }

.detail-img { width: 100%; height: auto; padding-right: 1em; }

@media screen and (max-width: 720px) { .detail-img { width: 60%; padding-right: 0.5em; }
  .detail-img img { width: 100%; } }

@media screen and (max-width: 720px) { .ex-thamb-pc { display: none; } }

.ex-thamb-sp { display: none; }

@media screen and (max-width: 720px) { .ex-thamb-sp { display: block; } }

.detail-logo { padding-bottom: 1em; }

@media screen and (max-width: 720px) { .detail-logo { width: 100%; padding-bottom: 0.5em; }
  .detail-logo img { width: 100%; } }

.detail-list { background: #FFF; padding: 1em; line-height: 2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.detail-list p { font-size: 14px; color: #262626; }

@media screen and (max-width: 720px) { .detail-list p { color: #049ca2; } }

.detail-list ul { width: 100%; }

.detail-list li { list-style: none; }

@media screen and (max-width: 720px) { .detail-list { padding: 0.5em; line-height: 1em; }
  .detail-list ul { width: 40%; }
  .detail-list li { line-height: 1.2em; padding: 1em 0.5em 0; } }

.detail-company { font-size: 14px; color: #049ca2; }

.detail-depart { display: inline-block; }

.detail-lastname { display: inline-block; font-weight: bold; padding: 0 0.5em; }

@media screen and (max-width: 720px) { .detail-lastname { display: block; } }

.detail-genre { background: #8d8d8d; padding: 0.3em; text-align: center; color: #FFF; font-size: 12px; font-weight: bold; }

@media screen and (max-width: 720px) { .detail-genre { display: none; } }

.detail-genre-sp { display: none; }

@media screen and (max-width: 720px) { .detail-genre-sp { width: 90%; display: block; background: #8d8d8d; padding: 1em; text-align: center; color: #FFF; font-size: 12px; font-weight: bold; margin: 1em auto; line-height: 1.5em; } }

.genre-category { font-size: 14px; }

.detail-dis { padding-top: 1em; line-height: 1.5em; }

@media screen and (max-width: 720px) { .detail-dis { display: none; } }

.detail-dis-sp { display: none; }

@media screen and (max-width: 720px) { .detail-dis-sp { display: block; background: #FFF; padding-top: 1em; }
  .detail-dis-sp p { padding: 0.5em; } }

.detail-btn-area { text-align: center; margin: 0 auto; padding: 1em 0.5em 0; }

@media screen and (max-width: 720px) { .detail-btn-area { display: none; } }

.detail-btn-area-sp { display: none; }

@media screen and (max-width: 720px) { .detail-btn-area-sp { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } }

.detail-btn { display: inline-block; width: 48%; height: auto; padding: 0.5em; line-height: 1.5em; }

.detail-btn a { text-decoration: none; }

.detail-btn p { padding-right: 0.5em; font-size: 16px; }

.detail-btn .detail-lastname { color: #FFF; padding: 0; }

@media screen and (max-width: 720px) { .detail-btn .detail-lastname { padding: 0; } }

@media screen and (max-width: 720px) { .detail-btn { height: 60px; line-height: 1.5em; padding: 0.5em 2em 0 1em; margin: 1em 0.5em; color: #FFF; font-size: 15px; }
  .detail-btn p { padding-right: 0.5em; } }

.detail-btn-consul { line-height: 40px; padding-right: 1.9em; }

.detail-arrow { position: absolute; top: 28%; right: 3%; }

.detail-arrow-consul { position: absolute; top: 12%; right: 3%; }

.detail-prof { padding-top: 2em; line-height: 1.5em; color: #262626; }

.detail-prof h2 { font-size: 18px; color: #958f00; background-image: url(/img/detail_bdr.png); background-repeat: repeat-x; background-position: right bottom; background-size: auto; padding-bottom: 0.5em; margin-bottom: 0.5em; }

@media screen and (max-width: 720px) { .detail-prof h2 { background-image: url(/img/newpro_bdr_sp.png); padding-bottom: 1em; width: 95%; margin: 0 auto; } }

.detail-prof p { font-size: 14px; font-weight: 300; }

@media screen and (max-width: 720px) { .detail-prof p { margin: 1em; } }

.detail-tb { border: 1px solid #cccccc; margin: 1.5em 1em; width: 95%; padding: 1em; font-size: 14px; }

.detail-tb td { border: 1px solid #cccccc; padding: 0.5em; }

.detail-tb .tb-category { background: #f2f2f2; color: #049ca2; font-weight: bold; width: 30%; }

@media screen and (max-width: 720px) { .detail-tb { width: 90%; padding: 0; margin: 1em auto; }
  .detail-tb td { padding: 0.7em; }
  .detail-tb .tb-category { width: 48%; } }

.detail-column { position: relative; background-image: url(/img/newpro_bdr.png); background-repeat: repeat-x; background-position: right bottom; background-size: auto; padding-bottom: 0.8em; margin-bottom: 0.3em; margin-top: 2em; }

@media screen and (max-width: 720px) { .detail-column { margin: 1em auto; width: 95%; } }

.detail-column h3 { color: #FFF; background: #049ca2; line-height: 2em; }

@media screen and (max-width: 720px) { .detail-column h3 { line-height: 2.5em; } }

.detail-column .column-obi { position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.24); width: 4.5%; height: 2em; text-align: center; }

@media screen and (max-width: 720px) { .detail-column .column-obi { width: 9%; height: 2.5em; } }

.detail-column-list-area { margin-top: 0.5em; width: 100%; }

.detail-column-list-area p { font-size: 15px; color: #444444; font-weight: 700; }

.detail-column-list-area ul { padding: 0 1em; width: 65%; }

.detail-column-list-area li { list-style: none; }

@media screen and (max-width: 720px) { .detail-column-list-area ul { width: 55%; padding: 0.1em; } }

.detail-column-list-area .detail-column-list { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 4px solid #049ca2; border-bottom: 1px solid #049ca2; border-right: 1px solid #049ca2; border-left: 1px solid #049ca2; box-sizing: border-box; }

@media screen and (max-width: 720px) { .detail-column-list-area .detail-column-list { width: 95%; margin: 0 auto; } }

.detail-column-list-area .thumb-left { width: 35%; }

.detail-column-list-area .thumb-left img { padding: 0.5em; }

@media screen and (max-width: 720px) { .detail-column-list-area .thumb-left { width: 45%; padding: 1em 0.5em; }
  .detail-column-list-area .thumb-left img { width: 100%; height: auto; padding: 0; } }

.detail-column-list-area .last-list { border-bottom: none; border-right: 1px solid #049ca2; border-left: 1px solid #049ca2; box-sizing: border-box; padding-bottom: 0.3em; }

.detail-column-list-area .comment-day { margin: 1em auto; text-align: right; font-size: 12px; color: #7f7f7f; }

@media screen and (max-width: 720px) { .detail-column-list-area .comment-day { text-align: left; padding: 0; } }

.detail-column-list-area .comment-no { font-size: 13px; }

@media screen and (max-width: 720px) { .detail-column-list-area .comment-no { font-size: 12px; } }

.detail-column-list-area .number { color: #049ca2; }

.detail-column-list-area .column-dis { padding-bottom: 1em; }

@media screen and (max-width: 720px) { .detail-column-list-area .column-dis { padding: 0; } }

.detail-column-list-area .star { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media screen and (max-width: 720px) { .detail-column-list-area .star { padding: 0.5em; } }

.detail-column-list-area .star img { display: block; padding: 0.1em; margin: 0; }

.star-no { font-size: 12px; color: #262626; line-height: 1em; font-weight: normal; }

.detail-baloon-area { width: 100%; background: #f2f2f2; font-size: 12px; color: #262626; padding: 1.5em 1em; border: 1px solid #049ca2; border-top: none; box-sizing: border-box; }

@media screen and (max-width: 720px) { .detail-baloon-area { padding: 1em 0.5em; width: 95%; margin: 0 auto; } }

.detail-baloon-area .baloon-list { position: relative; padding-bottom: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.detail-baloon-area .baloon-list p { font-weight: normal; }

.detail-baloon-area .user-left { text-align: center; }

.detail-baloon-area .user-left p { font-size: 12px; color: #262626; text-align: left; padding-top: 0.5em; }

@media screen and (max-width: 720px) { .detail-baloon-area .user-left { padding-right: 0.5em; } }

.detail-baloon-area .comment-day { display: block; position: absolute; bottom: -3%; right: 3%; }

@media screen and (max-width: 720px) { .detail-baloon-area .comment-day { bottom: -2%; } }

.detail-baloon-area .balloon-right { width: 80%; background: #FFF; border: 1px solid #049ca2; border-radius: 10px; padding: 1.5em 1.8em; margin-bottom: 1em; }

@media screen and (max-width: 720px) { .detail-baloon-area .balloon-right { padding: 1em; }
  .detail-baloon-area .balloon-right p { font-size: 13px; } }

.detail-baloon-area .balloon-arrow { display: block; position: absolute; top: 20%; left: 15.9%; }

@media screen and (max-width: 720px) { .detail-baloon-area .balloon-arrow { top: 17%; left: 19.5%; } }

.detail-baloon-area .ballon-btn p { font-size: 16px; color: #FFF; }

@media screen and (max-width: 720px) { .detail-baloon-area .ballon-btn { display: block; width: 90%; }
  .detail-baloon-area .ballon-btn .detail-btn { width: 100%; padding: 1em 0.5em; margin: 1em 0.5em; line-height: 2em; } }

@media screen and (max-width: 720px) { .balloon-arrow-pc { display: none; } }

.balloon-arrow-sp { display: none; }

@media screen and (max-width: 720px) { .balloon-arrow-sp { display: block; width: 50%; } }

.consul-list { position: relative; padding-bottom: 1.5em; margin-top: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media screen and (max-width: 720px) { .consul-list { width: 95%; margin: 0 auto; padding-top: 2em; } }

.consul-left { text-align: center; }

.consul-left p { font-size: 12px; text-align: left; padding-top: 0.5em; color: #262626; }

@media screen and (max-width: 720px) { .consul-left { padding-right: 0.5em; } }

.consul-right { width: 80%; padding: 0.5em 1.5em 1em; margin-top: 1em; background: #FFF; border: 1px solid #049ca2; border-radius: 10px; box-shadow: 5px 5px rgba(8, 1, 3, 0.15); }

@media screen and (max-width: 720px) { .consul-right { padding: 0.5em; margin-top: 0; box-shadow: none; }
  .consul-right p { font-size: 13px; } }

.consul-day { margin: 1em auto; text-align: right; font-size: 12px; color: #7f7f7f; padding-right: 25em; }

@media screen and (max-width: 720px) { .consul-day { padding-right: 2em; } }

.consul-category { padding: 0.5em 0; font-size: 18px; font-weight: 700; color: #049ca2; }

.consul-tex { color: #262626; font-size: 14px; font-weight: 400; }

.consul-evaluation { position: absolute; top: -7%; right: 0; padding-right: 1em; }

.consul-evaluation li { display: inline-block; list-style: none; }

@media screen and (max-width: 720px) { .consul-evaluation { top: 3%; right: 2%; padding-right: 0; } }

.consul-arrow { display: block; position: absolute; top: 30%; left: 15.8%; }

@media screen and (max-width: 720px) { .consul-arrow { top: 27%; left: 19.2%; } }

.expert-top { display: block; position: relative; padding: 15px; box-sizing: border-box; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #FFF; overflow: hidden; margin: 2em 0; }

@media screen and (max-width: 720px) { .expert-top { width: 90%; margin: 4em auto; } }

.expert-top h3 { font-size: 22px; color: #049ca2; font-weight: 600; }

@media screen and (max-width: 720px) { .expert-top h3 { font-size: 18px; } }

.expert-top .expert-top-title-area { padding: 1em 1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 720px) { .expert-top .expert-top-title-area { padding: 0; margin-bottom: 1em; } }

.expert-top .top-more-btn { background: #049ca2; padding: 0 2.5em; line-height: 1.6em; position: relative; border-radius: 10px; box-shadow: 1px 1px 2px rgba(12, 3, 7, 0.8), 1px 1px white; }

.expert-top .top-more-btn a { text-decoration: none; }

@media screen and (max-width: 720px) { .expert-top .top-more-btn { padding: 0.6em 1.3em; } }

.expert-top .top-more-btn .more-btn { text-shadow: -1px -1px 2px rgba(12, 3, 7, 0.5); color: #FFF; font-size: 14px; font-weight: bold; }

@media screen and (max-width: 720px) { .expert-top .top-more-btn .more-btn { display: none; } }

.expert-top .top-more-btn .btn-sp { display: none; }

@media screen and (max-width: 720px) { .expert-top .top-more-btn .btn-sp { display: block; font-size: 18px; } }

.expert-top .top-more-btn .more-arrow { display: inline-block; position: absolute; top: 0; right: 2%; }

.expert-top .top-more-btn .more-arrow img { width: 85%; }

@media screen and (max-width: 720px) { .expert-top .top-more-btn .more-arrow { display: none; } }

.expert-top .expert-top-list-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 720px) { .expert-top .expert-top-list-area { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-image: url("../img/expert_new/new_top_bdr.png"); background-repeat: repeat-y; background-size: auto; background-position: 47.5% center; } }

.expert-top .expert-top-list-area .center { border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }

@media screen and (max-width: 720px) { .expert-top .expert-top-list-area .center { border: none; } }

.expert-top .expert-top-list-area .expert-top-list { width: 31%; padding: 0.5em 1em 1em; border-bottom: 1px solid #e4e4e4; }

@media screen and (max-width: 720px) { .expert-top .expert-top-list-area .expert-top-list { width: 50%; padding: 0; margin-bottom: 1em; } }

.expert-top .expert-top-list-area .expert-top-list ul { padding: 0.5em; }

@media screen and (max-width: 720px) { .expert-top .expert-top-list-area .expert-top-list ul { padding: 0; } }

.expert-top .expert-top-list-area .expert-top-list li { width: 238px; list-style: none; text-align: left; font-weight: 600; color: #049ca2; font-size: 12px; }

@media screen and (max-width: 720px) { .expert-top .expert-top-list-area .expert-top-list li { width: 90%; } }

.expert-top .expert-top-list-area .expert-top-list .top-list-img { width: 238px; height: auto; }

@media screen and (max-width: 720px) { .expert-top .expert-top-list-area .expert-top-list .top-list-img { width: 100%; } }

.expert-top .expert-top-list-area .expert-top-list .category { color: #FFF; background: #8d8d8d; padding: 0.5em 1em; }

@media screen and (max-width: 720px) { .expert-top .expert-top-list-area .expert-top-list .category { padding: 0.5em; } }

.expert-top .expert-top-list-area .expert-top-list .sub-dis { margin: 0.5em 0; font-size: 18px; color: #262626; }

@media screen and (max-width: 720px) { .expert-top .expert-top-list-area .expert-top-list .sub-dis { width: 90%; height: 20%; font-size: 15px; } }

.expert-top .expert-top-list-area .expert-top-list .name { font-size: 18px; line-height: 2em; }

@media screen and (max-width: 720px) { .expert-top .expert-top-list-area .expert-top-list .name { margin-bottom: 1em; } }

.expert-top .expert-top-list-area .list-last { border-bottom: none; }

@media screen and (max-width: 720px) { .expert-top .expert-top-list-area .list-last { border-bottom: 1px solid #e4e4e4; } }

.expert-top .expert-top-list-area .list-last-sp { border-bottom: none; }