@charset "UTF-8";
@charset "UTF-8";
#accordion-section-emanon_newsticker_section .accordion-section-title,
#accordion-section-emanon_solution_section .accordion-section-title,
#accordion-section-emanon_sales_section .accordion-section-title,
#accordion-section-emanon_benefit_section .accordion-section-title,
#accordion-section-emanon_case_section .accordion-section-title,
#accordion-section-emanon_product_section .accordion-section-title,
#accordion-section-emanon_price_table .accordion-section-title,
#accordion-section-emanon_front_cta_section .accordion-section-title,
#accordion-section-emanon_category_section .accordion-section-title,
#accordion-section-emanon_entry_section .accordion-section-title,
#accordion-section-emanon_info_section .accordion-section-title,
#accordion-section-emanon_accordion_faq_section .accordion-section-title,
#accordion-section-emanon_front_contactfrom_section .accordion-section-title,
#accordion-section-emanon_short_code_section_01 .accordion-section-title,
#accordion-section-emanon_short_code_section_02 .accordion-section-title,
#accordion-section-emanon_short_code_section_03 .accordion-section-title,
#accordion-section-emanon_page_content_section .accordion-section-title {
padding-left: 24px;
border-bottom: 1px dashed #e2e5e8;
font-size: 13px;
}
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@400;700&family=Roboto:ital,wght@0,400;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Damion&display=swap");
:root {
--scale: 0.1;
--space: 8vmin;
--font-primary: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Segoe UI", "メイリオ", "Meiryo", sans-serif;
--font-primary-ja: "M PLUS 1", "Roboto", sans-serif;
--font-heading: "Playfair Display", serif;
--vh: 9.37px;
--white: #fff;
--red: #d51c1c;
--black: #000;
--bg-gray: #f6f6f6;
--text-black: #333;
}
html {
scroll-behavior: smooth;
}
html body {
font-family: var(--font-primary);
font-size: 16px !important;
background: #fff;
}
[lang=ja] body {
font-family: var(--font-primary-ja);
}
.menu-item a :hover {
color: #f3951c !important;
}
.l-footer .l-footer__inner .l-content {
max-width: 1635px;
width: calc(100% - 32px);
}
.section-title {
font-weight: 700;
font-size: 30px;
font-size: max(1.5625vw, 24px);
}
.sales-box-detail {
font-size: max(0.9375vw, 16px);
}
.sales-section-box {
flex: 1;
}
.header-menu > .menu-item a {
font-weight: 700;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.section-wrapper {
max-width: 1056px;
margin: 0 auto;
}
.sales-section-col:first-child {
max-width: 460px;
}
.sales-section-col:last-child {
margin-right: 0;
} .front-cta__btn .front-cta__mail-btn {
width: 100%;
}
.front-cta__btn .front-cta__mail-btn a {
border: 5px solid #fff;
min-height: 80px;
max-width: 470px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
font-size: max(1.5625vw, 24px);
font-weight: 700;
}
.front-cta__description img {
width: 17.604166666667vw;
min-width: 197px;
max-width: 338px;
}
.btn.front-cta__mail-btn:not(.is-btn-none-effect) a {
border-radius: 40px
}
.front-cta__description {
font-size: 36px;
font-size: max(1.875vw, 20px);
}
.front-cta__col {
padding: 0px;
width: auto;
font-weight: 700;
}
.eb-solution-section {
position: relative;
text-align: left;
background-color: transparent;
}
.solution-box-detail__title span {
font-size: 14px;
}
.front-cta__mail-btn {
position: relative;
}
.front-cta__mail-btn .front-cta__mail-btn-microcopy:nth-child(2) {
display: none;
}
.front-cta__mail-btn .front-cta__mail-btn-microcopy {
top: -18px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #F29418;
background: #fff;
border-radius: 15px;
padding: 2px 15px;
font-size: 12px;
min-width: 173px;
white-space: nowrap;
}
.eb-solution-section {
background-color: #FAFAFF;
}
.solution-box-detail__title {
font-size: 36px;
font-size: max(1.875vw, 24px);
}
.solution-box-list[class*="is-title-top-"] .solution-box-detail__title {
padding-top: 0px;
padding-bottom: 19px;
font-weight: 700;
letter-spacing: normal;
}
.solution-box-list-inner {
padding-top: 26px;
padding-bottom: 26px;
padding-left: 0;
padding-right: 0;
background: transparent;
}
.benefit-box-list.is-title-top .benefit-box-detail-title {
margin-bottom: 14px;
font-size: 20px;
letter-spacing: normal;
line-height: 23px;
}
.benefit-box-list-inner {
filter: drop-shadow(0px 5px 22px rgba(1, 13, 41, 0.102));
}
.benefit-box-icon {
min-height: 150px;
margin-bottom: 36px;
}
.benefit-box-list.is-title-top img {
height: 150px;
margin-bottom: 0;
}
.lang-item {
position: relative;
}
.header-menu-row .header-menu > .menu-item.lang-item a {
padding: 0;
margin: 0 10px;
height: auto;
}
.current-lang a {
border-bottom: 2px solid;
}
.lang-item:not(:last-child):after {
content: "";
height: 16px;
width: 1px;
background-color: var(--black);
position: absolute;
top: 6px;
right: 0;
top: 50%;
transform: translateY(-50%);
} .mr-2, .mx-2 {
margin-right: 0.5rem!important;
}
.container-submit-form button.prev-step {
color: var(--black);
background: var(--white);
border: 1px solid #999;
}
.mw_wp_form [type=submit] {
background: #f3951c ;
border-radius: 50px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: bold;
margin: 0;
max-width: 250px;
padding: 14px 10px;
width: 100%;
}
.d-flex {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
}
.nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.mt-100 {
margin-top: 100px !important;
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.justify-content-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.font-weight-bold {
font-weight: 700!important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem!important;
}
.mt-4, .my-4 {
margin-top: 1.5rem!important;
}
.w-100 {
width: 100%!important;
}
.border-top {
border-top: 1px solid #dee2e6!important;
}
.form-base {
background-color: var(--bg-gray);
}
.form-base .title-form {
align-self: flex-start;
margin-top: 4px;
}   .form-base .title-form .note-form {
width: 55px;
height: 30px;
color: #fff;
border-radius: 3px;
background-color: #f3951c;
display: inline-flex;
align-items: center;
justify-content: center;
}
.form-base .title-form .note-form.vn {
width: 80px;
min-width: 80px;
}
.form-base .title-form .note-form.gray {
background-color: #356fb6 !important;
}
.form-base .input-form select,
.form-base .input-form input:not([type="checkbox"]) {
border: 1px solid #999999;
height: 38px;
padding: 0px 10px;
border-radius: 5px;
width: 100%;
outline: none;
}
.form-base .input-form textarea {
border: 1px solid #999999;
height: 170px;
padding: 10px;
border-radius: 5px;
width: 100%;
outline: none;
}
a.btn-default,
.form-base .input-form button {
background: #dddddd;
border: 1px solid #999999;
border-radius: 3px;
color: var(--text-black);
width: 120px;
min-width: 120px;
height: 38px;
font-size: 14px;
font-weight: 600;
opacity: 1;
cursor: pointer;
outline: none;
}
a.btn-default {
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
a.btn-default:hover,
.form-base .input-form button:hover {
opacity: 0.8;
}
.form-base .input-form input:not(:first-child) {
margin-top: 15px;
}
a.btn-default,
.form-base .container-submit-form input[type=submit],
.form-base .container-submit-form input[type=button],
.form-base .container-submit-form button {
width: 250px;
height: 50px;
border: none;
opacity: 1;
outline: none;
cursor: pointer;
}
a.btn-default,
.form-base .container-submit-form .btn-defaul,
.form-base .container-submit-form .next-step {
color: var(--white);
background: #f3951c;
}
.form-base .container-submit-form button.prev-step {
color: var(--black);
background: var(--white);
border: 1px solid #999;
}
.form-base .container-submit-form button:hover {
opacity: 0.8;
}
.form-base .error-form {
font-size: 12px;
margin-top: 10px;
}
.form-base .error-form i {
margin-right: 5px;
}
.styled-checkbox {
position: absolute;
opacity: 0;
}
.styled-checkbox + label {
position: relative;
cursor: pointer;
padding: 0;
margin-bottom: 0px;
}
.styled-checkbox + label:before {
content: "";
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #999999;
border-radius: 5px;
}
.styled-checkbox:checked + label:before {
background: #fff;
border-radius: 5px;
}
.styled-checkbox:disabled + label {
color: #b8b8b8;
cursor: auto;
}
.styled-checkbox:disabled + label:before {
box-shadow: none;
background: #ddd;
}
.styled-checkbox:checked + label:after {
content: "";
position: absolute;
left: 5px;
top: 10px;
background: var(--red);
width: 2px;
height: 2px;
box-shadow: 2px 0 0 var(--red), 4px 0 0 var(--red), 4px -2px 0 var(--red), 4px -4px 0 var(--red),
4px -6px 0 var(--red), 4px -8px 0 var(--red);
transform: rotate(45deg);
}  input:focus,
button:focus,
.form-control:focus {
outline: none;
box-shadow: none;
}
.form-control:disabled,
.form-control[readonly] {
background-color: #fff;
} .d-flex {
display: flex;
}
.justify-content-center {
justify-content: center;
}
.align-items-center {
align-items: center;
} .bg-color {
background-color: #333;
}
.signup-step-container {
padding: 60px 0px;
}
.form-base-contact {
padding: 70px 50px;
}
.wizard {
min-height: 40vh;
}
.wizard .nav-tabs {
position: relative;
margin-bottom: 0;
border-bottom-color: transparent;
}
.wizard > div.wizard-inner {
position: relative;
margin-bottom: 50px;
text-align: center;
}
.connecting-line {
height: 2px;
background: #e0e0e0;
position: absolute; width: 64%;
margin: 0 auto; left: -4%;
right: 0;
top: 0px;
z-index: 1;
}
.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
border: 0;
border-bottom-color: transparent;
}
span.round-tab {
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
border-radius: 50%;
background: #fff;
z-index: 2;
position: absolute;
left: 0;
text-align: center;
font-size: 16px;
color: #0e214b;
font-weight: 500;
border: 1px solid #ddd;
top: -25px;
}
span.round-tab i {
color: #555555;
}
.wizard li.active span.round-tab {
background: var(--black);
color: #fff;
border-color: var(--black);
}
.wizard li.active span.round-tab i {
color: #5bc0de;
}
.wizard .nav-tabs > li.active > a i {
color: var(--black);
}
.wizard .nav-tabs > li { width: 31%;
}
.wizard li:after {
content: " ";
position: absolute;
left: 46%;
opacity: 0;
margin: 0 auto;
bottom: 0px;
border: 5px solid transparent;
border-bottom-color: red;
transition: 0.1s ease-in-out;
}
.wizard .nav-tabs > li a {
width: 30px;
height: 30px;
margin: 20px auto;
border-radius: 100%;
padding: 0;
background-color: transparent;
position: relative;
top: 0;
}
.wizard .nav-tabs > li a i {
position: absolute;
top: 40px;
font-style: normal;
font-weight: 400;
white-space: nowrap; left: 14px; font-size: 12px;
font-weight: 700;
color: #000;
}
.wizard .nav-tabs > li a i.vn {
left: 5px;
}
.wizard .nav-tabs > li a i.i-step-2 {
left: -20px;
}
.wizard .nav-tabs > li a i.i-step-2.vn {
left: 0px;
}
.wizard .nav-tabs > li a:hover {
background: transparent;
}
.wizard .tab-pane {
position: relative;
padding-top: 50px;
}
.wizard h3 {
margin-top: 0;
font-size: 30px;
} .step-head {
font-size: 20px;
text-align: center;
font-weight: 500;
margin-bottom: 20px;
}
.term-check {
font-size: 14px;
font-weight: 400;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: 40px;
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: 40px;
margin: 0;
opacity: 0;
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: 40px;
padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 2;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: 38px;
padding: 0.375rem 0.75rem;
line-height: 2;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 0.25rem 0.25rem 0;
}
.footer-link {
margin-top: 30px;
}
.all-info-container {
}
.list-content {
margin-bottom: 10px;
}
.list-content a {
padding: 10px 15px;
width: 100%;
display: inline-block;
background-color: #f5f5f5;
position: relative;
color: #565656;
font-weight: 400;
border-radius: 4px;
}
.list-content a[aria-expanded="true"] i {
transform: rotate(180deg);
}
.list-content a i {
text-align: right;
position: absolute;
top: 15px;
right: 10px;
transition: 0.5s;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #fdfdfd;
}
.list-box {
padding: 10px;
}
.signup-logo-header .logo_area {
width: 200px;
}
.signup-logo-header .nav > li {
padding: 0;
}
.signup-logo-header .header-flex {
display: flex;
justify-content: center;
align-items: center;
}
.list-inline li {
display: inline-block;
}
.pull-right {
float: right;
}  input[type="checkbox"] {
position: relative;
display: inline-block;
margin-right: 10px;
}
input[type="checkbox"]::before,
input[type="checkbox"]::after {
position: absolute;
content: "";
display: inline-block;
}
input[type="checkbox"]::before {
height: 20px;
width: 20px;
border: 1px solid #999;
left: -1px;
top: -2px;
background-color: #fff;
border-radius: 5px;
}
input[type="checkbox"]::after {
height: 5px;
width: 9px;
left: 5px;
top: 4px;
}
input[type="checkbox"]:checked::after {
content: "";
border-left: 1px solid var(--red);
border-bottom: 1px solid var(--red);
transform: rotate(-45deg);
}
input[type="checkbox"]:checked::before {
background-color: var(--white);
} .form div.error input,
.form div.error textarea,
.form div.error .styled-checkbox + label:before {
border-color: #DB431F!important;
}
.mw_wp_form_input span.error,
.form span.error {
display: block;
color: #DB431F;
margin-top: 5px;
font-size: 14px;
font-weight: bold;
} .form span.error i {
margin-right: 10px;
}
.form .input-form > span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
} .file-box {
position: relative;
}
.file-box + .file-box {
margin-top: 15px;
}
.file-box input[type=file]{
position: absolute;
z-index: -1;
}
.file-box .file-btn {
display: inline-block;
width: 110px;
height: 38px;
background-color: #DDDDDD;
border: 1px solid #999999;
color: #333333;
font-size: 14px;
font-weight: bold;
text-align: center;
display: inline-flex;
border-radius: 3px;
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
left: 0;
top: 0;
}
.file-box .file-btn:hover {
opacity: 0.8;
}
.file-box .file-name {
height: 38px;
display: block;
padding: 7px 15px 5px 120px;
white-space: nowrap;
word-break: keep-all;
text-overflow: ellipsis;
overflow: hidden;
}
.mw_wp_form_preview .file-box .file-name {
padding-left: 0;
}
.file-box .file-name input {
border: none !important;
background: transparent !important;
height: auto !important;
padding: 0 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.file-box .mw-wp-form_file {
display: inline-block;
padding-left: 120px;
position: absolute;
left: 0;
top: 10px;
z-index: -1;
}
.file-box .mw-wp-form_file a {
color: #212529;
}
.file-box .mwform-file-delete {
position: absolute;
right: 0;
top: 8px;
}
.file-box .mw-error {
position: absolute;
left: 0;
top: 10px;
padding-left: 120px;
}
.mw_wp_form_preview .file-box .file-btn {
display: none;
} .lds-spinner {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-spinner div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: var(--red);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-spinner div:nth-child(1) {
left: 8px;
animation: lds-spinner1 0.6s infinite;
}
.lds-spinner div:nth-child(2) {
left: 8px;
animation: lds-spinner2 0.6s infinite;
}
.lds-spinner div:nth-child(3) {
left: 32px;
animation: lds-spinner2 0.6s infinite;
}
.lds-spinner div:nth-child(4) {
left: 56px;
animation: lds-spinner3 0.6s infinite;
}
@keyframes lds-spinner1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-spinner3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-spinner2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
.loading {
position: fixed;
left: 0;
top: 0;
z-index: 999;
width: 100%;
height: 100%;
background-color: rgba(255,255,255, 0.5);
display: flex;
justify-content: center;
align-items: center;
}
.hide {
display: none !important;
}
.container-recruitment {
padding-top: 60px;
}
.container-recruitment .container-jump-out {
flex-wrap: wrap;
}
.container-recruitment .container-jump-out .jump-text {
transform: rotate(-7deg);
}
.container-recruitment .container-jump-out .jump-text .title-jump {
line-height: 1;
padding-left: 0!important;
font-size: 13vw !important;
background: linear-gradient(90deg, rgba(213,28,28,1) 20%, rgba(255,195,0,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.container-recruitment .container-jump-out .jump-image {
width: 100%;
height: auto;
}
.container-recruitment .container-jump-out,
.container-recruitment .container-jump-out .jump-image,
.container-recruitment .container-jump-out .jump-image img {
height: auto;
min-height: 400px;
}
.list-environment .slick-slide {
padding: 15px;
overflow: hidden;
}
.list-environment .slick-slide img {
max-width: 100%;
}
ul.none-dots li {
list-style-type: none;
} .article p,
.article50 p,
.article ol li {
margin-bottom: 20px;
}
.article ol {
padding-left: 0px;
}
.article ol li {
padding-left: 0px;
}
.article .title-privacy-policy {
font-size: 30px;
}
.footer nav {
padding: 0 3rem;
}
.content-recruitment-working-environment .owl-item {
padding: 15px;
}
.form-base select.empty {
color: rgb(118, 118, 123);
}
.form-base select.empty option:not([disabled]) {
color: var(--black);
}
.d-flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.drawer-menu__nav {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.drawer-menu .drawer-menu__nav .menu-item {
list-style: none;
padding: 15px 0;
border-bottom: 1px solid #ccc;
flex: auto;
width: 100%;
}
.drawer-menu .drawer-menu__nav .lang-item {
width: auto;
text-align: left;
border-bottom: 0;
}
.drawer-menu .drawer-menu__nav .lang-item a {
margin: 0 10px;
}
.drawer-menu .drawer-menu__nav .lang-item-first {
text-align: right;
}
.drawer-menu .drawer-menu__inner .drawer-menu__nav .menu-item a { 
font-weight: 700;
font-size: 14px;
padding: 0px;
display: inline-block;
line-height: normal;
}
.drawer-menu .drawer-menu__nav > .menu-item a::before {
display: none;
}
.l-footer .l-footer__inner a,
.copyright {
color: #fff;
font-weight: 700;
font-size: 16px;
font-size: max(0.83333333333333vw, 14px);
} #menu-footer-nav li {
border-right: 0;
margin: 7px 0px;
}
.pagetop {
display: none;
}
#menu-footer-nav li:first-child a,
#menu-footer-nav li:last-child a {
text-decoration: underline;
}
.l-footer__inner .footer-nav {
display: flex;
width: 100%;
justify-content: space-between;
padding: 0;
}
.font-bold {
font-weight: 700;
}
.text-color {
color: #F29418 ;
}
.wp-block-columns {
display: flex;
margin-bottom: 28px;
flex-wrap: wrap;
}
.wp-block-column {
padding: 6px;
margin: 5px auto;
}
#our-strengths .wp-block-column ul {
letter-spacing: 0.03em;
line-height: 1.75;
list-style: none;
margin: 1em 0 0.5em 0;
}
#our-strengths .wp-block-column ul li {
font-size: 16px;
line-height: 1.75;
margin: 2px 0;
padding-left: 20px;
position: relative;
text-align: left;
}
#our-strengths .wp-block-column ul li::before {
background: #356fb6;
border-radius: 50%;
content: "";
height: 8px;
left: 0;
position: absolute;
top: 11px;
width: 8px;
}
#our-strengths .wp-block-column > :first-child {
margin-top: 0;
}
#our-strengths .wp-block-image {
margin-bottom: 28px !important;
text-align: left;
}
#aws-section .img {
margin-right: 46px;
}
#aws-section .info {
flex-basis: calc(100% - 336px);
flex-grow: 0;
text-align: justify;
margin-top: 10px;
}
.header-menu-row .header-menu > .menu-item > a {
font-size: max(0.9375vw, 14px);
}
.main-visual-inner__content {
margin-right: 0;
text-align: left;
padding: 1% 6%;
}
.main-visual__title {
color: #356FB6;
font-size: 1.9791666666667vw;
letter-spacing: normal;
text-shadow: 0.5px 0.5px 0.5px #19274b;
}
.main-visual__message {
color: #333;
font-size: max(0.83333333333333vw, 12px);
}
.l-header-row.has-border-bottom {
border-bottom: none;
}
.bg-header-sp {
display: none;
}
.header-menu > .menu-item:not(.js-smooth-scroll).current-menu-item > a {
color: var(--ema-header-menu-color) !important;
}
.l-header {
position: sticky !important;
top: 0;
left: 0;
right: 0;
}
.l-content__main .archive-list {
position: relative;
margin: 0 0 32px 0;
box-sizing: border-box;
background-color: #ffffff;
width: 100%;
}
.archive-list.is-one_column .post-thumbnail {
width: auto !important;
}
.post-thumbnail img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.l-content__main .archive-list__link, .l-content__main .archive-list__link:hover {
display: block !important;
text-decoration: none !important;
color: #303030;
}
.signup-step-container {
margin-top: 16px;
margin-bottom: 40px;
flex: 1 0 auto;
}
.signup-step-container .mwform-checkbox-field-text:before {
display: none;
} @media screen and (min-width: 768px) {
.main-visual .header-eyecatch {
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/mv-2.png) center/cover no-repeat;
padding-top: 27%;
height: 0;
}
.main-visual__sub-title img {
max-width: 39.270833333333vw;
}
.l-content__main .archive-list {
width: 31.4%;
margin: 0 2.88% 32px 0 !important;
}
.l-content__main .archive-list.is-one_column:nth-child(3n) {
margin: 0 0 32px 0 !important;
}
.l-content__main .archive-list.is-one_column .archive-header, 
.l-content__main .archive-list.is-two_column .archive-header, 
.l-content__main .archive-list.is-three_column .archive-header, 
.l-content__main .archive-list.is-big_column .archive-header {
padding-top: 16px;
padding-bottom: 16px;
padding-right: 16px;
padding-left: 16px;
width: 100%;
}
.l-header .l-content {
width: calc(100% - 5%);
}
.section-wrapper {
width: calc(100% - 32px);
}
.wp-block-column:not(:first-child) {
margin-left: 32px;
}
.benefit-box-list {
width: calc(25% - 45px);
flex: 1;
margin-right: 45px;
}
.benefit-box-list:nth-child(n+4) {
margin-right: 0;
margin-top: 0;
}
.solution-box-list {
margin-right: 0;
width: 100%;
}
#benefit-section .section-wrapper {
max-width: calc(100% - 32px);
width: 100%;
padding-top: 20px;
justify-content: space-between;
}
#benefit-section .l-content.section-inner {
max-width: calc(1635px + 32px);
width: 100%;
}
.splide__slide_custom {
margin-top: 32px;
width: calc(33.333% - 16px);
}
.splide__slide_custom:not(:nth-child(3n)) {
margin-right: 24px;
}
}
@media (min-width: 993px) {
.form-base .input-form {
flex: auto;
width: calc(100% - 330px);
}
}
@media (max-width: 767px) {
.l-header__inner .site-logo img {
height: auto;
width: 250px;
}
.sign-content h3 {
font-size: 40px;
}
.wizard .nav-tabs > li a i { }
.signup-logo-header .navbar-toggle {
margin: 0;
margin-top: 8px;
}
.signup-logo-header .logo_area {
margin-top: 0;
}
.signup-logo-header .header-flex {
display: block;
}
.signature > span {
display: inline-block;
}
}
@media (min-width: 993px) {
.form-base .title-form {
width: 330px;
padding-right: 30px;
}
.styled-checkbox + label {
margin-left: -25px;
}
.article p,
.article ol li {
margin-bottom: 30px;
}
.article50 p {
margin-bottom: 50px;
}
.container-recruitment .container-jump-out .jump-text {
margin-top: -85px;
}
}
@media (max-width: 991px) {
.header-menu {
padding: 15px;
}
body:not(.home) .header-menu .menu-icon {
margin-right: -15px;
}
.header-menu .menu {
left: 0;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.header-menu .menu-btn:checked ~ .menu {
height: auto;
max-height: 100vh;
}
.header-menu .menu li {
flex: auto;
width: 100%;
text-align: center;
}
.header-menu .menu .lang-item {
width: auto;
text-align: left;
}
.header-menu .menu .lang-item-first {
text-align: right;
}
.home .header-menu {
border: none;
}
.home .header-menu .menu-icon .navicon,
.home .header-menu .menu-icon .navicon:before,
.home .header-menu .menu-icon .navicon:after {
background-color: var(--white);
}
.home .header-menu .menu-btn:checked ~ ul li a {
color: var(--black);
}
.home .header-menu .menu .lang-item:not(:last-child):after {
background-color: var(--black);
}
}
@media (max-width: 992px) { .px-70 {
padding-left: 50px;
padding-right: 50px;
}
.py-70 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.pt-70 {
padding-top: 50px !important;
}
.pb-70 {
padding-bottom: 50px !important;
}
.pl-80 {
padding-left: 50px !important;
padding-right: 50px !important;
} .content-about .container-overview,
.content-about .container-vision,
.content-about .container-ceo-message,
.content-our-services .container-policy,
.content-our-services .container-services,
.content-recruitment-working-environment .container-welfare-and-system,
.content-recruitment-working-environment .container-office {
padding-top: 10px;
}
.title-overview,
.title-vision,
.title-ceo-message,
.title-policy,
.title-services,
.title-welfare-and-system,
.title-office,
.title-jd-detail {
font-size: 30px;
padding-bottom: 10px;
margin-bottom: 0px;
margin-top: 20px;
}
.title-page h1 {
font-size: 50px;
padding: 30px;
}
.sub-title-vision,
.sub-title-ceo-message,
.sub-title-policy,
.sub-title-services {
font-size: 20px;
} .logo-ids-vision,
.img-ceo-vision {
height: 200px;
object-fit: contain;
margin: 15px auto;
}
.container-content-right {
min-width: unset;
}
.content-about,
.content-our-services {
padding-bottom: 30px;
}  .img-services {
height: 200px;
object-fit: contain;
margin: 15px auto;
}  .container-recruitment .container-jump .jump-text .title-jump {
padding-left: 30px;
font-size: 12vw;
}
.container-recruitment .content-recruitment{
font-size: 16px;
}  .content-recruitment-working-environment .list-welfare-and-system {
grid-template-columns: 1fr;
}
.content-recruitment-working-environment .list-welfare-and-system .item-welfare-and-system {
display: block;
}
.content-recruitment-working-environment
.list-welfare-and-system
.item-welfare-and-system
.sub-title-welfare-and-system {
margin-bottom: 10px;
}  .list-recruitment-jd .item-recruitment-jd .item-recruitment-jd-content {
padding: 20px;
font-size: 18px;
}
.form-base-recruitment-jd {
padding: 30px;
}
.form-base .title-form.jp,
.form-base .title-form.vn {
margin-bottom: 15px;
width: 100%;
}
.form-base .input-form  {
width: 100%;
}
.content-title-form {
padding-right: 10px;
}  .signup-step-container {
padding: 50px 0px;
}
.form-base-contact {
padding: 30px;
}  .container-other-member {
padding: 30px;
}
.title-other-member {
font-size: 30px;
} .footer nav {
padding: 0 15px;
}
}
@media (max-width: 1400px) {
.list-info-interview-detail {
padding-left: 120px;
}
}
@media (max-width: 1200px) {
.container-recruitment-interview-detail .container-jump {
height: auto;
}
.info-interview-detail.info-interview-detail-responsive {
width: 100% !important;
margin-top: 50px;
}
.container-recruitment-interview-detail .container-jump .jump-image {
width: 100vw;
height: auto;
}
.container-recruitment-interview-detail .container-jump .jump-image img {
height: auto;
}
.content-recruitment-interview-detail .item-info-interview-detail {
padding-top: 80px;
}
.list-info-interview-detail {
padding-left: 80px;
}
.title-jump {
font-size: 80px !important;
}
}
@media (max-width: 720px) {
.title-jump {
font-size: 50px !important;
}
.container-recruitment-interview-detail .container-jump .info-interview-detail .name-interview {
font-size: 30px;
margin-bottom: 15px;
}
.content-recruitment-interview-detail
.list-info-interview-detail
.item-info-interview-detail
.number-title-item-info-interview-detail {
font-size: 130px !important;
line-height: 130px !important;
top: -70px !important;
left: -90px !important;
}
} @media (max-width: 960px) {
.header-eyecatch__item {
top: 10px;
right: 0;
left: 0;
transform: none;
z-index: 10;
}
.main-visual-inner__content  {
margin-left: 0;
} #benefit-section .l-content.section-inner {
width: calc(100% - 32px);
}
.l-header__inner .hamburger-menu-trigger span {
background-color: #4278BB;
}
.l-header__inner .hamburger-menu-label {
visibility: hidden;
margin-top: -11px;
}
}
@media (max-width: 767px) {
.section-title,
.front-cta__btn .front-cta__mail-btn a,
.solution-box-list[class*="is-title-top-"] .solution-box-detail__title {
font-size: 24px;
line-height: 28px;
}
.front-cta__description {
font-size: 20px;
}
.front-cta__description img {
max-width: 197px;
}
.front-cta__btn .front-cta__mail-btn a {
min-height: 60px;
padding-left: 5px;
padding-right: 5px;
}
.section-header.is-position-sub-title-bottom .section-title::before,
.benefit-box-list.is-title-top .benefit-box-detail-title {
font-size: 16px;
}
#sales-section .section-wrapper,
#aws-section .section-wrapper,
.l-footer .l-footer__inner .l-content {
flex-direction: column;
z-index: auto;
}
.sales-section-col:first-child,
.sales-section-col:last-child {
width: 100%;
}
#aws-section .img {
text-align: center;
}
.main-visual__title {
font-size: 18px;
}
.main-visual-inner__content  {
margin-left: 0;
}
.main-visual__layer,
.main-visual__background {
display: none;
}
.js-main-visual-inner {
position: relative;
}
.header-eyecatch__item {
position: relative;
top: 25px;
right: 0;
left: 0;
transform: none;
z-index: 10;
width: 100%;
}
.main-visual__sub-title img {
width: 300px
}
.bg-header-sp {
display: block;
margin-top: 15px;
}
.bg-header-sp  img {
width: 100%;
}
.main-visual .header-eyecatch .header-eyecatch__item {
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/bg_sp_2.png) center/cover no-repeat;
background-size: contain;
background-position: bottom;
padding-bottom: 68.3%;
}
.main-visual .header-eyecatch {
height: auto;
}
.main-visual-inner__content {
padding: 0 32px;
}
.footer-nav  {
flex-direction: column;
}
.solution-box-list-inner {
padding-top: 6px;
padding-bottom: 6px;
}
.benefit-box-detail-lead,
.info,
#our-strengths .wp-block-column ul li,
.solution-box-detail__description,
.l-footer .l-footer__inner a, 
.copyright,
.main-visual__message {
font-size: 14px;
}
.sales-box-detail p {
font-size: 16px;
}
#menu-footer-nav li {
padding: 0;
}
.l-footer .l-footer__inner li.copyright_ft a {
font-size: 12px;
}
.sales-box-list {
padding-bottom: 12px;
}
.splide__list {
flex-direction: column;
}
.splide__slide_custom {
width: 100%;
margin-right: 0;
margin-top: 32px;
}
}
@media (max-width: 575.98px) {
body .drawer-menu {
position: fixed;
top: 60px;
right: 0;
bottom: auto;
left: 0;
width: 100%;
height: auto;
padding-top: 12px;
padding-bottom: 24px;
padding-right: 16px;
padding-left: 16px;
background-color: #ffffff;
transform: translateX(-100%);
transition: all 1s cubic-bezier(.165,.84,.440,1);
overflow-y: auto;
z-index: 998;
}
body .drawer-overlay {
visibility: hidden;
display: none;
position: fixed;
top: 60px;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
animation: fade 0.5s ease-in 0s 1 normal forwards;
cursor: pointer;
z-index: 997;
}
.is-drawer-open .hamburger-menu .hamburger-menu-trigger {
position: relative;
width: 100%;
height: auto;
background-color: inherit;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-top: 7px;
padding-bottom: 7px;
cursor: pointer;
}
.is-drawer-open .hamburger-menu .hamburger-menu-trigger span {
position: absolute;
display: inline-block;
box-sizing: border-box;
left: 0;
width: 100%;
height: 1px;
border-radius: var(--ema-border-radius-3);
transition: 0.3s cubic-bezier(0,.6,.99,1);
background: #4278BB;
}
.is-drawer-open .hamburger-menu .hamburger-menu-trigger span:nth-of-type(1),
.is-drawer-open .hamburger-menu:hover .hamburger-menu-trigger span:nth-of-type(1) {
transform: translate(0, 9px) rotate(-45deg);
}
.is-drawer-open .hamburger-menu .hamburger-menu-trigger span:nth-of-type(1) {
top: 0;
}
.is-drawer-open .hamburger-menu .hamburger-menu-trigger span:nth-of-type(2) {
opacity: 0;
}
.is-drawer-open .hamburger-menu .hamburger-menu-trigger span:nth-of-type(2) {
top: 8px;
}
.is-drawer-open .hamburger-menu .hamburger-menu-trigger span:nth-of-type(3),
.is-drawer-open .hamburger-menu:hover .hamburger-menu-trigger span:nth-of-type(3) {
transform: translate(0, -4px) rotate(45deg);
}
.is-drawer-open .hamburger-menu .hamburger-menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.hamburger-close-menu {
display: none;
}
.l-header__inner .site-logo img {
height: auto;
width: 159px;
}
.hamburger-menu .hamburger-menu-trigger {
position: relative;
width: 20px;
height: 20px;
}
.hamburger-menu .hamburger-menu-trigger span:nth-of-type(2) {
top: 9px;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.l-content.section-inner {
width: calc(100% - 32px);
}
#benefit-section .section-wrapper {
padding: 0px 32px;
}
.benefit-box-list {
width: calc(50% - 22px);
flex: none;
margin-right: 16px;
margin-bottom: 45px;
}
.benefit-box-list:nth-child(2n) {
margin-right: 0;
} }
@media (min-width: 768px) and (max-width: 1600px) {
.l-header__inner .site-logo img {
height: auto;
}
.l-header__inner .site-logo {
min-width: 190px;
width: 17.395833333333vw;
}
.main-visual .main-visual__sub-title {
margin-top: 10px;
}
.main-visual .main-visual__message {
margin: 10px 0;
}   }
@media (min-width: 1025px) and (max-width: 1600px) {
.benefit-box-list {
width: calc(25% - 2.34375vw);
margin-right: 2.34375vw;
}
.benefit-box-list.is-title-top .benefit-box-detail-title {
font-size: max(1.0416666666667vw, 16px);
}
.benefit-box-detail-lead {
font-size: max(0.83333333333333vw, 14px);
}
}
@media (max-width: 1180px) {
.l-content.section-inner {
width: calc(100% - 32px);
}
}
@media (max-width: 959px) { .hamburger-menu {
position: absolute;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding: 0;
border: none;
outline: none;
border-radius: 0;
background-color: inherit;
cursor: pointer;
}
.l-header__inner .hamburger-menu-trigger span {
background-color: #4278BB;
}
.l-header__inner .hamburger-menu-label {
visibility: hidden;
margin-top: -11px;
}
.hamburger-menu-trigger {
position: relative;
width: 26px;
height: 18px;
}
.hamburger-menu-trigger, .hamburger-menu-trigger span {
display: inline-block;
box-sizing: border-box;
}
.hamburger-menu-trigger span:nth-of-type(1) {
top: 0;
transition: all 0.3s ease;
}
.hamburger-menu-trigger span:nth-of-type(2) {
top: 8px;
}
.hamburger-menu-trigger span:nth-of-type(3) {
bottom: 0;
transition: all 0.3s ease;
}
.hamburger-menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
border-radius: var(--ema-border-radius-3);
background-color: var(--ema-hamburger-menu-color);
}
.l-container .l-header-default.has-border-bottom, .l-container .l-header-center.has-border-bottom, .l-container .l-header-row.has-border-bottom {
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
}
.l-header.is-sticky-sp {
z-index: 201;
background: #fff;
}
}
.drawer-menu {
visibility: hidden;
}
.drawer-menu.is-active {
visibility: visible;
}
.l-container .l-header-default.has-border-bottom, .l-container .l-header-center.has-border-bottom, .l-container .l-header-row.has-border-bottom {
border-bottom: 0;
}
.section-wrapper .sales-box-list {
padding-bottom: 6px;
}
.archive-title {
border: none;
color: #19274b;
font-size: 24px;
font-weight: bold;
letter-spacing: 0.03em;
line-height: 1.48;
margin: 20px 0 20px;
text-align: center;
}
.sidebar .wp-block-heading {
border-bottom: 1px solid #e2e5e8;
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 1.19;
padding-bottom: 8px;
position: relative;
}
.sidebar .wp-block-heading:before {
background: #306fb7;
width: 20px;
height: 2px;
content: "";
display: block;
position: absolute;
bottom: 0;
}
.benefit-box-detail-lead {
text-align: justify;
}
.back-link {
color: #356fb6;
}
.font-italic {
font-style: italic;
}
.site-description {
display: none;
}
.cat-name {
background: #f29418 !important;
padding: 2px 12px;
}
.splide__slide_custom .case-title {
font-size: 16px;
font-weight: normal;
text-align: left;
}
.splide__slide_custom:hover .case-title a {
color: #f29418;
}
.l-footer .l-footer__inner li.copyright_ft a {
cursor: default;
}
.menu-item.copyright_ft a :hover {
color: #fff !important;
}
.widget_block .wp-block-tag-cloud a {
border: 1px solid #306fb7;
color: #306fb7;
font-size: 14px !important;
}
#sales-section .section-wrapper {
max-width: none;
}
#case-section .case-section-btn a {
padding-top: 12px;
padding-bottom: 12px;
font-weight: 700;
}
#case-section .case-section-btn a:after {
content: "";
height: 16px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 16px;
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/icon-chevron-right03.svg) center/cover no-repeat;
}
.splide__slide_custom:nth-child(n+4) {
display: none;
}
.signup-step-container .container {
width: 100%;
max-width: calc(1180px - 32px);
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.signup-step-container .col-md-12 {
position: relative;
width: 100%;
min-height: 1px;
} .c-cta {
align-items: center;
border-radius: 50px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
color: #fff;
display: flex;
font-size: 18px;
font-weight: bold;
justify-content: center;
margin: 0 auto;
padding: 14px 10px;
position: relative;
transition: background-color 0.3s;
width: 260px;
}
.u-bg--blue {
background: #306fb7;
}
.u-bg--orange {
background: #f3951c;
}
.c-cta.u-bg--blue:hover, .c-cta.u-bg--orange:hover {
color: #fff !important;
}
.c-cta--icon-email::before {
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/icon-email.svg) center/cover no-repeat;
content: "";
display: inline-block;
height: 24px;
margin-right: 24px;
vertical-align: middle;
width: 24px;
}
.c-cta--icon-calculator::before {
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/icon-calculator.svg) center/cover no-repeat;
content: "";
display: inline-block;
height: 24px;
margin-right: 24px;
vertical-align: middle;
width: 24px;
}
.c-form__form-item:not(:first-of-type) {
margin-top: 20px;
}
.c-form__title {
color: #fff;
font-size: 24px;
font-weight: bold;
text-align: center;
}
.c-form__text {
color: #fff;
font-size: 18px;
font-weight: bold;
margin-top: 32px;
}
.c-form__form {
background: #fff;
border-radius: 30px;
margin-top: 32px;
padding: 36px 16px;
}
.c-form__form-label {
display: block;
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
.c-form__form-required,
.c-form__form-optional {
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin-left: 15px;
padding: 0 5px;
text-align: center;
width: 50px;
}
.c-form__form-required {
background: #f3951c;
}
.c-form__form-optional {
background: #306fb7;
}
.c-form__form-input {
border: 1px solid #d4d3d3;
border-radius: 4px;
font-size: 15px;
padding: 10px 15px;
}
.c-form__form-radio input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
}
.c-form__form-checkbox input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
}
.mwform-radio-field.vertical-item,
.mwform-checkbox-field.vertical-item {
display: block;
margin-top: 8px;
}
.mwform-radio-field-text {
cursor: pointer;
display: block;
font-weight: bold;
padding-left: 30px;
position: relative;
}
.mwform-radio-field-text::before {
background: #fff;
border: 1px solid #d4d3d3;
border-radius: 50%;
content: "";
display: block;
height: 18px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 18px;
}
.mwform-radio-field-text::after {
background: #f3951c;
border-radius: 50%;
content: "";
display: block;
height: 10px;
left: 4px;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: 0.3s;
width: 10px;
} .mwform-checkbox-field-text::before {
background: #fff;
border: 1px solid #d4d3d3;
content: "";
display: block;
height: 18px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 18px;
}
.mwform-checkbox-field-text::after {
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
bottom: 0;
content: "";
display: block;
height: 4.797px;
left: 3.5px;
margin-top: -4px;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
transform: rotate(-45deg);
width: 9.594px;
}
input[type=radio]:checked + .mwform-radio-field-text::after,
input[type=checkbox]:checked + .mwform-checkbox-field-text::after {
opacity: 1;
}
input[type=radio]:checked + .mwform-radio-field-text::before {
border: 1px solid #f3951c;
}
input[type=checkbox]:checked + .mwform-checkbox-field-text::before {
background: #fff;
border: 1px solid #f3951c;
}
.c-form__form-button {
margin: 32px auto 0;
max-width: 360px;
position: relative;
width: 100%;
}
.c-form__form-icon-email {
height: 24px;
left: 15%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.c-form__form-send {
background: #f3951c !important;
color: #fff;
display: block;
font-size: 20px;
font-weight: bold;
max-width: 360px;
padding: 14px 10px 14px 35px;
width: 100%;
}
.c-form__form-select {
position: relative;
}
.c-form__form-select::after {
border-right: 2px solid #19274b;
border-top: 2px solid #19274b;
content: "";
height: 6px;
pointer-events: none;
position: absolute;
right: 15px;
top: 14px;
transform: rotate(135deg);
width: 6px;
}
.c-form__form-select > select {
background: none;
}
.c-form__form-select .is-empty {
color: #d4d3d3;
}
.c-lp-cta__box {
background: #fff;
border-radius: 20px;
padding: 36px 10px;
}
.c-lp-cta__title {
font-size: 20px;
font-weight: bold;
line-height: 1.5;
text-align: center;
}
.c-lp-cta__buttons {
margin-top: 24px;
}
.c-lp-cta__buttons > .c-lp-cta__button:last-child {
margin-top: 24px;
}
.c-lp-cta__button > .c-cta {
max-width: 360px;
width: 100%;
font-family: var(--font-primary) !important;
}
.p-lp-fv {
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/fv-smp.jpg) center/cover no-repeat;
height: 0;
padding-top: 196%;
position: relative;
width: 100%;
}
.p-lp-fv__inner {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.p-lp-fv__main {
padding: 0 15px;
position: absolute;
top: 4.4%;
}
.p-lp-fv__title {
color: #19274b;
font-size: 9.6vw;
font-weight: bold;
letter-spacing: 0.02em;
line-height: 1.47;
}
.p-lp-fv__title--emphasis {
color: #f3951c;
font-size: 11.2vw;
font-weight: bold;
}
.p-lp-fv__text {
color: #19274b;
font-size: 4.27vw;
font-weight: bold;
letter-spacing: 0;
line-height: 2;
margin-top: 15px;
}
.p-lp-fv__text--mid {
font-size: 6.4vw;
font-weight: bold;
line-height: 1;
}
.p-lp-fv__text--large {
font-size: 9.6vw;
font-weight: bold;
line-height: 1;
}
.p-lp-fv__buttons {
bottom: 4.5%;
left: 50%;
margin-top: 0;
padding: 0 15px;
position: absolute;
transform: translateX(-50%);
width: 100%;
}
.p-lp-fv__button:not(:first-child) {
margin-top: 24px;
}
.p-lp-fv__button > .c-cta {
align-items: center;
display: flex;
max-width: 360px;
padding: 14.5px 12px;
text-align: center;
width: 86.67vw;
font-family: var(--font-primary) !important;
}
.p-lp-fv__button .c-cta--icon-email::before,
.p-lp-fv__button .c-cta--icon-calculator::before {
margin-right: 15px;
}
.l-lp-header {
align-items: center;
background: #fff;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: space-between;
width: 100%;
}
.l-lp-header__items {
align-items: center;
display: flex;
height: 65px;
justify-content: space-between;
}
.l-lp-header__inner {
padding-left: 15px;
}
.l-lp-header__title {
align-items: center;
display: flex;
}
.l-lp-header__text {
display: none;
}
.l-header--fixed {
left: 0;
position: sticky;
right: 0;
top: 0;
width: 100%;
z-index: 20;
}
.l-lp-header__logo {
font-weight: bold;
height: 37px;
width: 169px;
}
.l-lp-header__buttons .l-lp-header__button {
display: none;
}
.l-lp-header__button:not(:first-child) {
margin-left: 24px;
}
.l-lp-header__button > .c-cta {
align-items: center;
display: flex;
font-size: 16px;
margin: 0;
padding: 13px 12px;
text-align: center;
width: 264px;
}
.p-lp-problem__title {
font-size: 24px;
font-weight: bold;
line-height: 1.67;
text-align: center;
}
.p-lp-problem__item {
margin-top: 32px;
}
.p-lp-problem__img-wrapper {
text-align: center;
}
.p-lp-problem__img > img {
width: 48.4%;
}
.p-lp-problem__lists {
margin-top: 32px;
}
.p-lp-problem__list {
background: #fff;
border-radius: 20px 20px 20px 0;
box-shadow: 0 4px 20px rgba(48, 111, 183, 0.15);
margin: 0 auto;
max-width: 400px;
padding: 19px 25px;
}
.p-lp-problem__list:last-child {
margin-top: 18px;
}
.p-lp-problem__list-text {
font-size: 18px;
font-weight: bold;
padding-left: 25px;
position: relative;
}
.p-lp-problem__list-text::before {
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/icon-check02.svg) center/cover no-repeat;
content: "";
height: 16px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 16px;
}
.p-lp-about__title {
font-size: 24px;
font-weight: bold;
line-height: 1.67;
text-align: center;
}
.p-lp-about__title-img01 {
margin-right: 5px;
vertical-align: middle;
width: 113px;
}
.p-lp-about__title-img02 {
margin: 0 5px;
vertical-align: middle;
width: 128px;
}
.p-lp-about__item {
margin-top: 52px;
}
.p-lp-about__img-wrapper {
text-align: center;
}
.p-lp-about__img {
text-align: center;
}
.p-lp-about__img > img {
max-width: 400px;
width: 100%;
}
.p-lp-about__main {
margin-top: 32px;
}
.p-lp-about__main-title {
color: #306fb7;
font-size: 28px;
font-weight: bold;
text-align: center;
}
.p-lp-about__main-title--emphasis {
font-size: 48px;
font-weight: inherit;
line-height: 1;
}
.p-lp-about__main-text {
font-size: 16px;
margin-top: 24px;
}
.p-lp-about__main-text02 {
font-size: 21px;
font-weight: bold;
margin-top: 32px;
}
.p-lp-point__title {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.p-lp-point__title-img {
display: block;
margin: 0 auto;
width: 200px;
}
.p-lp-card__item {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(48, 111, 183, 0.15);
margin: 80px 12px 0;
padding: 60px 24px 38px;
position: relative;
}
.p-lp-card__item-number-wrapper {
left: 50%;
position: absolute;
text-align: center;
top: -21px;
transform: translateX(-50%);
}
.p-lp-card__item-number {
height: 40px;
}
.p-lp-card__item-icon-wrapper {
text-align: center;
}
.p-lp-card__item-icon {
width: 70px;
}
.p-lp-card__item-title {
font-size: 28px;
font-weight: bold;
margin-top: 22px;
text-align: center;
}
.p-lp-card__item-text {
font-size: 16px;
margin-top: 20px;
}
.p-lp-point__astarisk {
margin-top: 40px;
}
.p-lp-addition {
padding: 40px 0;
}
.p-lp-addition__title,
.p-lp-addition__text,
.p-lp-addition__astarisk {
color: #fff;
text-align: center;
}
.p-lp-addition__title {
font-size: 28px;
font-weight: bold;
position: relative;
}
.p-lp-addition__title::before,
.p-lp-addition__title::after {
display: inline-block;
}
.p-lp-addition__title::before {
content: "＼";
padding-right: 5px;
}
.p-lp-addition__title::after {
content: "／";
padding-left: 10px;
}
.p-lp-addition__text {
font-size: 18px;
font-weight: bold;
line-height: 2.22;
margin-top: 24px;
}
.p-lp-addition__astarisk {
font-size: 16px;
margin-top: 17px;
}
.p-lp-step__title {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.p-lp-step__text {
font-size: 18px;
font-weight: bold;
margin-top: 32px;
text-align: center;
}
.p-lp-step__text-img {
margin-right: 5px;
vertical-align: middle;
width: 114px;
}
.p-lp-step__graph-wrapper {
margin-top: 24px;
text-align: center;
}
.p-lp-merit__title {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.p-lp-merit__title--img {
margin-right: 5px;
vertical-align: middle;
width: 200px;
}
.p-lp-merit__menus {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 10px;
}
.p-lp-merit__menu {
align-items: center;
background: #fff;
border-radius: 2px;
box-shadow: 0 4px 20px rgba(48, 111, 183, 0.15);
display: flex;
height: 72px;
justify-content: center;
margin-top: 38px;
position: relative;
width: calc(50% - 6px);
}
.p-lp-merit__menu-number {
left: 0;
position: absolute;
top: -10px;
}
.p-lp-merit__menu-number > img {
height: 22px;
}
.p-lp-merit__menu-text {
font-size: 12px;
font-weight: bold;
line-height: 1.5;
text-align: center;
}
.p-lp-merit__items {
margin-top: 52px;
}
.p-lp-merit__item,
.p-lp-merit__item--type02 {
background: #fff;
border-radius: 20px;
box-shadow: 0 4px 20px rgba(48, 111, 183, 0.15);
margin-top: 32px;
padding: 36px 18px;
}
.p-lp-merit__item-title {
color: #306fb7;
font-size: 24px;
font-weight: bold;
padding-left: 50px;
position: relative;
}
.p-lp-merit__item-number {
display: inline-block;
left: 0;
position: absolute;
top: 2px;
vertical-align: middle;
width: 40px;
}
.p-lp-merit__item-text {
margin-top: 27px;
}
.p-lp-merit__item-img-wrapper {
margin-top: 36px;
text-align: center;
}
.p-lp-merit__item--type02 .p-lp-merit__item-img {
text-align: center;
}
.p-lp-merit__item--type02 .p-lp-merit__item-img > img {
max-width: 250px;
width: 64.93%;
}
.p-lp-merit__item-condition {
margin-top: 36px;
padding: 32px 15px;
}
.p-lp-merit__item-condition-text {
font-weight: 500;
}
.p-lp-merit__item-condition-title {
background: #306fb7;
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: bold;
margin-top: 24px;
padding: 1px 10px;
}
.p-lp-merit__item-condition-list {
font-weight: bold;
margin-top: 16px;
padding-left: 20px;
position: relative;
}
.article-body ul { }
.p-lp-merit__item-condition-list::before {
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/icon-check.svg);
content: "";
height: 16px;
left: 0;
position: absolute;
top: 7px;
width: 16px;
}
.p-lp-merit__item-condition-astarisk {
font-size: 13px;
margin-top: 16px;
text-align: center;
}
.p-lp-merit__item-link {
color: #306fb7;
font-weight: bold;
text-decoration: underline;
}
.p-lp-merit__item-graph-each {
box-shadow: 0 4px 20px rgba(48, 111, 183, 0.15);
display: block;
margin-top: 32px;
}
.p-lp-simulation__title {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.p-lp-simulation__box {
background: #fff;
border-radius: 20px;
box-shadow: 0 4px 20px rgba(48, 111, 183, 0.15);
margin-top: 32px;
padding-bottom: 36px;
}
.p-lp-simulation__box-title {
background: #306fb7;
border-radius: 20px 20px 0 0;
color: #fff;
font-size: 20px;
font-weight: bold;
padding: 24px 0;
text-align: center;
}
.p-lp-simulation__box-title--emphasis {
font-size: 1.6em;
font-weight: inherit;
line-height: 1;
}
.p-lp-simulation__box-main {
padding: 24px 16px;
}
.p-lp-simulation__box-main-title {
font-weight: 500;
text-align: center;
}
.p-lp-simulation__item,
.p-lp-simulation__item--align-center {
border-radius: 20px;
margin-top: 20px;
padding: 32px 9px;
}
.p-lp-simulation__item--align-center {
align-items: center;
}
.p-lp-simulation__item-title {
color: #306fb7;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.p-lp-simulation__item-radio-buttons {
margin-top: 0;
white-space: nowrap;
flex: 1;
margin-left: 15px;
display: flex;
}
.p-lp-simulation__item-radio-label {
display: block;
font-size: 14px;
font-weight: bold;
padding-left: 30px;
position: relative;
margin-right: 15px;
}
.p-lp-simulation__item-radio-label::before {
background: #fff;
border: 1px solid #d4d3d3;
border-radius: 50%;
content: "";
display: block;
height: 18px;
left: 0;
position: absolute;
top: 2px;
width: 18px;
}
.p-lp-simulation__item-radio-label::after {
background: #f3951c;
border-radius: 50%;
content: "";
display: block;
height: 10px;
left: 5px;
opacity: 0;
position: absolute;
top: 7px;
transition: 0.3s;
width: 10px;
}
.p-lp-simulation__item-radio-label:not(:first-of-type) {
margin-top: 0;
}
.p-lp-simulation__item-radio-label .p-lp-simulation__item-radio-label--small {
font-size: 12px;
font-weight: inherit;
}
.p-lp-simulation__item-radio-input {
display: none;
}
.p-lp-simulation__item-radio-input:checked + .p-lp-simulation__item-radio-label::after {
opacity: 1;
}
.p-lp-simulation__item-radio-input:checked + .p-lp-simulation__item-radio-label::before {
border: 1px solid #f3951c;
}
.p-lp-simulation__item-calculate {
margin-top: 24px;
text-align: center;
margin-top: 0;
text-align: left;
display: flex;
align-items: flex-start;
}
.p-lp-simulation__item-calculate-text {
border: 1px solid #d4d3d3;
box-sizing: border-box;
font-size: 16px;
padding: 14px 16px;
width: 85%;
}
.p-lp-simulation__item-calculate-yen {
font-size: 16px;
font-weight: bold;
margin-left: 10px;
vertical-align: bottom;
}
.p-lp-simulation__button {
margin: 15px 15px 0;
}
.p-lp-simulation__button > .c-cta {
margin: 0 auto;
}
.p-lp-simulation__arrow {
padding: 24px 0;
text-align: center;
}
.p-lp-simulation__arrow > img {
width: 32px;
}
.p-lp-simulation__result {
border-radius: 20px;
margin: 0 16px;
padding: 40px 9px;
position: relative;
}
.p-lp-simulation__result-heading-title {
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.p-lp-simulation__result-heading-flex {
align-items: flex-end;
display: flex;
justify-content: center;
margin-top: 24px;
}
.p-lp-simulation__result-input {
border: 1px solid #d4d3d3;
box-sizing: border-box;
font-size: 16px;
padding: 14px 16px;
width: 70%;
}
.p-lp-simulation__result-heading-yen {
color: #fff;
font-size: 16px;
font-weight: bold;
padding-left: 10px;
}
.p-lp-simulation__result-heading-discount {
color: #fff;
font-size: 20px;
font-weight: bold;
padding-left: 3px;
}
.p-lp-simulation__result-icon {
left: 0;
position: absolute;
top: -60px;
width: 100px;
}
.p-lp-simulation__text {
color: #fff;
font-size: 15px;
font-weight: bold;
margin: 24px 0;
text-align: center;
}
.p-lp-simulation__warning {
margin: 24px 16px 0;
}
.p-lp-simulation__warning-title {
background: #306fb7;
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: bold;
padding: 1px 10px;
}
.p-lp-simulation__warning-lists {
margin-top: 16px;
}
.p-lp-simulation__cta > .c-cta {
font-size: 18px;
width: 100%;
}
.p-lp-simulation__error {
color: #f00;
display: none;
font-size: 14px;
text-align: center;
}
.p-lp-simulation__error.is-error {
display: block;
margin-top: 5px;
}
.p-lp-flow__title {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.p-lp-flow__item-wrapper {
margin: 0 auto;
margin-top: 40px;
max-width: 1440px;
position: relative;
width: 100%;
}
.p-lp-flow__item-wrapper::before {
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/bg-flow-smp.png) center/cover no-repeat;
bottom: -50px;
content: "";
height: 57.6vw;
left: 0;
position: absolute;
width: 83.2vw;
z-index: -1;
}
.p-lp-flow__item-title {
color: #306fb7;
font-size: 24px;
font-weight: bold;
line-height: 1;
position: relative;
}
.p-lp-flow__item-number {
filter: drop-shadow(0 10px 15px rgba(21, 37, 71, 0.15));
left: -43px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 36px;
}
.p-lp-flow__item-list {
margin-left: 17px;
padding-left: 25px;
padding-left: 40px !important;
}
.p-lp-flow__item-list:not(:last-child) {
border-left: 1px dotted #cfdff1;
padding-bottom: 38px;
}
.p-lp-flow__item-text {
font-weight: 500;
margin-top: 20px;
}
.p-lp-flow__item-img-wrapper {
margin: 16vw auto 0;
width: 56.27vw;
}
.p-lp-flow__text {
font-size: 14px;
margin-top: 60px;
}
.p-lp-voice__title {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.p-lp-voice__item {
margin-top: 32px;
}
.p-lp-voice__item-img-wrapper {
margin: 0 auto;
text-align: center;
width: 200px;
}
.p-lp-voice__item-main {
margin-top: 32px;
}
.p-lp-voice__item-company-name {
font-size: 18px;
font-weight: bold;
text-align: center;
}
.p-lp-voice__item-text {
margin-top: 15px;
}
.p-lp-voice__logos {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 8px;
}
.p-lp-voice__logo {
margin-top: 24px;
width: calc(50% - 10px);
}
.p-lp-faq__item {
margin-top: 32px;
}
.p-lp-faq__item:first-of-type {
margin-top: 40px;
}
.p-lp-faq__title {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.p-lp-faq__question {
background: #fff;
box-shadow: 0 4px 20px rgba(48, 111, 183, 0.15);
padding: 16px;
}
.p-lp-faq__question-text {
font-size: 16px;
font-weight: bold;
padding-left: 42px;
padding-right: 26px;
position: relative;
margin: 0 !important;
}
.p-lp-faq__question-text::before {
color: #306fb7;
content: "Q.";
font-size: 24px;
font-weight: bold;
left: 0;
line-height: 1;
position: absolute;
top: 1px;
}
.p-lp-faq__question-text::after {
border-right: 3px solid #19274b;
border-top: 3px solid #19274b;
content: "";
display: inline-block;
height: 8px;
position: absolute;
right: 0;
top: 15px;
transform: rotate(135deg);
transition: transform 0.3s;
width: 8px;
}
.p-lp-faq__question-text.is-open::after {
transform: rotate(-45deg);
}
.p-lp-faq__answer {
margin-top: 24px;
}
.p-lp-faq__dl {
margin-top: 24px;
}
.p-lp-faq__heading,
.p-lp-faq__body {
display: flex;
}
.p-lp-faq__body {
align-items: center;
}
.p-lp-faq__dt:first-child,
.p-lp-faq__dd:first-child {
width: 29%;
}
.p-lp-faq__dt:nth-child(2),
.p-lp-faq__dd:nth-child(2) {
margin-left: 1px;
width: 38%;
}
.p-lp-faq__dt:nth-child(3),
.p-lp-faq__dd:nth-child(3) {
margin-left: 1px;
width: 33%;
}
.p-lp-faq__dt {
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 0 5px;
text-align: center;
}
.p-lp-faq__dd {
font-size: 12px;
padding: 2px 8px;
}
.p-lp-faq__dd:nth-child(2) {
font-weight: bold;
}
.p-lp-floating__button,
.p-lp-floating__button--form,
.p-lp-floating__button--simulation {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: bold;
padding: 5.5px 10px;
position: relative;
text-align: center;
width: 50%;
}
.p-lp-floating__button::before,
.p-lp-floating__button--form::before,
.p-lp-floating__button--simulation::before {
content: "";
display: block;
height: 24px;
margin: 0 auto 5px;
text-align: center;
vertical-align: middle;
width: 24px;
}
.p-lp-floating__button--simulation::before {
background: url(//sunnycloudvn.com/wp-content/themes/img/icon/icon-calculator.svg) center/cover no-repeat;
}
.p-lp-floating__button--form::before {
background: url(//sunnycloudvn.com/wp-content/themes/img/icon/icon-email.svg) center/cover no-repeat;
}
@media only screen and (min-width: 375px) {
.c-form__form-icon-email {
left: 20%;
}
}
@media only screen and (min-width: 768px) {
.c-form__title {
font-size: 40px;
}
.c-form__text {
font-size: 24px;
margin-top: 40px;
text-align: center;
}
.c-form__form {
box-sizing: border-box;
margin: 56px auto 0;
max-width: 800px;
padding: 70px 150px;
}
.c-form__form-label {
margin-bottom: 7px;
}
.mwform-checkbox-field-text::after {
margin-top: -4px;
}
.c-form__form-button {
width: 343px;
}
.c-form__form-send {
width: 343px;
}
.c-lp-cta__box {
padding: 61px 10px;
}
.c-lp-cta__title {
font-size: 24px;
}
.c-lp-cta__buttons {
display: flex;
justify-content: center;
margin-top: 45px;
}
.c-lp-cta__buttons > .c-lp-cta__button:last-child {
margin-left: 24px;
margin-top: 0;
}
.c-lp-cta__button > .c-cta {
padding-left: 20px;
padding-right: 20px;
}
.p-lp-fv {
background-image: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/fv.jpg);
padding-top: 36.11%;
min-height: 500px;
}
.p-lp-fv__inner {
margin: 0 auto;
max-width: 1080px;
padding: 0 40px;
}
.p-lp-fv__main {
padding: 0;
top: 9%;
}
.awsvn .p-lp-fv__main {
top: 13%;
}
.p-lp-fv__title {
font-size: 3.61vw;
}
.p-lp-fv__title--emphasis {
font-size: 4.44vw;
}
.p-lp-fv__text {
font-size: 1.67vw;
letter-spacing: 0.02em;
margin-top: 12px;
}
.p-lp-fv__text--mid {
font-size: 2.78vw;
}
.p-lp-fv__text--large {
font-size: 4.44vw;
}
.p-lp-fv__buttons {
bottom: 14.5%;
left: 40px;
padding: 0;
transform: translateX(0);
width: auto;
}
.p-lp-fv__button:not(:first-child) {
margin-left: 24px;
margin-top: 0;
}
.p-lp-fv__button > .c-cta {
font-size: 1.39vw;
margin: 0;
max-width: 100%;
padding: 1.14vw 12px;
width: 23.82vw;
}
.p-lp-fv__button .c-cta--icon-email::before,
.p-lp-fv__button .c-cta--icon-calculator::before {
height: 1.67vw;
margin-right: 1.67vw;
width: 1.67vw;
}
.l-lp-header__inner {
margin: 0 auto;
max-width: 1080px;
padding: 0 40px;
width: 100%;
}
.p-lp-problem__title {
font-size: 40px;
}
.p-lp-problem__item {
align-items: center;
display: flex;
justify-content: center;
margin: 56px auto 0;
max-width: 904px;
}
.p-lp-problem__img-wrapper {
max-width: 316px;
width: 31.6%;
}
.p-lp-problem__img > img {
width: 100%;
}
.p-lp-problem__lists {
margin-left: 24px;
margin-top: 0;
width: calc(68.4% - 24px);
}
.p-lp-problem__list {
margin: 0;
max-width: 494px;
padding: 33px 30px;
text-align: center;
}
.p-lp-problem__list-text {
display: inline-block;
font-size: 22px;
padding-left: 35px;
margin: 0 !important;
}
.p-lp-problem__list-text::before {
height: 25px;
width: 24px;
}
.p-lp-about__title {
font-size: 40px;
}
.p-lp-about__title-img01 {
width: 199px;
}
.p-lp-about__title-img02 {
width: 236px;
}
.p-lp-about__item {
display: flex;
justify-content: space-between;
margin-top: 56px;
}
.p-lp-about__img-wrapper {
width: 32.5%;
}
.p-lp-about__main {
margin-top: 0;
width: 62.5%;
}
.p-lp-about__main-title {
font-size: 28px;
text-align: left;
}
.p-lp-about__main-title--emphasis {
font-size: 60px;
}
.p-lp-about__main-text02 {
font-size: 18px;
}
.p-lp-point__title {
font-size: 40px;
}
.p-lp-point__title-img {
display: inline;
vertical-align: middle;
}
.p-lp-card {
display: flex;
justify-content: space-between;
}
.p-lp-card__item {
margin-left: 0;
margin-right: 0;
width: calc(33.333% - 13.3333333333px);
}
.p-lp-card__item-title {
font-size: 2.34vw;
}
.p-lp-point__astarisk {
text-align: left;
}
.p-lp-addition {
padding: 48px 0;
}
.p-lp-addition__title {
font-size: 40px;
}
.p-lp-addition__text {
font-size: 24px;
line-height: 1.67;
margin-top: 26px;
}
.p-lp-addition__astarisk {
font-size: 18px;
margin-top: 4px;
}
.p-lp-step__title {
font-size: 40px;
}
.p-lp-step__text {
font-size: 24px;
margin-top: 52px;
}
.p-lp-step__text-img {
width: 160px;
}
.p-lp-step__graph-wrapper {
margin: 70px auto 0;
max-width: 800px;
}
.p-lp-merit__title {
font-size: 40px;
}
.p-lp-merit__title--img {
width: 183px;
}
.p-lp-merit__menus {
margin-top: 0;
}
.p-lp-merit__menus {
justify-content: center;
}
.p-lp-merit__menu {
height: 106px;
margin-top: 80px;
width: calc(33.333% - 16px);
margin-left: 8px;
margin-right: 8px;
}
.p-lp-merit__menu-number {
top: -30px;
}
.p-lp-merit__menu-number > img {
height: 40px;
}
.p-lp-merit__menu-text {
font-size: 20px;
}
.p-lp-merit__items {
margin-top: 120px;
}
.p-lp-merit__item,
.p-lp-merit__item--type02 {
margin-top: 56px;
padding: 48px 25px;
}
.p-lp-merit__item-title {
font-size: 25px;
padding-left: 90px;
top: 1px;
}
.p-lp-merit__item-number {
width: 64px;
}
.p-lp-merit__item-text {
font-size: 18px;
margin-top: 40px;
}
.p-lp-merit__item--type02 {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-lp-merit__item--type02 .p-lp-merit__item-img-wrapper {
margin-top: 0;
width: calc(30.97% - 37.5px);
}
.p-lp-merit__item--type02 .p-lp-merit__item-main {
width: calc(69.03% - 37.5px);
}
.p-lp-merit__item--type02 .p-lp-merit__item-img > img {
width: 100%;
}
.p-lp-merit__item-condition {
margin-top: 40px;
padding: 48px 50px;
}
.p-lp-merit__item-condition-list {
font-size: 18px;
margin-top: 12px;
}
.p-lp-merit__item-condition-astarisk {
font-size: 16px;
text-align: left;
}
.p-lp-merit__item-graph {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.p-lp-merit__item-graph-each {
margin-top: 0;
width: calc(50% - 12px);
}
.p-lp-simulation__title {
font-size: 40px;
}
.p-lp-simulation__box {
margin-top: 40px;
padding-bottom: 50px;
}
.p-lp-simulation__box-title {
font-size: 25px;
padding: 30px 0;
}
.p-lp-simulation__box-title--emphasis {
font-size: 1.25em;
}
.p-lp-simulation__box-main {
padding: 48px 40px;
}
.p-lp-simulation__item,
.p-lp-simulation__item--align-center {
display: flex;
justify-content: space-between;
margin-top: 40px;
padding: 45px 20px;
}
.p-lp-simulation__item-title {
width: 35%;
}
.p-lp-simulation__item-radio-buttons,
.p-lp-simulation__item-calculate {
width: 55%;
}
.p-lp-simulation__item-radio-buttons {
margin-top: 0;
white-space: nowrap;
flex: 1;
margin-left: 15px;
display: flex;
}
.p-lp-simulation__item-radio-label {
font-size: 16px;
}
.p-lp-simulation__item-radio-label::before {
top: 3px;
}
.p-lp-simulation__item-radio-label::after {
top: 7px;
}
.p-lp-simulation__item-radio-label .p-lp-simulation__item-radio-label--small {
font-size: 16px;
}
.p-lp-simulation__item-calculate {
margin-top: 0;
text-align: left;
display: flex;
align-items: flex-start;
}
.p-lp-simulation__item-calculate-text {
max-width: 272px;
}
.p-lp-simulation__arrow {
padding: 32px 0;
}
.p-lp-simulation__arrow > img {
width: 42px;
}
.p-lp-simulation__result {
margin: 0 auto;
max-width: 800px;
padding: 40px 12px;
}
.p-lp-simulation__result-heading-title {
font-size: 26px;
}
.p-lp-simulation__result-heading-flex {
align-items: center;
margin: 0 0 0 24px;
white-space: nowrap;
}
.p-lp-simulation__result-input {
max-width: 272px;
}
.p-lp-simulation__result-heading-yen {
font-size: 28px;
}
.p-lp-simulation__result-heading-discount {
font-size: 40px;
}
.p-lp-simulation__result-icon {
left: auto;
right: -48px;
width: 120px;
}
.p-lp-simulation__text {
font-size: 18px;
margin-bottom: 40px;
}
.p-lp-simulation__warning {
margin: 48px auto 0;
max-width: 800px;
}
.p-lp-simulation__cta:not(:first-child) {
margin-left: 0;
}
.p-lp-simulation__cta > .c-cta {
margin-left: auto;
margin-right: auto;
}
.p-lp-flow__title {
font-size: 40px;
}
.p-lp-flow__item-wrapper {
margin-top: 55px;
}
.p-lp-flow__item-wrapper::before {
background-image: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/bg-flow.png);
bottom: 50%;
height: 39.51vw;
max-height: 569px;
max-width: 675px;
transform: translateY(50%);
width: 46.875vw;
}
.p-lp-flow__item {
align-items: center;
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.p-lp-flow__item-main {
padding-left: 24px;
width: calc(55.2% - 23px);
}
.p-lp-flow__item-title {
font-size: 32px;
}
.p-lp-flow__item-number {
left: -65px;
width: 48px;
}
.p-lp-flow__item-list {
margin-left: 0;
padding-left: 40px;
}
.p-lp-flow__item-list:not(:last-child) {
padding-bottom: 10%;
}
.p-lp-flow__item-text {
margin-top: 24px;
}
.p-lp-flow__item-img-wrapper {
margin: 0;
width: calc(44.8% - 23px);
}
.p-lp-flow__text-wrapper {
text-align: center;
}
.p-lp-flow__text {
display: inline-block;
font-size: 16px;
margin-top: 45px;
text-align: left;
}
.p-lp-voice__title {
font-size: 40px;
}
.p-lp-voice__item {
align-items: center;
display: flex;
justify-content: space-between;
margin: 40px auto 0;
max-width: 800px;
}
.p-lp-voice__item-img-wrapper {
width: calc(28% - 24px);
}
.p-lp-voice__item-main {
margin-top: 0;
width: calc(72% - 24px);
}
.p-lp-voice__item-company-name {
font-size: 24px;
text-align: left;
}
.p-lp-voice__logo {
margin-top: 40px;
width: 20.25%;
}
.p-lp-faq__item:first-of-type {
margin-top: 50px;
}
.p-lp-faq__title {
font-size: 40px;
}
.p-lp-faq__question {
padding-left: 24px;
padding-right: 24px;
cursor: pointer;
}
.p-lp-faq__question-text {
font-size: 18px;
}
.p-lp-faq__question-text::after {
top: 9px;
}
.p-lp-faq__question-text.is-open::after {
top: 12px;
}
.p-lp-faq__answer-text {
margin: 0 auto;
max-width: 800px;
width: 100%;
}
.p-lp-faq__dt:first-child,
.p-lp-faq__dd:first-child {
width: 20%;
}
.p-lp-faq__dt:nth-child(2),
.p-lp-faq__dd:nth-child(2) {
margin-left: 2px;
width: 40%;
}
.p-lp-faq__dt:nth-child(3),
.p-lp-faq__dd:nth-child(3) {
margin-left: 2px;
width: 40%;
}
.p-lp-faq__dt {
font-size: 16px;
padding: 10px 16px;
}
.p-lp-faq__dd {
font-size: 14px;
padding: 12px 10px 12px 16px;
}
}
@media only screen and (min-width: 992px) {
.c-lp-cta__button > .c-cta {
width: 343px;
}
.l-lp-header {
box-shadow: none;
display: block;
}
.l-lp-header__items {
height: 95px;
}
.l-lp-header__text {
color: #306fb7;
display: block;
font-size: 14px;
font-weight: bold;
margin-left: 32px;
}
.l-lp-header__logo {
height: auto;
width: 292px;
}
.l-lp-header__buttons {
align-items: center;
display: flex;
}
.l-lp-header__buttons .l-lp-header__button {
display: inline-block;
}
.p-lp-problem__list:last-child {
margin: 24px 0 0 80px;
}
.p-lp-about__img-wrapper {
width: 35%;
}
.p-lp-about__main {
width: 55%;
}
.p-lp-about__main-title {
font-size: 36px;
white-space: nowrap;
}
.p-lp-about__main-title--emphasis {
font-size: 80px;
}
.p-lp-about__main-text02 {
font-size: 24px;
white-space: nowrap;
}
.p-lp-card__item-title {
font-size: 28px;
}
.p-lp-merit__item,
.p-lp-merit__item--type02 {
padding: 48px 100px;
}
.p-lp-simulation__box-main {
padding: 48px 100px;
}
.p-lp-simulation__item,
.p-lp-simulation__item--align-center {
padding: 45px 50px;
}
.p-lp-simulation__result-heading {
align-items: center;
display: flex;
justify-content: center;
}
}
@media only screen and (min-width: 1280px) {
.p-lp-merit__item-title {
white-space: nowrap;
}
}
@media only screen and (min-width: 1440px) {
.p-lp-fv {
height: 520px;
padding-top: 0;
}
.p-lp-fv__title {
font-size: 52px;
}
.p-lp-fv__title--emphasis {
font-size: 64px;
}
.p-lp-fv__text {
font-size: 24px;
}
.p-lp-fv__text--mid {
font-size: 40px;
}
.p-lp-fv__text--large {
font-size: 64px;
}
.p-lp-fv__buttons {
font-size: 52px;
}
.p-lp-fv__button > .c-cta {
font-size: 20px;
padding: 16px 12px;
width: 343px;
}
.p-lp-fv__button > .c-cta {
font-size: 18px;
}
.p-lp-fv__button .c-cta--icon-email::before,
.p-lp-fv__button .c-cta--icon-calculator::before {
height: 24px;
margin-right: 24px;
width: 24px;
}
}
.p-lp-fv__img-sunny-pay {
width: 160px;
vertical-align: baseline;
margin-right: 5px;
}
.u-color--blue {
color: #306fb7;
}
.u-color--orange {
color: #f3951c;
}
.u-bg--lightblue {
background: #f7fbff;
}
.l-inner {
margin: 0 auto;
max-width: 1080px;
padding: 0 15px;
width: 100%;
}
.article-body .p-lp-problem ol, .article-body .p-lp-problem ul {
list-style: none;
list-style-type: none;
}
.p-service__movie {
width: 100%;
text-align: center;
margin-top: 30px;
}
.p-service__movie iframe {
width: 100%;
height: 287px;
border-radius: 20px;
}
.u-font-bold {
font-weight: bold;
}
.p-lp-simulation__result-heading-head {
font-size: 16px;
color: #fff;
font-weight: bold;
padding-right: 10px;
white-space: nowrap;
}
.p-lp-faq__answer-text.is-head {
font-weight: 700;
margin-top: 2em;
margin-bottom: 0.6em;
}
.c-floating {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 100;
}
.c-floating__buttons {
display: flex;
}
.p-lp-floating__button--simulation::before {
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/icon-calculator.svg) center/cover no-repeat;
}
.p-lp-floating__button--form::before {
background: url(//sunnycloudvn.com/wp-content/themes/emanon-business/assets/images/icon-email.svg) center/cover no-repeat;
}
.p-lp-simulation__item-radio-label::after {
left: 4px;
}
.c-accordion__content {
display: none;
}
.article-body ol.p-lp-flow__item-lists {
list-style: none;
}
@media(min-width: 992px) {
.p-lp-simulation__result-heading {
display: block;
}
.p-lp-simulation__result-heading-title {
font-size: 20px;
}
}
@media(min-width: 768px) {
.p-lp-fv__img-sunny-pay {
width: 200px;
}
.u-hidden-pc {
display: none;
}
.l-section {
padding: 64px 0;
}
.l-inner {
padding: 0 40px;
}
.p-service__movie {
margin: 30px 0;
text-align: center;
}
.p-service__movie iframe {
width: 716px;
height: 400px;
border-radius: 20px;
}
.p-lp-simulation__result-heading-head {
font-size: 28px;
margin-top: 8px;
}
.c-floating {
display: none;
}
}
.l-section {
padding: 40px 0;
width: 100%;
}
.l-contents .article-body ul {
list-style-position: outside;
}
.awsvn .c-cta--icon-calculator::before {
margin-right: 10px;
}
.awsvn .c-cta--icon-email::before {
margin-right: 10px;
}
.awsvn .l-lp-header__button > .c-cta {
font-size: 14px;
width: 295px;
font-family: var(--font-primary) !important;
}
.p-lp-fv__title--blue {
color: #306fb7;
font-weight: bold;
}
#gnav ul {
list-style: none;
}
@media only screen and (min-width: 768px) {
.awsvn .p-lp-fv__button > .c-cta,
.awsvn .c-cta {
font-size: 16px;
}
.awsvn .p-lp-fv__title {
font-size: 5.61vw;
color: #306fb7;
}
.awsvn .p-lp-fv__title--emphasis .p-lp-about__title-img01 {
width: 150px;
}
.awsvn .p-lp-fv__main {
text-align: center;
width: 65%;
}
.awsvn .p-lp-fv__title--emphasis,
.awsvn .p-lp-fv__text--large {
font-size: 2.44vw;
}
.awsvn .p-lp-fv__title--emphasis {
font-weight: 300;
color: #606368;
margin-bottom: 5px;
margin-top: 10px;
font-size: 28px;
font-size: max(1.6vw, 30px);
}
.awsvn .p-lp-fv__text {
font-weight: 300;
font-size: 18px;
width: 76%;
margin: 0 auto;
line-height: 1.5;
color: #606368;
}
.awsvn .p-lp-fv__buttons {
bottom: 10.5%;
left: 40px;
padding: 0;
transform: translateX(0);
width: auto;
}
.awsvn .p-lp-flow__item-title {
font-size: 22px;
}
.awsvn .p-lp-merit__menu-text {
padding-top: 30px;
font-size: 18px;
}
.awsvn .p-lp-about__main-title {
font-size: 24px;
white-space: inherit;
}
.awsvn .p-lp-about__main-title--emphasis {
font-size: 40px;
}
.awsvn .p-lp-about__main-text02 {
font-size: 18px;
white-space: inherit;
}
.awsvn .l-lp-header__button:not(:first-child) {
margin-left: 14px;
}
}
@media only screen and (min-width: 1440px) {
.awsvn .p-lp-fv__title {
font-size: 80px;
}
.awsvn .p-lp-fv__text--large  {
font-size: 40px;
}
}
.l-container .l-footer {
background: #356fb6;
}
.l-footer .footer-widget-box p {
font-size: 16px;
color: #fff;
font-weight: bold;
}
.l-footer .copyright {
text-align: left;
}
.footer-widget .widget_nav_menu h3 {
border-bottom: 0;
color: #fff;
margin-top: 20px;
font-size: 22px;
}
.footer-widget .column-3 {
width: calc(21% - 24px);
}
.footer-widget .column-3:first-child {
margin-right: 150px;
width: calc(43% - 150px);
}
.footer-widget .column-3:last-child {
margin-right: 24px;
width: calc(15% - 24px);
display: flex;
justify-content: flex-end;
padding-top: 20px;
}
.l-footer .wp-block-social-links .wp-social-link a {
font-size: 30px;
}
.wizard-inner .connecting-line, .wizard-inner .nav-tabs {
display: none;
}
.wizard-inner .contact-header .page-title {
font-size: 40px;
color: #f3951c;
margin-bottom: 15px;
}
.l-footer .l-footer__inner .copyright a {
font-size: 12px;
}
.footer-widget .menu li:first-child a {
margin-top: 10px;
font-size: 22px;
}
.footer-widget .column-3:first-child .wp-block-image img {
max-width: 400px;
}
.footer-widget .column-3:first-child .wp-block-image {
text-align: left;
}
.footer-widget .column-3:last-child .wp-block-image img {
max-width: 100px;
}
@media only screen and (max-width: 767px) {
.footer-widget .column-3 {
width: calc(50% - 24px);
}
.footer-widget .column-3:first-child {
margin-right: 0px;
width: 100%;
}
.footer-widget .column-3:first-child .wp-block-image {
text-align: left;
}
.footer-widget .column-3:first-child .wp-block-image img {
max-width: 300px;
}
.footer-widget .column-3:last-child {
width: 100%;
justify-content: flex-start;
}
.footer-widget .column-3:last-child .wp-block-image img {
max-width: 75px;
}
.awsvn .p-lp-fv__title--emphasis {
font-size: 5.2vw;
}
.awsvn .p-lp-fv__title {
font-size: 8.6vw;
color: #306fb7;
}
}
.p-lp-simulation__warning .p-lp-simulation__warning-lists {
list-style: none;
}
.awsvn .p-lp-fv__main {
font-family: Calibri, san-serif;
}
.awsvn .p-lp-fv__title--emphasis span {
font-weight: 700;
font-style: italic;
}
.awsvn .p-lp-fv__text {
color: #606368;
font-weight: 400;
font-style: italic;
}
.awsvn .p-lp-fv__title--emphasis {
color: #606368;
font-weight: 200;
}
  body {
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Segoe UI", "メイリオ", "Meiryo", sans-serif;
font-size: var( --ema-font-size-m );
font-weight: normal;
font-variant-ligatures: none;
word-wrap : break-word;
overflow-wrap : break-word;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
line-height: 1.6;
max-width: 100%;
min-width: 100%;
overflow-x: clip;
color: var( --ema-text_color);
background-color: #f8f8f8;
}
h1 {
font-weight: bold;
font-size: var( --ema-font-size-l3 );
clear: both;
}
h2 {
font-weight: bold;
font-size: var( --ema-font-size-l2 );
clear: both;
}
h3,
h4 {
font-weight: bold;
font-size: var( --ema-font-size-l1 );
clear: both;
}
h5,
h6 {
font-weight: bold;
font-size: var( --ema-font-size-m );
clear: both;
}
b, strong, .strong {
font-weight: bold;
}
dfn,
cite,
em {
font-style: italic;
}
hr {
height: 2px;
border: 0;
background-color: #e5e7e8;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
blockquote {
position: relative;
display: block;
margin: 0;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 32px;
padding-left: 32px;
line-height: 1.8;
font-size: var( --ema-font-size-s1 );
}
blockquote::before {
content: "\e937";
position: absolute;
top: 6px;
left: 14px;
font-family: "icomoon";
font-size: var( --ema-font-size-s1 );
color: #828990;
}
blockquote >:first-child {
margin-top: 0;
}
blockquote >* {
margin-top: 16px;
}
blockquote cite {
display: block;
margin-top: 16px;
font-size: var( --ema-font-size-s2 );
color: #484848;
}
pre {
overflow: auto;
white-space: pre;
text-align: left;
font-size: var( --ema-font-size-s1 );
}
abbr[title] {
text-decoration: underline;
}
ins {
text-decoration: none;
}
small,
.small {
font-size: var( --ema-font-size-s3 );
}
code {
font-family: monospace, serif;
}
label {
cursor: pointer;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
textarea {
-webkit-appearance: none;
appearance: none;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 12px;
padding-left: 12px;
width: 100%;
border-radius: var(--ema-border-radius-3);
background-color: #ffffff;
border: 1px solid #b8bcc0;
transition: all 0.2s ease-in;
letter-spacing: 0.04em;
font-family: inherit;
font-size: var( --ema-font-size-m );
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
outline: 0;
}
input[type="color"] {
border-radius: var(--ema-border-radius-3);
border: 1px solid #b8bcc0;
}
input[type="range"] {
-webkit-appearance: none;
appearance: none;
background-color: #b8bcc0;
height: 2px;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 8px;
}
input[type="file"] {
-webkit-appearance: none;
appearance: none;
margin: 8px 0;
width: 100%;
}
input[type="button"],
input[type="submit"] {
position: relative;
display:block;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 32px;
padding-left: 32px;
border: none;
text-align: center;
letter-spacing: 0.04em;
font-family: inherit;
font-size: var( --ema-font-size-s1 );
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease;
-webkit-appearance: button;
appearance: button;
}
button {
position: relative;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.3s ease;
letter-spacing: 0.04em;
font-family: inherit;
font-size: var( --ema-font-size-s1 );
text-transform: none;
-webkit-appearance: button;
appearance: button;
}
select {
padding-right: 8px;
padding-left: 8px;
width: 100%;
height: 32px;
background-color: #ffffff;
border: 1px solid #b8bcc0;
border-radius: var(--ema-border-radius-3);
letter-spacing: 0.04em;
font-family: inherit;
font-size: var( --ema-font-size-m );
text-transform: none;
-webkit-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none;
}
input[type="search"],
textarea {
width: 100%;
font-family: inherit;
font-size: var( --ema-font-size-m );
}
iframe {
vertical-align:bottom;
} a {
text-decoration: none;
color: var(--ema-link-color);
}
a:hover {
transition: all 0.3s ease;
color: var(--ema-link-hover);
cursor: pointer;
}
a:active,
a:hover {
outline: 0;
} table thead th {
padding: 8px 12px;
background-color:#fafafa;
font-weight: bold;
}
table th {
padding: 8px 12px;
background-color: #fafafa;
border: 1px solid #b8bcc0;
vertical-align: middle;
font-weight: bold;
}
table td {
padding: 8px 12px;
vertical-align: middle;
border: 1px solid #b8bcc0;
}
table caption {
letter-spacing: 1px;
font-size: var( --ema-font-size-s3 );
} input {
font-size: var( --ema-font-size-s1 );
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
appearance: none;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 12px;
padding-left: 12px;
width: 100%;
border-radius: var(--ema-border-radius-3);
background-color: #ffffff;
border: 1px solid #e5e7e8;
transition: all 0.2s ease-in;
letter-spacing: 0.04em;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
border: 1px solid var(--ema-link-hover);
outline: 0;
}
input[type="search"]:focus + .search-submit, input[type="search"]:focus + .wp-block-search__button {
background-color: var(--ema-link-hover);
border-color: var(--ema-link-hover);
color: #ffffff;
}
input[type="file"] {
margin: 8px 0;
width: 100%;
appearance: none;
}
input[type="submit"] {
padding-top: 6px;
padding-bottom: 6px;
padding-right: 32px;
padding-left: 32px;
line-height: 1.4;
letter-spacing: 0.04em;
border: none;
border-radius: var(--ema-btn-corner);
background-color: #9b8d77;
transition: all 0.3s ease 0s;
appearance: none;
color: #ffffff;
cursor: pointer;
}
.is-btn-shape-thick input[type="submit"] {
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}
textarea {
overflow: auto;
vertical-align: top;
}
select {
padding: 8px;
width: 100%;
background-color: #ffffff;
border: solid 1px #e5e7e8;
border-radius: 1px;
appearance: none;
}
select::-ms-expand {
display: none;
}
button {
appearance: button;
}
.search-form {
position: relative;
}
.search-form .search-submit {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
border: 0;
background: #ffffff;
}
.search-form .search-submit .icon-search {
font-size: var( --ema-font-size-l1 );
color: #303030;
} .fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
animation: fa-spin 2s infinite linear
}
.fa-pulse {
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(359deg)
}
}
.fa-rotate-90 {
transform: rotate(90deg)
}
.fa-rotate-180 {
transform: rotate(180deg)
}
.fa-rotate-270 {
transform: rotate(270deg)
}
.fa-flip-horizontal {
transform: scale(-1, 1)
}
.fa-flip-vertical {
transform: scale(1, -1)
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-remove:before, .fa-close:before, .fa-close:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-gear:before, .fa-cog:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-rotate-right:before, .fa-repeat:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-close-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-close-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-warning:before, .fa-exclamation-triangle:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-gears:before, .fa-cogs:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-feed:before, .fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before, .fa-users:before {
content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-save:before, .fa-floppy-o:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-unsorted:before, .fa-sort:before {
content: "\f0dc"
}
.fa-sort-down:before, .fa-sort-desc:before {
content: "\f0dd"
}
.fa-sort-up:before, .fa-sort-asc:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
content: "\f0e2"
}
.fa-legal:before, .fa-gavel:before {
content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-flash:before, .fa-bolt:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-paste:before, .fa-clipboard:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-unlink:before, .fa-chain-broken:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
content: "\f150"
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
content: "\f151"
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
content: "\f152"
}
.fa-euro:before, .fa-eur:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
content: "\f155"
}
.fa-rupee:before, .fa-inr:before {
content: "\f156"
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
content: "\f157"
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
content: "\f158"
}
.fa-won:before, .fa-krw:before {
content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-turkish-lira:before, .fa-try:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
content: "\f19c"
}
.fa-mortar-board:before, .fa-graduation-cap:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper-pp:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
content: "\f1c5"
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
content: "\f1c6"
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
content: "\f1d0"
}
.fa-ge:before, .fa-empire:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
content: "\f1d7"
}
.fa-send:before, .fa-paper-plane:before {
content: "\f1d8"
}
.fa-send-o:before, .fa-paper-plane-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-diamond:before {
content: "\f219"
}
.fa-ship:before {
content: "\f21a"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-venus:before {
content: "\f221"
}
.fa-mars:before {
content: "\f222"
}
.fa-mercury:before {
content: "\f223"
}
.fa-intersex:before, .fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-genderless:before {
content: "\f22d"
}
.fa-facebook-official:before {
content: "\f230"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-server:before {
content: "\f233"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-times:before {
content: "\f235"
}
.fa-hotel:before, .fa-bed:before {
content: "\f236"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-train:before {
content: "\f238"
}
.fa-subway:before {
content: "\f239"
}
.fa-medium:before {
content: "\f23a"
}
.fa-yc:before, .fa-y-combinator:before {
content: "\f23b"
}
.fa-optin-monster:before {
content: "\f23c"
}
.fa-opencart:before {
content: "\f23d"
}
.fa-expeditedssl:before {
content: "\f23e"
}
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
content: "\f240"
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
content: "\f241"
}
.fa-battery-2:before, .fa-battery-half:before {
content: "\f242"
}
.fa-battery-1:before, .fa-battery-quarter:before {
content: "\f243"
}
.fa-battery-0:before, .fa-battery-empty:before {
content: "\f244"
}
.fa-mouse-pointer:before {
content: "\f245"
}
.fa-i-cursor:before {
content: "\f246"
}
.fa-object-group:before {
content: "\f247"
}
.fa-object-ungroup:before {
content: "\f248"
}
.fa-sticky-note:before {
content: "\f249"
}
.fa-sticky-note-o:before {
content: "\f24a"
}
.fa-cc-jcb:before {
content: "\f24b"
}
.fa-cc-diners-club:before {
content: "\f24c"
}
.fa-clone:before {
content: "\f24d"
}
.fa-balance-scale:before {
content: "\f24e"
}
.fa-hourglass-o:before {
content: "\f250"
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
content: "\f251"
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
content: "\f252"
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
content: "\f253"
}
.fa-hourglass:before {
content: "\f254"
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
content: "\f255"
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
content: "\f256"
}
.fa-hand-scissors-o:before {
content: "\f257"
}
.fa-hand-lizard-o:before {
content: "\f258"
}
.fa-hand-spock-o:before {
content: "\f259"
}
.fa-hand-pointer-o:before {
content: "\f25a"
}
.fa-hand-peace-o:before {
content: "\f25b"
}
.fa-trademark:before {
content: "\f25c"
}
.fa-registered:before {
content: "\f25d"
}
.fa-creative-commons:before {
content: "\f25e"
}
.fa-gg:before {
content: "\f260"
}
.fa-gg-circle:before {
content: "\f261"
}
.fa-tripadvisor:before {
content: "\f262"
}
.fa-odnoklassniki:before {
content: "\f263"
}
.fa-odnoklassniki-square:before {
content: "\f264"
}
.fa-get-pocket:before {
content: "\f265"
}
.fa-wikipedia-w:before {
content: "\f266"
}
.fa-safari:before {
content: "\f267"
}
.fa-chrome:before {
content: "\f268"
}
.fa-firefox:before {
content: "\f269"
}
.fa-opera:before {
content: "\f26a"
}
.fa-internet-explorer:before {
content: "\f26b"
}
.fa-tv:before, .fa-television:before {
content: "\f26c"
}
.fa-contao:before {
content: "\f26d"
}
.fa-500px:before {
content: "\f26e"
}
.fa-amazon:before {
content: "\f270"
}
.fa-calendar-plus-o:before {
content: "\f271"
}
.fa-calendar-minus-o:before {
content: "\f272"
}
.fa-calendar-times-o:before {
content: "\f273"
}
.fa-calendar-check-o:before {
content: "\f274"
}
.fa-industry:before {
content: "\f275"
}
.fa-map-pin:before {
content: "\f276"
}
.fa-map-signs:before {
content: "\f277"
}
.fa-map-o:before {
content: "\f278"
}
.fa-map:before {
content: "\f279"
}
.fa-commenting:before {
content: "\f27a"
}
.fa-commenting-o:before {
content: "\f27b"
}
.fa-houzz:before {
content: "\f27c"
}
.fa-vimeo:before {
content: "\f27d"
}
.fa-black-tie:before {
content: "\f27e"
}
.fa-fonticons:before {
content: "\f280"
}
.fa-reddit-alien:before {
content: "\f281"
}
.fa-edge:before {
content: "\f282"
}
.fa-credit-card-alt:before {
content: "\f283"
}
.fa-codiepie:before {
content: "\f284"
}
.fa-modx:before {
content: "\f285"
}
.fa-fort-awesome:before {
content: "\f286"
}
.fa-usb:before {
content: "\f287"
}
.fa-product-hunt:before {
content: "\f288"
}
.fa-mixcloud:before {
content: "\f289"
}
.fa-scribd:before {
content: "\f28a"
}
.fa-pause-circle:before {
content: "\f28b"
}
.fa-pause-circle-o:before {
content: "\f28c"
}
.fa-stop-circle:before {
content: "\f28d"
}
.fa-stop-circle-o:before {
content: "\f28e"
}
.fa-shopping-bag:before {
content: "\f290"
}
.fa-shopping-basket:before {
content: "\f291"
}
.fa-hashtag:before {
content: "\f292"
}
.fa-bluetooth:before {
content: "\f293"
}
.fa-bluetooth-b:before {
content: "\f294"
}
.fa-percent:before {
content: "\f295"
}
.fa-gitlab:before {
content: "\f296"
}
.fa-wpbeginner:before {
content: "\f297"
}
.fa-wpforms:before {
content: "\f298"
}
.fa-envira:before {
content: "\f299"
}
.fa-universal-access:before {
content: "\f29a"
}
.fa-wheelchair-alt:before {
content: "\f29b"
}
.fa-question-circle-o:before {
content: "\f29c"
}
.fa-blind:before {
content: "\f29d"
}
.fa-audio-description:before {
content: "\f29e"
}
.fa-volume-control-phone:before {
content: "\f2a0"
}
.fa-braille:before {
content: "\f2a1"
}
.fa-assistive-listening-systems:before {
content: "\f2a2"
}
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
content: "\f2a3"
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
content: "\f2a4"
}
.fa-glide:before {
content: "\f2a5"
}
.fa-glide-g:before {
content: "\f2a6"
}
.fa-signing:before, .fa-sign-language:before {
content: "\f2a7"
}
.fa-low-vision:before {
content: "\f2a8"
}
.fa-viadeo:before {
content: "\f2a9"
}
.fa-viadeo-square:before {
content: "\f2aa"
}
.fa-snapchat:before {
content: "\f2ab"
}
.fa-snapchat-ghost:before {
content: "\f2ac"
}
.fa-snapchat-square:before {
content: "\f2ad"
}
.fa-pied-piper:before {
content: "\f2ae"
}
.fa-first-order:before {
content: "\f2b0"
}
.fa-yoast:before {
content: "\f2b1"
}
.fa-themeisle:before {
content: "\f2b2"
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
content: "\f2b3"
}
.fa-fa:before, .fa-font-awesome:before {
content: "\f2b4"
}
.fa-handshake-o:before {
content: "\f2b5"
}
.fa-envelope-open:before {
content: "\f2b6"
}
.fa-envelope-open-o:before {
content: "\f2b7"
}
.fa-linode:before {
content: "\f2b8"
}
.fa-address-book:before {
content: "\f2b9"
}
.fa-address-book-o:before {
content: "\f2ba"
}
.fa-vcard:before, .fa-address-card:before {
content: "\f2bb"
}
.fa-vcard-o:before, .fa-address-card-o:before {
content: "\f2bc"
}
.fa-user-circle:before {
content: "\f2bd"
}
.fa-user-circle-o:before {
content: "\f2be"
}
.fa-user-o:before {
content: "\f2c0"
}
.fa-id-badge:before {
content: "\f2c1"
}
.fa-drivers-license:before, .fa-id-card:before {
content: "\f2c2"
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
content: "\f2c3"
}
.fa-quora:before {
content: "\f2c4"
}
.fa-free-code-camp:before {
content: "\f2c5"
}
.fa-telegram:before {
content: "\f2c6"
}
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
content: "\f2c7"
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
content: "\f2c8"
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
content: "\f2c9"
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
content: "\f2ca"
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
content: "\f2cb"
}
.fa-shower:before {
content: "\f2cc"
}
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
content: "\f2cd"
}
.fa-podcast:before {
content: "\f2ce"
}
.fa-window-maximize:before {
content: "\f2d0"
}
.fa-window-minimize:before {
content: "\f2d1"
}
.fa-window-restore:before {
content: "\f2d2"
}
.icon-close-rectangle:before, .fa-window-close:before {
content: "\f2d3"
}
.icon-close-rectangle-o:before, .fa-window-close-o:before {
content: "\f2d4"
}
.fa-bandcamp:before {
content: "\f2d5"
}
.fa-grav:before {
content: "\f2d6"
}
.fa-etsy:before {
content: "\f2d7"
}
.fa-imdb:before {
content: "\f2d8"
}
.fa-ravelry:before {
content: "\f2d9"
}
.fa-eercast:before {
content: "\f2da"
}
.fa-microchip:before {
content: "\f2db"
}
.fa-snowflake-o:before {
content: "\f2dc"
}
.fa-superpowers:before {
content: "\f2dd"
}
.fa-wpexplorer:before {
content: "\f2de"
}
.fa-meetup:before {
content: "\f2e0"
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
} [class^="icon-"], [class*="icon-"] { font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-triangle::before {
content: "\e9bc";
}
.icon-train::before {
content: "\e9bd";
}
.icon-portrait::before {
content: "\e9be";
}
.icon-piano::before {
content: "\e9bf";
}
.icon-park::before {
content: "\e9c0";
}
.icon-mic::before {
content: "\e9c1";
}
.icon-lunch_dining::before {
content: "\e9c2";
}
.icon-luggage::before {
content: "\e9c3";
}
.icon-error::before {
content: "\e9c4";
}
.icon-checkroom::before {
content: "\e9c5";
}
.icon-celebration::before {
content: "\e9c6";
}
.icon-auto_awesome::before {
content: "\e9c7";
}
.icon-database::before {
content: "\e95f";
}
.icon-package::before {
content: "\e9b9";
}
.icon-settings::before {
content: "\e9ba";
}
.icon-tool::before {
content: "\e9bb";
}
.icon-scissors::before {
content: "\e995";
}
.icon-briefcase::before {
content: "\e996";
}
.icon-users::before {
content: "\e997";
}
.icon-tv::before {
content: "\e998";
}
.icon-wifi::before {
content: "\e999";
}
.icon-flag::before {
content: "\e99a";
}
.icon-bell::before {
content: "\e99d";
}
.icon-calendar::before {
content: "\e99e";
}
.icon-compass::before {
content: "\e99f";
}
.icon-cloud-drizzle::before {
content: "\e9a0";
}
.icon-cloud-lightning::before {
content: "\e9a1";
}
.icon-cloud-rain::before {
content: "\e9a2";
}
.icon-cloud-snow::before {
content: "\e9a3";
}
.icon-cloud::before {
content: "\e9a4";
}
.icon-sun::before {
content: "\e9a6";
}
.icon-sunrise::before {
content: "\e9a7";
}
.icon-sunset::before {
content: "\e9a8";
}
.icon-moon::before {
content: "\e9a9";
}
.icon-wind::before {
content: "\e9aa";
}
.icon-umbrella::before {
content: "\e9ab";
}
.icon-eye::before {
content: "\e9ac";
}
.icon-clipboard::before {
content: "\e9ad";
}
.icon-file-text::before {
content: "\e9ae";
}
.icon-file::before {
content: "\e9af";
}
.icon-folder::before {
content: "\e9b0";
}
.icon-camera::before {
content: "\e9b1";
}
.icon-video::before {
content: "\e9b2";
}
.icon-film::before {
content: "\e9b3";
}
.icon-image::before {
content: "\e9b4";
}
.icon-refresh-ccw::before {
content: "\e9b5";
}
.icon-trending-down::before {
content: "\e9b6";
}
.icon-trending-up::before {
content: "\e9b7";
}
.icon-music::before {
content: "\e9b8";
}
.icon-menu::before {
content: "\e950";
}
.icon-controller::before {
content: "\e91f";
}
.icon-palette::before {
content: "\e904";
}
.icon-brush::before {
content: "\e920";
}
.icon-hammer::before {
content: "\e91d";
}
.icon-cake::before {
content: "\e905";
}
.icon-diamond::before {
content: "\e906";
}
.icon-storefront::before {
content: "\e907";
}
.icon-menu-book::before {
content: "\e908";
}
.icon-deck::before {
content: "\e909";
}
.icon-bar::before {
content: "\e90a";
}
.icon-restaurant::before {
content: "\e90b";
}
.icon-big-pot::before {
content: "\e912";
}
.icon-smoking-rooms::before {
content: "\e90c";
}
.icon-smoke-free::before {
content: "\e90d";
}
.icon-child-friendly::before {
content: "\e90e";
}
.icon-globe::before {
content: "\e98f";
}
.icon-flight::before {
content: "\e90f";
}
.icon-bathtub::before {
content: "\e910";
}
.icon-hotel::before {
content: "\e911";
}
.icon-alarm::before {
content: "\e921";
}
.icon-power-off::before {
content: "\e913";
}
.icon-power::before {
content: "\e914";
}
.icon-battery-full::before {
content: "\e915";
}
.icon-watch::before {
content: "\e916";
}
.icon-glasses::before {
content: "\e917";
}
.icon-fitness::before {
content: "\e918";
}
.icon-scale::before {
content: "\e919";
}
.icon-t-shirt::before {
content: "\e990";
}
.icon-dress::before {
content: "\e91a";
}
.icon-key::before {
content: "\e991";
}
.icon-work::before {
content: "\e91b";
}
.icon-couch::before {
content: "\e91c";
}
.icon-wc::before {
content: "\e91e";
}
.icon-travel-walk::before {
content: "\e992";
}
.icon-wheelchair::before {
content: "\e922";
}
.icon-keyboard::before {
content: "\e923";
}
.icon-table::before {
content: "\e927";
}
.icon-thermometer::before {
content: "\e993";
}
.icon-droplet::before {
content: "\e924";
}
.icon-printer::before {
content: "\e925";
}
.icon-close::before {
content: "\e926";
}
.icon-arrow-down-left::before {
content: "\e981";
}
.icon-arrow-down-right::before {
content: "\e982";
}
.icon-arrow-up-left::before {
content: "\e983";
}
.icon-arrow-up-right::before {
content: "\e984";
}
.icon-plus::before {
content: "\e985";
}
.icon-minus::before {
content: "\e986";
}
.icon-check-circle1::before {
content: "\e928";
}
.icon-check-square1::before {
content: "\e929";
}
.icon-chevron-circle-left::before {
content: "\e92a";
}
.icon-chevron-circle-right::before {
content: "\e92b";
}
.icon-chevron-circle-up::before {
content: "\e92c";
}
.icon-chevron-circle-down::before {
content: "\e92d";
}
.icon-circle::before {
content: "\e903";
}
.icon-circle-regular::before {
content: "\e902";
}
.icon-dot-circle-solid::before {
content: "\e900";
}
.icon-dot-circle-regular::before {
content: "\e901";
}
.icon-seedling::before {
content: "\e92e";
}
.icon-clover::before {
content: "\e92f";
}
.icon-favorite-border::before {
content: "\e930";
}
.icon-favorite::before {
content: "\e93d";
}
.icon-question::before {
content: "\e931";
}
.icon-question-circle::before {
content: "\e932";
}
.icon-dollar-sign::before {
content: "\e933";
}
.icon-yen-sign::before {
content: "\e934";
}
.icon-credit-card::before {
content: "\e935";
}
.icon-layout::before {
content: "\e94d";
}
.icon-trash::before {
content: "\e94e";
}
.icon-location::before {
content: "\e994";
}
.icon-quote-right::before {
content: "\e936";
}
.icon-quote-left::before {
content: "\e937";
}
.icon-server::before {
content: "\e938";
}
.icon-paw::before {
content: "\e939";
}
.icon-security::before {
content: "\e94f";
}
.icon-striped::before {
content: "\e93a";
}
.icon-ribbon::before {
content: "\e93b";
}
.icon-award::before {
content: "\e93c";
}
.icon-trophy::before {
content: "\e93e";
}
.icon-gift::before {
content: "\e975";
}
.icon-coffee::before {
content: "\e976";
}
.icon-office::before {
content: "\e95d";
}
.icon-user::before {
content: "\e961";
}
.icon-monitor::before {
content: "\e95e";
}
.icon-laptop::before {
content: "\e957";
}
.icon-mobile::before {
content: "\e958";
}
.icon-tablet::before {
content: "\e95a";
}
.icon-refresh-cw::before {
content: "\e93f";
}
.icon-chevron-left::before {
content: "\e940";
}
.icon-chevron-right::before {
content: "\e941";
}
.icon-chevron-up::before {
content: "\e942";
}
.icon-chevron-down::before {
content: "\e943";
}
.icon-arrow-left::before {
content: "\e944";
}
.icon-arrow-right::before {
content: "\e945";
}
.icon-arrow-up::before {
content: "\e946";
}
.icon-arrow-down::before {
content: "\e947";
}
.icon-read-arrow-left::before {
content: "\e948";
}
.icon-read-arrow-right::before {
content: "\e94c";
}
.icon-corner-right-up::before {
content: "\e949";
}
.icon-corner-left-down::before {
content: "\e94a";
}
.icon-corner-up-left::before {
content: "\e94b";
}
.icon-corner-down-right::before {
content: "\e951";
}
.icon-search::before {
content: "\e960";
}
.icon-arrow-left-circle::before {
content: "\e952";
}
.icon-arrow-right-circle::before {
content: "\e953";
}
.icon-arrow-up-circle::before {
content: "\e954";
}
.icon-arrow-down-circle::before {
content: "\e955";
}
.icon-check-circle::before {
content: "\e956";
}
.icon-check-square::before {
content: "\e959";
}
.icon-checkmark::before {
content: "\ea10";
}
.icon-upload::before {
content: "\e95b";
}
.icon-download::before {
content: "\e95c";
}
.icon-chart-bar::before {
content: "\e962";
}
.icon-stats-dots::before {
content: "\e99b";
}
.icon-stats-bars::before {
content: "\e99c";
}
.icon-chart-area::before {
content: "\e963";
}
.icon-pie-chart::before {
content: "\e964";
}
.icon-clock::before {
content: "\e965";
}
.icon-hand-point-right::before {
content: "\e966";
}
.icon-hand-point-down::before {
content: "\e967";
}
.icon-bubbles::before {
content: "\e970";
}
.icon-bubble-right::before {
content: "\e968";
}
.icon-bubble-left::before {
content: "\e96e";
}
.icon-edit::before {
content: "\e969";
}
.icon-edit-2::before {
content: "\e96a";
}
.icon-bookmark::before {
content: "\e96b";
}
.icon-external-link::before {
content: "\e96c";
}
.icon-link::before {
content: "\e96d";
}
.icon-paperclip::before {
content: "\e96f";
}
.icon-lock::before {
content: "\e971";
}
.icon-mail::before {
content: "\e972";
}
.icon-phone::before {
content: "\e973";
}
.icon-send::before {
content: "\e974";
}
.icon-smile::before {
content: "\e9e1";
}
.icon-neutral::before {
content: "\e9f7";
}
.icon-sad::before {
content: "\e9e5";
}
.icon-star-empty::before {
content: "\e9d7";
}
.icon-star-half::before {
content: "\e9d8";
}
.icon-star-full::before {
content: "\e9d9";
}
.icon-alert-triangle::before {
content: "\e977";
}
.icon-alert-circle::before {
content: "\e978";
}
.icon-x-circle::before {
content: "\e979";
}
.icon-copyright::before {
content: "\e97a";
}
.icon-shopping-cart::before {
content: "\e97b";
}
.icon-truck::before {
content: "\e97c";
}
.icon-qrcode::before {
content: "\e97d";
}
.icon-insert-template::before {
content: "\ea72";
}
.icon-grid::before {
content: "\e97e";
}
.icon-share::before {
content: "\e97f";
}
.icon-map-pin::before {
content: "\e980";
}
.icon-sphere::before {
content: "\e9c9";
}
.icon-lightbulb::before {
content: "\e987";
}
.icon-home::before {
content: "\e988";
}
.icon-rocket::before {
content: "\e9a5";
}
.icon-crown::before {
content: "\e989";
}
.icon-bullhorn::before {
content: "\e98a";
}
.icon-twitter::before {
content: "\ea96";
}
.icon-facebook-square::before {
content: "\e98b";
}
.icon-facebook::before {
content: "\ea90";
}
.icon-youtube-square::before {
content: "\ea9d";
}
.icon-youtube::before {
content: "\ea9e";
}
.icon-instagram::before {
content: "\ea92";
}
.icon-hatena-square::before {
content: "\e98c";
}
.icon-pocket::before {
content: "\e98d";
}
.icon-line::before {
content: "\e98e";
}
.icon-pinterest::before {
content: "\ead1";
}
.icon-linkedin::before {
content: "\eaca";
}
.icon-rss::before {
content: "\ea9b";
}
.icon-wordpress::before {
content: "\eab4";
}
.icon-hatena:before {
content: "B!";
font-family: "Quicksand","Arial",sans-serif;
font-weight: bold;
} .icon-triangle-after::after {
content: "\e9bc";
}
.icon-train-after::after {
content: "\e9bd";
}
.icon-portrait-after::after {
content: "\e9be";
}
.icon-piano-after::after {
content: "\e9bf";
}
.icon-park-after::after {
content: "\e9c0";
}
.icon-mic-after::after {
content: "\e9c1";
}
.icon-lunch_dining-after::after {
content: "\e9c2";
}
.icon-luggage-after::after {
content: "\e9c3";
}
.icon-error-after::after {
content: "\e9c4";
}
.icon-checkroom-after::after {
content: "\e9c5";
}
.icon-celebration-after::after {
content: "\e9c6";
}
.icon-auto_awesome-after::after {
content: "\e9c7";
}
.icon-database-after::after {
content: "\e95f";
}
.icon-package-after::after {
content: "\e9b9";
}
.icon-settings-after::after {
content: "\e9ba";
}
.icon-tool-after::after {
content: "\e9bb";
}
.icon-scissors-after::after {
content: "\e995";
}
.icon-briefcase-after::after {
content: "\e996";
}
.icon-users-after::after {
content: "\e997";
}
.icon-tv-after::after {
content: "\e998";
}
.icon-wifi-after::after {
content: "\e999";
}
.icon-flag-after::after {
content: "\e99a";
}
.icon-bell-after::after {
content: "\e99d";
}
.icon-calendar-after::after {
content: "\e99e";
}
.icon-compass-after::after {
content: "\e99f";
}
.icon-cloud-drizzle-after::after {
content: "\e9a0";
}
.icon-cloud-lightning-after::after {
content: "\e9a1";
}
.icon-cloud-rain-after::after {
content: "\e9a2";
}
.icon-cloud-snow-after::after {
content: "\e9a3";
}
.icon-cloud-after::after {
content: "\e9a4";
}
.icon-sun-after::after {
content: "\e9a6";
}
.icon-sunrise-after::after {
content: "\e9a7";
}
.icon-sunset-after::after {
content: "\e9a8";
}
.icon-moon-after::after {
content: "\e9a9";
}
.icon-wind-after::after {
content: "\e9aa";
}
.icon-umbrella-after::after {
content: "\e9ab";
}
.icon-eye-after::after {
content: "\e9ac";
}
.icon-clipboard-after::after {
content: "\e9ad";
}
.icon-file-text-after::after {
content: "\e9ae";
}
.icon-file-after::after {
content: "\e9af";
}
.icon-folder-after::after {
content: "\e9b0";
}
.icon-camera-after::after {
content: "\e9b1";
}
.icon-video-after::after {
content: "\e9b2";
}
.icon-film-after::after {
content: "\e9b3";
}
.icon-image-after::after {
content: "\e9b4";
}
.icon-refresh-ccw-after::after {
content: "\e9b5";
}
.icon-trending-down-after::after {
content: "\e9b6";
}
.icon-trending-up-after::after {
content: "\e9b7";
}
.icon-music-after::after {
content: "\e9b8";
}
.icon-menu-after::after {
content: "\e950";
}
.icon-controller-after::after {
content: "\e91f";
}
.icon-palette-after::after {
content: "\e904";
}
.icon-brush-after::after {
content: "\e920";
}
.icon-hammer-after::after {
content: "\e91d";
}
.icon-cake-after::after {
content: "\e905";
}
.icon-diamond-after::after {
content: "\e906";
}
.icon-storefront-after::after {
content: "\e907";
}
.icon-menu-book-after::after {
content: "\e908";
}
.icon-deck-after::after {
content: "\e909";
}
.icon-bar-after::after {
content: "\e90a";
}
.icon-restaurant-after::after {
content: "\e90b";
}
.icon-big-pot-after::after {
content: "\e912";
}
.icon-smoking-rooms-after::after {
content: "\e90c";
}
.icon-smoke-free-after::after {
content: "\e90d";
}
.icon-child-friendly-after::after {
content: "\e90e";
}
.icon-globe-after::after {
content: "\e98f";
}
.icon-flight-after::after {
content: "\e90f";
}
.icon-bathtub-after::after {
content: "\e910";
}
.icon-hotel-after::after {
content: "\e911";
}
.icon-alarm-after::after {
content: "\e921";
}
.icon-power-off-after::after {
content: "\e913";
}
.icon-power-after::after {
content: "\e914";
}
.icon-battery-full-after::after {
content: "\e915";
}
.icon-watch-after::after {
content: "\e916";
}
.icon-glasses-after::after {
content: "\e917";
}
.icon-fitness-after::after {
content: "\e918";
}
.icon-scale-after::after {
content: "\e919";
}
.icon-t-shirt-after::after {
content: "\e990";
}
.icon-dress-after::after {
content: "\e91a";
}
.icon-key-after::after {
content: "\e991";
}
.icon-work-after::after {
content: "\e91b";
}
.icon-couch-after::after {
content: "\e91c";
}
.icon-wc-after::after {
content: "\e91e";
}
.icon-travel-walk-after::after {
content: "\e992";
}
.icon-wheelchair-after::after {
content: "\e922";
}
.icon-keyboard-after::after {
content: "\e923";
}
.icon-table-after::after {
content: "\e927";
}
.icon-thermometer-after::after {
content: "\e993";
}
.icon-droplet-after::after {
content: "\e924";
}
.icon-printer-after::after {
content: "\e925";
}
.icon-close-after::after {
content: "\e926";
}
.icon-arrow-down-left-after::after {
content: "\e981";
}
.icon-arrow-down-right-after::after {
content: "\e982";
}
.icon-arrow-up-left-after::after {
content: "\e983";
}
.icon-arrow-up-right-after::after {
content: "\e984";
}
.icon-plus-after::after {
content: "\e985";
}
.icon-minus-after::after {
content: "\e986";
}
.icon-check-circle1-after::after {
content: "\e928";
}
.icon-check-square1-after::after {
content: "\e929";
}
.icon-chevron-circle-left-after::after {
content: "\e92a";
}
.icon-chevron-circle-right-after::after {
content: "\e92b";
}
.icon-chevron-circle-up-after::after {
content: "\e92c";
}
.icon-chevron-circle-down-after::after {
content: "\e92d";
}
.icon-circle-after::after {
content: "\e903";
}
.icon-circle-regular-after::after {
content: "\e902";
}
.icon-dot-circle-solid-after::after {
content: "\e900";
}
.icon-dot-circle-regular-after::after {
content: "\e901";
}
.icon-seedling-after::after {
content: "\e92e";
}
.icon-clover-after::after {
content: "\e92f";
}
.icon-favorite-border-after::after {
content: "\e930";
}
.icon-favorite-after::after {
content: "\e93d";
}
.icon-question-after::after {
content: "\e931";
}
.icon-question-circle-after::after {
content: "\e932";
}
.icon-dollar-sign-after::after {
content: "\e933";
}
.icon-yen-sign-after::after {
content: "\e934";
}
.icon-credit-card-after::after {
content: "\e935";
}
.icon-layout-after::after {
content: "\e94d";
}
.icon-trash-after::after {
content: "\e94e";
}
.icon-location-after::after {
content: "\e994";
}
.icon-quote-right-after::after {
content: "\e936";
}
.icon-quote-left-after::after {
content: "\e937";
}
.icon-server-after::after {
content: "\e938";
}
.icon-paw-after::after {
content: "\e939";
}
.icon-security-after::after {
content: "\e94f";
}
.icon-striped-after::after {
content: "\e93a";
}
.icon-ribbon-after::after {
content: "\e93b";
}
.icon-award-after::after {
content: "\e93c";
}
.icon-trophy-after::after {
content: "\e93e";
}
.icon-gift-after::after {
content: "\e975";
}
.icon-coffee-after::after {
content: "\e976";
}
.icon-office-after::after {
content: "\e95d";
}
.icon-user-after::after {
content: "\e961";
}
.icon-monitor-after::after {
content: "\e95e";
}
.icon-laptop-after::after {
content: "\e957";
}
.icon-mobile-after::after {
content: "\e958";
}
.icon-tablet-after::after {
content: "\e95a";
}
.icon-refresh-cw-after::after {
content: "\e93f";
}
.icon-chevron-left-after::after {
content: "\e940";
}
.icon-chevron-right-after::after {
content: "\e941";
}
.icon-chevron-up-after::after {
content: "\e942";
}
.icon-chevron-down-after::after {
content: "\e943";
}
.icon-arrow-left-after::after {
content: "\e944";
}
.icon-arrow-right-after::after {
content: "\e945";
}
.icon-arrow-up-after::after {
content: "\e946";
}
.icon-arrow-down-after::after {
content: "\e947";
}
.icon-read-arrow-left-after::after {
content: "\e948";
}
.icon-read-arrow-right-after::after {
content: "\e94c";
}
.icon-corner-right-up-after::after {
content: "\e949";
}
.icon-corner-left-down-after::after {
content: "\e94a";
}
.icon-corner-up-left-after::after {
content: "\e94b";
}
.icon-corner-down-right-after::after {
content: "\e951";
}
.icon-search-after::after {
content: "\e960";
}
.icon-arrow-left-circle-after::after {
content: "\e952";
}
.icon-arrow-right-circle-after::after {
content: "\e953";
}
.icon-arrow-up-circle-after::after {
content: "\e954";
}
.icon-arrow-down-circle-after::after {
content: "\e955";
}
.icon-check-circle-after::after {
content: "\e956";
}
.icon-check-square-after::after {
content: "\e959";
}
.icon-checkmark-after::after {
content: "\ea10";
}
.icon-upload-after::after {
content: "\e95b";
}
.icon-download-after::after {
content: "\e95c";
}
.icon-chart-bar-after::after {
content: "\e962";
}
.icon-stats-dots-after::after {
content: "\e99b";
}
.icon-stats-bars-after::after {
content: "\e99c";
}
.icon-chart-area-after::after {
content: "\e963";
}
.icon-pie-chart-after::after {
content: "\e964";
}
.icon-clock-after::after {
content: "\e965";
}
.icon-hand-point-right-after::after {
content: "\e966";
}
.icon-hand-point-down-after::after {
content: "\e967";
}
.icon-bubbles-after::after {
content: "\e970";
}
.icon-bubble-right-after::after {
content: "\e968";
}
.icon-bubble-left-after::after {
content: "\e96e";
}
.icon-edit-after::after {
content: "\e969";
}
.icon-edit-2-after::after {
content: "\e96a";
}
.icon-bookmark-after::after {
content: "\e96b";
}
.icon-external-link-after::after {
content: "\e96c";
}
.icon-link-after::after {
content: "\e96d";
}
.icon-paperclip-after::after {
content: "\e96f";
}
.icon-lock-after::after {
content: "\e971";
}
.icon-mail-after::after {
content: "\e972";
}
.icon-phone-after::after {
content: "\e973";
}
.icon-send-after::after {
content: "\e974";
}
.icon-smile-after::after {
content: "\e9e1";
}
.icon-neutral-after::after {
content: "\e9f7";
}
.icon-sad-after::after {
content: "\e9e5";
}
.icon-star-empty-after::after {
content: "\e9d7";
}
.icon-star-half-after::after {
content: "\e9d8";
}
.icon-star-full-after::after {
content: "\e9d9";
}
.icon-alert-triangle-after::after {
content: "\e977";
}
.icon-alert-circle-after::after {
content: "\e978";
}
.icon-x-circle-after::after {
content: "\e979";
}
.icon-copyright-after::after {
content: "\e97a";
}
.icon-shopping-cart-after::after {
content: "\e97b";
}
.icon-truck-after::after {
content: "\e97c";
}
.icon-qrcode-after::after {
content: "\e97d";
}
.icon-insert-template-after::after {
content: "\ea72";
}
.icon-grid-after::after {
content: "\e97e";
}
.icon-share-after::after {
content: "\e97f";
}
.icon-map-pin-after::after {
content: "\e980";
}
.icon-sphere-after::after {
content: "\e9c9";
}
.icon-lightbulb-after::after {
content: "\e987";
}
.icon-home-after::after {
content: "\e988";
}
.icon-rocket-after::after {
content: "\e9a5";
}
.icon-crown-after::after {
content: "\e989";
}
.icon-bullhorn-after::after {
content: "\e98a";
}
.icon-twitter-after::after {
content: "\ea96";
}
.icon-facebook-square-after::after {
content: "\e98b";
}
.icon-facebook-after::after {
content: "\ea90";
}
.icon-youtube-square-after::after {
content: "\ea9d";
}
.icon-youtube-after::after {
content: "\ea9e";
}
.icon-instagram-after::after {
content: "\ea92";
}
.icon-hatena-square-after::after {
content: "\e98c";
}
.icon-pocket-after::after {
content: "\e98d";
}
.icon-line-after::after {
content: "\e98e";
}
.icon-pinterest-after::after {
content: "\ead1";
}
.icon-linkedin-after::after {
content: "\eaca";
}
.icon-rss-after::after {
content: "\ea9b";
}
.icon-wordpress-after::after {
content: "\eab4";
}
.icon-hatena-after::after {
content: "B!";
font-family: "Quicksand","Arial",sans-serif;
font-weight: bold;
}  .home.align-wide-layout .alignfull,
.front-page-widget .alignfull {
position: relative;
left: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
vertical-align: bottom;
}
.home.align-wide-layout .alignwide,
.front-page-widget .alignwide,
.front-page-widget-inner {
position: relative;
max-width: 100vw;
vertical-align: bottom;
}
@media screen and (min-width: 768px) {
.home.align-wide-layout .alignwide,
.front-page-widget .alignwide,
.front-page-widget-inner {
left: calc(50% - 380px);
width: 760px;
}
}
@media screen and (min-width: 960px) {
.home.align-wide-layout .alignwide,
.front-page-widget .alignwide,
.front-page-widget-inner {
left: calc(50% - 480px);
width: 960px;
}
}
@media screen and (min-width: 1200px) {
.home.align-wide-layout .alignwide,
.front-page-widget .alignwide,
.front-page-widget-inner {
left: calc(50% - 560px);
width: 1120px;
}
} .is-no_sidebar .alignfull {
position: relative;
left: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
}
.is-no_sidebar .alignwide {
position: relative;
max-width: 100vw;
}
@media screen and (min-width: 768px) {
.is-no_sidebar .alignwide {
left: calc(50% - 380px);
width: 760px;
}
}
@media screen and (min-width: 960px) {
.is-no_sidebar .alignwide {
left: calc(50% - 480px);
width: 960px;
}
}
@media screen and (min-width: 1200px) {
.is-no_sidebar .alignwide {
left: calc(50% - 560px);
width: 1120px;
}
} .footer-section .alignfull {
position: relative;
left: calc(50% - 50vw);
width: 100vw;
max-width: 100vw;
}
.footer-section .alignwide {
position: relative;
max-width: 100vw;
}
@media screen and (min-width: 768px) {
.footer-section .alignwide {
left: calc(50% - 380px);
width: 760px;
}
}
@media screen and (min-width: 960px) {
.footer-section .alignwide {
left: calc(50% - 480px);
width: 960px;
}
}
@media screen and (min-width: 1200px) {
.footer-section .alignwide {
left: calc(50% - 560px);
width: 1120px;
}
} h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding-right: 16px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
border-radius: var(--ema-border-radius-3);
box-sizing: border-box;
} p.has-background:not([class*="is-style-paragraph__"]) {
padding-right: 16px;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
border-radius: var(--ema-border-radius-3);
box-sizing: border-box;
} .wp-block-media-text__media img,
.wp-block-media-text__media video{
vertical-align: bottom;
height: auto;
} .wp-block-image {
margin-bottom: 0 !important;
text-align: center;
}
.wp-block-image::after {
content: "";
display: block;
clear: both;
}
.wp-block-image.alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.wp-block-image.alignright {
float: right;
margin: 0.5em 0 0.5em 1em;
}
.wp-block-image.aligncenter {
margin-left: auto;
margin-right: auto;
} .wp-block-separator {
border-top: none;
border-bottom: none;
height: 2px;
}
.wp-block-separator:not(.is-style-dots):not(.is-style-wide):not(.alignwide) {
margin-left: auto;
margin-right: auto;
max-width: 215px;
} .wp-block-embed {
margin: auto;
max-width: 100%;
}
.wp-block-embed.alignleft {
margin-right: 1rem;
}
.wp-block-embed.alignright {
margin-left: 1rem;
}
.wp-block-embed iframe {
max-width: 100%;
}
.alignwide.wp-block-embed,
.alignfull.wp-block-embed {
max-width: 100%;
} @media screen and (max-width: 599px) {
.wp-block-embed  blockquote {
padding: 0;
}
} @media screen and (min-width: 600px) {
.wp-block-embed[class*="is-type-"]:not(.is-type-wp-embed):not(.is-type-video) {
max-width: 480px;
}
.wp-block-embed__wrapper .twitter-tweet {
max-width: 480px !important;
}
.wp-block-embed-wordpres {
text-align: center;
}
.twitter-tweet-rendered {
margin-right: auto !important;
margin-left: auto !important;
}
} .wp-embed-aspect-4-3 .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.wp-embed-aspect-9-16 .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 75%;
}
.wp-block-embed-slideshare.wp-embed-aspect-1-1 .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.wp-block-embed-slideshare.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .wp-block-search .wp-block-search__label {
display: block;
margin-bottom: 8px;
letter-spacing: 0.1em;
font-size: var( --ema-font-size-s1 );
}
.wp-block-search .wp-block-search__input {
height: 32px;
outline: 0;
}
.wp-block-search .wp-block-search__button {
padding: 0.125em 0.5em;
letter-spacing: 0.1em;
font-size: var( --ema-font-size-s3 );
border: 1px solid #b8bcc0;
box-shadow: none;
width: 60px;
transition: all 0.2s ease-in;
}
.wp-block-search .wp-block-search__button svg {
transform: rotateY( 180deg );
height: 22px;
}
.wp-block-search__button-outside .wp-block-search__input {
border-radius: var(--ema-border-radius-3);
background-color: #ffffff;
border: 1px solid #b8bcc0;
}
.wp-block-search__button-outside .wp-block-search__button {
position: relative;
height: 32px;
border-radius: var(--ema-border-radius-3);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 4px;
border-radius: var(--ema-border-radius-3);
background-color: #ffffff;
border: 1px solid #b8bcc0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border-radius: var(--ema-border-radius-0);
border: none;
}
.wp-block-search__button-inside .wp-block-search__button {
border-radius: var(--ema-border-radius-3);
} .wp-block-pullquote {
position: relative;
margin-left: 16px;
margin-right: 16px;
padding: 0 !important
}
.wp-block-pullquote p {
line-height: 1.8;
font-size: 1.4rem !important;
}
.wp-block-pullquote cite {
text-align: center;
}
.wp-block-pullquote blockquote::after {
content: "\f10e";
position: absolute;
right: 6px;
bottom: 14px;
font-family: "FontAwesome";
font-size: var( --ema-font-size-s1 );
color: #828990;
}
.wp-block-pullquote.is-style-default {
border-top: 2px solid #e5e7e8;
border-bottom: 2px solid #e5e7e8;
text-align: left;
}
.wp-block-pullquote.is-style-solid-color {
background-color: #f8f8f8;
text-align: left;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
} .wp-block-quote {
margin-left: 8px;
margin-right: 8px;
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 32px;
padding-left: 32px;
background-color: #f8f8f8;
border-radius: var(--ema-border-radius-3);
}
@media screen and (min-width: 600px) {
.wp-block-quote {
margin-left: 16px;
margin-right: 16px;
}
}
.wp-block-quote p {
font-style: normal;
}
.wp-block-quote cite {
display: block;
margin-top: 16px;
font-size: var( --ema-font-size-s1 );
color: #484848;
} .wp-block-preformatted {
margin-left: 8px;
margin-right: 8px;
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 32px;
padding-left: 32px;
background-color: #f8f8f8;
border: solid 1px #e5e7e8;
border-radius: var(--ema-border-radius-3);
font-size: var( --ema-font-size-s1 );
}
@media screen and (min-width: 600px) {
.wp-block-preformatted {
margin-left: 16px;
margin-right: 16px;
}
} .wp-block-table {
margin: 40px 0 0;
}
.wp-block-table td,
.wp-block-table th,
.wp-block-table tr {
border-color: #b8bcc0;
} .wp-social-link {
margin-right: 16px;
}
.wp-social-link:last-child {
margin-right: 0;
}
.wp-social-link a {
color: #ffffff;
} .wp-block-code {
padding: 24px;
background-color: #e5e7e8;
font-family: monospace;
} .wp-block-gallery {
margin: 32px;
} body .is-layout-flex {
display: flex;
flex-wrap: wrap;
} .wp-block-button .wp-block-button__link {
display: block;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 32px;
padding-left: 32px;
line-height: 1.4;
letter-spacing: 0.04em;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.wp-block-button:not(.is-btn-none-effect) .wp-block-button__link {
border-radius: var(--ema-btn-corner);
}
.wp-block-button .wp-block-button__link:hover:not(.has-background) {
color: #fff!important;
}
.is-btn-shape-thick .wp-block-button .wp-block-button__link {
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
} .has-pale-pink-color {
color: #f78da7 !important;
}
.has-vivid-red-color {
color: #cf2e2e !important;
}
.has-luminous-vivid-orange-color {
color: #ff6900 !important;
}
.has-luminous-vivid-amber-color {
color: #fcb900 !important;
}
.has-light-green-cyan-color {
color: #7bdcb5 !important;
}
.has-vivid-green-cyan-color {
color: #00d084 !important;
}
.has-pale-cyan-blue-color {
color: #8ed1fc !important;
}
.has-vivid-cyan-blue-color {
color: #0693e3 !important;
}
.has-very-light-gray-color {
color: #eee !important;
}
.has-very-dark-gray-color {
color: #313131 !important;
} .wp-block-tag-cloud .tag-cloud-link {
display: inline-block;
margin-right: 4px;
margin-top: 8px;
margin-bottom: 4px
}
.wp-block-tag-cloud a,
.wp-block-tag-cloud.is-style-outline a {
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 16px;
padding-left: 16px;
border-radius: var(--ema-border-radius-25);
line-height: 1.8;
transition: all 0.3s ease;
letter-spacing: 0.02em;
text-decoration: none !important;
font-size: var(--ema-font-size-s2);
}
.wp-block-tag-cloud a {
border: solid 1px #e5e7e8;
}
.wp-block-tag-cloud.is-style-outline a {
border: solid 2px #e5e7e8;
}
.wp-block-tag-cloud a:hover,
.wp-block-tag-cloud.is-style-outline a:hover {
border-color: var(--ema-link-hover);
}
.wp-block-tag-cloud .tag-cloud-link::before {
margin-right: 2px;
content: "#";
} .wp-block-latest-posts li {
margin-bottom: 8px;
}
.wp-block-latest-posts li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid li {
margin-right: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 8px;
}
.wp-block-latest-posts.is-grid li:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.wp-block-latest-posts.is-grid li {
margin-right: 16px;
margin-left: 0;
margin-bottom: 16px;
}
.wp-block-latest-posts.columns-2 li:nth-of-type(2n),
.wp-block-latest-posts.columns-3 li:nth-of-type(3n),
.wp-block-latest-posts.columns-4 li:nth-of-type(4n),
.wp-block-latest-posts.columns-5 li:nth-of-type(5n),
.wp-block-latest-posts.columns-6 li:nth-of-type(6n) {
margin-right: 0;
}
.wp-block-latest-posts.is-grid {
margin-right: -16px !important;
}
}
.wp-block-latest-posts a {
display: block;
transition: all 0.3s ease;
}
.wp-block-latest-posts__post-title {
margin-bottom: 4px;
line-height: 1.4;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s1 );
color: #303030;
}
.wp-block-latest-posts.is-grid .wp-block-latest-posts__post-title {
margin-top: 8px;
margin-bottom: 16px;
}
.wp-block-latest-posts__featured-image {
margin-bottom: 8px;
overflow: hidden;
}
.wp-block-latest-posts__featured-image:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts__featured-image img {
transform: scale(1);
transition: all 0.3s ease;
vertical-align: bottom;
}
.wp-block-latest-posts__list li:hover .wp-block-latest-posts__featured-image img {
transform: scale(1.1);
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s3 );
color: #828990;
}
.wp-block-latest-posts__post-excerpt {
margin-top: 4px;
margin-bottom: 0;
line-height: 1.5;
font-size: var( --ema-font-size-s3 );
color: #484848;
} .wp-block-post-template li {
list-style: none;
}
.wp-block-post a:not(:hover) {
color: inherit;
}
.wp-block-post-featured-image a {
position: relative;
overflow: hidden;
}
.wp-block-post-featured-image a img {
display: inline-block;
transform: scale(1);
transition: all 0.3s ease;
vertical-align: bottom;
}
.wp-block-post-featured-image a:hover img {
transform: scale(1.1);
}
.wp-block-post-title {
margin-bottom: 4px;
}
.wp-block-post-date {
margin-bottom: 4px;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s3 );
color: #828990;
}
.has-background.wp-block-post-date {
display: inline-block;
padding: 2px 4px;
border-radius: var(--ema-border-radius-4);
}
.wp-block-post-excerpt__excerpt {
margin-top: 12px;
line-height: 1.5;
font-size: var( --ema-font-size-s3 );
color: #484848;
}
.wp-block-post-excerpt__more-text {
margin-top: 16px;
font-size: var( --ema-font-size-s3 );
}
.wp-block-post-excerpt__more-link {
position: relative;
display:inline-block;
padding: 8px 16px;
box-sizing: border-box;
border-radius: var(--ema-btn-corner);
border: solid 1px var(--ema-btn-background-color);
width: 80%;
text-align: center;
transition: all 0.3s ease;
}
.wp-block-post-excerpt__more-link:hover {
border-radius: 28px;
}
.wp-block-post-excerpt__more-link::after {
content: "\f105";
font-family: "FontAwesome";
margin-left: 4px;
transition: 0.3s ease-in-out;
color: var(--ema-btn-background-color);
}
.wp-block-post-excerpt__more-link:hover::after {
margin-left: 6px;
transition: 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
.wp-block-post-excerpt__more-link {
width: 60%;
}
}
.wp-block-query-pagination {
margin-top: 16px;
}
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
font-size: var( --ema-font-size-s3 );
color: #484848;
}
.wp-block-query-pagination-previous-arrow {
position: relative;
left: 0;
transition: all 0.2s ease-in;
}
.wp-block-query-pagination-next-arrow {
position: relative;
right: 0;
transition: all 0.2s ease-in;
}
.wp-block-query-pagination-previous:hover .wp-block-query-pagination-previous-arrow {
left: -0.7ch;
transition: all 0.2s ease-in;
}
.wp-block-query-pagination-next:hover .wp-block-query-pagination-next-arrow {
right: -0.7ch;
transition: all 0.2s ease-in;
} .wp-block-columns {
margin-bottom: 0;
}
.wp-block-column.is-vertically-aligned-top,
.wp-block-columns.is-vertically-aligned-center {
margin-top: 0;
} .wp-block-rss__item:not(:last-child) {
margin-bottom: 12px;
}
.wp-block-rss__item-title a {
display: block;
transition: all 0.3s ease;
}
.wp-block-rss__item-title:hover a {
transform: translateX(4px);
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
margin-top: 4px;
font-size: var( --ema-font-size-s3 );
color: #828990;
}
.wp-block-rss__item-excerpt {
margin-top: 8px;
font-size: var( --ema-font-size-s1 );
color: #484848;
} .wp-block-media-text__media img {
margin: 0;
}
.wp-block-media-text__content {
padding: 16px 0 16px 0;
}
.wp-block-media-text__content > * {
margin-top: 0 !important;
margin-bottom: 16px !important;
}
@media (max-width: 600px) {
.is-stacked-on-mobile .wp-block-media-text__media {
grid-row: 1 !important;
}
.is-stacked-on-mobile .wp-block-media-text__content {
grid-row: 2 !important;
padding: 16px 0 16px 0;
}
.wp-block-media-text.is-stacked-on-mobile.has-background {
margin-bottom: 32px;
}
.is-stacked-on-mobile.has-background .wp-block-media-text__content {
padding: 16px;
}
} .wp-block-categories,
.wp-block-archives {
position: relative;
width: 100%;
}
.wp-block-categories li,
.wp-block-archives li {
padding-left: 16px;
list-style-type: none;
}
.wp-block-categories > .cat-item a::before,
.wp-block-archives > li a::before {
display: block;
content: "";
position: absolute;
top: 50%;
left: -12px;
width: 4px;
height: 4px;
transform: translateY(-50%);
background-color: #b8bcc0;
border-radius: 100%;
font-weight: bold;
}
.wp-block-categories .children .cat-item {
line-height: 1.8;
font-size: var( --ema-font-size-s3 );
opacity: 0.9;
}
.wp-block-categories .children .cat-item a::before {
display: block;
content: "";
position: absolute;
top: 50%;
left: -12px;
width: 6px;
height: 1px;
transform: translateY(-50%);
background-color: #b8bcc0;
border-radius: 3px;
font-weight: bold;
}
.wp-block-categories li a,
.wp-block-archives li a {
position: relative;
display: block;
line-height: 32px;
transition: all 0.3s ease;
text-decoration: none;
}
.wp-block-categories li a .count,
.wp-block-archives li a .count {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
line-height: 18px;
width: 20px;
border: solid 1px #e5e7e8;
text-align: center;
font-size: var( --ema-font-size-s3 );
color: #b8bcc0;
transition: all 0.3s ease;
}
.wp-block-categories li a:hover .count,
.wp-block-archives li a:hover .count {
border: solid 1px #b8bcc0;
} .wp-block-latest-comments__comment {
transition: all 0.3s ease;
}
.wp-block-latest-comments__comment-link,
.wp-block-latest-comments__comment-author {
display: inline;
padding: 0;
}
.wp-block-latest-comments__comment-link::after,
.wp-block-latest-comments__comment-author::after {
content: "";
} .front-top-widget-box h2,
.front-bottom-widget-box h2 {
font-size: var( --ema-font-size-l1 );
} .footer-widget-box {
margin-bottom: 16px;
}
.footer-widget-box h2,
.footer-widget-box h3,
.footer-widget-box h4,
.footer-widget-box h5,
.footer-widget-box h6 {
font-size: var( --ema-font-size-l1 );
}
.footer-widget-box h3 {
margin-bottom: 8px;
padding-bottom: 8px;
font-size: var( --ema-font-size-l1 );
}
.footer-widget-box select {
border: solid 1px var(--ema-footer-text-color);
color: #757575;
}
.footer-widget-box ol,
.footer-widget-box ul,
.footer-widget-box p,
.footer-widget-box .tagcloud {
line-height: 2;
font-size: var( --ema-font-size-s3 );
}
.footer-widget-box li a {
display: block;
padding: 2px 0;
}
.footer-widget-box .children {
padding: 0;
}
.footer-widget-box .children .cat-item a {
padding: 4px 0px 4px 12px;
}
.footer-widget-box input[type="submit"] {
width: 100%;
margin: 8px 0 0 0;
padding: 8px;
letter-spacing: 2px;
} .c-section-widget {
position: relative;
overflow: hidden;
z-index: 1;
}
.c-section-widget__inner {
position: relative;
padding-top: 48px;
padding-bottom: 48px;
}
.widget_block .c-section-widget__inner {
padding-top: 0;
padding-bottom: 0;
}
.c-section-widget__inner[data-section-padding="large"] {
padding-top: 48px;
padding-bottom: 48px;
}
.c-section-widget__inner[data-section-padding="top-large"] {
padding-top: 48px;
}
.c-section-widget__inner[data-section-padding="bottom-large"] {
padding-bottom: 48px;
}
.c-section-widget__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media screen and (min-width: 600px) {
.c-section-widget__inner {
padding-top: 64px;
padding-bottom: 64px;
}
.c-section-widget__inner[data-section-padding="large"] {
padding-top: 112px;
padding-bottom: 112px;
}
.c-section-widget__inner[data-section-padding="top-large"] {
padding-top: 112px;
}
.c-section-widget__inner[data-section-padding="bottom-large"] {
padding-bottom: 112px;
}
}
.c-section-widget__inner[data-section-padding="top-none"] {
padding-top: 0;
}
.c-section-widget__inner[data-section-padding="bottom-none"] {
padding-bottom: 0;
}
.c-section-widget__inner[data-section-padding="none"] {
padding-top: 0;
padding-bottom: 0;
}
.c-section-widget__header {
position: relative;
margin: auto;
margin-bottom: 32px;
}
@media screen and (min-width: 600px) {
.c-section-widget__header {
margin-bottom: 48px;
}
}
.c-section-widget__title {
letter-spacing: 0.04em;
font-size: var(--ema-font-size-l1 );
}
.c-section-widget__sub-title {
letter-spacing: 0.1em;
font-size: var(--ema-font-size-s1);
font-weight: bold;
color: #484848;
}
.c-section-widget__lead {
margin-top: 32px;
margin-right: auto;
margin-left: auto;
letter-spacing: 0.04em;
}
.c-section-widget__btn {
margin-top: 32px;
text-align: center;
}
.c-section-widget__zindex {
position: relative;
z-index: 100;
}
.c-section-widget__overlay {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
} .widget_banner_section [class*="column-"] {
margin-bottom: 32px;
}
.widget_banner_section [class*="column-"]:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 600px) {
.widget_banner_section .column-6:nth-last-child(2) {
margin-bottom: 0;
}
.widget_banner_section .column-3 {
margin-bottom: 0;
}
}
.banner-box {
position: relative;
}
.banner-box__inner {
position: absolute;
top: 50%;
right: 0;
left: 0;
padding-right: 16px;
padding-left: 16px;
transform: translateY(-50%);
z-index: 2;
}
.banner-box__title {
letter-spacing: 0.1em;
font-size: 1.33333rem;
font-weight: bold;
color: #fff;
}
.banner-box__sub-title {
letter-spacing: 0.04em;
font-size: var(--ema-font-size-s1);
}
.banner-box__description {
margin-top: 8px;
font-size: var(--ema-font-size-s1);
} .link-box a,
.link-box a:hover {
text-decoration: none;
color: #303030;
}
.link-box__item {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 32px;
padding-bottom: 16px;
background-color: #fff;
}
.has-circle-img.link-box__item {
padding-top: 32px;
padding-bottom: 32px;
}
@media screen and (min-width: 600px) {
.u-border-solid.link-box__item,
.has-link.link-box__item {
padding-top: 24px;
padding-bottom: 24px;
}
}
.link-box__item-header {
margin-right: 5%;
}
.link-box__item img {
border-radius: 3px 3px 0 0;
}
.link-box__item-icon {
padding-top: 32px;
font-size: var(--ema-font-size-l5);
}
.link-box__item-icon:first-child {
padding-top: 0;
}
@media screen and (min-width: 600px) {
.link-box__item-icon {
padding-top: 0;
}
}
.link-box__item-title {
padding-top: 16px;
padding-bottom: 24px;
text-align: center;
line-height: 1.5;
letter-spacing: 0.1em;
font-size: 1rem;
}
@media screen and (min-width: 600px) {
.link-box__item-title {
font-size: var(--ema-font-size-l1);
}
}
.link-box__item-description {
font-size: 1rem;
}
.link-box__item-circle img {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 50%;
}
.has-circle-img .link-box__item-circle img {
margin-bottom: 16px;
}
.link-box__list img {
border-radius: 0;
min-width: 60px;
min-height: 60px;
width: 60px;
height: 60px;
}
@media screen and (min-width: 600px) {
.link-box__list img {
min-width: 80px;
min-height: 80px;
width: 80px;
height: 80px;
}
}
.link-box__list .link-box__item-circle img {
object-fit: cover;
border-radius: 50%;
}
.link-box__list .link-box__item-icon {
padding: 0;
text-align: center;
}
.link-box__list .link-box__item-title {
padding-top: 0;
padding-bottom: 2px;
text-align: left;
}
.link-box__list .link-box__item-description {
font-size: var(--ema-font-size-s1);
} .sidebar-icon-menu .widget-icon-menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.sidebar-icon-menu .widget-icon-menu .menu-item {
position: relative;
width: 50%;
line-height: 1.5;
overflow: hidden;
}
.sidebar-icon-menu .widget-icon-menu .menu-item:nth-child(even) {
margin-right: 0;
}
.sidebar-icon-menu .widget-icon-menu .menu-item a {
display: block;
padding: 16px;
text-decoration: none;
}
.sidebar-icon-menu .widget-icon-menu .menu-item a:hover {
background-color: #eeeff0;
transition: all 0.3s ease;
}
.sidebar-icon-menu .on-menu .widget-icon-menu .menu-item {
text-align: center;
letter-spacing: 0.1em;
font-size: var(--ema-font-size-s3);
}
.sidebar-icon-menu .on-menu .widget-icon-menu .menu-item [class^="icon-"] {
display: block;
padding-right: 0;
padding-bottom: 0.25rem;
font-size: var(--ema-font-size-l4);
}
.sidebar-icon-menu .left-menu .widget-icon-menu .menu-item {
font-size: 0.8rem;
}
.sidebar-icon-menu .left-menu .widget-icon-menu .menu-item [class^="icon-"] {
padding-right: 8px;
}
.sidebar-icon-menu .left-menu .widget-icon-menu .menu-item a {
padding: 16px;
line-height: 1.25;
text-decoration: none;
}
.sidebar-icon-menu .border .widget-icon-menu .menu-item {
border-bottom: 1px solid #eeeff0;
}
.sidebar-icon-menu .border .widget-icon-menu .menu-item:nth-last-child(2),
.sidebar-icon-menu .border .widget-icon-menu .menu-item:last-child {
border-bottom: none
}
.sidebar-icon-menu .border .widget-icon-menu .menu-item:nth-child(even) {
border-left: 1px solid #eeeff0;
}
.sidebar-icon-menu .all_border .widget-icon-menu .menu-item {
margin-right: 2%;
margin-bottom: 3%;
width: 48%;
border: 1px solid #eeeff0;
}
.sidebar-icon-menu .all_border .widget-icon-menu .menu-item:nth-child(even) {
margin-right: 0;
}
.sidebar-icon-menu .all_border .widget-icon-menu .menu-item:nth-last-child(2),
.sidebar-icon-menu .all_border .widget-icon-menu .menu-item:last-child {
margin-bottom: 0;
}
.sidebar-icon-menu .widget-icon-menu .menu-item-has-children > a::after,
.sidebar-icon-menu .widget-icon-menu .menu-item-has-children.focus > a::after {
content: "";
} .my-profile {
text-align: center;
}
.my-profile__thumbnail img {
border-radius: var(--ema-border-radius-3);
height: 160px;
width: 100%;
object-fit: cover;
}
.my-profile__avatar img  {
border-radius: 50%;
height: 120px;
width: 120px;
object-fit: cover;
border: 4px solid var(--ema-sidebar-background-color);
}
.my-profile__avatar.has-thumbnail {
margin: -50px auto 0;
}
.my-profile .profile-text {
margin-top: 32px;
text-align: left;
font-size: var( --ema-font-size-s1 );
}
.my-profile-sns {
margin-top: 16px;
}
.profile-btn {
margin-top: 16px;
} .website-profile h4 {
margin-top: 8px;
margin-bottom: 16px;
text-align: center;
font-size: var( --ema-font-size-l1 );
}
.website-profile-sns {
margin-top: 8px;
margin-bottom: 8px;
}
@media screen and (min-width: 600px)  {
.website-profile__item {
margin-right: 12px;
}
}
.website-profile__text {
margin-bottom: 16px;
text-align: left;
font-size: var( --ema-font-size-s1 );
} .new-post-list__item {
position: relative;
margin-bottom: 8px;
padding-bottom: 8px;
transition: all 0.3s ease;
}
.new-post-list__item:not(:last-child) {
border-bottom: 1px solid #e5e7e8;
}
.new-post-list__title {
width: calc( 100% - 115px );
line-height: 1.4;
text-align: left;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s1 );
}
.new-post-list__title.image-crop {
width: calc( 100% - 88px );
}
.new-post-list__figure {
margin-right: 8px;
width: 107px;
height: 60px;
overflow: hidden;
}
.new-post-list__figure.image-crop {
width: 80px;
height: 80px;
}
.new-post-list__date {
display: block;
margin-top: 4px;
font-size: var( --ema-font-size-s3 );
color: #484848;
} .sidebar-cta {
padding: 16px;
background-color: #f8f8f8;
}
.sidebar-cta img {
margin: 16px 0;
}
.sidebar-cta h4 {
margin-top: 8px;
margin-bottom: 16px;
text-align: center;
font-size: var( --ema-font-size-l1 );
}
.sidebar-cta .sidebar-cta-btn {
text-align: center;
margin: 16px 0;
} #wp-calendar {
width: 100%;
text-align: center;
}
#wp-calendar a {
color: var(--ema-main-color);
font-weight: bold;
}
#wp-calendar a:hover {
color: var(--ema-link-hover);
font-weight: bold;
}
#wp-calendar caption {
padding: 8px 0;
font-weight: bold;
}
#wp-calendar th, #wp-calendar td {
padding: 4px;
}
#wp-calendar #today {
font-weight: bold;
} .tagcloud a {
display: inline-block;
margin-right: 4px;
margin-top: 8px;
margin-bottom: 4px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 16px;
padding-left: 16px;
border-radius: var(--ema-border-radius-25);
line-height: 1.8;
transition: all 0.3s ease;
border: solid 1px #e5e7e8;
letter-spacing: 0.04em;
text-decoration: none;
font-size: var(--ema-font-size-s2);
color: #484848;
}
.tagcloud a:hover {
border: solid 1px var(--ema-link-hover);
color: #484848;
text-decoration: none;
}
.footer-widget-box .tagcloud a {
border: solid 1px #757575;
}
.footer-widget-box .tagcloud a:hover {
border: solid 1px #757575;
} #recentcomments a {
display: inline;
padding: 0;
}
#recentcomments a::after {
content: "";
} .popular-post-list__item {
position: relative;
margin-bottom: 8px;
padding-bottom: 8px;
transition: all 0.3s ease;
}
.popular-post-list__item:not(:last-child) {
border-bottom: 1px solid #e5e7e8;
}
.popular-post-list__title {
width: calc( 100% - 115px );
line-height: 1.4;
text-align: left;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s1 );
}
.popular-post-list__title.image-crop {
width: calc( 100% - 88px );
}
.popular-post-list__figure {
margin-right: 8px;
width: 107px;
height: 60px;
overflow: hidden;
}
.popular-post-list__figure.image-crop {
width: 80px;
height: 80px;
}
.popular-post-rank {
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
margin-right: 0;
padding: 0;
border-radius: inherit;
border-style: solid;
border-color: var(--ema-link-color) transparent transparent transparent;
border-width: 26px 26px 0 0;
background-color: initial;
transition: all 0.3s ease;
}
.popular-post li a:hover .popular-post-rank {
border-color: var(--ema-link-hover) transparent transparent transparent;
}
.post-rank {
font-size: var( --ema-font-size-s4 );
color: #ffffff;
}
.post-rank {
position: absolute;
top: -26px;
left: 0;
width: 14px;
height: 16px;
line-height: 16px;
text-align: center;
}
.popular-post-views {
display: block;
margin-top: 4px;
font-size: var( --ema-font-size-s3 );
color: #484848;
} @media screen and (max-width: 959px) {
.hamburger-menu {
position: absolute;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding: 0;
border: none;
outline: none;
border-radius: 0;
background-color: inherit;
cursor: pointer;
}
.hamburger-menu-label {
margin-top: 6px;
line-height: 1;
text-align: center;
letter-spacing: 0;
font-size: var( --ema-font-size-s3 );
color: var(--ema-hamburger-menu-text-color);
}
.hamburger-menu-trigger,
.hamburger-menu-trigger span {
display: inline-block;
box-sizing: border-box;
}
.hamburger-menu-trigger {
position: relative;
width: 26px;
height: 18px;
}
.hamburger-menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
border-radius: var(--ema-border-radius-3);
background-color: var(--ema-hamburger-menu-color);
}
.hamburger-menu-trigger span:nth-of-type(1) {
top: 0;
transition: all 0.3s ease;
}
.hamburger-menu-trigger span:nth-of-type(2) {
top: 8px;
}
.hamburger-menu-trigger span:nth-of-type(3) {
bottom: 0;
transition: all 0.3s ease;
}
.hamburger-menu:hover {
border: none;
background-color: inherit;
}
.hamburger-menu:hover .hamburger-menu-trigger span:nth-of-type(1),
.fixed-sidebar-menu:hover .hamburger-menu-trigger span:nth-of-type(1) {
transform: translateY(2px);
}
.hamburger-menu:hover .hamburger-menu-trigger span:nth-of-type(3),
.fixed-sidebar-menu:hover .hamburger-menu-trigger span:nth-of-type(3) {
transform: translateY(-2px);
}
} body.is-drawer-open {
height: 100vh;
overflow: hidden;
touch-action: none;
}
.drawer-menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 90vw;
height: 100%;
padding-top: 12px;
padding-bottom: 24px;
padding-right: 16px;
padding-left: 16px;
background-color: #ffffff;
transform: translateX(-90vw);
transition: all 1s cubic-bezier(.165,.84,.440,1);
overflow-y: scroll;
z-index: 998;
}
.drawer-menu.is-active {
transform: translateX(0);
}
@media screen and (min-width: 600px) {
.drawer-menu {
width: 368px;
padding-top: 32px;
padding-bottom: 32px;
padding-right: 24px;
padding-left: 24px;
transform: translateX(-368px);
}
.drawer-menu.is-fixed-sidebar {
padding-top: 46px;
}
.tagline_under_logo:not(.header_center_top_menu) .drawer-menu.is-fixed-sidebar {
padding-top: 32px;
}
.drawer-menu.is-fixed-sidebar .hamburger-close-menu {
display: none;
}
}
.drawer-menu .menu-item-has-children {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.drawer-menu .sub-menu {
flex: 1 1 100%;
}
.drawer-menu__toggle {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0;
appearance: none;
background: transparent;
border: none;
vertical-align: middle;
color: inherit;
cursor: pointer;
}
.drawer-menu__toggle:hover {
background-color: unset;
}
.drawer-menu__toggle.drawer-menu__toggle-icon::after {
content: "\e943";
display: inline-block;
font-family: "icomoon";
transition: all 0.2s ease-in;
font-size: var( --ema-font-size-s3 );
}
.drawer-menu__toggle.is-show.drawer-menu__toggle-icon::after {
transform: rotate(-180deg);
}
.hamburger-close-menu {
margin: auto;
margin-bottom: 40px;
width: 32px;
height: 32px;
text-align: center;
cursor: pointer;
}
.hamburger-close-line {
position: relative;
width: 100%;
height: auto;
background-color: inherit;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-top: 7px;
padding-bottom: 7px;
cursor: pointer;
}
.hamburger-close-line:hover {
border: none;
background-color: inherit;
}
.hamburger-close-line span {
position: absolute;
display: inline-block;
box-sizing: border-box;
left: 0;
width: 100%;
height: 1px;
border-radius: var(--ema-border-radius-3);
transition: 0.3s cubic-bezier(0,.6,.99,1);
}
.drawer-menu .hamburger-close-line span {
background-color: var(--ema-hamburger-menu-color);
}
.hamburger-close-line span:nth-of-type(1) {
top: 0;
}
.hamburger-close-line span:nth-of-type(2) {
top: 8px;
}
.hamburger-close-line span:nth-of-type(3) {
bottom: 0;
}
.is-active .hamburger-close-line span:nth-of-type(1) {
transform: translate(0, 9px) rotate(-45deg);
}
.is-active .hamburger-close-line span:nth-of-type(2) {
opacity: 0;
}
.is-active .hamburger-close-line span:nth-of-type(3) {
transform: translate(0, -4px) rotate(45deg);
}
.is-active .hamburger-close-menu:hover .hamburger-close-line > span:nth-of-type(1) {
transform: translate(-3px,12px) rotate(45deg);
width: 12px;
}
.is-active .hamburger-close-menu:hover .hamburger-close-line > span:nth-of-type(2) {
opacity: 1;
}
.is-active .hamburger-close-menu:hover .hamburger-close-line > span:nth-of-type(3) {
transform: translate(-3px,-12px) rotate(-45deg);
bottom: -3px;
width: 12px;
}
.drawer-widget__title,
.drawer-menu .widget_block > h3 {
position: relative;
margin-bottom: 24px;
line-height: 1.25;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-l1 );
}
.drawer-center .drawer-widget__title,
.drawer-center .widget_block > h3 {
text-align: center;
}
.drawer-left .drawer-widget__title,
.drawer-left .widget_block > h3 {
text-align: left;
}
.drawer-border .drawer-widget__title,
.drawer-border .widget_block > h3 {
padding: 8px;
}
.drawer-border-radius .drawer-widget__title,
.drawer-border-radius .widget_block > h3 {
padding: 8px;
border-radius: var(--ema-border-radius-3);
}
.drawer-border-left .drawer-widget__title,
.drawer-border-left .widget_block > h3 {
padding: 0 0 0 8px;
}
.drawer-bg-color .drawer-widget__title,
.drawer-bg-color .widget_block > h3 {
padding: 8px;
}
.drawer-bg-color-radius .drawer-widget__title,
.drawer-bg-color-radius .widget_block > h3 {
padding: 8px;
border-radius: var(--ema-border-radius-3);
}
.drawer-speech-bubble .drawer-widget__title,
.drawer-speech-bubble  .widget_block > h3 {
position: relative;
margin-bottom: 24px;
padding: 8px;
border-radius: var(--ema-border-radius-3);
}
.drawer-speech-bubble .drawer-widget__title::after,
.drawer-speech-bubble .widget_block > h3::after {
content: "";
position: absolute;
bottom: -8px;
left: 24px;
width: 16px;
height: 16px;
background: inherit;
transform: rotate(45deg);
}
.drawer-center.drawer-speech-bubble .drawer-widget__title::after,
.drawer-center.drawer-speech-bubble .widget_block > h3::after {
left: calc(50% - 8px);
}
.drawer-border-bottom .drawer-widget__title,
.drawer-border-bottom .widget_block > h3 {
padding-top: 8px;
padding-bottom: 8px;
}
.drawer-stripe-border-bottom .drawer-widget__title::before,
.drawer-stripe-border-bottom .widget_block > h3::before {
content: "";
position: absolute;
left: 0;
bottom: -12px;;
width: 100%;
height: 2px;
}
.drawer-shortborder-bottom .drawer-widget__title::after,
.drawer-shortborder-bottom .widget_block > h3::after {
content: "";
display: block;
margin-top: 8px;
width: 40px;
height: 2px;
}
.drawer-center.drawer-shortborder-bottom .drawer-widget__title::after,
.drawer-center.drawer-shortborder-bottom .widget_block > h3::after {
margin: 8px auto 0;
}
.drawer-lines-on-sides .drawer-widget__title,
.drawer-lines-on-sides .widget_block > h3 {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.drawer-lines-on-sides .drawer-widget__title::before,
.drawer-lines-on-sides .widget_block > h3::before {
content: "";
margin: 0 16px 0 0;
flex: 1 0 0;
}
.drawer-lines-on-sides .drawer-widget__title::after,
.drawer-lines-on-sides .widget_block > h3::after {
content: "";
margin: 0 0 0 16px;
flex: 1 0 0;
}
.drawer-lines-on-right .drawer-widget__title,
.drawer-lines-on-right .widget_block > h3 {
display: flex;
justify-content: center;
align-items: center;
text-align: left;
flex: 1 0 0;
}
.drawer-lines-on-right .drawer-widget__title::after,
.drawer-lines-on-right .widget_block > h3::after {
content: "";
margin: 0 0 0 16px;
flex: 1 0 0;
}
.drawer-menu__inner .drawer-menu__nav .menu-item a {
display: block;
position: relative;
line-height: 40px;
transition: all 0.3s ease;
text-decoration: none;
color: #303030;
}
.drawer-menu__inner .drawer-menu__nav .menu-item a:hover {
transform: translateX(4px);
}
.drawer-menu__inner .drawer-menu__nav .sub-menu {
height: 0;
overflow: hidden;
visibility: hidden;
font-size: var( --ema-font-size-s1 );
opacity: 0.9;
}
.drawer-menu__inner .drawer-menu__nav .sub-menu.is-show {
height: auto;
overflow: visible;
visibility: visible;
animation: fade 0.4s ease-in-out;
}
.drawer-menu__inner .drawer-menu__nav .sub-menu a {
line-height: 32px;
text-decoration: none;
}
.drawer-menu__inner .drawer-menu__nav .menu-description {
padding-left: 8px;
font-weight: 200;
opacity: 0.8;
}
.drawer-overlay {
visibility: hidden;
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
animation: fade 0.5s ease-in 0s 1 normal forwards;
cursor: pointer;
z-index: 997;
}
.drawer-overlay.is-active {
visibility: visible;
display: block;
}
.drawer-menu .drawer-icon-menu.border-radius .icon-menu li:hover{
border: 1px solid var(--ema-link-hover);
}
.drawer-border .drawer-widget__title,
.drawer-border-radius .drawer-widget__title,
.drawer-border .widget_block > h3,
.drawer-border-radius .widget_block > h3 {
border: 2px solid var(--ema-main-color);
}
.drawer-menu.drawer-border-left .drawer-widget__title,
.drawer-menu.drawer-border-left .widget_block > h3 {
border-left: 3px solid var(--ema-main-color);
}
.drawer-bg-color .drawer-widget__title,
.drawer-bg-color-radius .drawer-widget__title,
.drawer-speech-bubble .drawer-widget__title,
.drawer-bg-color .widget_block > h3,
.drawer-bg-color-radius .widget_block > h3,
.drawer-speech-bubble .widget_block > h3 {
background: var(--ema-main-color);
color: #ffffff;
}
.drawer-shortborder-bottom .drawer-widget__title::after,
.drawer-center.drawer-shortborder-bottom .drawer-widget__title::after,
.drawer-shortborder-bottom .widget_block > h3::after,
.drawer-center .widget_block > h3::after {
background: var(--ema-main-color);
}
.drawer-speech-bubble .drawer-widget__title::before,
.drawer-speech-bubble .widget_block > h3::before {
border-top: 12px solid var(--ema-main-color);
}
.drawer-border-bottom .drawer-widget__title,
.drawer-speech-bottom .widget_block > h3 {
border-bottom: 2px solid  var(--ema-main-color);
}
.drawer-stripe-border-bottom .drawer-widget__title::before,
.drawer-stripe-border-bottom .widget_block > h3::before {
background: linear-gradient( -45deg, #ffffff 25%, var(--ema-main-color) 25%, var(--ema-main-color) 50%, #ffffff 50%, #ffffff 75%, var(--ema-main-color) 75%, var(--ema-main-color) );
background-size: 4px 4px;
}
.drawer-lines-on-sides .drawer-widget__title::before,
.drawer-lines-on-sides .drawer-widget__title::after,
.drawer-lines-on-right .drawer-widget__title::after,
.drawer-lines-on-sides .widget_block > h3::before,
.drawer-lines-on-sides .widget_block > h3::after,
.drawer-lines-on-right .widget_block > h3::after {
border-top: 1px solid var(--ema-main-color);
} .mb-horizontal-nav {
position: relative;
height: 48px;
text-align: center;
background-color: var(--ema-mb-menu-scroll-background-color);
overflow-y: hidden;
white-space: nowrap;
}
.mb-horizontal-nav ul {
display: table;
width: 100%;
overflow-x: scroll;
}
.mb-horizontal-nav li {
display: table-cell;
}
.mb-horizontal-nav .menu-description {
padding-left: 8px;
font-weight: 200;
opacity: 0.8;
}
.mb-horizontal-nav-inner a {
display: block;
padding: 0 16px 0 8px;
line-height: 48px;
font-size: var( --ema-font-size-s1 );
color: var(--ema-mb-menu-scroll-item-color);
}
.mb-horizontal-nav-inner .menu-description {
display: none;
}
.mb-scroll-arrow {
overflow: auto;
}
@media screen and (max-width: 959px) {
.mb-scroll-arrow.has-scroll-arrow > ul::after {
position: absolute;
right: 6px;
top: 4px;
width: 10px;
height: 48px;
font-family: "icomoon";
content: "\e941";
font-size: var( --ema-font-size-l3 );
text-shadow: 0 0 6px rgb(0 0 0 / 60%);
color: var(--ema-mb-menu-scroll-arrow-icon-color);
opacity: 0.9;
z-index: 1;
animation: mb-scrollnav-transform 1.8s infinite ease-in-out;
}
} .pagination {
margin-bottom: 32px;
text-align: center;
}
.page-numbers:not(.dots) {
position: relative;
display: inline-flex;
align-content: center;
justify-content: center;
margin-right: 8px;
min-width: 32px;
height: 32px;
line-height: 32px;
background-color: #ffffff;
border-radius: 50%;
border: 1px solid #e5e7e8;
font-size: var( --ema-font-size-s3 );
color: #484848;
transition: all 0.3s ease;
}
.page-numbers:not(.dots):hover,
.page-numbers.current {
background-color: var(--ema-main-color);
border: 1px solid #eeeff0;
color: #ffffff;
}
.page-numbers.dots {
margin-left: 6px;
margin-right: 6px;
}
.prev.page-numbers,
.next.page-numbers {
background-color: inherit !important;
border: none;
}
.prev.page-numbers:hover,
.next.page-numbers:hover {
color: var(--ema-link-hover);
border: none;
transition: all 0.2s ease-in;
}
.next.page-numbers::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -8px;
font-family: "icomoon";
content: "\e941";
transition: all 0.2s ease-in;
}
.next.page-numbers:hover::after {
right: -12px;
}
.prev.page-numbers::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -8px;
font-family: "icomoon";
content: "\e940";
transition: all 0.2s ease-in;
}
.prev.page-numbers:hover::after {
left: -12px;
} .post-navigation {
margin-top: 48px;
}
.post-navigation .nav-links {
position: relative;
display: flex;
flex-direction: column;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 100%;
}
.post-navigation .nav-next {
margin-top: 32px;
}
@media screen and (min-width: 600px) {
.post-navigation .nav-links {
flex-direction: row;
}
.post-navigation .nav-previous {
margin-right: 8px;
max-width: calc(50% - 8px);
}
.post-navigation .nav-next {
margin-top: 0;
margin-left: auto;
max-width: calc(50% - 8px);
}
}
.post-navigation .next-page-link {
margin-top: 48px;
width: 100%;
}
.post-navigation .nav-links a {
position: relative;
display: block;
padding-right: 16px;
padding-left: 16px;
height: 92px;
border: 1px solid #e5e7e8;
border-radius: var(--ema-border-radius-3);
background-color: #ffffff;
text-decoration: none;
color: #303030 !important;
}
.post-navigation .nav-links a:hover {
border: 1px solid var(--ema-link-hover);
}
.pre_nex_thumbnail {
position: absolute;
top: 50%;
border: none;
width: 60px;
height: 60px;
overflow: hidden;
transform: translate3d(0,-50%,0);
}
.nav-previous .label-previous {
position: absolute;
top: -20px;
left: 15px;
line-height: 1;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s3 );
font-weight: bold;
}
.nav-previous .icon-chevron-left {
position: absolute;
left: -16px;
font-size: var( --ema-font-size-s3 );
transition: all 0.2s ease-in;
}
.post-navigation .nav-links a:hover .label-previous .icon-chevron-left {
left: -20px;
}
.nav-next .label-next {
position: absolute;
top: -20px;
right: 15px;
line-height: 1;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s3 );
font-weight: bold;
}
.nav-next .icon-chevron-right {
position: absolute;
right: -16px;
font-size: var( --ema-font-size-s3 );
transition: all 0.2s ease-in;
}
.post-navigation .nav-links a:hover .label-next .icon-chevron-right {
right: -20px;
}
.nav-previous .pre_nex_thumbnail {
left: 16px;
}
.nav-next .pre_nex_thumbnail {
right: 16px;
}
.post-nav {
display: flex;
flex-flow: row nowrap;
align-items: center;
height: 92px;
}
.nav-title {
position: relative;
height: 60px;
line-height: 1.4;
overflow: hidden;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s1 );
font-weight: bold;
}
.post-next-previous.has_thumbnail .nav-previous .nav-title {
padding-left: 76px;
}
.post-next-previous.has_thumbnail .nav-next .nav-title {
padding-right: 76px;
} .btn {
position: relative;
display: inline-block;
box-sizing: border-box;
text-align: center;
cursor: pointer;
}
.btn a {
display: block;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 32px;
padding-left: 32px;
line-height: 1.4;
letter-spacing: 0.04em;
background-color: var(--ema-btn-background-color);
color: var(--ema-btn-text-color);
text-decoration: none;
transition: all 0.3s ease 0s;
}
.btn:not(.is-btn-none-effect) a {
border-radius: var(--ema-btn-corner);
}
.is-btn-shape-thick .btn:not(.is-btn-none-effect):not(.is-btn-none-partial-effect) a {
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}
.btn__border a {
position: relative;
display: inline-block;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 12px;
padding-left: 12px;
line-height: 1.5;
letter-spacing: 0.02em;
box-sizing: border-box;
border: solid 1px var(--ema-btn-background-color);
border-radius: var(--ema-btn-corner);
text-align: center;
transition: all 0.2s ease 0s;
color: var(--ema-btn-background-color);
}
.btn__hover-border a:hover {
border: solid 1px var(--ema-link-hover);
color: #ffffff;
}
.btn__hover-bg a:hover {
background-color: var(--ema-link-hover);
border: solid 1px var(--ema-link-hover);
color: #ffffff;
}
.has-btn-icon a i {
position: relative;
left: 0;
transition: all 0.1s ease 0s;
}
.has-btn-icon a:hover i {
position: relative;
left: 2px;
}
.btn__width-15 {
width: 15%;
}
.btn__width-20 {
width: 20%;
}
.btn__width-30 {
width: 30%;
}
.btn__width-50 {
width: 50%;
}
.btn__width-60 {
width: 60%;
}
.btn__width-80 {
width: 80%;
}
.btn__width-100 {
width: 100%;
}
@media screen and (max-width: 599px) {
.btn__width-sp-15 {
width: 15%;
}
.btn__width-sp-20 {
width: 20%;
}
.btn__width-sp-30 {
width: 30%;
}
.btn__width-sp-50 {
width: 50%;
}
.btn__width-sp-60 {
width: 60%;
}
.btn__width-sp-70 {
width: 70%;
}
.btn__width-sp-80 {
width: 80%;
}
.btn__width-sp-100 {
width: 100%;
}
}
@media screen and (min-width: 600px) {
.btn__width-tablet-15 {
width: 15%;
}
.btn__width-tablet-20 {
width: 20%;
}
.btn__width-tablet-30 {
width: 30%;
}
.btn__width-tablet-50 {
width: 50%;
}
.btn__width-tablet-60 {
width: 60%;
}
.btn__width-tablet-70 {
width: 70%;
}
.btn__width-tablet-80 {
width: 80%;
}
.btn__width-tablet-100 {
width: 100%;
}
}
@media screen and (min-width: 960px) {
.btn__width-pc-15 {
width: 15%;
}
.btn__width-pc-20 {
width: 20%;
}
.btn__width-pc-30 {
width: 30%;
}
.btn__width-pc-50 {
width: 50%;
}
.btn__width-pc-60 {
width: 60%;
}
.btn__width-pc-70 {
width: 70%;
}
.btn__width-pc-80 {
width: 80%;
}
.btn__width-pc-100 {
width: 100%;
}
}
input[type=submit] {
background-color: var(--ema-btn-background-color);
border-radius: var(--ema-btn-corner);
color: var(--ema-btn-text-color);
}
.is-btn-effect-fall_down .btn:not(.is-btn-none-effect) a:hover,
.is-btn-effect-fall_down .wp-block-button:not(.is-btn-none-effect) .wp-block-button__link:hover,
.is-btn-effect-fall_down input[type=submit]:hover {
transform: translate(0, 3px);
}
.is-btn-effect-floating .btn:not(.is-btn-none-effect) a,
.is-btn-effect-floating .wp-block-button:not(.is-btn-none-effect) .wp-block-button__link,
.is-btn-effect-floating input[type=submit] {
backface-visibility: hidden;
}
.is-btn-effect-floating .btn:not(.is-btn-none-effect) a:hover,
.is-btn-effect-floating .wp-block-button:not(.is-btn-none-effect) .wp-block-button__link:hover,
.is-btn-effect-loating input[type=submit]:hover {
transform: translateY(-4px);
box-shadow: 0 6px 10px 0 rgb(0 0 0 / 10%);
}
.is-btn-effect-rounded_corners .btn:not(.is-btn-none-effect) a:hover,
.is-btn-effect-rounded_corners .wp-block-button:not(.is-btn-none-effect) .wp-block-button__link:hover,
.is-btn-effect-rounded_corners input[type=submit]:hover {
border-radius: var(--ema-border-radius-25);
}
.is-btn-effect-shadow .btn:not(.is-btn-none-effect) a:hover,
.is-btn-effect-shadow .wp-block-button:not(.is-btn-none-effect) .wp-block-button__link:hover,
.is-btn-effect-shadow input[type=submit]:hover {
box-shadow: 0 6px 10px rgb(0 0 0 / 10%);
}
.is-btn-effect-transparency .btn:not(.is-btn-none-effect) a:hover,
.is-btn-effect-transparency .wp-block-button:not(.is-btn-none-effect) .wp-block-button__link:hover,
.is-btn-effect-transparencyinput [type=submit]:hover {
opacity: 0.8;
}
.is-btn-effect-hover-effect_luster .btn a,
.is-btn-effect-infinite-effect_luster .btn a {
position: relative;
overflow: hidden;
}
.is-btn-effect-hover-effect_luster .btn a:hover::before {
animation: ep-lustre 0.7s forwards;
}
.is-btn-effect-hover-effect_luster .btn a::before {
content: "";
position: absolute;
top: -10%;
left: -200%;
width: 200%;
height: 200%;
background-color: rgba(249,249,249,0.2);
transform: rotate(-45deg);
}
.is-btn-effect-infinite-effect_luster .btn a::before {
content: "";
position: absolute;
top: -10%;
left: -200%;
width: 200%;
height: 200%;
background-color: rgba(249,249,249,0.2);
transform: rotate(-45deg);
animation: ep-lustre 0.9s forwards infinite;
}
.is-btn-effect-infinite-effect_ripple .btn a::before {
content: "";
position: absolute;
animation: ep-ripple 2s linear infinite;
bottom: -20%;
left: -3%;
width: 106%;
height: 140%;
background-color: inherit;
border-radius: var(--ema-btn-corner);
} .block-btn,
.eb-btn {
border-radius: var(--ema-btn-corner);
}
.is-btn-shape-thick .block-btn,
.is-btn-shape-thick .eb-btn  {
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}
.is-btn-effect-fall_down .block-btn:hover,
.is-btn-effect-fall_down .eb-btn:hover {
transform: translate(0, 3px);
}
.is-btn-effect-floating .block-btn {
backface-visibility: hidden;
}
.is-btn-effect-floating .block-btn:hover,
.is-btn-effect-floating .eb-btn:hover {
transform: translateY(-4px);
box-shadow: 0 6px 10px 0 rgb(0 0 0 / 10%);
}
.is-btn-effect-rounded_corners .block-btn:hover,
.is-btn-effect-rounded_corners .eb-btn:hover {
border-radius: var(--ema-border-radius-25);
}
.is-btn-effect-shadow .block-btn:hover,
.is-btn-effect-shadow .eb-btn:hover {
box-shadow: 0 6px 10px rgb(0 0 0 / 10%);
}
.is-btn-effect-transparency .block-btn:hover,
.is-btn-effect-transparency .eb-btn:hover {
opacity: 0.8;
}  .alignleft {
float: left;
margin-right: 16px;
}
.alignright {
float: right;
margin-left: 16px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
.alignwide {
clear: both;
}
.alignleft::after,
.alignright::after {
content: "";
display: block;
clear: both;
} .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important;
}
.screen-reader-text:focus {
clip: auto !important;
clip-path: none;
display: block;
padding: 8px 16px;
height: auto;
width: auto;
line-height: normal;
border-radius: var(--ema-border-radius-3);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
text-decoration: none;
background-color: #f1f1f1;
color: #21759b;
z-index: 100000; } .clearfix::after {
display: block;
clear: both;
content: "";
}  .top-bar {
background-color: var(--ema-tagline-background-color);
}
.site-description {
line-height: 1.5;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s3 );
font-weight: normal;
color: var(--ema-tagline-text-color);
}
.top-bar .site-description {
line-height: 2;
} .l-header {
position: relative;
z-index: 200;
}
.l-header-default:not(.has-background-image),
.l-header-center:not(.has-background-image),
.l-header-row:not(.has-background-image):not(.is-tracking-drop) {
background-color: var(--ema-header-background-color);
}
.l-header-default.has-border-bottom,
.l-header-center.has-border-bottom,
.l-header-row.has-border-bottom {
border-bottom: 1px solid var(--ema-header-border-bottom-color);
}
.l-header-row.is-tracking-drop {
background-color: rgba( var(--ema-tracking-red), var(--ema-tracking-green), var(--ema-tracking-blue), var(--ema-tracking-opacity) );
}
.l-header-menu-tracking-drop {
position: fixed;
top: 0;
right: 0;
left: 0;
transform: translateY(-100%);
transition: transform 0.4s ease;
z-index: 997;
}
.l-header-menu-tracking-drop.sticky-menu {
transform: translateY(0);
box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}
@media screen and (max-width: 959px) {
.l-header.is-sticky-sp {
position: sticky;
top: 0;
width: 100%;
}
}
.header-area-height {
height: var(--ema-header-area-height-sp);
}
.l-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
}
@media screen and (min-width: 600px) {
.l-header__inner {
overflow: visible;
}
}
@media screen and ( min-width: 768px ) {
.header-area-height {
height: var(--ema-header-area-height);
}
}
.l-header-row:not(.is-tracking-drop) .l-header__inner {
height: 60px;
}
@media screen and ( min-width: 768px ) {
.l-header-row:not(.is-tracking-drop) .l-header__inner {
height: 86px;
}
}
.l-header-row.is-tracking-drop .l-header__inner {
height: 64px;
}
.l-header-default.l-header__inner {
line-height: var(--ema-header-area-height-sp);
}
@media screen and ( min-width: 768px ) {
.l-header-default.l-header__inner {
line-height: var(--ema-header-area-height);
}
}
.header-site-branding {
display: flex;
flex-direction: column;
justify-content: center;
height: 60px;
}
.l-header-center .header-site-branding {
width: 100%;
}
.l-header-center .header-site-branding {
align-items: center;
text-align: center;
}
.header-site-branding .site-description {
font-size: var(--ema-tagline-font-size);
}
.site-title {
vertical-align: middle;
line-height: 1;
width: fit-content;
}
.site-title .header-site-branding__link {
font-weight: bold;
font-size: var(--ema-sitename-font-size-sp);
color: var(--ema-site-title-color);
letter-spacing: 0.05em;
}
@media screen and ( min-width: 768px ) {
.site-title .header-site-branding__link {
font-size: var(--ema-sitename-font-size-pc);
}
.is-tracking-drop .site-title .header-site-branding__link {
font-size: min(var(--ema-tracking-header-site-name-font-size), 40px);
}
}
.site-logo {
display: flex;
flex-direction: column;
vertical-align: middle;
font-size: inherit;
width: fit-content;
}
.site-logo img,
.modal-header-logo img {
height: var(--ema-logo-height-sp);
width: auto;
}
@media screen and ( min-width: 768px ) {
.site-logo img {
height: var(--ema-logo-height-pc);
}
.is-tracking-drop .site-logo img {
height: min(var(--ema-tracking-header-site-logo-height), 40px);
}
}
.header-widget {
display: none;
}
@media screen and (min-width: 960px) {
.header-widget {
display: flex;
justify-content: flex-end;
align-items: center;
vertical-align: middle;
}
} .header-cta-sp.is-cta-tel .header-cta__tell-icon,
.header-cta-sp.is-cta-mail .header-cta__btn-icon {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
line-height: 1;
z-index: 999;
}
.header-cta-sp.is-cta-tel.has-hamburger-menu .header-cta__tell-icon,
.header-cta-sp.is-cta-mail.has-hamburger-menu .header-cta__btn-icon {
right: 48px;
}
.header-cta-sp.is-cta-tel_mail .header-cta__tell-icon {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
line-height: 1;
z-index: 999;
}
.header-cta-sp.is-cta-tel_mail .header-cta__btn-icon {
position: absolute;
top: 50%;
right: 46px;
transform: translateY(-50%);
line-height: 1;
z-index :999;
}
.header-cta-sp.is-cta-tel_mail.has-hamburger-menu .header-cta__tell-icon {
right: 36px;
}
.header-cta-sp.is-cta-tel_mail.has-hamburger-menu .header-cta__btn-icon {
right: 76px;
}
.header-cta-sp .header-cta__tell-icon i {
padding: 4px;
border: 2px solid;
border-radius: 50%;
border-color: var(--ema-header-cta-tel-icon);
line-height: 1.5;
font-size: var(--ema-font-size-l2 );
color: var(--ema-header-cta-tel-icon);
}
.header-cta-sp .header-cta__btn-icon i {
line-height: 1.5;
font-size: var(--ema-font-size-l4 );
color: var(--ema-header-cta-btn-icon);
}
.header-cta {
align-items: center;
column-gap: 12px;
}
.header-cta__tell-number {
line-height: 1.2;
}
.header-cta__tell-number i {
font-size: calc(var(--ema-header-cta-tel-font-size) * 0.9);
color: var(--ema-header-cta-tel-icon);
}
.header-cta__tell-number a {
font-size: var(--ema-header-cta-tel-font-size);
color: var(--ema-header-cta-tel);
}
.header-cta__tell-text {
text-align: right;
line-height: 1;
font-size: var( --ema-font-size-s2 );
color: var(--ema-header-cta-text);
}
.home:not(.paged).is-overlay .header-cta__tell-number i,
.home:not(.paged).is-overlay .header-cta__tell-number a,
.home:not(.paged).is-overlay .header-cta__tell-text {
color: #ffffff;
}
.header-cta__btn a {
background-color:  var(--ema-header-cta-btn-bg);
color:  var(--ema-header-cta-btn-text);
}
.header-cta__btn a:hover {
background-color:  var(--ema-header-cta-btn-bg-hover);
color:  var(--ema-header-cta-btn-text-hover);
} @media screen and (min-width: 960px) {
.header-menu > .menu-item {
position: relative;
display: flex;
}
.header-menu > .menu-item > a {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
letter-spacing: 0.04em;
white-space: nowrap;
text-decoration: none;
font-size: var( --ema-font-size-s1 );
color: var(--ema-header-menu-color);
}
.header-menu > .menu-item:not(.js-smooth-scroll).current-menu-item > a {
color: var(--ema-header-menu-current);
}
.header-menu > .menu-item > a:hover {
color: var(--ema-header-menu-hover);
}
.header-menu > .menu-item.menu-item-has-children > a span::after {
content: "\e943";
font-family: "icomoon";
}
.header-menu > .menu-item > a > .menu-description {
display: block;
line-height: 1;
text-decoration: none;
font-weight: 300;
letter-spacing: 0.04em;
opacity: 0.8;
}
.header-menu-default .menu-item {
flex: 1 1 auto;
justify-content: center;
}
.header-menu-default .header-menu > .menu-item > a {
padding-right: 24px;
padding-left: 24px;
height: 60px;
text-decoration: none;
}
.header-menu-center .header-menu > .menu-item > a {
padding-right: 24px;
padding-left: 24px;
height: 60px;
text-decoration: none;
}
.header-menu-row .header-menu > .menu-item > a {
padding-right: 8px;
padding-left: 8px;
height: 86px;
text-decoration: none;
}
.header-menu .menu-item [class^="icon-"] {
padding-right: 4px;
} .header-menu .sub-menu {
visibility: hidden;
position: absolute;
top: 100%;
left: 50%;
min-width: 240px;
transform: translateX(-50%);
transition: all 0.3s ease-in;
background-color: var(--ema-header-sub-menu-background-color);
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.08);
opacity: 0;
z-index: 9999;
}
.header-menu .menu-item:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.header-menu .sub-menu .menu-item > a {
position: relative;
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
min-height: 40px;
line-height: 1.8;
text-decoration: none;
color: var(--ema-header-sub-menu-color);
font-size: var( --ema-font-size-s3 );
}
.header-menu .sub-menu .menu-item a:hover {
background-color: rgba(255,255,255,0.2);
transition: all 0.3s ease;
}
.header-menu .sub-menu .menu-item {
position: relative;
}
.header-menu .sub-menu .menu-item ul {
top: 0;
left: 100%;
transform: none;
}
.header-menu > .menu-item:first-child >.sub-menu {
left: 50%;
transform: translateX(-50%);
}
.header-menu-row .header-menu > .menu-item:last-child >.sub-menu {
left: inherit;
right: 0;
transform: translateX(0);
}
.header-menu > .menu-item:last-child > .sub-menu .menu-item > .sub-menu {
left: 100%;
transform: translateX(-200%);
}
.header-menu .sub-menu .menu-item-has-children > a::before {
content: "\e941";
position: absolute;
top: 50%;
right: 4px;
transform: translateY(-50%);
transition: all 0.3s ease-in;
font-family: "icomoon";
font-size: var( --ema-font-size-s3 );
}
.header-menu .sub-menu .menu-item-has-children:hover > a::before {
right: -1px;
}
.header-menu > .menu-item:last-child > .sub-menu .menu-item-has-children > a::before {
content: "\e940";
position: absolute;
top: 50%;
left: 4px;
transform: translateY(-50%);
transition: all 0.3s ease-in;
font-family: "icomoon";
font-size: var( --ema-font-size-m );
}
.header-menu > .menu-item:last-child > .sub-menu .menu-item-has-children:hover > a::before {
left: 1px;
} .header-menu-default {
position: relative;
background-color: var(--ema-header-menu-background-color);
}
.header-menu-default.has-border-bottom {
border-bottom: 1px solid var(--ema-header-menu-bottom-color);
} .header-menu-default.has-separator-default .header-menu > .menu-item:not(:first-child)::before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translatey(-50%);
width: 1px;
height: calc(100% / 2.5);
background-color: var(--ema-header-menu-separate);
opacity: 0.8;
z-index: 1;
}
.header-menu-default.has-separator-oblique .header-menu > .menu-item:not(:first-child)::before {
display: block;
content: "";
position: absolute;
top: 37%;
left: 0;
transform: rotate(8deg);
width: 1px;
height: calc(100% / 2.5);
background-color: var(--ema-header-menu-separate);
opacity: 0.8;
z-index: 1;
}
.header-menu-row:not(.is-tracking-drop).has-separator-default .header-menu > .menu-item:not(:first-child)::before {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translatey(-50%);
width: 1px;
height: calc(100% / 3.5);
background-color: var(--ema-header-menu-separate);
opacity: 0.8;
z-index: 1;
}
.header-menu-row:not(.is-tracking-drop).has-separator-oblique .header-menu > .menu-item:not(:first-child)::before {
display: block;
content: "";
position: absolute;
top: 37%;
left: 0;
transform: rotate(8deg);
width: 1px;
height: calc(100% / 3.5);
background-color: var(--ema-header-menu-separate);
opacity: 0.8;
z-index: 1;
}
.home:not(.paged).is-overlay .header-menu-default.has-separator-default .header-menu > .menu-item:not(:first-child)::before,
.home:not(.paged).is-overlay .header-menu-default.has-separator-oblique .header-menu > .menu-item:not(:first-child)::before,
.home:not(.paged).is-overlay .header-menu-row:not(.is-tracking-drop).has-separator-default .header-menu > .menu-item:not(:first-child)::before,
.home:not(.paged).is-overlay .header-menu-row:not(.is-tracking-drop).has-separator-oblique .header-menu > .menu-item:not(:first-child)::before {
background-color: #ffffff;
}
.mb-horizontal-nav {
background-color: var(--ema-header-menu-background-color);
}
}
@media screen and (min-width: 1200px) {
.header-menu-row .header-menu > .menu-item > a {
padding-right: 18px;
padding-left: 18px;
text-decoration: none;
}
} .header-menu-row.is-tracking-drop .header-menu > .menu-item > a {
height: 64px;
color: var(--ema-tracking-menu-color);
}
.header-menu-row.is-tracking-drop .header-menu > .menu-item:not(.js-smooth-scroll).current-menu-item > a {
color: var(--ema-tracking-menu-hover);
}
.header-menu-row.is-tracking-drop .header-menu > .menu-item > a:hover {
color: var(--ema-tracking-menu-hover);
}
.header-menu-row.is-tracking-drop .header-menu .sub-menu {
background-color: var(--ema-tracking-sub-menu-background-color);
}
.header-menu-row.is-tracking-drop .header-menu .sub-menu .menu-item > a {
color: var(--ema-tracking-sub-menu-color);
} .header-info {
height: 40px;
width: 100%;
line-height: 40px;
background:  var(--ema-header-info-background-color);
text-align: center;
letter-spacing: 1px;
font-weight: bold;
overflow: hidden;
transition: 0.4s ease-in-out;
}
.header-info:hover {
background: var(--ema-header-info-background-hover-color);
}
.header-info a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--ema-header-info-text-color);
}
.header-info:hover a {
color: var(--ema-header-info-text-hover-color);
}  .breadcrumb {
margin-top: 10px;
margin-bottom: 10px;
color: #484848;
overflow: hidden;
width: 100%;
}
.breadcrumb__inner {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.6;
font-size: var( --ema-font-size-s3 );;
}
.breadcrumb__inner .icon-home {
margin: 0;
}
.breadcrumb-home {
margin-left: 4px;
}
.breadcrumb__inner .icon-chevron-right {
margin-right: 4px;
margin-left: 4px;
color: #b8bcc0;
}
.breadcrumb__item {
display: inline;
}
.breadcrumb__item a {
text-decoration: none;
} .article {
border-radius: var(--ema-border-radius-4);
}
.article::after {
display: block;
clear: both;
content: "";
}
@media screen and ( min-width: 768px ) {
.article input[type="text"],
.article input[type="email"],
.article input[type="url"],
.article input[type="number"],
.article input[type="tel"],
.article input[type="range"],
.article input[type="color"],
.article input[type="time"],
.article input[type="date"],
.article input[type="datetime"],
.article input[type="datetime-local"],
.article input[type="month"],
.article input[type="week"],
.article select {
width: 70%;
}
.article input[type="password"] {
width: 50%;
margin: 0 8px 0 0;
}
.article textarea {
width: 100%;
}
}
.article:not(.paragraph-full-width).has-background-color {
background-color: var(--ema-article-body-background-color);
}
.article.paragraph-normal__border,
.article.paragraph-narrow__border{
border: solid 1px #e5e7e8;
}
.full-wide-page .article {
border-radius: initial;
background-color: initial;
border: initial;
}
.article.paragraph-normal.has-background-color,
.article.paragraph-narrow.has-background-color,
.article.paragraph-normal__border,
.article.paragraph-narrow__border {
padding-top: 24px;
padding-bottom: 24px;
}
.header-normal .article-header,
.header-narrow .article-header,
.header-full-width:not(.paragraph-full-width) .article-header {
padding-left: 12px;
padding-right: 12px;
}
.error404 .article-header,
.search-no-results .article-header {
padding-bottom: 40px;
}
@media screen and ( min-width: 768px ) {
.header-normal .article-header {
padding-left: 24px;
padding-right: 24px;
}
.header-narrow .article-header {
padding-left: 45px;
padding-right: 45px;
}
.error404 .header-normal .article-header,
.search-no-results .header-normal .article-header {
padding-left: 24px;
padding-right: 24px;
}
.error404 .header-narrow  .article-header,
.search-no-results .header-narrow .article-header {
padding-left: 56px;
padding-right: 56px;
}
.error404 .header-full-width .article-header,
.search-no-results .header-full-width .article-header {
padding-left: 0;
padding-right: 0;
}
}
.full-wide-page .article-header {
padding-left: 0;
padding-right: 0;
}
.article-header .entry-title {
line-height: 1.5;
font-size: var( --ema-font-size-l1 );
}
@media screen and ( min-width: 768px ) {
.article-header .entry-title {
font-size: var( --ema-font-size-l2 );
}
}
.entry-subtitle {
display: block;
font-size: var( --ema-font-size-s3 );
letter-spacing: 1px;
color: #5a5a5a;
}
.search-header-title,
.not-found {
margin-bottom: 8px;
font-size: var( --ema-font-size-l2 );
letter-spacing: 0.04em;
}
.not-found-title {
margin-bottom: 16px;
}
.article-header p {
line-height: 2;
}
.post-meta {
color: #828990;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s3 );
}
.post-meta a {
color: #828990;
}
.post-meta__item:not(.post-meta-author) {
margin-right: 8px;
}
.post-meta__item:not(.post-meta-author) i {
margin-right: 2px;
}
.post-meta-author {
margin-left: auto;
font-size: var( --ema-font-size-s3 );
}
.single-post .post-meta {
margin-top: 24px;
}
.meta-category {
margin-bottom: 8px;
}
@media screen and (min-width: 600px) {
.meta-category {
margin-bottom: 16px;
}
}
.meta-category a {
display: block;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 16px;
padding-left: 16px;
border-radius: var(--ema-border-radius-25);
line-height: 1.5;
border: solid 1px #e5e7e8;
text-decoration: none;
letter-spacing: 0.02em;
font-size: var( --ema-font-size-s3 );
color: #484848;
transition: all 0.3s ease;
}
.meta-category__item {
display: inline-block;
margin-right: 8px;
margin-bottom: 4px;
}
.meta-category__item:last-child {
margin-right: 0;
}
.meta-category a:hover {
border: solid 1px var(--ema-link-hover);
color: #484848;
}
.edit-link {
font-size: var( --ema-font-size-l1 );
}
.edit-link .icon-edit {
margin-left: 6px;
margin-right: 2px;
}
.article-thumbnail {
margin-top: 16px;
}
.article-thumbnail img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.article-thumbnail-caption {
margin: 8px 0;
text-align: center;
color: #828990;
font-size: var( --ema-font-size-s3 );
} .article-thumbnail.is-thumbnail-style-normal {
padding-right: 12px;
padding-left: 12px;
}
@media screen and (min-width: 992px) {
.article-thumbnail.is-thumbnail-style-normal {
padding-left: 24px;
padding-right: 24px;
}
} .article-body {
padding-top: 16px;
}
@media screen and ( min-width: 768px ) {
.article-body {
padding-top: 24px;
}
}
.paragraph-normal__border .article-body,
.paragraph-narrow__border .article-body,
.paragraph-normal.has-background-color .article-body,
.paragraph-narrow.has-background-color .article-body {
padding-right: 12px;
padding-left: 12px;
}
@media screen and ( min-width: 768px ) {
.paragraph-normal .article-body,
.paragraph-normal.has-background-color .article-body,
.paragraph-normal__border .article-body,
.paragraph-normal__border.has-background-color .article-body,
.paragraph-normal .article-footer,
.paragraph-normal__border .article-footer  {
padding-right: 24px;
padding-left: 24px;
}
.paragraph-narrow .article-body,
.paragraph-narrow.has-background-color .article-body,
.paragraph-narrow__border .article-body,
.paragraph-narrow__border.has-background-color .article-body,
.paragraph-narrow .article-footer,
.paragraph-narrow__border .article-footer {
padding-left: 45px;
padding-right: 45px;
}
}
.article-body > p {
line-height: 1.9em;
}
@media screen and ( min-width: 768px ) {
.article-body .searchform input[type="submit"] {
width: 20%;
margin: 0 0 0 8px;
}
}
.article-body >:first-child {
margin-top: 0;
}
.article-body >* {
margin-top: 40px;
}
.article-body > h1 {
margin-top: 64px;
}
.article-body > h2 {
margin-top: 56px;
}
.article-body > h3 {
margin-top: 48px;
}
.article-body > h4 {
margin-top: 40px;
}
.article-body > h5,
.article-body > h6 {
margin-top: 32px;
}
.article-body h1,
.article-body h2 {
line-height: 1.6;
}
.article-body h3 {
line-height: 1.33333;
}
.article-body h4,
.article-body h5,
.article-body h6 {
line-height: 1.14286;
}
.article-body .btn a {
text-decoration: none;
}
.article-body .searchform input[type="submit"] {
width: 100%;
margin: 8px 0 0 0;
letter-spacing: 2px;
}
.article-body .post-password-form input[type="submit"] {
padding: 5px 32px;
letter-spacing: 2px;
}
.article input[type="password"] {
margin: 8px 0;
} .is-h2-style-none .article-body h2,
.is-h3-style-none .article-body h3
.is-h4-style-none .article-body h4 {
padding: 8px 0;
} .is-h2-style-background .article-body h2.wp-block-heading:not(.is-style-none),
.is-h3-style-background .article-body h3.wp-block-heading:not(.is-style-none),
.is-h4-style-background .article-body h4.wp-block-heading:not(.is-style-none) {
padding-top: 8px;
padding-bottom: 8px;
padding-right: 16px;
padding-left: 16px;
background-color: var(--ema-main-color);
color: #ffffff;
} .is-h2-style-balloon .article-body h2.wp-block-heading:not(.is-style-none),
.is-h3-style-balloon .article-body h3.wp-block-heading:not(.is-style-none),
.is-h4-style-balloon .article-body h4.wp-block-heading:not(.is-style-none) {
position: relative;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 16px;
padding-left: 16px;
border-radius: var(--ema-border-radius-4);
background-color:  var(--ema-main-color);
color:#ffffff;
}
.is-h2-style-balloon .article-body h2.wp-block-heading:not(.is-style-none)::after,
.is-h3-style-balloon .article-body h3.wp-block-heading:not(.is-style-none)::after,
.is-h4-style-balloon .article-body h4.wp-block-heading:not(.is-style-none)::after {
content: "";
position: absolute;
bottom: -8px;
left: 30px;
width: 16px;
height: 16px;
background: inherit;
transform: rotate(45deg);
} .is-h2-style-border-left-background .article-body h2.wp-block-heading:not(.is-style-none),
.is-h3-style-border-left-background .article-body h3.wp-block-heading:not(.is-style-none),
.is-h4-style-border-left-background .article-body h4.wp-block-heading:not(.is-style-none) {
padding-top: 8px;
padding-bottom: 8px;
padding-right: 0;
padding-left: 12px;
border-left: solid 4px var(--ema-main-color);
background-color: var(--ema-sub-color);
} .is-h2-style-border-left .article-body h2.wp-block-heading:not(.is-style-none),
.is-h3-style-border-left .article-body h3.wp-block-heading:not(.is-style-none),
.is-h4-style-border-left .article-body h4.wp-block-heading:not(.is-style-none) {
padding-top: 8px;
padding-bottom: 8px;
padding-right: 0;
padding-left: 12px;
border-left: solid 4px var(--ema-main-color);
} .is-h2-style-border-bottom .article-body h2.wp-block-heading:not(.is-style-none),
.is-h3-style-border-bottom .article-body h3.wp-block-heading:not(.is-style-none),
.is-h4-style-border-bottom .article-body h4.wp-block-heading:not(.is-style-none) {
padding-top: 0;
padding-bottom: 4px;
padding-right: 0;
padding-left: 0;
border-bottom: solid 2px var(--ema-main-color);
} .is-h2-style-border-bottom-two .article-body h2.wp-block-heading:not(.is-style-none),
.is-h3-style-border-bottom-two .article-body h3.wp-block-heading:not(.is-style-none),
.is-h4-style-border-bottom-two .article-body h4.wp-block-heading:not(.is-style-none) {
position: relative;
padding-top: 0;
padding-bottom: 4px;
padding-right: 0;
padding-left: 0;
border-bottom: solid 2px var(--ema-sub-color);
}
.is-h2-style-border-bottom-two .article-body h2.wp-block-heading:not(.is-style-none)::after,
.is-h3-style-border-bottom-two .article-body h3.wp-block-heading:not(.is-style-none)::after,
.is-h4-style-border-bottom-two .article-body h4.wp-block-heading:not(.is-style-none)::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 20%;
height: 2px;
background-color: var(--ema-main-color);
z-index: 2;
} .is-h2-style-border-left-background-stripe .article-body h2.wp-block-heading:not(.is-style-none),
.is-h3-style-border-left-background-stripe .article-body h3.wp-block-heading:not(.is-style-none),
.is-h4-style-border-left-background-stripe .article-body h4.wp-block-heading:not(.is-style-none) {
padding-top: 8px;
padding-bottom: 8px;
padding-right: 0;
padding-left: 12px;
border-left :4px solid var(--ema-main-color);
background: repeating-linear-gradient(-45deg, var(--ema-sub-color), var(--ema-sub-color) 3px, #ffffff 3px,#ffffff 8px);
} .is-h2-style-border-top-bottom .article-body h2.wp-block-heading:not(.is-style-none),
.is-h3-style-border-top-bottom .article-body h3.wp-block-heading:not(.is-style-none),
.is-h4-style-border-top-bottom .article-body h4.wp-block-heading:not(.is-style-none) {
padding-top: 8px;
padding-bottom: 8px;
border-top: solid 2px var(--ema-main-color);
border-bottom: solid 2px var(--ema-main-color);
} .is-h2-style-border-top-bottom-stripe .article-body h2.wp-block-heading:not(.is-style-none),
.is-h3-style-border-top-bottom-stripe .article-body h3.wp-block-heading:not(.is-style-none),
.is-h4-style-border-top-bottom-stripe .article-body h4.wp-block-heading:not(.is-style-none) {
padding-top: 8px;
padding-bottom: 8px;
padding-right: 0;
padding-left: 12px;
border-top: solid 2px var(--ema-main-color);
border-bottom: solid 2px var(--ema-main-color);
background:repeating-linear-gradient(-45deg, var(--ema-sub-color), var(--ema-sub-color) 3px, #ffffff 3px, #ffffff 8px);
} .article-body ul.has-background,
.article-body ol.has-background {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
border-radius: var(--ema-border-radius-3);
}
.article-body ul {
list-style-type: disc;
list-style-position: inside;
}
.article-body ol {
list-style-type: decimal;
list-style-position: inside;
}
.article-body ul ul,
.article-body ol ul {
margin-left: 18px;
list-style-type: circle;
}
.article-body ul ul ul,
.article-body ol ul ul {
list-style-type: square;
}
.article-body ul ol,
.article-body ol ol  {
margin-left: 18px;
list-style-type: decimal;
}
.article-body li:not(.contents-outline__item):not(.share-btn__item) {
position: relative;
margin-top: 0.5em;
margin-bottom: 0.5em;
} .toc-box {
margin-bottom: 56px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 12px;
padding-right: 12px;
text-align: left;
}
@media screen and (min-width: 600px) {
.toc-box {
padding-top: 32px;
padding-bottom: 32px;
padding-right: 32px;
padding-left: 32px;
}
}
.contents-outline {
margin-top: 56px;
font-size: var(--ema-font-size-s1);
}
@media screen and (min-width: 600px) {
.contents-outline {
font-size: var(--ema-font-size-m);
}
}
.toc-btn__switch {
position: relative;
display: inline-block;
margin-left: 8px;
width: 32px;
background-color: #fff;
border-radius: var(--ema-border-radius-8);
vertical-align: text-bottom;
}
.toc-btn__switch input[type="checkbox"] {
display : none;
}
.toc-btn__switch label {
display: block;
box-sizing: border-box;
height: 16px;
border-radius: var(--ema-border-radius-8);
}
.toc-btn__switch .slider {
position: absolute;
width: 8px;
height: 8px;
top: 4px;
left: 4px;
border-radius: 4px;
transition: 0.3s;
}
.toc-btn__switch.selected .slider {
transform: translateX(16px);
background-color: #fff;
}
.toc-box__header {
text-align: center;
}
.toc-box__header .btn__switch {
margin-left: 8px;
}
.toc-box__header .indent_2 {
margin-top: 16px;
}
.toc-box__header .hide-text,
.toc-box__header .show-text {
margin-left: 8px;
}
.indent_3.contents-outline__ol {
padding-bottom: 6px;
font-size: var(--ema-font-size-s1);
}
.indent_3.contents-outline__ol > .contents-outline__item {
position: relative;
}
.indent_4.contents-outline__ol {
padding-bottom: 6px;
font-size: var(--ema-font-size-s2);
}
.indent_4.contents-outline__ol > .contents-outline__item {
position: relative;
}
.contents-outline__item {
line-height: 2;
}
.contents-outline__item:last-child {
margin-bottom: 0;
}
.contents-outline__item a {
position: relative;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
}
.contents-outline__item a > strong {
font-weight: normal;
}
.contents-outline__item a::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
transform: translateY(1px);
transition: all 0.3s ease;
opacity: 0;
}
.contents-outline__item a:hover::after {
transform: translateY(-3px);
opacity: 1;
} .blog-card {
position: relative;
background-color: #fff;
}
.blog-card__link {
display: block;
cursor: pointer;
text-decoration: none;
color: initial;
}
.blog-card__link:hover{
color: initial;
}
.blog-card__inner {
display: flex;
position: relative;
padding: 24px;
transition: all 0.3s ease;
}
.blog-card__label {
position: absolute;
top: 0;
transform: translateY(-50%);
left: 16px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
border-radius: var(--ema-border-radius-3);
line-height: 12px;
background-color: #fff;
font-size: var(--ema-font-size-s2);
color: #303030;
font-weight: bold;
overflow-wrap: break-word;
word-break: break-word;
z-index: 1;
}
.blog-card__label[class*="icon-"]::before {
margin-right: 0.15em;
color: #303030;
}
.blog-card__label.is-label-background-color {
background-color: #e5e7e8;
}
.blog-card__label.is-label-border {
border: 2px solid #e5e7e8;
transition: all 0.3s ease;
}
.blog-card.blog-card-border:hover .blog-card__label.is-label-border {
border: 2px solid var(--ema-link-hover);
}
.blog-card__label.is-label-speech-bubble {
display: flex;
justify-content: center;
align-items: center;
}
.blog-card__label.is-label-speech-bubble::before,
.blog-card__label.is-label-speech-bubble::after {
content: '';
width: 1px;
height: 16px;
background-color: #b8bcc0;
}
.blog-card.blog-card-border:hover .blog-card__label.is-label-speech-bubble::before,
.blog-card.blog-card-border:hover .blog-card__label.is-label-speech-bubble::after {
background-color: var(--ema-link-hover);
}
.blog-card__label.is-label-speech-bubble::before {
margin-right: 12px;
transform: rotate(-35deg);
}
.blog-card__label.is-label-speech-bubble::after {
margin-left: 12px;
transform: rotate(35deg);
}
.blog-card__inner.u-row-dir .blog-card__thumbnail {
margin: 0 10px 0 0;
}
.blog-card__inner.u-row-dir-reverse .blog-card__thumbnail {
margin: 0 0 0 10px
}
.blog-card__thumbnail {
flex-shrink: 0;
width: 30%;
}
.blog-card__thumbnail img {
border-radius: var(--ema-border-radius-3);
}
@media screen and (min-width: 600px) {
.blog-card__inner.u-row-dir .blog-card__thumbnail {
margin: 0 20px 0 0;
}
.blog-card__inner.u-row-dir-reverse .blog-card__thumbnail {
margin: 0 0 0 20px
}
}
.blog-card__body {
position: relative;
flex-grow: 1;
}
.blog-card__title {
position: relative;
display: block;
margin-bottom: 8px;
font-weight: bold;
line-height: 1.5;
font-size: var(--ema-font-size-m);
color: #303030;
}
@media screen and (max-width: 599px)  {
.blog-card__title {
font-size: var(--ema-font-size-s1);
}
}
@media screen and (max-width: 959px) {
.blog-card__excerpt {
display: none;
}
}
@media screen and (min-width: 960px) {
.blog-card__excerpt {
display: block;
margin-top: 8px;
margin-bottom: 8px;
line-height: 1.5;
font-size: var(--ema-font-size-s3);
color: #484848;
word-break: break-word;
}
}
.blog-card__caption {
display: flex;
align-items: center;
position: absolute;
bottom: 2px;
right: 16px;
line-height: 2;
backface-visibility: hidden;
font-size: var(--ema-font-size-s3);
color: #303030;
letter-spacing: 0.04em;
}
.blog-card__inner.u-row-dir-reverse .blog-card__caption {
right: initial;
left: 16px;
}
.blog-card__caption .favicon,
.blog-card__caption [class*="icon-"] {
margin-right: 4px;
}
@media screen and (max-width: 599px) {
.blog-card__caption {
font-size: var(--ema-font-size-s4);
}
}
.blog-card__lead {
position: absolute;
bottom: 0;
right: 0;
line-height: 1;
letter-spacing: 0.04em;
font-size: var(--ema-font-size-s3);
color: #303030;
overflow-wrap: break-word;
word-break: break-word;
}
.blog-card__lead [class*="icon-"] {
position: relative;
left: 2px;
transition: all 0.3s ease;
}
.blog-card:hover .blog-card__lead [class*="icon-"] {
left: 6px;
}
.blog-card-border {
border: 2px solid #e5e7e8;
border-radius: var(--ema-border-radius-3);
transition: all 0.3s ease;
backface-visibility: hidden;
}
.blog-card-border:hover {
border: 2px solid var(--ema-link-hover);
}
.blog-card-border__shadow {
border: 2px solid #e5e7e8;
border-radius: var(--ema-border-radius-3);
transition: all 0.3s ease;
backface-visibility: hidden;
}
.blog-card-border__shadow:hover {
transform: translateY(-3px);
box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
}
.blog-card-border__title {
border: 2px solid #e5e7e8;
border-radius: var(--ema-border-radius-3);
transition: all 0.3s ease;
backface-visibility: hidden;
}
.blog-card-border__title .blog-card__title {
color: var(--ema-link-color);
}
.blog-card-border__title .blog-card__title {
color: var(--ema-link-color);
transition: all 0.3s ease;
}
.blog-card-border__title:hover .blog-card__title {
text-decoration: underline;
color: var(--ema-link-hover);
transition: all 0.3s ease;
}
.blog-card-shadow {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.08);
border-radius: var(--ema-border-radius-3);
transition: all 0.3s ease;
backface-visibility: hidden;
}
.blog-card-shadow:hover {
box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.1);
transform: translateY(-3px);
}
.blog-card-shadow__title {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.08);
border-radius: var(--ema-border-radius-3);
transition: all 0.3s ease;
backface-visibility: hidden;
}
.blog-card-shadow__title .blog-card__title {
color: var(--ema-link-color);
transition: all 0.3s ease;
}
.blog-card-shadow__title:hover .blog-card__title {
text-decoration: underline;
color: var(--ema-link-hover);
transition: all 0.3s ease;
} .share-btn {
margin-top: 32px;
margin-left: 16px;
margin-right: 16px;
}
.share-btn .sns-name {
display: none;
}
.share-btn-list {
gap: 16px;
}
.share-btn__item {
width: 13%;
}
@media screen and ( min-width: 768px ) {
.share-btn .sns-name {
display: inline-block;
}
.share-btn__item [class^="icon-"] {
padding-right: 4px;
}
}
.share-btn__item a {
display: block;
padding: 4px 6px;
border-radius: var(--ema-border-radius-4);
text-align: center;
text-decoration: none;
font-size: var( --ema-font-size-s3 );
color: #ffffff;
cursor:pointer
}
@media screen and ( min-width: 768px ) {
.share-btn__item a {
padding: 8px 4px;
line-height: 1.5;
}
} .user-url-color a {
text-decoration: none;
color: #004e8e;
}
.twitter-color a {
text-decoration: none;
color: #1da1f2;
}
.facebook-color a {
text-decoration: none;
color: #4267b2;
}
.instagram-color a {
text-decoration: none;
color: #f13f79;
}
.line-color a {
text-decoration: none;
color: #00b900;
}
.youtube-color a {
text-decoration: none;
color: #ff0000;
}
.linkedin-color a {
text-decoration: none;
color: #0076b5;
}
.feedly-color a {
text-decoration: none;
color: #2bb24c;
}
.user-url-hover-color a:hover {
text-decoration: none;
color: #004e8e;
}
.twitter-hover-color a:hover {
text-decoration: none;
color: #1da1f2;
}
.facebook-hover-color a:hover {
text-decoration: none;
color: #4267b2;
}
.instagram-hover-color a:hover {
text-decoration: none;
color: #f13f79;
}
.line-hover-color a:hover {
text-decoration: none;
color: #00b900;
}
.youtube-hover-color a:hover {
text-decoration: none;
color: #ff0000;
}
.linkedin-hover-color a:hover {
text-decoration: none;
color: #0076b5;
}
.feedly-hover-color a:hover {
text-decoration: none;
color: #2bb24c;
}
.twitter-bg a {
text-decoration: none;
background-color: #1da1f2;
color: #ffffff;
}
.twitter-bg a:hover {
background-color: rgb(29, 161, 242, 0.8);
}
.facebook-bg a {
text-decoration: none;
background-color: #4267b2;
color: #ffffff;
}
.facebook-bg a:hover {
background-color: rgb(66, 103, 178, 0.8);
}
.instagram-bg a {
text-decoration: none;
background-color: #f13f79;
color: #ffffff;
}
.instagram-bg a:hover {
background-color: rgb(241, 63, 121, 0.8);
}
.line-bg a {
text-decoration: none;
background-color: #00b900;
color: #ffffff;
}
.line-bg a:hover {
background-color: rgb(0, 185, 0, 0.8);
}
.youtube-bg a {
text-decoration: none;
background-color: #ff0000;
color: #ffffff;
}
.youtube-bg a:hover {
background-color: rgb(255, 0, 0, 0.8);
}
.linkedin-bg a {
text-decoration: none;
background-color: #0076b5;
color: #ffffff;
}
.linkedin-bg a:hover {
background-color: rgb(0, 118, 181, 0.8);
}
.feedly-bg a {
text-decoration: none;
background-color: #2bb24c;
color: #ffffff;
}
.feedly-bg a:hover {
background-color: rgb(43, 178, 76, 0.8);
}
.hatena-bg a {
text-decoration: none;
background-color: #00a4de;
color: #ffffff;
}
.hatena-bg a:hover {
background-color: rgb(0, 164, 222, 0.8);
}
.pocket-bg a {
text-decoration: none;
background-color: #ee4056;
color: #ffffff;
}
.pocket-bg a:hover {
background-color: rgb(238, 64, 86, 0.8);
}
.pinterest-bg a {
text-decoration: none;
background-color: #e60023;
color: #ffffff;
}
.pinterest-bg a:hover {
background-color: rgb(230, 0, 35, 0.8);
}
.twitter-bg__white a {
text-decoration: none;
background-color: #ffffff;
color: #1da1f2;
}
.twitter-bg__white a:hover {
opacity: 0.8;
}
.facebook-bg__white a {
text-decoration: none;
background-color: #ffffff;
color: #4267b2;
}
.facebook-bg__white a:hover {
opacity: 0.8;
}
.instagram-bg__white a {
text-decoration: none;
background-color: #ffffff;
color: #f13f79;
}
.instagram-bg__white a:hover {
opacity: 0.8;
}
.line-bg__white a {
text-decoration: none;
background-color: #ffffff;
color: #00b900;
}
.line-bg__white a:hover {
opacity: 0.8;
}
.youtube-bg__white a {
text-decoration: none;
background-color: #ffffff;
color: #ff0000;
}
.youtube-bg__white a:hover {
opacity: 0.8;
}
.linkedin-bg__white a {
text-decoration: none;
background-color: #ffffff;
color: #0076b5;
}
.linkedin-bg__white a:hover {
opacity: 0.8;
}
.feedly-bg__white a {
text-decoration: none;
background-color: #ffffff;
color: #2bb24c;
}
.feedly-bg__white a:hover {
opacity: 0.8;
}
.hatena-bg__white a {
text-decoration: none;
background-color: #ffffff;
color: #00a4de;
}
.hatena-bg__white a:hover {
opacity: 0.8;
}
.pocket-bg__white a {
text-decoration: none;
background-color: #ffffff;
color: #ee4056;
}
.pocket-bg__white a:hover {
opacity: 0.8;
}
.pinterest-bg__white a {
text-decoration: none;
background-color: #ffffff;
color: #e60023;
}
.pinterest-bg__white a:hover {
opacity: 0.8;
} @media screen and (min-width: 600px)  {
.error404 .article-body .search-form,
.search .article-body .search-form {
margin: 16px auto;
width: 60%;
}
} .page-widget {
margin: 0 16px 32px 16px;
}
@media screen and (min-width: 960px) {
.page-widget {
margin: 0 32px 32px 32px;
}
}
@media screen and ( min-width: 1200px ) {
.page-widget {
margin: 0 56px 32px 56px;
}
}
.page-widget h3 {
margin: 48px 0 32px 0;
line-height: 1.5;
} .cta-post {
position: relative;
margin-top: 36px;
padding: 16px;
background-color: var(--ema-cta-bg);
border-radius: var(--ema-border-radius-4);
}
@media screen and (min-width: 960px) {
.cta-post {
padding: 32px;
}
}
.cta-post.is-style-border {
border: 1px solid var(--ema-cta-border);
}
.cta-post-header {
margin-bottom: 16px;
text-align: center;
}
@media screen and (min-width: 768px) {
.cta-post-header {
margin-bottom: 40px;
}
}
.cta-post-header h3 {
font-size: var( --ema-font-size-l2 );
color: var(--ema-cta-title);
}
.cta-post-content.is-style-cta_post_left,
.cta-post-content.is-style-cta_post_right {
display: flex;
flex-direction: column;
}
.cta-post-content.is-style-cta_post_left .cta-post-content__image,
.cta-post-content.is-style-cta_post_right .cta-post-content__image {
width: 100%
}
.cta-post-content.is-style-cta_post_left {
flex-direction: row;
column-gap: 32px;
}
.cta-post-content.is-style-cta_post_right {
flex-direction: row-reverse;
column-gap: 32px;
}
.cta-post-content.is-style-cta_post_left .cta-post-content__image,
.cta-post-content.is-style-cta_post_right .cta-post-content__image {
width: 50%;
min-width: 50%;
}
.cta-post-content__image img {
padding-bottom: 32px;
max-width: 100%;
height: auto;
vertical-align: bottom;
}
.cta-post-content__text {
color: var(--ema-cta-text);
overflow: hidden;
}
.cta-post-footer {
margin-top: 32px;
text-align: center;
}
.cta-post-footer a {
background-color: #9b8d77;
color: #ffffff;
}
.cta-post-footer .btn a,
.cta-post-shortcode input[type=submit] {
background-color: var(--ema-cta-btn-bg);
color: var(--ema-cta-btn-text);
}
.cta-post-footer .btn a:hover,
.cta-post-shortcode input[type=submit]:hover {
background-color: var(--ema-cta-btn-bg-hover);
color: var(--ema-cta-btn-text-hover);
}
.cta-microcopy__top {
margin-bottom: 8px;
text-align: center;
letter-spacing: 0.1em;
font-size: var( --ema-font-size-s3 );
font-weight: bold;
color: var(--ema-cta-btn-microcopy);
}
.cta-microcopy__bottom {
margin-top: 8px;
text-align: center;
letter-spacing: 0.1em;
font-size: var( --ema-font-size-s3 );
font-weight: bold;
color: var(--ema-cta-btn-microcopy);
} .cta-floating {
position: fixed;
top: 30vh;
right: 0;
width: 56px;
transform: translateX(60px);
transition: 0.4s cubic-bezier(0.13,0.61,0.26,0.94);
z-index: 200;
}
.cta-floating.is-show {
transform: translateX(0);
}
.cta-floating .cta-floating__inner {
display: flex;
flex-direction: column;
width: 100%;
}
.cta-floating__link {
display: block;
width: 100%;
text-decoration: none;
}
.cta-floating__body {
padding-top: 16px;
padding-bottom: 16px;
padding-right: 12px;
padding-left: 12px;
text-align: center;
transition: all 0.3s ease;
}
.cta-floating__icon {
display: block;
margin-bottom: 4px;
vertical-align: baseline;
font-size: var(--ema-font-size-m);
}
.cta-floating__title {
text-orientation: upright;
writing-mode: vertical-rl;
letter-spacing: 0.05em;
font-size: var(--ema-font-size-s1);
font-weight: bold;
}
.cta-floating__link-1 .cta-floating__body {
background-color: var(--ema-cta-floating-bg-1);
color: var(--ema-cta-floating-text-1);
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.08);
}
.cta-floating__link-1:hover .cta-floating__body {
background-color: var(--ema-cta-floating-bg-hover-1);
color: var(--ema-cta-floating-text-hover-1);
}
.cta-floating__link-2 .cta-floating__body {
background-color: var(--ema-cta-floating-bg-2);
color: var(--ema-cta-floating-text-2);
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.08);
}
.cta-floating__link-2:hover .cta-floating__body {
background-color: var(--ema-cta-floating-bg-hover-2);
color: var(--ema-cta-floating-text-hover-2);
} .sns-follow:not(.is-footer) {
margin-top: 36px;
border-radius: var(--ema-border-radius-4);
position: relative;
background-position: center center;
background-size: cover;
text-align: center;
overflow: hidden;
}
.sns-follow:not(.is-footer)::before {
content:"";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--ema-sns-follow-background-color);
opacity: var(--ema-sns-follow-background-color-opacity);
z-index:100;
}
.sns-follow.is-style-border {
border: 1px solid var(--ema-sns-follow-border-color);
}
.sns-follow__title-wrapper {
margin-bottom: 16px;
text-align: center;
}
.sns-follow__title {
margin-bottom: 8px;
letter-spacing: 0.1em;
color: var(--ema-sns-follow-title-color);
}
.sns-follow__microcopy  {
margin: 4px;
letter-spacing: 0.1em;
font-size: var( --ema-font-size-m );
font-weight: bold;
}
.sns-follow__inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
column-gap: 24px;
padding-top: 32px;
padding-bottom: 32px;
padding-right: 16px;
padding-left: 16px;
z-index: 101;
}
@media screen and ( min-width: 768px ) {
.sns-follow__inner {
padding-top: 64px;
padding-bottom: 64px;
}
}
.sns-follow__item-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 22px;
}
.sns-follow__item-wrapper .sns-follow__item a {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
font-size: var( --ema-font-size-s1 );
} .article-footer {
padding-top: 16px;
}
@media screen and ( min-width: 768px ) {
.article-footer {
padding-top: 32x;
}
}
.paragraph-normal__border .article-footer,
.paragraph-narrow__border .article-footer,
.paragraph-normal.has-background-color .article-footer,
.paragraph-narrow.has-background-color .article-footer {
padding-right: 12px;
padding-left: 12px;
} .author-profile {
margin-top: 32px;
margin-bottom: 32px;
}
.author-profile:not(.profile-full-width),
.author-profile.profile-normal__border,
.author-profile.profile-narrow__border {
padding-top: 32px;
padding-bottom: 32px;
}
@media screen and (min-width: 600px)  {
.author-profile:not(.profile-full-width),
.author-profile.profile-normal__border,
.author-profile.profile-narrow__border {
padding-top: 24px;
padding-bottom: 24px;
}
.author-profile.profile-normal__border,
.author-profile.profile-narrow__border {
border: solid 1px #e5e7e8;
}
.author-profile.profile-normal,
.author-profile.profile-normal__border {
padding-right: 24px;
padding-left: 24px;
}
.author-profile.profile-narrow,
.author-profile.profile-narrow__border {
padding-left: 56px;
padding-right: 56px;
}
}
.author-profile:not(.profile-full-width).has-background-color {
border-radius: var(--ema-border-radius-3);
background-color: var(--ema-article-profile-background-color);
}
.author-profile.profile-normal__border,
.author-profile.profile-narrow__border {
border: solid 1px #e5e7e8;
}
.author-profile.profile-normal__border,
.author-profile.profile-narrow__border,
.author-profile.profile-normal.has-background-color,
.author-profile.profile-narrow.has-background-color {
padding-right: 12px;
padding-left: 12px;
}
@media screen and (min-width: 600px)  {
.author-profile.profile-normal__border,
.author-profile.profile-normal.has-background-color {
padding-right: 24px;
padding-left: 24px;
}
.author-profile.profile-narrow__border,
.author-profile.profile-narrow.has-background-color {
padding-right: 56px;
padding-left: 56px;
}
}
.author-profile-heading {
margin-bottom: 16px;
text-align: center;
letter-spacing: 0.1em;
font-size: var( --ema-font-size-l1 );
}
@media screen and (min-width: 600px) {
.author-profile-heading {
text-align: left;
}
}
.author-profile-avatar {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 24px;
}
@media screen and (min-width: 600px) {
.author-profile-avatar {
margin-bottom: 0;
}
}
.author-profile-avatar .avatar {
width: 80px;
height: 80px;
border-radius: 50%;
}
.author-name {
margin-top: 8px;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s1 );
}
.author-name a {
color: #303030;
}
.author-name a:hover {
color: var(--ema-link-hover)
}
.author-position {
display: block;
margin-top: 4px;
line-height: 1;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s3 );
color: #303030;
}
.author-profile-text p {
font-size: var( --ema-font-size-s1 );
}
.author-profile-sns {
margin-top: 32px;
}
.author-sns {
justify-content: center;
}
@media screen and (min-width: 600px) {
.author-sns {
justify-content: left;
}
}
.author-sns__item {
margin-right: 16px;
font-size: var( --ema-font-size-s1 );
}
.author-sns__item:last-child {
margin-right: 0;
}
.author-sns__item a {
color: #303030;
}
.author-sns__item:hover [class^="icon-"] {
display: inline-block;
transform: scale(1.2);
transition: all 0.1s ease;
} #comments {
padding-bottom: 16px;
font-size: var( --ema-font-size-l1 );
}
#comment-area {
margin: 32px 0;
}
@media screen and ( min-width: 768px ) {
#comment-area .children li {
margin: 0 0 0 72px;
}
}
.comment-respond {
margin: 32px 0;
}
.comment-box {
padding-bottom: 32px;
}
.comment-box h2 {
margin: 64px 0 40px 0;
}
.comment-box h3 {
margin: 56px 0 32px 0;
}
.comment-box h4 {
margin: 48px 0 16px 0;
}
.comment-box h5 {
margin: 40px 0 8px 0;
}
.comment-box h6 {
margin: 32px 0 8px 0;
}
.comment-box ol {
margin: 0px 0px 40px 24px;
list-style: decimal;
}
.comment-box ul {
margin: 0px 0px 40px 24px;
list-style: disc;
}
.comment-box li {
margin-bottom: 8px;
}
.comment-box ul ul li {
list-style: circle;
}
.comment-box p {
margin-bottom: 40px;
}
.comment-title {
font-size: var( --ema-font-size-l1 );
font-weight: bold;
}
.comment {
margin-top: 16px;
padding: 16px 0;
border-top: 1px solid #e5e7e8;
}
.comment:first-child {
border-top: none;
}
.comment-author img {
float: left;
width: 56px;
height: 56px;
margin-right: 16px;
border-radius: 50%;
border: solid 1px #e5e7e8;
}
.comment-meta {
margin-left: 76px;
padding: 16px 0;
letter-spacing: 0.02em;
font-size: var( --ema-font-size-s3 );
}
.comment-meta i {
margin-right: 2px;
}
.comment-title .icon-bubbles {
padding-right: 8px;
}
.comment-text {
margin-left: 76px;
}
.comment-reply {
position: relative;
padding-left: 16px;
font-size: var( --ema-font-size-s3 );
}
.comment-reply-link::before {
position: absolute;
top: 0;
left: 0;
content: "\e94b";
font-family: "icomoon";
color: #b8bcc0;
}
#comment-area .children {
margin-bottom: 32px;
}
#comment-area .children li {
margin: 0 0 0 32px;
padding: 16px 0 0 16px;
background-color: #f8f8f8;
}
.comment-edit-link {
position: relative;
margin-left: 8px;
padding-left: 14px;
color: var(--ema-link-color)
}
.comment-edit-link::before {
position: absolute;
bottom: -2px;
left: 0;
content: "\e969";
font-family: "icomoon";
color: #b8bcc0;
} .comment-reply-title {
margin: 0;
padding-bottom: 16px;
font-size: var( --ema-font-size-l1 );
}
.logged-in-as {
margin-bottom: 16px;
font-size: var( --ema-font-size-s2 );
}
.comment-notes {
margin-bottom: 16px;
font-size: var( --ema-font-size-s3 );
}
#commentform textarea {
margin-bottom: 16px;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
margin-bottom: 16px;
width: 100%;
}
.required {
font-size: var( --ema-font-size-s3 );
color: var(--ema-main-color);
}
.form-submit {
margin: 32px 0;
}
.comment-page-link {
text-align: center;
}
.comment-page-link .page-numbers {
background-color:#ffffff;
color: var(--ema-link-color);
transition: 0.4s ease-in-out;
}
.comment-page-link .page-numbers:hover,
.comment-page-link .current {
background-color: var(--ema-link-hover);
color:#ffffff;
}
.comment-page-link .next,
.comment-page-link .prev {
width: 48px;
}
.comment-form-cookies-consent {
margin-bottom: 16px;
font-size: var( --ema-font-size-s3 );
}
.comment-form-cookies-consent input {
margin-right: 4px;
}
.bypostauthor img {
border: solid 2px #a0aab3;
} .entry-tag__title {
font-size: var( --ema-font-size-l1 );
}
.ad-matched-content {
margin: 32px 0;
}
.related-posts {
margin-top: 48px;
overflow: hidden;
}
.related-posts__title {
margin-bottom: 8px;
letter-spacing: 0.1em;
font-size: var( --ema-font-size-l1 );
}
.related-post-list__title {
line-height: 1.4;
font-weight: bold;
color: #303030;
}
.related-post-list__item a {
text-decoration: none;
}
.related-post-list__item::after {
content: "";
display: block;
clear: both;
}
.related-post-list__item.column-6 {
margin-bottom: 24px;
height: 80px;
background-color: #ffffff;
}
.related-post-list__item.column-6 .related-post-list__thumbnail img {
float: left;
width: 78px;
backface-visibility: hidden;
}
.related-post-list__item.column-6 .related-post-list__body {
padding: 8px;
height: 80px;
text-overflow: ellipsis;
-webkit-flex-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.related-post-list__item.column-6 .related-post-list__body .published {
display: block;
margin-bottom: 4px;
}
.related-post-list__item.column-6 .related-post-list__body .icon-lock {
margin-right: 2px;
font-size: var( --ema-font-size-s3 );
color: #828990;
}
.related-post-list__item.column-6 .related-post-list__title {
font-size: var( --ema-font-size-s1 );
}
.related-post-list__item.column-3,
.related-post-list__item.column-4 {
position: relative;
margin-bottom: 24px;
background-color: #ffffff;
}
@media screen and (max-width: 599px) {
.related-post-list__item[class*="column-"]:last-childd {
margin-bottom: 0;
}
.u-post-scroll .related-post-list__item[class*="column-"] {
margin-bottom: 0;
}
}
.related-post-list__item.column-3 .related-post-list__thumbnail img,
.related-post-list__item.column-4 .related-post-list__thumbnail img  {
border-radius: 3px 3px 0 0;
backface-visibility: hidden;
}
.related-post-list__item.column-3 .related-post-list__body,
.related-post-list__item.column-4 .related-post-list__body {
padding-top: 16px;
padding-bottom: 16px;
padding-right: 8px;
padding-left: 8px;
}
.related-post-list__item.column-3.has_thumbnail .related-post-list__body .published,
.related-post-list__item.column-4.has_thumbnail .related-post-list__body .published {
position: absolute;
top: 8px;
left: 8px;
padding-right: 8px;
padding-left: 8px;
height: 16px;
line-height: 16px;
border-radius: var(--ema-border-radius-25);
background-color: rgba(0,0,0,0.4);
color: #ffffff;
}
.related-post-list__item.column-3 .related-post-list__body .icon-lock,
.related-post-list__item.column-4 .related-post-list__body .icon-lock {
margin-right: 2px;
font-size: var( --ema-font-size-s3 );
color: #828990;
}
.related-post-list__item.column-3 .related-post-list__title,
.related-post-list__item.column-4 .related-post-list__title {
font-size: var( --ema-font-size-s1 );
}
.related-post-list__body .published {
backface-visibility: hidden;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s3 );
color: #828990;
} .archive-title {
margin: 8px 8px 16px 8px;
}
@media screen and ( min-width: 768px ) {
.archive-title {
margin: 0 0 16px 0;
}
}
.archive-title h1 {
font-size: var( --ema-font-size-l1 );
}
.archive-description {
margin: 0 8px 32px 8px;
font-size: var( --ema-font-size-s1 );
}
@media screen and ( min-width: 768px ) {
.archive-description {
margin: 0 0 32px 0;
}
}
.author-archive {
margin: 0 8px 32px 8px;
}
@media screen and ( min-width: 768px ) {
.author-archive {
margin: 0 0 32px 0;
}
}
.article-body.article-page-content {
margin: 0 8px 32px 8px;
padding: 0;
font-size: var( --ema-font-size-s1 );
}
@media screen and ( min-width: 768px ) {
.article-body.article-page-content {
margin: 0 0 32px 0;
}
}
.article-body.article-page-content p {
margin-bottom: 32px;
} .author-card {
margin-top: 48px;
border-radius: var(--ema-border-radius-3);
}
.author-card__normal,
.author-card__normal--border {
padding-top: 32px;
padding-bottom: 32px;
padding-right: 24px;
padding-left: 24px;
}
.author-card__normal--border {
border: 1px solid #e5e7e8;
}
@media screen and (min-width: 600px) {
.author-card__normal,
.author-card__normal--border {
padding: 24px;
}
}
.author-card__title {
margin-bottom: 16px;
text-align: center;
letter-spacing: 0.1em;
font-size: var( --ema-font-size-l1 );
}
.author-card__avatar {
margin-bottom: 24px;
text-align: center;
}
@media screen and (min-width: 600px) {
.author-card__avatar {
margin-bottom: 0;
}
}
.author-card__avatar .avatar {
width: 80px;
height: 80px;
border-radius: 50%;
}
.author-card__avatar--name {
margin-top: 8px;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-l1 );
}
.author-card__avatar--position {
display: block;
margin-top: 4px;
line-height: 1;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-s1 );
}
.author-card__sns {
margin-top: 32px;
}
.author-card__description {
margin-top: 32px;
}
.author-card__description p {
width: fit-content;
text-align: left;
font-size: var( --ema-font-size-s1 );
color: #484848;
}
.author-card__read-more {
display: flex;
justify-content: center;
margin-top: 24px;
font-size: var( --ema-font-size-s1 );
}
@media screen and (min-width: 768px) {
.author-card__read-more {
font-size: var( --ema-font-size-s3 );
}
}
.archive .author-card {
margin-top: 0;
margin-bottom: 32px;
}
.page-template-author-list article {
margin-bottom: 32px;
}
.page-template-author-list .author-card {
margin-top: 0;
margin-bottom: 32px;
background-color: #ffffff;
}
.page-template-author-list .author-card__avatar {
margin-bottom: 24px;
}
.page-template-author-list .author-sns {
justify-content: center;
}
@media screen and (min-width: 600px) {
.author-card__title {
text-align: left;
}
} .page-template-front-page .article {
margin-bottom: 48px;
} .sidebar {
position: relative;
width: 100%;
}
@media screen and (max-width: 959px) {
.sidebar {
margin-top: 32px;
}
}
.sidebar .widget {
margin-bottom: 24px;
width: 100%;
color: var(--ema-sidebar-text-color);
font-size: var( --ema-font-size-s1 );
}
.sidebar .widget:last-child {
margin-bottom: 0;
}
.sidebar .widget,
.sidebar .widget a:not(.not-text-color):not(.block-btn):not(.wp-block-social-link-anchor):not(.wp-block-button__link):not(.btn__link):not(.tag-cloud-link) {
color: var(--ema-sidebar-text-color);
}
.sidebar.is-animation-move-right .wp-block-latest-comments__comment:hover,
.sidebar.is-animation-move-right .wp-block-archives-list a:hover,
.sidebar.is-animation-move-right .wp-block-categories-list a:hover {
transform: translateX(4px);
}
.sidebar.is-animation-transparency .wp-block-latest-comments__comment:hover,
.sidebar.is-animation-transparency .wp-block-archives-list a:hover,
.sidebar.is-animation-transparency .wp-block-categories-list a:hover {
opacity: 0.6;
}
.sidebar.is-animation-underline .wp-block-latest-comments__comment::after,
.sidebar.is-animation-underline .wp-block-archives-list a::after,
.sidebar.is-animation-underline .wp-block-categories-list a::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background-color: #b8bcc0;
transform: translateY(1px);
transition: all 0.3s ease;
opacity: 0;
}
.sidebar.is-animation-underline .wp-block-latest-comments__comment:hover::after,
.sidebar.is-animation-underline .wp-block-archives-list a:hover::after,
.sidebar.is-animation-underline .wp-block-categories-list a:hover::after {
transform: translateY(-2px);
opacity: 1;
}
.sidebar .is-layout-flow > * + * {
margin-block-start: 16px;
}
.sidebar .wp-block-group.is-vertical.is-layout-flex {
gap: 16px;
}
.sidebar-sticky {
position: -webkit-sticky; position: sticky;
top: 0;
}
.sidebar-sticky.sticky-menu {
top: 72px;
}
.sidebar:not(.sidebar-no-padding-no-border) > .widget,
.sidebar:not(.sidebar-no-padding-no-border) .sidebar-sticky > .widget {
background-color: var(--ema-sidebar-background-color);
}
.sidebar-padding > .widget,
.sidebar-padding .sidebar-sticky > .widget {
padding: 16px;
}
.sidebar-padding-border > .widget,
.sidebar-padding-border .sidebar-sticky > .widget {
padding: 16px;
border: 1px solid #e5e7e8;
}
.sidebar-padding-radius > .widget,
.sidebar-padding-radius .sidebar-sticky > .widget {
padding: 16px;
border-radius: var(--ema-border-radius-3);
}
.sidebar-padding-border-radius > .widget,
.sidebar-padding-border-radius .sidebar-sticky > .widget {
padding: 16px;
border: 1px solid #e5e7e8;
border-radius: var(--ema-border-radius-3);
}
.sidebar-widget__title {
margin-bottom: 16px;
}
.sidebar-widget__title > h3,
.sidebar .wp-block-heading,
.sidebar .wp-block-group > h2,
.sidebar .wp-block-group > h3,
.sidebar .widget_block > h2,
.sidebar .widget_block > h3 {
position: relative;
width: 100%;
line-height: 1.25;
letter-spacing: 0.04em;
font-size: var( --ema-font-size-l1 );
color: var(--ema-sidebar-heading-text-color);
}
.sidebar-left .sidebar-widget__title,
.sidebar-left .wp-block-heading,
.sidebar-left .wp-block-group > h2,
.sidebar-left .wp-block-group > h3,
.sidebar-left .widget_block > h2,
.sidebar-left .widget_block > h3 {
text-align: left;
}
.sidebar-center .sidebar-widget__title,
.sidebar-center .wp-block-heading,
.sidebar-center .wp-block-group > h2,
.sidebar-center .wp-block-group > h3,
.sidebar-center .widget_block > h2,
.sidebar-center .widget_block > h3 {
text-align: center;
}
.sidebar-none-style .sidebar-widget__title,
.sidebar-none-style .wp-block-heading,
.sidebar-none-style .wp-block-group > h2,
.sidebar-none-style .wp-block-group > h3,
.sidebar-none-style .widget_block > h2,
.sidebar-none-style .widget_block > h3 {
padding: 8px 0;
}
.sidebar-border .sidebar-widget__title,
.sidebar-border .wp-block-heading,
.sidebar-border .wp-block-group > h2,
.sidebar-border .wp-block-group > h3,
.sidebar-border .widget_block > h2,
.sidebar-border .widget_block > h3 {
padding: 8px;
border: 1px solid var(--ema-sidebar-heading-background-color);
}
.sidebar-border-radius .sidebar-widget__title,
.sidebar-border-radius .wp-block-heading,
.sidebar-border-radius .wp-block-group > h2,
.sidebar-border-radius .wp-block-group > h3,
.sidebar-border-radius .widget_block > h2,
.sidebar-border-radius .widget_block > h3 {
padding: 8px;
border-radius: var(--ema-border-radius-3);
border: 1px solid var(--ema-sidebar-heading-background-color);
}
.sidebar-border-left .sidebar-widget__title,
.sidebar-border-left .wp-block-heading,
.sidebar-border-left .wp-block-group > h2,
.sidebar-border-left .wp-block-group > h3,
.sidebar-border-left .widget_block > h2,
.sidebar-border-left .widget_block > h3 {
padding: 0 0 0 8px;
border-left: 3px solid var(--ema-sidebar-heading-background-color);
}
.sidebar-bg-color .sidebar-widget__title,
.sidebar-bg-color .wp-block-group > h2,
.sidebar-bg-color .wp-block-group > h3,
.sidebar-bg-color .widget_block > h2,
.sidebar-bg-color .widget_block > h3 {
padding: 8px;
background: var(--ema-sidebar-heading-background-color);
}
.sidebar-bg-color-radius .sidebar-widget__title,
.sidebar-bg-color-radius .wp-block-heading,
.sidebar-bg-color-radius .wp-block-group > h2,
.sidebar-bg-color-radius .wp-block-group > h3,
.sidebar-bg-color-radius .widget_block > h2,
.sidebar-bg-color-radius .widget_block > h3 {
padding: 8px;
border-radius: var(--ema-border-radius-3);
background: var(--ema-sidebar-heading-background-color);
}
.sidebar-bg-color-stitch .sidebar-widget__title,
.sidebar-bg-color-stitch .wp-block-heading,
.sidebar-bg-color-stitch .wp-block-group > h2,
.sidebar-bg-color-stitch .wp-block-group > h3,
.sidebar-bg-color-stitch .widget_block > h2,
.sidebar-bg-color-stitch .widget_block > h3 {
padding: 8px;
border: dashed 1px #ffffff;
background: var(--ema-sidebar-heading-background-color);
box-shadow: 0 0 0 4px var(--ema-sidebar-heading-background-color);
}
.sidebar-bg-color-stitch-radius .sidebar-widget__title,
.sidebar-bg-color-stitch-radius .wp-block-heading,
.sidebar-bg-color-stitch-radius .wp-block-group > h2,
.sidebar-bg-color-stitch-radius .wp-block-group > h3,
.sidebar-bg-color-stitch-radius .widget_block > h2,
.sidebar-bg-color-stitch-radius .widget_block > h3 {
padding: 8px;
border-radius: var(--ema-border-radius-3);
border: dashed 1px #ffffff;
background: var(--ema-sidebar-heading-background-color);
box-shadow: 0 0 0 4px var(--ema-sidebar-heading-background-color);
}
.sidebar-speech-bubble .sidebar-widget__title,
.sidebar-speech-bubble .wp-block-heading,
.sidebar-speech-bubble .wp-block-group > h2,
.sidebar-speech-bubble .wp-block-group > h3,
.sidebar-speech-bubble .widget_block > h2,
.sidebar-speech-bubble .widget_block > h3 {
position: relative;
margin-bottom: 20px;
padding: 8px;
border-radius: var(--ema-border-radius-3);
background: var(--ema-sidebar-heading-background-color);
}
.sidebar-speech-bubble .sidebar-widget__title::after,
.sidebar-speech-bubble .wp-block-heading::after,
.sidebar-speech-bubble .wp-block-group > h2::after,
.sidebar-speech-bubble .wp-block-group > h3::after,
.sidebar-speech-bubble .widget_block > h2::after,
.sidebar-speech-bubble .widget_block > h3::after {
content: "";
position: absolute;
bottom: -8px;
left: 24px;
width: 16px;
height: 16px;
background: inherit;
transform: rotate(45deg);
}
.sidebar-center.sidebar-speech-bubble .sidebar-widget__title::after,
.sidebar-center.sidebar-speech-bubble .wp-block-heading::after,
.sidebar-center.sidebar-speech-bubble .wp-block-group > h2::after,
.sidebar-center.sidebar-speech-bubble .wp-block-group > h3::after,
.sidebar-center.sidebar-speech-bubble .widget_block > h2::after,
.sidebar-center.sidebar-speech-bubble .widget_block > h3::after {
bottom: -8px;
left: calc(50% - 8px);
}
.sidebar-border-bottom .sidebar-widget__title,
.sidebar-border-bottom .wp-block-group > h2,
.sidebar-border-bottom .wp-block-group > h3,
.sidebar-border-bottom .widget_block > h2,
.sidebar-border-bottom .widget_block > h3,
.sidebar-border-bottom-bottom .wp-block-heading,
.sidebar-stripe-border-bottom .wp-block-group > h2,
.sidebar-stripe-border-bottom .wp-block-group > h3,
.sidebar-stripe-border-bottom .widget_block > h2,
.sidebar-stripe-border-bottom .widget_block > h3 {
margin-bottom: 24px;
padding-bottom: 8px;
border-bottom: 2px solid  var(--ema-sidebar-heading-background-color);
}
.sidebar-stripe-border-bottom .sidebar-widget__title::before,
.sidebar-stripe-border-bottom .wp-block-heading::before,
.sidebar-stripe-border-bottom .wp-block-group > h2::before,
.sidebar-stripe-border-bottom .wp-block-group > h3::before,
.sidebar-stripe-border-bottom .widget_block > h2::before,
.sidebar-stripe-border-bottom .widget_block > h3::before {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background: linear-gradient( -45deg, var(--ema-sidebar-background-color) 25%, var(--ema-sidebar-heading-background-color) 25%, var(--ema-sidebar-heading-background-color) 50%, var(--ema-sidebar-background-color) 50%, var(--ema-sidebar-background-color) 75%, var(--ema-sidebar-heading-background-color) 75%, var(--ema-sidebar-heading-background-color));
background-size: 4px 4px;
}
.sidebar-border-bottom .sidebar-widget__title,
.sidebar-shortborder-bottom .wp-block-heading,
.sidebar-shortborder-bottom .wp-block-group > h2,
.sidebar-shortborder-bottom .wp-block-group > h3,
.sidebar-shortborder-bottom .widget_block > h2,
.sidebar-shortborder-bottom .widget_block > h3 {
padding-bottom: 8px;
}
.sidebar-shortborder-bottom .sidebar-widget__title::after,
.sidebar-shortborder-bottom .wp-block-heading::after,
.sidebar-shortborder-bottom .wp-block-group > h2::after,
.sidebar-shortborder-bottom .wp-block-group > h3::after,
.sidebar-shortborder-bottom .widget_block > h2::after,
.sidebar-shortborder-bottom .widget_block > h3::after {
content: "";
display: block;
width: 40px;
height: 2px;
margin-top: 8px;
}
.sidebar-center.sidebar-shortborder-bottom .sidebar-widget__title::after,
.sidebar-center.sidebar-shortborder-bottom .wp-block-heading::after,
.sidebar-center.sidebar-shortborder-bottom .wp-block-group > h2::after,
.sidebar-center.sidebar-shortborder-bottom .wp-block-group > h3::after,
.sidebar-center.sidebar-shortborder-bottom .widget_block > h2::after,
.sidebar-center.sidebar-shortborder-bottom .widget_block > h3::after {
margin: 8px auto 0;
background: var(--ema-sidebar-heading-background-color);
}
.sidebar-center.sidebar-shortborder-bottom .sidebar-widget__title::before,
.sidebar-center.sidebar-shortborder-bottom .wp-block-heading::before,
.sidebar-center.sidebar-shortborder-bottom .wp-block-group > h2::before,
.sidebar-center.sidebar-shortborder-bottom .widget_block > h2::before,
.sidebar-center.sidebar-shortborder-bottom .wp-block-group > h3::before,
.sidebar-center.sidebar-shortborder-bottom .widget_block > h3::before {
background: var(--ema-sidebar-heading-background-color);
}
.sidebar-lines-on-sides .sidebar-widget__title > h3,
.sidebar-lines-on-sides .wp-block-heading,
.sidebar-lines-on-sides .wp-block-group > h2,
.sidebar-lines-on-sides .wp-block-group > h3,
.sidebar-lines-on-sides .widget_block > h2,
.sidebar-lines-on-sides .widget_block > h3 {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.sidebar-lines-on-sides .sidebar-widget__title > h3::before,
.sidebar-lines-on-sides .wp-block-heading::before,
.sidebar-lines-on-sides .wp-block-group > h2::before,
.sidebar-lines-on-sides .wp-block-group > h3::before,
.sidebar-lines-on-sides .widget_block > h2::before,
.sidebar-lines-on-sides .widget_block > h3::before {
content: "";
margin: 0 16px 0 0;
flex: 1 0 0;
border-top: 1px solid var(--ema-sidebar-heading-background-color);
}
.sidebar-lines-on-sides .sidebar-widget__title > h3::after,
.sidebar-lines-on-sides .wp-block-heading::after,
.sidebar-lines-on-sides .wp-block-group > h2::after,
.sidebar-lines-on-sides .wp-block-group > h3::after,
.sidebar-lines-on-sides .widget_block > h2::after,
.sidebar-lines-on-sides .widget_block > h3::after {
content: "";
margin: 0 0 0 16px;
flex: 1 0 0;
border-top: 1px solid var(--ema-sidebar-heading-background-color);
}
.sidebar-lines-on-right .sidebar-widget__title > h3,
.sidebar-lines-on-right .wp-block-heading,
.sidebar-lines-on-right .wp-block-group > h2,
.sidebar-lines-on-right .wp-block-group > h3,
.sidebar-lines-on-right .widget_block > h2,
.sidebar-lines-on-right .widget_block > h3 {
display: flex;
justify-content: center;
align-items: center;
text-align: left;
flex: 1 0 0;
}
.sidebar-lines-on-right .sidebar-widget__title > h3::after,
.sidebar-lines-on-right .wp-block-heading::after,
.sidebar-lines-on-right .wp-block-group > h2::after,
.sidebar-lines-on-right .wp-block-group > h3::after,
.sidebar-lines-on-right .widget_block > h2::after,
.sidebar-lines-on-right .widget_block > h3::after {
content: "";
margin: 0 0 0 16px;
flex: 1 0 0;
border-top: 1px solid var(--ema-sidebar-heading-background-color);
}
.sidebar .widget input[type="submit"] {
width: 100%;
margin: 8px 0 0 0;
padding: 8px;
letter-spacing: 2px;
}
.sidebar .widget select {
width: 100%;
margin: 8px 0;
}
.sidebar .widget li a {
position: relative;
line-height: 32px;
transition: all 0.3s ease;
text-decoration: none;
}
.sidebar .widget li a:after {
color: var(--ema-link-color);
} .l-footer {
background-color: var(--ema-footer-background-color);
color: var(--ema-footer-text-color);
overflow-x: hidden;
}
.l-footer__inner {
position: relative;
padding-top: 16px;
padding-bottom: 16px;
}
.l-footer__inner a {
color: var(--ema-footer-text-color);
}
.l-footer__inner a:hover {
color: var(--ema-footer-link-hover);
}
.footer-nav li {
border-right:solid 1px var(--ema-footer-text-color);
}
.footer-top {
background-color: var(--ema-footer-top-background-color);
}
.sns-follow.is-footer {
display: flex;
flex-direction: row;
justify-content: center;
column-gap: 24px;
padding-top: 12px;
padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
.sns-follow.is-footer {
column-gap: 32px;
}
}
.sns-follow.is-footer .sns-follow__item a {
font-size: var( --ema-font-size-s3 );
}
.sns-follow.is-footer .sns-follow__item span {
letter-spacing: 0.04em;
margin-left: 4px;
}
.sns-follow.is-footer:not(.sns-brand-color) .sns-follow__item a {
color: var(--ema-footer-sns-follow-color);
}
.sns-follow.is-footer:not(.sns-brand-color) .sns-follow__item a:hover {
transition: all 0.3s ease;
opacity: 0.8;
}
.sns-follow.is-footer.sns-brand-color .sns-follow__item a:hover i {
transition: all 0.3s ease;
opacity: 0.8;
}
.footer-widget-box h2,
.footer-widget-box h3,
.footer-widget-box h4,
.footer-widget-box h5,
.footer-widget-box h6 {
color: var(--ema-footer-text-color);
}
.footer-widget-box h3 {
border-bottom: solid 1px var(--ema-footer-text-color);
}
.footer-widget-box .wp-calendar-table caption {
border: solid 1px var(--ema-footer-text-color);
border-bottom: none;
}
.wp-calendar-table thead th {
background-color: inherit;
}
.footer-widget-box .wp-calendar-table th,
.footer-widget-box .wp-calendar-table td {
border: solid 1px var(--ema-footer-text-color);
}
.footer-widget-box .tagcloud a {
border: solid 1px var(--ema-footer-text-color);
}
.footer-widget-box .tagcloud a:hover {
border: solid 1px var(--ema-footer-link-hover);
}
.footer-widget-box .wpp-list .wpp-excerpt,
.footer-widget-box .wpp-list .post-stats,
.footer-widget-box .wpp-list .post-stats a {
color: var(--ema-footer-text-color);
}
.pagetop {
text-align: center;
margin-top: 16px;
margin-bottom: 16px;
cursor: pointer;
font-size: var( --ema-font-size-s3 );
}
.pagetop > a {
display: flex;
flex-direction: column;
}
.footer-nav {
padding: 16px 16px 0 16px;
text-align: center;
font-size: 0;
}
.footer-nav li {
display: inline;
padding: 0 16px;
border-right: solid 1px #757575;
font-size: var( --ema-font-size-s3 );
}
.footer-nav li:last-child {
border-right: none;
}
.footer-nav > .menu-item > a > .menu-description {
padding-left: 8px;
font-weight: 200;
opacity: 0.8;
}
.footer-policy {
display: inline;
font-size: var( --ema-font-size-s3 );
}
.copyright {
padding-top: 16px;
letter-spacing: 0.04em;
text-align: center;
} .cta-footer {
border-top: solid 1px var(--ema-cta-footer-border-color);
background-color: var(--ema-cta-footer-bg-color);
color: var(--ema-cta-footer-text-color);
}
.cta-footer a,
.cta-footer a:hover {
color: var(--ema-cta-footer-text-color);
}
.cta-footer__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-top: 32px;
padding-bottom: 32px;
text-align: center;
}
@media screen and ( max-width: 599px ) {
.cta-footer__site-name {
text-align: center;
margin-bottom: 12px;
}
.cta-footer-btn {
margin-top: 16px;
min-width: 60%;
}
}
.cta-footer__site-name img {
height: min(var(--ema-cta-footer-logo-height), 40px);
width: auto;
}
@media screen and (min-width: 960px) {
.cta-footer__site-name img {
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
}
.cta-footer__site-name p {
line-height: 46px;
font-size: 31px;
font-weight: bold;
}
.cta-footer__contact {
display: flex;
align-items: center;
flex-direction: column;
}
@media screen and ( min-width: 768px ) {
.cta-footer__inner {
text-align: left;
}
.cta-footer__contact {
flex-direction: row;
column-gap: 16px;
justify-content: flex-end;
}
.cta-footer-btn {
display: flex;
align-items: center;
}
}
@media screen and (min-width: 960px) {
.cta-footer ul {
height: 46px;
text-align: right;
}
.cta-footer li {
display: inline-block;
margin: 0 16px 0 0;
}
.cta-footer li:last-child {
margin-right: 0;
}
.cta-footer__inner {
padding-top: 18px;
padding-bottom: 18px;
}
}
.cta-footer-tell {
line-height: 1;
font-size: var(--ema-cta-footer-tel-font-size);
vertical-align: middle;
}
.cta-footer-tell .icon-phone {
margin-right: 2px;
font-size: calc(var(--ema-cta-footer-tel-font-size) * 0.9);
color: var(--ema-cta-footer-icon-color);
}
.cta-footer-tell .cta-footer-tell__text {
margin-top: 8px;
font-size: var( --ema-font-size-s1 );
}
.btn.cta-footer-btn a {
background-color: var(--ema-cta-footer-btn-bg-color);
color: var(--ema-cta-footer-btn-text-color);
}
.btn.cta-footer-btn a:hover {
background-color: var(--ema-cta-footer-btn-bg-hover-color);
color: var(--ema-cta-footer-btn-text-hover-color);
} .popup-btn-mobile {
position: fixed;
bottom: 140px;
z-index: 999;
}
.popup-btn-mobile {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(--ema-cta-mobile-bg);
text-align: center;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
opacity: 0.9;
}
.popup-btn-mobile i {
line-height: 48px;
font-size: var( --ema-font-size-l2 );
color: var(--ema-cta-mobile-text);
}
.cta-popup-header-remodal {
padding: 16px 8px;
text-align: center;
}
.cta-popup-header-remodal span {
font-size: var( --ema-font-size-l1 );
font-weight: bold;
color: var(--ema-cta-popup-title);
} .cta-popup {
position: fixed;
bottom: 0;
width: 100%;
z-index: 99999;
}
@media screen and ( min-width: 768px ) {
.cta-popup {
width: 400px;
}
}
.cta-popup-modal {
display: none;
position: fixed;
inset: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.67);
z-index: 9998;
}
.cta-popup-modal__inner {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 360px;
z-index: 9999;
}
@media screen and (max-width: 797px)  {
.cta-popup,
.cta-popup-modal {
display: none;
}
.cta-popup-modal.is-show {
display: block;
animation: fade 0.2s ease-in 0s 1 normal forwards;
}
}
.cta-popup.is-position-right {
right: 0;
}
.cta-popup.is-position-left {
left: 0;
}
.popup-btn-mobile.is-position-right  {
right: 16px;
}
.popup-btn-mobile.is-position-left {
left: 16px;
}
.cta-popup-inner {
width: 100%;
max-height: 100%;
background-color: var(--ema-cta-popup-bg);
box-shadow: -1px -1px 6px 2px rgba(0,0,0,0.12);
}
.cta-popup-header {
padding: 16px 8px;
border-top: solid 4px var(--ema-cta-popup-title-header);
text-align: center;
white-space: nowrap;
}
.cta-popup-header span {
font-size: var( --ema-font-size-l2 );
font-weight: bold;
color: var(--ema-cta-popup-title);
}
.cta-popup-switch-btn {
position: absolute;
top: -32px;
width: 32px;
height: 32px;
background-color: var(--ema-cta-popup-title-header);
cursor: pointer;
text-align: center;
}
.cta-popup-icon[class*="icon-"] {
line-height: 32px;
font-size: var( --ema-font-size-l2 );
color: #ffffff;
}
.cta-popup-body {
padding: 0 16px;
}
.cta-popup-body::after {
display: block;
clear: both;
content: "";
}
.cta-popup-image {
margin-bottom: 16px;
width: 40%;
}
.cta-popup-image.is-layout-cta_popup_left {
float: left;
margin-right: 10px;
}
.cta-popup-image.is-layout-cta_popup_center {
float: none;
width: 100%;
}
.cta-popup-image.is-layout-cta_popup_right {
float: right;
margin-left: 10px;
}
.cta-popup-image img {
height: auto;
}
.cta-popup-text {
overflow: hidden;
color: var(--ema-cta-popup-text);
text-align: left;
}
.cta-popup-footer {
padding: 16px;
text-align: center;
}
.cta-popup-microcopy__top {
margin-bottom: 8px;
letter-spacing: 0.1em;
font-size: var( --ema-font-size-s3 );
font-weight: bold;
color: var(--ema-cta-popup-microcopy);
}
.cta-popup-microcopy__bottom {
margin-top: 8px;
letter-spacing: 0.1em;
font-size: var( --ema-font-size-s3 );
font-weight: bold;
color: var(--ema-cta-popup-microcopy);
}
.btn.cta-popup-btn a,
.cta-popup-footer input[type=submit] {
background-color:var(--ema-cta-popup-btn-bg);
color: var(--ema-cta-popup-btn-text);
}
.btn.cta-popup-btn a:hover,
.cta-popup-footer input[type=submit]:hover {
background-color:var(--ema-cta-popup-btn__hover-bg);
color: var(--ema-cta-popup-btn-hover-text);
}
.popup-min {
animation: popup-min-transform 0.6s ease-in-out 1 normal forwards;
}
.popup-max {
animation: popup-max-transform 0.8s ease-in-out 1 normal forwards;
}
.popup-hide {
transform: translateY(100%);
}
.cta-popup-footer input[type="text"],
.cta-popup-footer input[type="email"],
.cta-popup-footer input[type="url"],
.cta-popup-footer input[type="password"],
.cta-popup-footer input[type="number"],
.cta-popup-footer input[type="tel"],
.cta-popup-footer input[type="range"],
.cta-popup-footer input[type="color"],
.cta-popup-footer input[type="time"],
.cta-popup-footer input[type="date"],
.cta-popup-footer input[type="datetime"],
.cta-popup-footer input[type="datetime-local"],
.cta-popup-footer input[type="week"],
.cta-popup-footer input[type="month"],
.cta-popup-footer select,
.cta-popup-footer textarea {
margin: 16px 0;
} @media screen and (max-width: 599px) {
.has-fixed-footer-menu {
padding-bottom: 50px;
margin-bottom: calc(env(safe-area-inset-bottom) * 0.5);
}
}
.fixed-footer-menu {
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: 100%;
transform: translateY( 100px );
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
transition: 0.4s cubic-bezier(0.13,0.61,0.26,0.94);
padding-bottom: calc(env(safe-area-inset-bottom) * 0.5);
color: var(--ema-footer-fixed-menu-text-color);
z-index: 202;
}
.fixed-footer-menu::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--ema-footer-fixed-menu-background-color);
opacity: var(--ema-footer-fixed-menu-background-opacity);
}
.fixed-footer-menu__inner {
position: relative;
width: 100%;
height: 50px;
}
.fixed-footer-menu__inner a {
text-decoration: none;
color: var(--ema-footer-fixed-menu-text-color);
}
.fixed-footer-menu.is-show {
transform: translateY( 0px );
}
.fixed-footer-nav {
position: relative;
width: 100%;
height: 50px;
z-index: 100;
}
.fixed-footer-nav .menu-item {
font-size: var( --ema-font-size-s3 );
}
.fixed-footer-nav .menu-item i {
display: block;
padding-top: 4px;
text-align: center;
font-size: var( --ema-font-size-s1 );
}
.fixed-footer-nav .menu-item[class*="ep-menu-item-has-background-"] i {
display: inline-block;
margin-right: 4px;
}
.fixed-footer-nav ul .menu-item a {
display: block;
font-size: var( --ema-font-size-s3 );
text-decoration: none;
overflow: hidden;
}
.sp-follow-sns,
.sp-share-sns {
position: fixed;
visibility: hidden;
opacity: 0;
bottom: 0;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 12px;
padding-left: 12px;
transform: translateY(0);
transition: 0.4s cubic-bezier(0.13,0.61,0.26,0.94);
width: 100%;
z-index: 201;
}
.sp-follow-sns__item a,
.sp-share-sns__item a,
.sp-share-sns__item .share-button {
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
margin-left: 10px;
width: 32px;
height: 32px;
border-radius: 50%;
box-shadow: 0 1px 1.5px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24);
}
.sp-share-sns__item .share-button__clipboard--success,
.sp-share-sns__item .share-button__clipboard--error {
border-radius: 50%;
}
.sp-follow-sns__item a:hover,
.sp-share-sns__item a:hover,
.sp-share-sns__item .share-button:hover {
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
}
.sp-searchform {
position: fixed;
visibility: hidden;
opacity: 0;
bottom: 0;
padding-top: 32px;
padding-bottom: 32px;
padding-right: 16px;
padding-left: 16px;
transition: 0.4s cubic-bezier(0.13,0.61,0.26,0.94);
width: 100%;
z-index: 201;
}
.sp-follow-sns.is-active,
.sp-share-sns.is-active,
.sp-searchform.is-active {
visibility: visible;
opacity: 1;
bottom: 50px;
}
.js-fixed-item.sp-follow-sns,
.js-fixed-item.sp-share-sns,
.js-fixed-item.sp-searchform {
background: rgba(0,0,0,0.8);
}  .tab-area {
display: flex;
flex-wrap: wrap;
margin-bottom: 16px;
width: calc(100% + 12px);
}
@media screen and (max-width: 599px) {
.js-btn__ripple {
position: absolute;
width: 0;
height: 0;
background-color: rgba( 130, 137, 144, 0.4 );
border-radius: 50%;
transform: scale(0);
opacity: 1;
}
.js-btn__ripple--effect {
animation: ripple-drop 0.6s linear;
}
}
@media screen and (min-width: 600px) {
.tab-area {
flex-wrap: nowrap;
width: 100%;
}
}
.tab-area .nav-tab {
position: relative;
margin-right: 12px;
margin-bottom: 8px;
padding: 8px;
width: calc(50% - 12px);
height: 40px;
box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%);
cursor: pointer;
transition: 0.2s ease-in-out;
text-align: center;
border-radius: var(--ema-border-radius-3);
font-size: var( --ema-font-size-s1 );
color: var(--ema-tab-text-color);
background-color: var(--ema-tab-background-color);
overflow: hidden;
}
@media screen and (min-width: 600px) {
.tab-area .nav-tab {
margin-right: 12px;
width: 100%;
}
.tab-area .nav-tab:last-child {
margin-right: 0;
}
}
.tab-area .nav-tab:hover,
.tab-area .nav-tab.nav-tab-active {
background-color: var(--ema-tab-active-color);
font-weight: bold;
transition: 0.2s ease-in-out;
}
.tab-panel {
display: none;
}
.tab-panel.nav-tab-active {
display: block;
animation: tab-fade-in 0.8s ease-in-out;
}
.tab-btn {
margin: 32px 0;
text-align: center;
}
.tab-btn .btn a {
background-color: var(--ema-tab-btn-background-color);
color: var(--ema-tab-btn-text-color);
} .is-entry-section-title-none .front-top-widget-box h2,
.is-entry-section-title-none .front-bottom-widget-box h2 {
padding: 8px 0;
}
.is-entry-section-title-none .archive-title {
margin-bottom: 0;
}
.is-entry-section-title-none .archive-title h1 {
padding: 8px 0;
} .is-entry-section-title-background .front-top-widget-box h2,
.is-entry-section-title-background .front-bottom-widget-box h2 {
padding: 8px 0 8px 16px;
background-color: var(--ema-main-color);
color: #ffffff;
}
.is-entry-section-title-background .archive-title h1 {
padding:8px 0 8px 16px;
background-color: var(--ema-main-color);
color:#ffffff;
} .is-entry-section-title-balloon .front-top-widget-box h2,
.is-entry-section-title-balloon .front-bottom-widget-box h2 {
position: relative;
margin-bottom: 32px;
padding: 8px 0 8px 16px;
background-color: var(--ema-main-color);
border-radius: var(--ema-border-radius-4);
color :#ffffff;
}
.is-entry-section-title-balloon .front-top-widget-box h2::after,
.is-entry-section-title-balloon .front-bottom-widget-box h2::after {
content: "";
position: absolute;
top: 100%;
left: 30px;
width: 0; height: 0;
border: solid 10px transparent;
border-top: 10px solid var(--ema-main-color);
border-radius: var(--ema-border-radius-4);
}
.is-entry-section-title-balloon .archive-title h1 {
position: relative
;margin-bottom: 32px;
padding: 8px 0 8px 16px;
background-color: var(--ema-main-color);
border-radius: var(--ema-border-radius-4);
color :#ffffff;
}
.is-entry-section-title-balloon .archive-title h1::after {
position: absolute;
top: 100%;
left: 30px;
content: "";
width: 0;
height: 0;
border:solid 10px transparent;
border-top: 15px solid  var(--ema-main-color);
} .is-entry-section-title-border-left-background .front-top-widget-box h2,
.is-entry-section-title-border-left-background .front-bottom-widget-box h2 {
padding: 8px 0 8px 12px;
border-left: solid 4px var(--ema-main-color);
background-color: var(--ema-sub-color);
}
.is-entry-section-title-border-left-background .archive-title h1 {
padding: 8px 0 8px 12px;
border-left: solid 4px var(--ema-main-color);
background-color: var(--ema-sub-color);
}
.is-entry-section-title-border-left .front-top-widget-box h2,
.is-entry-section-title-border-left .front-bottom-widget-box h2 {
padding: 8px 0 8px 12px;
border-left: solid 4pxvar(--ema-main-color);
}
.is-entry-section-title-border-left .archive-title h1 {
padding: 8px 0 8px 12px;
border-left: solid 4px var(--ema-main-color);
} .is-entry-section-title-border-bottom .front-top-widget-box h2,
.is-entry-section-title-border-bottom .front-bottom-widget-box h2 {
padding: 8px 0;
border-bottom solid 2px var(--ema-main-color);
}
.is-entry-section-title-border-bottom .archive-title h1 {
padding: 8px 0;
border-bottom: solid 2px var(--ema-main-color);
} .is-entry-section-title-border-bottom-two .front-top-widget-box h2,
.is-entry-section-title-border-bottom-two .front-bottom-widget-box h2 {
margin-bottom: -1px;
}
.is-entry-section-title-border-bottom-two .front-top-widget-box h2 > span,
.is-entry-section-title-border-bottom-two .front-bottom-widget-box h2 > span {
display: inline-block;
padding: 0 4px 4px 0;
border-bottom: solid 2px var(--ema-main-color);
}
.is-entry-section-title-border-bottom-two .archive-title {
border-bottom: solid 2px var(--ema-sub-color);
}
.is-entry-section-title-border-bottom-two .archive-title h1 {
margin-bottom: -2px;
}
.is-entry-section-title-border-bottom-two .archive-title h1 > span {
display: inline-block;
padding: 0 4px 4px 0;
border-bottom: solid 2px var(--ema-main-color);
} .is-entry-section-title-border-left-background-stripe .front-top-widget-box h2,
.is-entry-section-title-border-left-background-stripe .front-bottom-widget-box h2 {
padding :8px 0 8px 12px;
border-left: solid 4px var(--ema-main-color);
background: repeating-linear-gradient(-45deg, var(--ema-sub-color), var(--ema-sub-color) 3px,#ffffff 3px, #ffffff 8px);
}
.is-entry-section-title-border-left-background-stripe .archive-title h1 {
padding: 8px 0 8px 12px;
border-left: solid 4px var(--ema-main-color);
background: repeating-linear-gradient(-45deg, var(--ema-sub-color), var(--ema-sub-color) 3px,#ffffff 3px, #ffffff 8px);
} .is-entry-section-title-border-top-bottom-stripe .front-top-widget-box h2,
.is-entry-section-title-border-top-bottom-stripe .front-bottom-widget-box h2 {
padding: 8px 0 8px 16px;
border-top: solid 2px var(--ema-main-color);
border-bottom: solid 2px var(--ema-main-color);
background:repeating-linear-gradient(-45deg, var(--ema-sub-color), var(--ema-sub-color) 3px,#ffffff 3px, #ffffff 8px);
}
.is-entry-section-title-border-top-bottom-stripe .archive-title h1 {
padding: 8px 0 8px 16px;
border-top: 2px solid var(--ema-main-color);
border-bottom:2px solid var(--ema-main-color);
background:repeating-linear-gradient(-45deg, var(--ema-sub-color), var(--ema-sub-color) 3px, #fff 3px, #fff 8px);
} .archive-list {
position: relative;
margin: 0 0 32px 0;
box-sizing: border-box;
background-color: #ffffff;
width: 100%;
}
.archive-list__link,
.archive-list__link:hover {
display: block;
text-decoration: none !important;
color: #303030;
}
.cat-name,
.sticky .cat-name {
position: absolute;
z-index: 3;
top: 0;
left: 0;
min-width: 80px;
padding: 2px 4px;
font-size: var( --ema-font-size-s2 );
text-align: center;
color: #ffffff;
background-color: var(--ema-main-color);
}
.cat-name a,
.sticky .cat-name a {
display: block;
color: #ffffff;
z-index: 3;
}
.post-thumbnail {
position: relative;
overflow: hidden;
}
.post-thumbnail img {
width: 100%;
height: auto;
vertical-align: bottom;
}
@media screen and ( max-width: 599px ) {
.archive-header {
padding-top: 16px;
padding-bottom: 16px;
padding-right: 16px;
padding-left: 16px;
width: 100%;
}
.archive-header.has-post-meta {
padding-bottom: 56px;
}
}
.archive-header-title {
padding-bottom: 16px;
font-size: var( --ema-font-size-l1 );
}
.archive-header-title .cat-name {
position: relative;
display: inline-block;
margin-right: 4px;
vertical-align: text-bottom;
border-radius: var(--ema-border-radius-3);
font-size: var(--ema-font-size-s3 );
}
.archive-header-title .icon-lock {
font-size: var( --ema-font-size-s1 );
padding-right: 4px;
}
.archive-header .article-excerpt {
font-size: var( --ema-font-size-s1 );
}
.archive-list .post-meta {
position: absolute;
left: 16px;
right: 16px;
bottom: 16px;
}
@media screen and ( min-width: 600px ) { .archive-list.is-one_column {
padding: 16px;
}
.archive-list.is-one_column .archive-list__link {
display: flex;
}
.archive-list.is-one_column .post-thumbnail {
width: 300px;
}
.archive-list.is-one_column .archive-header {
width: calc(100% - 300px);
padding-left: 16px;
}
.archive-list.is-one_column .archive-header-title {
padding-bottom: 8px;
}
.archive-list.is-one_column .post-meta {
position: absolute;
left: initial;
right: 16px;
bottom: 16px;
} .archive-list.is-two_column {
width: 48.56%;
margin: 0 2.88% 32px 0 !important;
}
.archive-list.is-two_column:nth-child(2n) {
margin: 0 0 32px 0 !important;
}
.archive-list.is-two_column .archive-header-title {
padding: 0 0 16px 0;
} .archive-list.is-three_column {
width: 31.4%;
margin: 0 2.88% 32px 0 !important;
}
.archive-list.is-three_column:nth-child(3n) {
margin: 0 0 32px 0 !important;
}
.archive-list.is-three_column .archive-header-title {
padding: 0 0 16px 0;
} .archive-list.is-big_column .archive-header-title {
padding: 0 0 24px 0;
font-size: var( --ema-font-size-l2 );
} .archive-list.is-two_column .archive-header,
.archive-list.is-three_column .archive-header, 
.archive-list.is-big_column .archive-header {
padding-top: 16px;
padding-bottom: 16px;
padding-right: 16px;
padding-left: 16px;
width: 100%;
}
.archive-list.is-two_column .archive-header.has-post-meta,
.archive-list.is-three_column .archive-header.has-post-meta, 
.archive-list.is-big_column .archive-header.has-post-meta {
padding-bottom: 56px;
}
}
@media screen and ( min-width: 768px ) { .page-template-author-list .two-column-author .user-profile {
width: 48.56%;
margin: 0 2.88% 32px 0;
}
.page-template-author-list .two-column-author .user-profile:nth-child(2n) {
margin: 0 0 32px 0;
} .page-template-author-list .three-column-author .user-profile {
width: 31.4%;
margin: 0 2.88% 32px 0;
}
.page-template-author-list .three-column-author .user-profile:nth-child(3n) {
margin: 0 0 32px 0;
}
} .wp-caption {
max-width: 100%;
}
.wp-caption-text,
.wp-block-image figcaption,
.wp-block-video figcaption,
.wp-block-table figcaption {
margin-top: 4px;
margin-bottom: 0;
text-align: center;
font-size: var( --ema-font-size-s3 );
color: #484848;
} .ad-box {
text-align: center;
}
.ad-label {
padding: 16px 0;
text-align: center;
font-size: var( --ema-font-size-s3 );
}
.no-code {
margin-bottom: 16px;
padding: 36px 8px;
border: solid 2px #ff0029;
text-align: center;
}
.header-ad {
display: none;
}
@media screen and (min-width: 960px) {
.header-ad {
display: block;
padding: 3px 0;
height: 96px;
box-sizing: border-box;
}
}
.ad-300 {
margin-bottom: 32px;
}
.sidebar .ad-300 {
text-align: center;
line-height: 0;
}
.article-body .ad-300 img {
margin: 0 0 0 0;
}
.ad-300 > .textwidget > p {
line-height: 0;
}
@media screen and ( min-width: 768px ) {
.article-ad-left {
display: inline-block;
margin-right: 16px;
}
.article-ad-right {
display: inline-block;
}
.home .one-column .ad-infeed-pc,
.blog .one-column .ad-infeed-pc,
.archive .one-column-archive .ad-infeed-pc {
min-height: 160px;
}
} .lp-lead-header {
padding: 8px 16px 0 16px;
text-align: center;
}
.sidebar-lead {
padding: 16px;
background-color: #f5f6f7;
border: solid 1px #e5e7e8;
}
.sidebar-lead .sidebar-widget__title {
font-weight: bold;
text-align: center;
}
.sidebar-lead label {
font-size: var( --ema-font-size-s1 );
}
.sidebar-lead p {
margin-bottom: 0;
}
.sidebar-lead dt {
padding: 2px 0;
font-size: var( --ema-font-size-s3 );
font-weight: normal;
}
.sidebar-lead dd {
padding: 2px 0;
}
.sidebar-lead input[type="text"],
.sidebar-lead input[type="email"],
.sidebar-lead input[type="url"],
.sidebar-lead input[type="password"],
.sidebar-lead input[type="number"],
.sidebar-lead input[type="tel"],
.sidebar-lead input[type="range"],
.sidebar-lead input[type="color"],
.sidebar-lead input[type="time"],
.sidebar-lead input[type="date"],
.sidebar-lead input[type="datetime"],
.sidebar-lead input[type="datetime-local"],
.sidebar-lead input[type="week"],
.sidebar-lead input[type="month"],
.sidebar-lead select,
.sidebar-lead textarea {
width: 100%;
}
.sidebar-lead input[type="submit"] {
margin-top: 16px;
width: fit-content;
}
.sidebar-lead__submit {
text-align: center;
}
.sidebar-lead__message {
margin-top: 8px;
text-align: center;
font-size: var( --ema-font-size-s3 );
}
@media screen and ( min-width: 768px ) {
.lp-lead-header {
padding: 8px 16px;
}
}  .wpcf7-list-item {
display: inline-block;
}
.wpcf7-submit {
display: block;
margin: 16px auto;
}
span.wpcf7-not-valid-tip {
margin: 8px 0;
}
.wpcf7 form .wpcf7-response-output {
margin: 8px auto;
padding: 8px;
text-align: center;
}
.wpcf7-spinner,
.wpcf7 .ajax-loader {
display: block;
margin: 8px auto;
} .wpp-list {
counter-reset: wpp-ranking;
line-height: inherit;
}
.wpp-list li {
position: relative;
padding: 8px 0;
}
.wpp-list li a {
padding: 0;
}
.wpp-list > li a::before {
content: counter(wpp-ranking, decimal);
counter-increment: wpp-ranking;
position: absolute;
left: 0;
padding: 4px 6px;
background-color: var(--ema-main-color);
line-height: 1;
font-size: var( --ema-font-size-m );
color: #ffffff;
z-index: 1;
}
.wpp-list li a:hover {
padding-left: 0;
}
.sidebar .widget .wpp-list li a::after {
content: none;
}
.wpp-list li a.wpp-post-title::before,
.wpp-list li .wpp-author a::before,
.wpp-list li .wpp-category a::before {
content: none;
}
.wpp-list .wpp-excerpt {
font-size: var( --ema-font-size-s3 );
font-weight: normal;
color: #828990;
}
.wpp-list .post-stats {
display: block;
padding: 2px 0;
font-size: var( --ema-font-size-s3 );
font-weight: normal;
color: #828990;
}
.wpp-list .post-stats a {
display: inherit;
padding: 0;
color: #828990;
}
.wpp-list img {
margin-right: 8px;
} .mobile-menu-widget .wpp-list .post-stats {
padding: 8px 0;
} .footer-widget-box .wpp-list .wpp-excerpt, .footer-widget-box .wpp-list .post-stats, .footer-widget-box .wpp-list .post-stats a {
color: #757575;
}
.footer-widget-box .wpp-list a:hover {
color: #ffffff;
} #toc_container {
margin: auto;
padding: 16px 24px;
background-color: inherit;
border: solid 2px #e5e7e8;
min-width: 100%;
font-size: var( --ema-font-size-l1 );
}
#toc_container p {
margin-bottom: 0;
line-height: 1;
}
#toc_container a:hover {
text-decoration: none;
}
#toc_container p.toc_title {
margin-top: 8px;
font-size: var( --ema-font-size-l1 );
color: #303030;
}
#toc_container .toc_list > li > a {
margin: 16px 0 8px 0;
padding: 0 0 8px 0;
border-bottom: solid 1px #ccc;
}
#toc_container li a {
display: block;
padding: 8px 0;
border-bottom: dotted 1px #ccc;
}
#toc_container ul ul {
margin-left: 8px;
}
#toc_container li .toc_number {
margin-right: 4px;
}
#toc_container span.toc_toggle {
font-size: var( --ema-font-size-s3 );
}
#toc_container ul li ul li ul li::after {
content: "";
}