@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap"); .su-button-center {
margin: 40px 0;
}
.btn-primary {
padding: 5px 15px;
}
a.btn-primary:hover {
background-color: #ff4b4b;
border-color: #ff4b4b;
}
.single .breadSection {
}
.single .siteContent {
}
code {
padding: 2px 4px;
font-size: 18px;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
font-family: "Noto Sans JP", sans-serif;
}
#main ul {
padding: 0;
}
body.category-helpyou_blog {
overflow: unset;
}
#blog #main article ul,
#blog #main article ol {
margin-top: 1.5em;
margin-bottom: 1.2em;
padding-left: 40px;
}
#blog #main ul li {
list-style: disc;
}
#blog #main ol li {
list-style: decimal;
}
#blog #main article .veu_socialSet ul {
padding-left: 0;
} .post strong {
background: #ff5d5d;
background: linear-gradient(transparent 80%, #ff5d5d 0%);
}
.post em {
padding: 0 0.3em;
font-style: normal !important;
font-family: "Noto Sans JP", sans-serif;
}
h2,
.mainSection-title {
background-color: #f5f5f5;
padding: 14px 10px 10px;
border-top: 2px solid #cc0000;
border-bottom: 1px solid #e9e9e9;
margin: 1.5em 0 1.2em;
clear: both;
line-height: 1.7em;
font-size: 24px;
font-weight: 700;
}
#blog .post .entry-body a{
color: #3366ff;
text-decoration: underline;
}
#blog .post .entry-body a.btn-default{
border-color: #cc0000;
color: #cc0000;
text-decoration: none;
}
#blog .post .entry-body a.btn-default:hover{
color: #fff;
}
#blog .post .entry-body .veu_socialSet .sb_icon a{
color: #fff;
text-decoration: none;
}
#blog .post .entry-body #ez-toc-container a{
color: #2A2A2A;
text-decoration: none;
}
#blog .post .entry-body strong{
background: none;
} .category-case .entry-meta {
height: 30px;
}
.post-case {
background: #fff;
font-size: 16px;
padding-top: 88px;
}
.post-case .media .media-body a.media-body_excerpt {
display: none;
}
.post-case .page-header_pageTitle {
background: #c00;
color: #fff;
padding: 60px 0 120px;
margin: 0 auto;
font-size: 40px;
font-weight: 300;
text-align: center;
}
.post-case .siteContent {
margin-top: 40px;
position: relative;
}
.post-case .post-case_tab {
border-bottom: 75px solid #fff;
border-left: 75px solid transparent;
height: 0;
width: 100%;
position: absolute;
top: -115px;
right: 0;
}
.breadSection {
border-bottom: none;
}
.category #news .breadSection,
.single #news .breadSection {
display: none;
}
.post-case .mainSection header {
border: none;
}
.post-case .mainSection header h1 {
font-size: 24px;
line-height: 1.4em;
border-top: #c00 2px solid;
border-bottom: #e1e1e1 1px solid;
padding: 0.5em;
}
.post-case .entry-meta_items.published:before {
content: "";
margin-right: 5px;
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/icon_calendar.png) top left no-repeat;
background-size: contain;
width: 22px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
.post-case .entry-body a {
text-decoration: underline;
color: #0000ff;
}
.post-case .btn-primary {
padding: 5px 15px;
}
.post-case a.btn-primary:hover {
background-color: #ff4b4b;
border-color: #ff4b4b;
}
.single .post-case .breadSection {
display: none;
}
.single .post-case .siteContent {
margin-top: 40px;
}
.post-case code {
padding: 2px 4px;
font-size: 18px;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
font-family: "Noto Sans JP", sans-serif;
}
.single .post-case .veu_cta {
background: none;
}
.single .post-case .veu_cta h1.cta_title {
display: none;
}
.single .post-case .veu_cta .cta_body a {
font-size: 24px;
background: #fff;
padding: 1em;
color: #c00;
width: 400px;
max-width: 70%;
display: block;
margin: 0 auto;
clear: both;
border: 1px solid #c00;
text-decoration: none;
}
.single .post-case .veu_cta .cta_body a:hover {
background: #c00;
color: #fff;
text-decoration: none;
border: 1px solid #c00;
}
.post .post-case strong {
background: #ff5d5d;
padding: 0 0.3em;
}
.post-case .balloon_left,
.post-case .balloon_right {
position: relative;
display: -webkit-flex; display: flex;
-webkit-flex-direction: row; flex-direction: row;
-webkit-justify-content: flex-start; justify-content: flex-start;
-webkit-align-items: center; align-items: center;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.post-case .balloon_left {
-webkit-flex-direction: row; flex-direction: row;
}
.post-case .balloon_right {
-webkit-flex-direction: row-reverse; flex-direction: row-reverse;
}
.post-case .balloon_left img.post_icon,
.post-case .balloon_right img.post_icon {
width: 50px;
border-radius: 50%;
margin: 20px 20px 20px 0;
}
.post-case .balloon_left p.balloon {
border-radius: 1em;
padding: 1em;
background: #f0f0f0;
margin: 20px 0;
width: auto;
width: calc(100% - 50px);
height: auto;
position: static;
border: none;
}
.post-case .balloon_right img.post_icon {
width: 50px;
border-radius: 50%;
margin: 20px 0 20px 20px;
}
.post-case .balloon_right p.balloon {
border-radius: 1em;
padding: 1em;
background: #ffe7e7;
margin: 20px 0;
width: auto;
width: calc(100% - 50px);
height: auto;
position: static;
border: none;
}
.post-case .balloon_left p {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 15px 10px 0;
border-color: transparent #f0f0f0 transparent transparent;
position: absolute;
top: calc(50% - 12.5px);
left: 60px;
}
.post-case .balloon_right p {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #ffe7e7;
position: absolute;
top: calc(50% - 12.5px);
right: 60px;
}
.post-case .veu_socialSet,
.post-case .veu_relatedPosts {
display: none;
}
.post-case .summary {
margin: 2em auto;
}
.post-case .summary dl {
display: flex;
width: 100%;
margin: 10px auto;
}
.post-case .summary dl dt {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 10px;
min-width: 16%;
text-align: center;
color: #c00;
border-left: 5px solid #c00;
background-color: #ffe6e6;
}
.post-case .summary dl dd {
flex-grow: 1;
margin: 0;
padding: 10px;
background-color: #f5f5f5;
} .post-interview .user {
margin-bottom: 30px;
}
.post-interview .understand {
margin-bottom: 30px;
padding: 10px 20px 10px 10px;
border: 1px solid #aaa;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.post-interview .user h2,
.post-interview .understand h2 {
font-size: 120%;
font-weight: 500;
margin: 0;
padding: 0;
background: none;
border: none;
}
.post-interview .user table {
border-collapse: collapse;
width: 100%;
}
.post-interview .user table tr td img {
margin-bottom: 0;
}
.post-interview .user table tr td:nth-child(1) {
width: 17.0614%;
min-width: 100px;
}
.post-interview .user table tr td:nth-child(2) {
width: 82.9386%;
}
.post-interview .user table tr td:nth-child(2)::first-line {
text-decoration: underline;
}
.post-interview .user table tr:last-child td {
border-bottom: none;
}
.post-interview .understand ol {
margin-top: 0;
padding-left: 10px;
}
.post-interview .understand ol li {
position: relative;
margin-top: 1em;
padding-left: 2em;
padding-bottom: .3em;
list-style: decimal;
list-style-position: inside;
font-weight: bold;
border-bottom: #9aa5ab 1px dashed;
}
.post-interview .understand ol li::before {
content: '';
position: absolute;
top: 5px;
left: 0;
display: block;
width: 1.25em;
height: 1.25em;
background-image: url("data:image/svg+xml;base64,PHN2ZyBzdHJva2U9IiNjMDAiIGZpbGw9IiNjMDAiIHN0cm9rZS13aWR0aD0iMCIgdmlld0JveD0iMCAwIDI0IDI0IiBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOSAxNi4xN0w0LjgzIDEybC0xLjQyIDEuNDFMOSAxOSAyMSA3bC0xLjQxLTEuNDF6Ij48L3BhdGg+PC9zdmc+");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.post-interview h3 {
margin: 1.5em 0 1.2em;
line-height: 1.5;
} .post-assistant .page-header_pageTitle {
text-indent: -9999px;
font-size: 0px;
margin: 5px 0;
padding: 0;
}
.post-assistant .category-assistant .entry-meta {
height: 30px;
margin-bottom: 1.5em;
}
.post-assistant .mainSection header h1 {
font-weight: bold;
border: none;
padding: .5em 0;
}
.post-assistant .assistant_profile {
margin: 30px auto;
padding: 25px 20px 20px;
background-color: #fff5f5;
border-radius: 5px;
font-size: 16px;
box-shadow: 0px 4px 4px 0px #00000040;
}
.post-assistant .assistant_profile dl {
margin: 0;
}
.post-assistant .assistant_profile dl dt {
color: #c00;
}
.post-assistant .assistant_profile dl dd .name {
font-weight: bold;
}
.post-assistant .assistant_profile dl dd p:last-child {
margin-bottom: 0;
}
.post-assistant .assistant_summary {
display: flex;
flex-wrap: nowrap;
margin: 0 -10px 30px;
}
.post-assistant .assistant_summary dl {
flex: 1;
margin: 0 10px 20px;
padding: 15px 10px 10px;
background-color: #fff;
border: 1px solid #00000040;
border-radius: 10px;
box-shadow: 4px 4px 4px 0px #00000040;
}
@media screen and (max-width: 991px){
.post-assistant .assistant_summary {
flex-wrap: wrap;
}
.post-assistant .assistant_summary dl {
flex: auto;
width: 100%;
}
}
@media screen and (max-width: 575px){
}
.post-assistant .assistant_summary dl dt {
color: #c00;
text-align: center;
}
.post-assistant .assistant_summary dl dd .img {
margin: 15px auto;
max-width: 80px;
}
.post-assistant .assistant_customer {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 50px auto;
padding: 50px 50px 30px;
background-color: #E8E8E840;
box-shadow: 0px 4px 4px 0px #00000040;
border-radius: 10px;
}
.post-assistant .assistant_customer .imgblock {
text-align: center;
width: 140px;
}
.post-assistant .assistant_customer .imgblock .img {
margin: 0 auto 10px;
width: 100%;
max-width: 140px;
aspect-ratio: 1 / 1;
}
.post-assistant .assistant_customer .imgblock .img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 999px;
}
.post-assistant .assistant_customer .imgblock p {
font-weight: bold;
}
.post-assistant .assistant_customer .txtblock {
width: calc(100% - 190px);
}
.post-assistant .assistant_customer .txtblock .title {
font-weight: bold;
}
.post-assistant .note {
font-size: 14px;
}
.post-assistant .entry-footer {
overflow: visible;
}
@media screen and (max-width: 575px){
.post-assistant .assistant_customer {
flex-direction: column-reverse;
padding: 30px 20px 10px;
}
.post-assistant .assistant_customer .imgblock,
.post-assistant .assistant_customer .txtblock {
width: 100%;
}
}
.post-assistant .entry-body h2 {
font-size: 24px;
font-weight: bold;
line-height: 1.3em;
border: none;
border-left: #c00 4px solid;
padding: 0.5em;
background: #fff7f7;
position: relative;
} #blog {
background: #fff url(//help-you.me/wp1/wp-content/themes/hy/img/blog/h4_bg.png);
font-size: 16px;
font-family: "Noto Sans Japanese", sans-serif;
padding-top: 88px;
}
#blog a {
text-decoration: none;
}
#blog .page-header_pageTitle {
text-indent: -9999px;
font-size: 0px;
margin: 5px 0;
}
.breadSection {
border-bottom: none;
}
#blog .breadSection .breadcrumb li:first-child a {
font-weight: bold;
color: #e00;
display: none;
}
#blog .breadSection .breadcrumb > li + li:before {
color: #e00;
font-size: 0.75em;
display: none;
}
#blog .breadSection .breadcrumb > li + li:after {
content: ">";
color: #e00;
font-size: 0.75em;
padding: 0 5px;
}
#blog .breadSection .breadcrumb > li + li:last-child:after {
display: none;
}
#blog .entry-meta {
margin: .5em 0;
}
#blog .entry-meta_items_term {
display: inline-block;
margin-top: .2em;
}
#blog .entry-meta_items_term a {
font-size: 10px;
border-radius: 999px;
line-height: 1;
}
#blog .entry-meta_items.published:before {
content: "";
margin-right: 0;
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/icon_calendar.svg) top left no-repeat;
background-size: contain;
width: 22px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
#blog .entry-meta_items.published {
display: inline-block;
text-align: left;
font-size: 10px;
}
#blog .entry-meta_items_author:before {
content: "";
margin-right: 5px;
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/img_writer_hkazari.png) top left no-repeat;
background-size: contain;
width: 56px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
#blog .entry-meta-dataList .tagcloud a {
color: #fff;
background: #c00;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
padding: 5px 15px;
}
#blog .entry-meta-dataList .tagcloud a:before {
content: none;
}
#blog .entry-meta_items.entry-meta_items_author {
display: none;
}
#blog .entry-footer {
display: none;
}
.siteContent > .container > .row {
display: flex;
align-items: stretch;
}
#blog #main {
padding: 30px;
background: #fff;
}
#blog .mainSection header {
border: none;
}
#blog .mainSection header h1 {
font-size: 24px;
line-height: 1.4em; font-weight: bold;
}
#blog h2 {
font-size: 36px;
font-weight: bold;
line-height: 1.3em;
border: none;
border-left: #c00 4px solid;
padding: 0.5em;
background: #fff7f7;
position: relative;
} #blog #main h3 {
border: none;
border-left: #c00 3px solid;
box-shadow: 0 0 0 0;
line-height: 1.3em;
text-indent: 0;
font-size: 24px;
font-weight: bold;
margin-bottom: 1.2em;
padding: 0.5em;
background: #eee;
}
#blog #main h3:after {
content: none;
line-height: 0;
display: block;
overflow: hidden;
position: absolute;
bottom: -1px;
left: 0;
width: 3em;
border-bottom: 1px solid #c00;
}
#blog #main h4 {
font-size: 18px;
font-weight: bold;
line-height: 1.3em;
border-left: #c00 2px solid;
border-radius: 0;
margin-bottom: 1.0em;
padding: 0.5em;
}
#blog #main h5 {
font-size: 18px;
font-weight: bold;
line-height: 1.3em;
padding: 0.5em;
background: #eee;
border-radius: 0.5em;
}
#blog th,
#blog td {
font-size: 16px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: none;
}
#blog th {
font-weight: bold;
}
#blog th:first-child,
#blog td:first-child {
border-left: none;
}
#blog tr:first-child th,
#blog tr:first-child td {
border-top: 1px solid #fff;
}
#blog thead th,
#blog thead td {
background: #ddd;
border-bottom: none;
font-weight: bold;
}
#blog tbody th,
#blog tbody td {
background: #f7f7f7;
}
#blog tbody tr:nth-child(even) th,
#blog tbody tr:nth-child(even) td {
background: #eee;
}
#blog .marker-yellow {
background: linear-gradient(transparent 50%, #ffff00 50%);
}
@media screen and (max-width: 768px) {
#blog {
padding-top: 55px;
}
#blog h2 {
font-size: 24px;
}
#blog #main h3 {
font-size: 22px;
}
#blog #main h4 {
font-size: 18px;
}
#blog #main h5 {
font-size: 18px;
}
#blog th,
#blog td {
padding: 0.5em;
}
}
#ez-toc-container {
width: auto;
}
.post-interview #main ul.ez-toc-list,
#blog #main ul.ez-toc-list {
padding-left: 0;
margin: 0.5em;
}
#blog #main ul.ez-toc-list > li {
}
.post-interview #main ul.ez-toc-list > li > a,
#blog #main ul.ez-toc-list > li > a {
padding-left: 1em;
position: relative;
font-weight: bold;
}
#blog #main ul.ez-toc-list > li > a:before {
content: "";
width: 0.5em;
height: 0.5em;
background: #2A2A2A;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border-radius: 50%;
}
.post-interview #main ul.ez-toc-list ul,
#blog #main ul.ez-toc-list ul {
padding-left: 0;
margin-top: 0.5em;
}
#blog #custom_html-4 {
border: #f0f0f0 solid 1px;
background: #fff;
}
#blog #custom_html-4 h1 {
text-align: center;
background: #c00;
color: #fff;
box-shadow: 0 0 0 0;
padding: 1em 0;
line-height: 1em;
margin: 0 auto;
}
#blog #custom_html-4 ul {
padding-left: 0;
font-size: 14px;
margin-bottom: 0;
counter-reset: wpp-ranking;
}
#blog #custom_html-4 ul li {
line-height: 1.3em;
margin: 0 auto;
padding: 1em;
border-bottom: #f0f0f0 solid 1px;
position: relative;
display: inline-block;
}
#blog #custom_html-4 ul li:last-child {
border-bottom: none;
}
#blog #custom_html-4 ul li a {
color: #2A2A2A;
text-decoration: none;
}
#blog #custom_html-4 ul li a:hover {
color: #c00;
}
#blog #custom_html-3,
#blog .widget-selected-posts {
border: #f0f0f0 solid 1px;
background: #fff;
}
#blog #custom_html-3 h1,
#blog .widget-selected-posts h1 {
text-align: center;
background: #c00;
color: #fff;
box-shadow: 0 0 0 0;
padding: 1em 0;
line-height: 1em;
margin: 0 auto;
}
#blog #custom_html-3 ul,
#blog .widget-selected-posts ul {
padding-left: 0;
font-size: 14px;
margin-bottom: 0;
counter-reset: wpp-ranking;
}
#blog #custom_html-3 ul li,
#blog .widget-selected-posts ul li {
line-height: 1.3em;
margin: 0 auto;
padding: 1em;
border-bottom: #f0f0f0 solid 1px;
position: relative;
display: inline-block;
}
#blog #custom_html-3 ul li:last-child,
#blog .widget-selected-posts ul li:last-child {
border-bottom: none;
}
#blog #custom_html-3 ul li a,
#blog .widget-selected-posts ul li a {
color: #2A2A2A;
text-decoration: none;
}
#blog #custom_html-3 ul li a:hover,
#blog .widget-selected-posts ul li a:hover {
color: #c00;
}
#blog #widget-recommend {
border: #f0f0f0 solid 1px;
background: #fff;
}
#blog #widget-recommend h1 {
text-align: center;
background: #c00;
color: #fff;
box-shadow: 0 0 0 0;
padding: 1em 0;
line-height: 1em;
margin: 0 auto;
}
#blog #widget-recommend ul {
padding-left: 0;
font-size: 14px;
margin-bottom: 0;
counter-reset: wpp-ranking;
}
#blog #widget-recommend ul li {
line-height: 1.3em;
margin: 0 auto;
padding: 1em;
border-bottom: #f0f0f0 solid 1px;
position: relative;
display: inline-block;
}
#blog #widget-recommend ul li:last-child {
border-bottom: none;
}
#blog #widget-recommend ul li a {
color: #2A2A2A;
text-decoration: none;
}
#blog #widget-recommend ul li a:hover {
color: #c00;
}
#blog .subSection .widget:last-child {
position: sticky;
top: 90px;
}
#blog .pagination {
width: 100%;
}
#blog .pagination .page-numbers li {
margin: 0 5px;
}
#blog .pagination .page-numbers li .page-numbers {
border: none;
border-radius: 0;
background-color: #efefef;
}
#blog .pagination .page-numbers li .page-numbers.prev,
#blog .pagination .page-numbers li .page-numbers.next {
background-color: transparent;
}
#blog .pagination .page-numbers li .page-numbers.current {
background-color: #595757;
}
.media .media-body .media-heading a,
ul.page-numbers li a, ul.page-numbers li span.page-numbers,
.widget_archive a, .widget_categories a, .widget_link_list a, .widget_nav_menu a, .widget_pages a, .widget_postlist a, .widget_recent_entries a {
color: #2A2A2A;
}
#blog .popular-posts {
border: #f0f0f0 solid 1px;
background: #fff;
}
#blog .popular-posts h1 {
text-align: center;
background: #c00;
color: #fff;
box-shadow: 0 0 0 0;
padding: 1em 0;
line-height: 1em;
margin: 0 auto;
}
#blog .popular-posts h1:after {
border: none;
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/img_ranking_hkazari.png) top left no-repeat;
background-size: contain;
content: "";
position: absolute;
top: 1em;
left: calc(50% + 3em);
z-index: 10;
width: 15px;
height: 20px;
}
#blog ul.wpp-list {
padding-left: 0;
font-size: 14px;
margin-bottom: 0;
counter-reset: wpp-ranking;
}
#blog ul.wpp-list li {
line-height: 1.3em;
margin: 0 auto;
padding: 1em;
border-bottom: #f0f0f0 solid 1px;
position: relative;
}
#blog ul.wpp-list li:last-child {
border-bottom: none;
}
#blog ul.wpp-list li a {
color: #2A2A2A;
text-decoration: none;
}
#blog ul.wpp-list li a:hover {
color: #c00;
}
#blog ul.wpp-list li:before {
content: "";
position: absolute;
top: 12px;
left: 12px;
z-index: 10;
width: 15px;
height: 20px;
}
#blog ul.wpp-list li:nth-child(1):before {
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/icon_rank1.png) top left no-repeat;
background-size: contain;
}
#blog ul.wpp-list li:nth-child(2):before {
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/icon_rank2.png) top left no-repeat;
background-size: contain;
}
#blog ul.wpp-list li:nth-child(3):before {
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/icon_rank3.png) top left no-repeat;
background-size: contain;
}
.single #blog a.blog_linkbtn {
font-size: 24px;
background: #c00;
padding: 1em;
color: #fff;
width: 400px;
max-width: 70%;
display: block;
margin: 0 auto;
clear: both;
border: 1px solid #c00;
text-decoration: none;
border-radius: 0;
text-align: center;
}
.single #blog a.blog_linkbtn:hover {
background: #fff;
color: #c00;
border: 1px solid #c00;
}
#blog .veu_cta {
border: #e00 1px solid;
padding: 0;
background: #fff;
}
#blog .veu_cta .cta_body h2 {
font-size: 24px;
line-height: 1.4em;
border: none;
border-left: #c00 2px solid;
padding: 0 0 0 0.5em;
background: #fff;
}
#blog .veu_cta .cta_body h2:before,
#blog .veu_cta .cta_body h2:after {
display: none;
}
#blog .veu_cta .cta_body img.cta_img {
float: right;
margin: 1em 0 1em 1em;
width: 300px;
}
#blog .veu_cta .cta_body span {
background: #f9cccc;
background: linear-gradient(transparent 70%, #f9cccc 0%);
}
#blog .veu_cta .cta_body span:first-child {
margin-top: 1em;
}
#blog .veu_cta .cta_body span:last-child {
margin-bottom: 1em;
}
.single #blog .veu_cta .cta_body a {
font-size: 24px;
background: #c00;
padding: 1em;
color: #fff;
width: 400px;
max-width: 70%;
display: block;
margin: 0 auto;
clear: both;
border: 1px solid #c00;
text-decoration: none;
border-radius: 0;
}
.single #blog .veu_cta .cta_body a:hover {
background: #fff;
color: #c00;
border: 1px solid #c00;
}
#blog .float_bnr img {
width: 100%;
height: auto;
}
#blog .float_bnr.sp {
display: none;
}
#tblFormLogo1096161 {
text-align: center;
}
.bmform_outer1096161 {
width: 100% !important;
}
.bmform_body1096161 {
padding: 30px 10% !important;
}
.bmform_frm1096161 {
width: 100% !important;
max-width: 400px !important;
}
.archive #blog .mainSection .postList {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.archive #blog .media {
width: 32%;
border-bottom: none;
}
.archive #blog .media:first-child,
.archive #blog .media:nth-child(2) {
width: 49%;
border-top: none;
}
.archive #blog .media .postList_thumbnail {
width: 100%;
padding: 0;
}
.archive .media .postList_thumbnail a {
height: 120px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.archive #blog .media:first-child .postList_thumbnail a,
.archive #blog .media:nth-child(2) .postList_thumbnail a {
height: 175px;
}
.archive #blog .media:first-child .media-body .media-heading,
.archive #blog .media:nth-child(2) .media-body .media-heading {
font-size: 15px;
}
.archive #blog .media .postList_thumbnail img {
width: auto;
max-width: 100%;
height: auto;
max-height: none;
position: absolute;
top: 50%;
left: 50%;
border: none;
transform: translate(-50%, -50%);
}
.archive #blog .media .media-body {
padding: 0 5px;
}
.archive #blog .media .media-body .media-heading {
font-size: 15px;
line-height: 1.6;
clear: both;
margin-top: 0.3em;
display: inline-block;
}
.archive #blog .media-body_excerpt {
display: none;
}
@media screen and (max-width: 991px) {
.archive #blog .subSection .widget {
margin-top: 25px;
}
}
@media screen and (max-width: 768px) {
.archive #blog .media {
width: 49%;
}
.archive #blog .media:first-child,
.archive #blog .media:nth-child(2) {
width: 100%;
}
.archive #blog .media .postList_thumbnail a {
height: 23vw;
}
.archive #blog .media .postList_thumbnail img {
width: auto;
max-width: 100%;
height: auto;
max-height: none;
border: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.archive #blog .media:first-child .postList_thumbnail a,
.archive #blog .media:nth-child(2) .postList_thumbnail a {
height: auto;
}
.archive #blog .media:first-child .postList_thumbnail img,
.archive #blog .media:nth-child(2) .postList_thumbnail img {
position: unset;
transform: translate(0, 0);
}
} #news {
background: #fff;
font-size: 18px;
padding-top: 88px;
}
#news a {
text-decoration: underline;
}
#news .media .media-body a.media-body_excerpt {
display: none;
}
#news .page-header_pageTitle {
background: #c00;
color: #fff;
padding: 60px 0 120px;
margin: 0 auto;
font-size: 40px;
font-weight: 300;
text-align: center;
}
#news .siteContent {
margin-top: 40px;
position: relative;
}
#news .news_tab {
border-bottom: 75px solid #fff;
border-left: 75px solid transparent;
height: 0;
width: 100%;
position: absolute;
top: -115px;
right: 0;
}
.breadSection {
border-bottom: none;
}
.category #news .breadSection,
.single #news .breadSection {
display: none;
}
#news .breadSection .breadcrumb li:first-child a {
font-weight: bold;
color: #e00;
}
#news .breadSection .breadcrumb > li + li:before {
color: #e00;
font-size: 0.75em;
}
#news .media-body a {
text-decoration: none;
}
#news .entry-meta_items_term { }
#news .entry-meta_items_term a {
text-decoration: none;
}
#news .entry-meta_items.published:before {
content: "";
margin-right: 5px;
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/icon_calendar.png) top left no-repeat;
background-size: contain;
width: 22px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
#news .entry-meta_items.published { }
#news .entry-meta_items_author:before {
content: "";
margin-right: 5px;
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/img_writer_hkazari.png) top left no-repeat;
background-size: contain;
width: 56px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
#news #main {
padding: 30px;
}
#news .mainSection header {
border: none;
}
#news .mainSection header h1 {
font-size: 24px;
line-height: 1.4em;
border-top: #c00 2px solid;
border-bottom: #e1e1e1 1px solid;
padding: 0.5em;
}
#news .veu_autoEyeCatchBox {
text-align: center;
}
#news h2 {
font-size: 22px;
line-height: 1.4em;
border: none;
padding: 1em 1.5em;
background: url(//help-you.me/wp1/wp-content/themes/hy/img/news/h2.png) center left no-repeat;
position: relative;
}
#news #main h3 {
border: #e1e1e1 dashed 1px;
background: #fff;
text-indent: 0;
margin-bottom: 1.2em;
padding: 0.5em 1em;
font-size: 20px;
}
#news #main h4 {
border-bottom: none;
box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.9);
text-indent: 0;
font-size: 18px;
margin-bottom: 1.2em;
padding-left: 0;
padding-bottom: 8px;
background: none;
}
#news #main h4:before {
content: "■";
color: #c00;
padding-right: 1em;
}
#news #main h4:after {
content: ".";
line-height: 0;
display: block;
overflow: hidden;
position: absolute;
bottom: -1px;
left: 0;
width: 3em;
border-bottom: none;
}
.single #news .veu_cta .cta_body a {
text-decoration: none;
}
#news .entry-meta_items {
display: none;
}
#news header .entry-meta_items,
#news .media-body .entry-meta_items {
display: inline-block;
}
#news header .entry-meta_items.entry-meta_items_author,
#news .media-body .entry-meta_items.entry-meta_items_author {
display: none;
}
#news .entry-footer {
display: none;
}
#news #main ul.pager {
padding-left: 0;
}
#news .pager li {
display: inline-block;
}
#news .pager li > a {
border-color: #e1e1e1;
color: #000;
text-decoration: none;
}
#news .pager li > a:hover {
border-color: #cc0000;
color: #fff;
}
#news .popular-posts {
border: #f0f0f0 solid 1px;
background: #fff;
}
#news .popular-posts h1 {
text-align: center;
background: #c00;
color: #fff;
box-shadow: 0 0 0 0;
padding: 1em 0;
line-height: 1em;
margin: 0 auto;
}
#news .popular-posts h1:after {
border: none;
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/img_ranking_hkazari.png) top left no-repeat;
background-size: contain;
content: "";
position: absolute;
top: 1em;
left: calc(50% + 3em);
z-index: 9999;
width: 15px;
height: 20px;
}
#news ul.wpp-list {
padding-left: 0;
font-size: 14px;
margin-bottom: 0;
counter-reset: wpp-ranking;
}
#news ul.wpp-list li {
line-height: 1.3em;
margin: 0 auto;
padding: 1em;
border-bottom: #f0f0f0 solid 1px;
position: relative;
}
#news ul.wpp-list li:last-child {
border-bottom: none;
}
#news ul.wpp-list li a {
color: #2A2A2A;
text-decoration: none;
}
#news ul.wpp-list li a:hover {
color: #c00;
}
#news ul.wpp-list li:before {
content: "";
position: absolute;
top: 12px;
left: 12px;
z-index: 9999;
width: 15px;
height: 20px;
}
#news ul.wpp-list li:nth-child(1):before {
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/icon_rank1.png) top left no-repeat;
background-size: contain;
}
#news ul.wpp-list li:nth-child(2):before {
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/icon_rank2.png) top left no-repeat;
background-size: contain;
}
#news ul.wpp-list li:nth-child(3):before {
background: url(//help-you.me/wp1/wp-content/themes/hy/img/blog/icon_rank3.png) top left no-repeat;
background-size: contain;
} .share {
width: 100%;
}
.sns {
margin: 0 auto;
text-align: center;
}
.sns ul {
padding: 0 !important;
list-style: none;
}
.sns li {
float: left;
width: 23%;
margin: 0 2% 3% 0;
}
.sns li a {
font-size: 80%;
position: relative;
display: block;
padding: 10px;
color: #fff;
border-radius: 6px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.sns li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-shadow: none;
} .sns .twitter a {
background: #00acee;
box-shadow: 0 5px 0 #0092ca;
}
.sns .twitter a:hover {
background: #0092ca;
} .sns .facebook a {
background: #3b5998;
box-shadow: 0 5px 0 #2c4373;
}
.sns .facebook a:hover {
background: #2c4373;
} .sns .hatebu a {
background: #5d8ac1;
box-shadow: 0 5px 0 #43638b;
}
.sns .hatebu a:hover {
background: #43638b;
} .sns .line a {
background: #25af00;
box-shadow: 0 5px 0 #219900;
}
.sns .line a:hover {
background: #219900;
} .sns .pocket a {
background: #f03e51;
box-shadow: 0 5px 0 #c0392b;
}
.sns .pocket a:hover {
background: #c0392b;
} .fa-hatena:before {
content: "B!";
font-family: Verdana;
font-weight: bold;
} #blog .entry-body a.sp {
display: none;
} .request_box {
margin-top: -40px;
margin-bottom: 20px;
}
.request_box .chat_c,
.request_box .chat_h {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
align-items: center;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.request_box .chat_c {
padding: 20px 0 20px 120px;
min-height: 120px;
}
.request_box .chat_h {
padding: 20px 120px 20px 0;
min-height: 120px;
}
.request_box .chat_c {
-webkit-flex-direction: row;
flex-direction: row;
}
.request_box .chat_h {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.chat_c:before {
content: "";
width: 120px;
height: 120px;
background: url(//help-you.me/wp1/wp-content/uploads/2018/03/chat_man_pc.png) center no-repeat;
background-size: contain;
position: absolute;
top: calc(50% - 60px);
left: 0px;
}
.chat_h:before {
content: "";
width: 120px;
height: 120px;
background: url(//help-you.me/wp1/wp-content/uploads/2018/03/chat_woman_pc.png) center no-repeat;
background-size: contain;
position: absolute;
top: calc(50% - 60px);
left: auto;
right: 0px;
}
.chat_c:after,
.chat_h:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 20px 10px 0;
border-color: transparent #c00 transparent transparent;
position: absolute;
top: calc(50% - 10px);
left: 120px;
}
.chat_h:after {
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #adadad;
right: 120px;
left: auto;
}
.request_box .chat_c p.txt,
.request_box .chat_h p.txt {
width: 100%;
background: #c00;
border-radius: 5px;
display: inline-block;
letter-spacing: normal;
margin-left: 20px;
margin-bottom: 0;
vertical-align: bottom;
padding: 1em;
text-align: left;
color: #fff;
}
.request_box .chat_h p.txt {
background: #adadad;
margin-left: 0;
margin-right: 20px;
}
.chat_c p.icon,
.chat_h p.icon {
width: 120px;
display: inline-block;
vertical-align: bottom;
}
@media screen and (min-width: 1200px) {
#blog .container {
width: 1170px;
}
}
@media screen and (max-width: 768px) {
code {
font-size: 14px;
}
.single .siteContent {
margin-top: 0px;
}
.post-case {
padding-top: 55px;
}
.single .post-case .veu_cta .cta_body a {
font-size: 20px;
padding: 0.5em;
}
#hy_case .case_list {
padding: 10px 10px 30px 10px;
margin: 0 -10px;
}
.case_list_tab {
border-bottom: 30px solid #fff;
border-left: 30px solid transparent;
top: -29px;
}
.case_list h2,
.interview h2 {
margin: 0 auto 20px;
font-size: 20px;
}
.case_list h2:after,
.interview h2:after {
width: 100px;
margin-left: -50px;
}
#hy_case .case_list .slide .slick-slide {
padding: 0;
}
#hy_case .case_list .slide .slick-dots {
padding: 0;
bottom: -50px;
}
#hy_case .case_list .slide .slick-dots li {
margin: 5px;
}
#main #hy_case .interview {
margin: 50px auto;
}
#main #hy_case .interview li {
position: relative;
margin: 20px 0;
}
#main #hy_case .interview li .interview_txt {
width: 100%;
height: auto;
z-index: 10;
position: static;
top: auto;
right: auto;
margin-top: -2em;
}
#main #hy_case .interview li:nth-child(2n) .interview_txt {
left: auto;
}
#main #hy_case .interview li h3 {
margin-top: 0;
margin-bottom: 0;
}
#main #hy_case .interview li .interview_txt1 {
font-size: 1.3em;
line-height: 1.3em;
margin-bottom: 1em;
}
#main #hy_case .interview li .interview_txt2 {
font-size: 0.8em;
position: static;
bottom: auto;
left: auto;
margin: 0.5em auto;
z-index: 10;
text-align: right;
}
#main #hy_case .interview li:nth-child(2n) .interview_txt2 {
left: auto;
right: auto;
}
#main #hy_case .interview li a {
margin: 1em auto;
font-size: 13px;
}
#main #hy_case .interview li .interview_img {
width: 100%;
float: none;
}
#main #hy_case .interview li .interview_img:after {
background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1));
}
#main #hy_case .interview li:nth-child(2n) .interview_img {
float: none;
}
#main #hy_case .interview li:nth-child(2n) .interview_img:after {
background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1));
}
.single .veu_cta .cta_body a {
font-size: 18px;
}
.balloon_left,
.balloon_right {
-webkit-flex-direction: column; flex-direction: column;
}
.balloon_left img.post_icon {
width: 50px;
border-radius: 50%;
margin: 20px auto 0 0;
}
.balloon_left p,
.balloon_right p {
border: none;
}
.balloon_left p.balloon,
.balloon_right p.balloon {
margin: 5px auto 20px auto;
width: 100%;
height: auto;
position: static;
border: none;
}
.balloon_right img.post_icon {
width: 50px;
border-radius: 50%;
margin: 20px 0 0 auto;
}
.single #blog a.blog_linkbtn {
font-size: 18px;
padding: 0.5em;
width: auto;
max-width: 100%;
} #blog .entry-meta .entry-meta_items_term {
float: right;
margin-top: 0;
margin-left: 5px;
}
#blog .veu_cta .cta_body h2 {
font-size: 20px;
line-height: 1.4em;
padding: 0 0 0 0.5em;
background: #fff;
margin-bottom: 0;
}
#blog .veu_cta .cta_body h2 br {
display: none;
}
#blog .veu_cta .cta_body img.cta_img {
float: none;
margin: 1em auto;
width: 100%;
}
.single #blog .veu_cta .cta_body a {
font-size: 18px;
padding: 0.5em;
width: auto;
max-width: 100%;
}
#blog .float_bnr.pc {
display: none;
}
#blog .float_bnr.sp {
display: block;
}
#news .page-header_pageTitle,
.post-case .page-header_pageTitle {
padding: 30px 0 60px;
margin: 0 auto;
font-size: 20px;
}
#news .news_tab,
.post-case .post-case_tab {
border-bottom: 30px solid #fff;
border-left: 30px solid transparent;
top: -70px;
}
#news #main {
padding: 10px;
}
#news h2 {
padding: 1em 0 1em 1em;
font-size: 20px;
}
#news #main h3 {
font-size: 18px;
}
#news #main h4 {
font-size: 16px;
}
#news header .entry-meta_items {
display: block;
}
#news .entry-meta .entry-meta_items_term {
float: right;
margin-top: 0;
}  #blog .entry-body a.sp {
display: block;
}
#blog .entry-body a.pc {
display: none;
} .request_box {
margin-top: -20px;
}
.request_box .chat_c {
padding: 10px 0 10px 60px;
min-height: 60px;
}
.request_box .chat_h {
padding: 10px 60px 10px 0;
min-height: 60px;
}
.chat_c:before {
content: "";
width: 60px;
height: 60px;
background: url(//help-you.me/wp1/wp-content/uploads/2018/03/chat_man_sp.png) center no-repeat;
background-size: contain;
position: absolute;
top: calc(50% - 30px);
left: 0px;
}
.chat_h:before {
content: "";
width: 60px;
height: 60px;
background: url(//help-you.me/wp1/wp-content/uploads/2018/03/chat_woman_sp.png) center no-repeat;
background-size: contain;
position: absolute;
top: calc(50% - 30px);
left: auto;
}
.chat_c:after,
.chat_h:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 20px 10px 0;
border-color: transparent #c00 transparent transparent;
position: absolute;
top: calc(50% - 10px);
left: 60px;
}
.chat_h:after {
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #adadad;
right: 60px;
left: auto;
}
.request_box .chat_c p.txt,
.request_box .chat_h p.txt {
width: 100%;
background: #c00;
border-radius: 5px;
display: inline-block;
letter-spacing: normal;
margin-left: 20px;
margin-bottom: 0;
vertical-align: bottom;
padding: 1em;
text-align: left;
color: #fff;
}
.request_box .chat_h p.txt {
background: #adadad;
margin-left: 0;
margin-right: 20px;
}
.chat_c p.icon,
.chat_h p.icon {
width: 60px;
display: inline-block;
vertical-align: bottom;
}
}
@media screen and (max-width: 500px) {
#blog #main {
padding: 15px;
}
.media-body {
display: flex;
flex-direction: column-reverse;
width: calc(100% - 100px);
}
.entry-meta {
margin-bottom: 0;
}
.media .postList_thumbnail {
padding-right: 5px;
}
.media .media-body .media-heading {
font-size: 0.8em;
clear: both;
}
.media-body_excerpt {
display: none;
}
#blog .media-body {
display: block;
flex-direction: unset;
width: 100%;
} }