.line-break {
word-break: keep-all;
} .site-header-area {
overflow: visible;
}
#header-title-area .catch_header_logo {
font-weight: bold;
}
.header_pop_links p,
.header_pop_links a {
vertical-align: middle;
font-size: 11px;
white-space: nowrap;
margin-right: 4px;
}
.header-title-only .site-title-img,
.header-title-area .site-title-img {
max-width: 100%;
margin-left: 0;
margin-bottom: 0;
}
.header-title-area .site-title-img a {
display: flex;
align-items: center;
}
.header-title-only .site-title-img a img,
.header-title-area .site-title-img a img {
max-width: 160px;
}
#header-title-area .catch_header_logo {
display: block;
width: 100%;
margin-top: 10px;
margin-left: 16px;
}
#header-title-area .catch_header_logo span {
display: block;
color: #333;
margin-top: 4px;
}
.megamenu {
max-width: 1200px;
margin: 0 auto;
}
.megamenu>ul {
display: flex;
position: relative;
margin: 0 1% 4px;
}
.megamenu>ul>li {
text-align: center;
width: 100%;
flex-grow: 1;
white-space: nowrap;
border-right: 1px solid #d3d0d0;
font-size: 1.6rem;
}
.megamenu>ul>li:last-child {
border-right: none;
}
.megamenu>ul>li>a {
padding: 16px 0;
display: block;
}
.megamenu a {
color: #333;
font-weight: bold;
}
.bg_gray {
background: #F4F4F4;
}
.megamenu>ul>li.has-child>a {
position: relative;
}
.megamenu>ul>li.has-child>a::before {
position: absolute;
bottom: 6px;
right: 0;
left: 0;
margin: auto;
content: "";
width: 6px;
height: 6px;
border-top: 3px solid #666;
border-right: 3px solid #666;
transform: rotate(135deg);
display: block;
transition: transform .3s;
}
.megamenu>ul>li.nav_open>a::before {
transform: rotate(-45deg);
}
.submenu {
display: none;
height: auto !important;
top: 52px;
width: 100%;
padding: 40px 0;
position: absolute;
left: 0;
z-index: 100000;
overflow: hidden;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
.submenu_ttl {
margin-bottom: 24px;
}
.submenu_ttl a {
display: inline-block;
border: 1px solid #333;
padding: 15px;
line-height: 1;
min-width: 300px;
text-align: left;
position: relative;
}
.submenu_ttl a::after {
position: absolute;
top: 0;
bottom: 0;
vertical-align: middle;
right: 14px;
margin: auto;
content: "";
width: 6px;
height: 6px;
border-top: 3px solid #333;
border-right: 3px solid #333;
transform: rotate(45deg);
display: block;
transition: right .3s, background-color .3s;
}
.submenu ul.megamenu-child li {
margin: 0;
overflow: inherit;
height: auto;
float: inherit !important;
justify-content: flex-start;
}
.submenu ul.megamenu-child li:hover {
box-shadow: none !important;
border-radius: none;
}
.submenu ul.megamenu-child li a {
text-align: left;
border-radius: none;
padding: 0;
line-height: 1.3;
height: auto;
display: block !important;
width: 100%;
border: none;
}
.submenu ul.megamenu-child li a:hover {
box-shadow: none !important;
}
.footer-widget-area{
background-color: #a7a7a7;
}
#pagetop{
background-color: #8f272b;
}
.footer-widget-area a,.footer-nav-nolink,.footer-widget-area p{
color:#fff;
}
.footer-copy-area{
background-color: #a7a7a7;
margin-bottom:0px;
}
footer::after,
.wrapper::after {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.6);
content: '';
left: 0;
top: 0;
z-index: -1;
opacity: 0;
transition: z-index .3s, opacity .3s;
}
footer.overlay::after,
.wrapper.overlay::after {
z-index: 15;
opacity: 0.6;
} .submenu ul.megamenu-child {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 120rem;
margin: 0 auto;
}
.submenu ul.megamenu-child>li {
text-align: center;
width: 100% !important;
float: inherit;
display: flex;
flex-direction: column;
max-width: calc(100% / 3 - 2%);
box-sizing: border-box;
}
.submenu ul.megamenu-child .megamenu-list {
width: 100% !important;
max-width: 24%;
margin: 0 0.5%;
display: block;
white-space: normal;
}
.megamenu-child>li {
background-color: #fff;
padding: 24px 15px;
margin-bottom: 16px !important;
}
.submenu ul.megamenu-child>li>a {
width: inherit !important;
}
.submenu ul.megamenu-child>li>a span {
font-size: 18px;
}
.submenu ul.megamenu-child>li.here>a {
color: #009bde;
color: #222;
font-weight: bold;
} .submenu ul.megamenu-child>li>ul {
padding: 0;
width: 100%;
margin: 10px 0 0 10px;
}
.submenu ul.megamenu-child>li>ul>li {
width: 100%;
line-height: 2;
display: block;
padding-left: 16px;
background: url(https://p-m-g.tokyo/pmg2024/wp-content/themes/pmg-2024/images/index/sitemap-tree-middle.svg);
background-repeat: no-repeat;
background-size: 9px;
background-position: center left;
}
.submenu ul.megamenu-child>li>ul>li:last-child {
background: url(https://p-m-g.tokyo/pmg2024/wp-content/themes/pmg-2024/images/index/sitemap-tree-end.svg);
background-repeat: no-repeat;
background-size: 9px;
background-position: left -40px;
}
.submenu ul.megamenu-child>li>ul>li>a {
display: block;
font-size: 14px;
font-weight: normal;
line-height: 2;
} .submenu ul.megamenu-child>li>ul>li>ul {
display: flex;
flex-direction: column;
width: 100%;
}
.submenu ul.megamenu-child>li>ul>li>ul>li {
width: 100% !important;
text-align: left !important;
background-size: 8px auto;
padding: 6px 0 6px 14px;
}
.submenu ul.megamenu-child>li>ul>li>ul>li:last-child {
background: url(https://p-m-g.tokyo/pmg2024/wp-content/themes/pmg-2024/images/index/sitemap-tree-end.svg) no-repeat 4px -34px;
background-size: 8px auto;
}
.submenu ul.megamenu-child>li>ul>li>ul>li>a {
font-size: 14px;
}
.submenu ul.megamenu-child>li>ul>li>ul>li>a {
padding: 3px 0 6px;
} .submenu ul.megamenu-child>li>ul>li>ul>li>ul {
width: 100%;
}
.submenu ul.megamenu-child>li>ul>li>ul>li>ul>li {
margin-left: 6px;
padding-left: 7px;
border-left: 1px solid #aaa;
width: 100%;
}
.submenu ul.megamenu-child>li>ul>li>ul>li>ul>li>a {
padding: 3px 0 6px;
} .submenu ul.megamenu-child>li>ul>li>ul>li>ul>li>ul {
margin: 4px 0 0;
padding-bottom: 4px;
}
.submenu ul.megamenu-child>li>ul>li>ul>li>ul>li>ul>li {
margin-left: 5px;
padding-left: 6px;
border-left: 1px solid #888;
}
.submenu ul.megamenu-child>li>ul>li>ul>li>ul>li>ul>li>a {
padding: 3px 0 6px;
}
*/ .submenu ul.megamenu-child>li>ul>li>ul>li>ul>li>ul>li>ul {
margin: 4px 0 0;
padding-bottom: 4px;
}
.submenu ul.megamenu-child>li>ul>li>ul>li>ul>li>ul>li>ul>li {
margin-left: 4px;
padding-left: 5px;
border-left: 1px solid #888;
}
.submenu ul.megamenu-child>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {
padding: 3px 0 6px;
}
.sp-megamenu-container .sp {
display: none;
}
.filter {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: -1;
opacity: 0;
transition: 0.5s linear all;
transition: unset;
}
.filter.on {
display: block;
opacity: 1;
z-index: 100;
}
.countPost {
display: inline-block;
position: relative;
font-size: 10px;
color: #747474;
}
.countPost::before {
content: '(';
}
.countPost::after {
content: ')';
}
.submenu ul.megamenu-child>li>a span .countPost {
font-size: 14px;
}
@media screen and (max-width:767px) {
.megamenu {
display: none;
}
.submenu_ttl {
display: none;
margin: 30px 0;
}
}
button#button-toggle-menu {
display: none;
}
.header_right {
margin-top: 0;
}
.header-title-area {
position: relative;
}
.header_btn {
width: 31px;
z-index: 9999;
height: 23px;
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
display: none;
}
.menu__line {
background: #C1291F;
display: block;
height: 3px;
position: absolute;
transition: transform .3s;
width: 100%;
}
.menu__line--center {
top: 10px;
}
.menu__line--bottom {
bottom: 0;
}
.menu__line--top.active {
top: 9px;
transform: rotate(45deg);
background: #C1291F;
}
.menu__line--center.active {
transform: scaleX(0);
}
.menu__line--bottom.active {
bottom: 11px;
transform: rotate(135deg);
background: #C1291F;
}
.header_right .header_right__button a {
border: none !important;
padding: 0 !important;
transition: .3s;
box-shadow: none !important;
}
.header_right .header_right__button a img {
width: 100%;
min-width: 170px;
max-width: 200px;
}
.sp-header-btn-list,
.sp-header-btn-banner,
.sp-megamenu-container #searchform {
display: none;
}
#rmp_menu_trigger-5383 {
display: none;
}
@media screen and (max-width:1000px) {
.header-title-area {
padding: 0;
}
.header-title-only .site-title-img a img,
.header-title-area .site-title-img a img {
max-width: 110px;
}
.header-title-area .catch_header_logo img {
max-width: 160px !important;
}
#header-title-area .catch_header_logo {
margin-top: 0;
margin-left: 8px;
}
#header-title-area .catch_header_logo span {
font-size: 11px;
}
.header-title-area .site-title-img {
margin: 8px 16px;
}
#header-title-area {
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100%;
border-bottom: none;
}
.site-header-area .component-inner {
display: flex;
justify-content: space-between;
padding: 0 1%;
}
.header_right {
width: auto;
margin-left: auto;
}
.header_right ul {
width: 72%;
margin-left: auto;
}
#header-title-area .catch_header_logo {
width: 100%;
}
}
@media screen and (max-width:767px) {
#page {
padding: 64px 0 0;
}
#wpadminbar .quicklinks ul {
display: none;
}
.header-title-area {
position: fixed;
top: 0;
z-index: 100000;
background: #fff;
}
#header-title-area .catch_header_logo {
width: 100%;
text-align: left;
}
.header-title-only .site-title-img,
.header-title-area .site-title-img {
max-width: 100%;
}
.header-title-area .site-title-img a {
max-width: 300px;
}
.header-title-only .site-title-img a img,
.header-title-area .site-title-img a img {
max-width: 80px;
}
.header-title-area .site-title-img {
margin: 16px 8px;
}
.header_btn {
display: block;
}
.header_logo p {
display: none !important;
}
.wrapper main {
padding-top: 80px;
}
.catch_header_logo {
font-size: 1.2rem;
}
.nav_top {
height: auto;
}
.header_logo img {
width: 103px;
margin-top: 0;
}
#header-title-area {
width: 100%;
left: 0;
}
.megamenu {
width: 100%;
display: block !important;
}
.megamenu>ul {
flex-direction: column;
margin: 0;
}
.submenu {
padding: 0;
position: static;
display: block;
}
.submenu ul.megamenu-child .megamenu-list {
max-width: 98% !important;
margin: 0 1%;
}
.wrapper .pc .megamenu,
.sp-megamenu-container .sp {
display: block;
}
.sp-megamenu-container {
width: 100%;
position: fixed;
z-index: 5000;
left: 100%;
overflow: auto;
height: 100%;
border-top: 1px solid rgba(64, 64, 64, .1);
padding: 80px 0;
background: #f4f4f4;
top: 0;
display: flex;
flex-direction: column;
}
.nav_bottom ul.nav_list {
width: 100%;
}
.nav_bottom ul.nav_list>li {
font-size: 14px;
width: 100%;
float: none;
padding: 0;
border-bottom: 1px solid rgba(64, 64, 64, .1);
position: relative;
}
.nav_bottom ul.nav_list>li>a {
padding: 16px;
}
nav.nav_bottom ul.nav_list>li>a {
padding: 16px;
background-color: #fff;
}
.nav_bottom ul.nav_list li .submenu ul li a {
margin-bottom: 0;
}
nav.nav_bottom ul.nav_list li a span.border,
.nav_bottom ul.nav_list li a.border:before {
display: none;
}
.submenu ul.megamenu-child {
padding: 0 0 14px;
text-align: left;
display: none;
}
.submenu ul.megamenu-child>li>ul {
margin-bottom: 12px;
margin: 10px 0;
}
.submenu ul.megamenu-child>li>ul>li {
max-width: 100% !important;
width: 100% !important;
}
.submenu ul.megamenu-child>li {
max-width: calc(100% / 2 - 2%) !important;
display: block;
width: 100% !important;
box-sizing: border-box;
padding: 16px 1%;
}
.submenu ul.megamenu-child>li>a {
font-size: 16px;
width: inherit !important;
margin-bottom: 8px;
}
.sp-megamenu-container .sp {
padding-bottom: 160px;
}
.sp-megamenu-container .sp_menu_bottom li {
float: left;
width: 50%;
border-bottom: 1px solid rgba(64, 64, 64, .1);
text-align: center;
height: 50px;
line-height: 50px;
background: #fff;
position: relative;
}
.sp-megamenu-container .sp_menu_bottom li a {
display: block;
border-right: 1px solid rgba(64, 64, 64, .1);
font-size: 12px;
}
.sp-megamenu-container .sp_menu_bottom li:last-child {
width: 100%;
position: relative;
}
.sp-megamenu-container .sp_menu_bottom li a span {
position: relative;
display: inline-block;
}
.sp-megamenu-container .sp_menu_bottom li a span::after {
content: '';
display: block;
background: var(--wpr-bg-ae251665-4c62-4c9c-a09c-8df40c6e8678) no-repeat;
width: 16px;
height: 12px;
position: absolute;
right: -32px;
top: 50%;
transform: translateY(-50%);
}
.sp-megamenu-container .spmenu_contact_list ul li {
width: calc(100% / 3 - 3%);
margin: 24px 1.5% 0;
border-radius: 5px;
float: left;
height: 90px;
text-align: center;
}
.sp-megamenu-container .spmenu_contact_list ul li a {
border-radius: 5px;
display: block;
padding: 16px 0 15px;
}
.sp-megamenu-container .spmenu_contact_list ul li p {
line-height: 1.4;
font-size: 12px;
}
.sp-megamenu-container .spmenu_contact_list ul li:nth-child(2) p {
line-height: 3;
}
.sp-megamenu-container .spmenu_contact_list ul li:last-child p {
line-height: 1.2;
}
.sp-megamenu-container .spmenu_contact_list ul li:last-child .size8 {
font-size: 8px;
}
nav.nav_bottom ul.nav_list li.has-child>a {
position: relative;
}
nav.nav_bottom ul.nav_list li.has-child>a:after {
position: absolute;
content: '';
display: block;
width: 16px;
height: 12px;
border-top: 3px solid #666;
border-right: 3px solid #666;
display: block;
transition: transform .3s;
top: 50%;
transform: translateY(-50%) rotate(135deg);
right: 16px;
width: 8px;
height: 8px;
}
nav.nav_bottom ul.nav_list li.has-child.nav_open>a:after {
transform: rotate(-45deg);
}
.sp-header-btn-list {
margin: 32px 32px 24px;
display: block;
}
.sp-header-btn-list li {
display: block;
text-align: center;
margin-bottom: 10px !important;
background: #ffa500;
text-align: center;
}
.sp-header-cta {
background: #C12D1F !important;
font-weight: bold;
font-size: 1.7rem;
}
.sp-header-cta a {
display: flex !important;
align-items: center;
justify-content: center;
}
.sp-header-btn-list li a {
padding: 10px !important;
display: block;
color: #fff;
text-align: center;
}
.sp-header-cta img {
width: 24px;
height: auto;
margin-right: 8px;
}
.sp-header-btn-banner {
display: block;
max-width: 500px;
margin: 0 auto 16px;
}
.sp-megamenu-container #searchform {
margin: 24px auto;
display: block;
}
}
.article-group {
border-bottom: none;
}
.article-group.post_loop.documents_loop .thumb {
max-width: 400px;
display: block;
height: auto;
}
a.download-link {
color: #fff;
background: #50A929;
padding: 24px;
margin: 24px 0;
display: block;
text-align: center;
font-weight: bold;
font-size: 20px;
box-shadow: 6px 6px 10px 0px rgb(166 166 166 / 40%);
transition: .3s;
}
a.download-link:hover {
opacity: 0.8;
}
@media screen and (max-width:767px) {
a.download-link {
font-size: 16px;
padding: 24px 8px;
}
}
.entry-content .box {
border: 1px solid #CCC;
border-radius: 4px;
padding: 1rem 2rem;
background: oldlace;
}
.bold {
font-weight: bold;
}
.bold-r {
font-weight: bold;
color: red;
}
.custom-top-list>li>a {
font-size: 1.6rem;
color: #333;
display: flex;
background: #eee;
padding: 8px 16px;
margin: 24px 0 16px;
}
.custom-top-list>li>a::after {
display: none;
}
.custom-top-list>li>.children {
margin: 5px 10px;
border-left: 1px dotted #ccc;
margin-left: 20px;
display: flex;
flex-wrap: wrap;
}
.custom-top-list>li>.children>li::before {
content: "-";
color: #ccc;
}
.custom-top-list>li>.children li {
margin: 8px 16px;
width: 100%;
}
.custom-top-list>li>.children>li>a {
font-size: 14px;
}
.custom-top-list>li>.children a {
color: #333 !important;
text-decoration: none;
transition: all .3s;
padding: 5px;
}
.custom-top-list>li>.children ul {
border-left: 1px dotted #ccc;
margin-left: 20px;
display: flex;
flex-wrap: wrap;
}
.custom-top-list>li>.children>li>ul>li::before {
content: "-";
color: #ccc;
}
.custom-top-list>li>.children ul>li {
max-width: 31%;
width: 100%;
margin: 8px 1%;
}
@media screen and (max-width:767px) {
.custom-top-list>li>.children ul>li {
max-width: 98%;
}
} .top_blog_post a {
display: flex;
}
.post_loop .thumb,
.post_loop .text {
display: block;
}
.top_pickup_area .top_pickup_post .category-list,
.post_loop .top_blog_post .category-list {
position: static !important;
}
.top_pickup_area .top_pickup_post .category-list span,
.post_loop .top_blog_post .category-list span {
display: inline-block;
background: #8f272b;
color: #fff;
padding: 3px 4px;
font-size: 8px;
margin-right: 4px;
}
.post_loop .title {
font-size: 14px;
}
a.blank::after {
content: "\f24d";
font-family: "Font Awesome 6 Free";
font-weight: 900;
padding-left: 6px;
} .table table th {
white-space: nowrap;
width: 20rem;
font-size: 1.6rem;
padding: 1rem;
}
.table table td {
font-size: 1.6rem;
padding: 1rem;
}
.table ul {
margin: 0 0 -0.4rem;
}
.table ul li {
font-size: 1.6rem;
}
@media screen and (max-width:767px) {
.table {
overflow: auto;
position: relative;
}
.table table th {
width: auto;
padding: 1rem 0.6rem;
font-size: 1.4rem;
}
.table table td {
padding: 1rem 0.6rem;
font-size: 1.4rem;
}
} .top_pickup ul li .thumb {
flex: 0.5 !important;
} .header_pop_links {
display: flex;
align-items: center;
}
.header_pop_links p,
.header_pop_links a {
vertical-align: middle;
font-size: 11px;
white-space: nowrap;
margin-right: 4px;
}
.header_pop_links ul {
display: flex;
}
.header_pop_links ul li {
padding: 0;
display: block;
text-align: left;
margin: 0 0 0 4px;
}
.post_loop .top_blog_post .category-list span {
padding: 2px 4px;
] margin-bottom: 2px;
}
.post_loop .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post_loop .thumb {
max-width: 120px;
min-width: 120px;
}
.post_loop .title {
font-size: 14px;
}
@media screen and (max-width: 600px) {
.post_loop .thumb {
max-width: 100px;
min-width: 100px;
}
} .writer-container {
background: #fff;
border: 2px solid #d3d3d3;
display: flex;
padding: 16px;
margin-top: 32px;
}
.writer-container .img {
max-width: 100px;
margin-right: 16px;
}
.writer-container .img img {
width: 100%;
border-radius: 50%;
}
.writer-name {
font-size: 18px;
font-weight: bold;
display: flex;
align-items: center;
margin: 0 0 8px !important;
}
.writer-name .writer-bbox {
font-size: 12px;
font-weight: bold;
line-height: 1;
background: #333;
color: #fff;
margin-right: 10px;
padding: 6px;
position: relative;
display: inline-block;
}
.writer-post {
font-size: 14px !important;
color: #a1a1a1;
line-height: 1 !important;
margin: 0 0 8px !important;
line-height: 1.4 !important;
}
.writer-txt {
font-size: 14px !important;
line-height: 1.4;
margin-bottom: 0;
}
.writer-work {
font-size: 18px;
margin-right: 10px;
}
@media screen and (max-width:767px) {
.writer-container {
display: block;
}
.writer-container .img {
float: left;
margin-right: 8px;
width: 64px !important;
}
.writer-txt {
margin-top: 10px !important;
line-height: 1.6 !important;
}
.writer-name {
margin-top: 10px !important;
flex-wrap: wrap;
}
.writer-work {
font-size: 14px;
}
.writer-post {
margin-top: 16px !important;
}
} .category-factoring-container>section {
margin: 24px 0 64px;
}
.category-factoring-container>section>section {
margin: 24px 0 64px;
}
.category-factoring-container h2 {
font-size: 3.0rem;
margin: 5rem 0 1rem;
border-bottom: 1px dashed #666;
padding-bottom: 5px;
}
.category-factoring-container h3 {
background: #f4f4f4;
padding: 5px 15px;
font-size: 2.4rem;
margin: 4rem 0 1rem;
}
.category-list-container {
margin-bottom: 80px !important;
}
.slick-track {
display: flex;
margin: 0;
}
.slick-slide {
height: auto !important;
}
.slick-slide {
border: solid #ccc 1px !important;
margin: 0 4px;
box-sizing: border-box;
}
.slick-slide img {
height: 160px;
width: 100%;
object-fit: cover;
}
.slick-slide span {
display: block;
padding: 8px;
font-weight: bold;
font-size: 16px;
color: #333;
}
.slick-dots li button:before {
font-size: 12px;
}
.slick-dots {
bottom: -44px;
}
.slick-prev {
top: auto;
bottom: -50px;
transform: none;
left: 36%;
width: 32px;
height: 32px;
z-index: 10;
}
.slick-next {
top: auto;
bottom: -50px;
transform: none;
width: 32px;
height: 32px;
z-index: 10;
right: 36%;
}
.slick-next:before,
.slick-prev:before {
font-size: 32px;
color: #818181;
transition: .3s;
}
.slick-dots li:hover {
transition: .3s;
}
.slick-dots li.slick-active button:before {
font-size: 16px;
}
.more {
text-align: center;
margin-top: 40px;
}
.more a {
color: #c1291f;
border: 1px solid #c1291f;
display: inline-block;
width: 100%;
max-width: 300px;
font-size: 1.4rem;
padding: 2rem 0;
transition: all 0.3s ease-out;
background: -webkit-linear-gradient(180deg,
#000000,
#ffffff,
#c1291f,
#c1291f);
background: -webkit-linear-gradient(left,
#000000,
#ffffff,
#c1291f,
#c1291f);
background: linear-gradient(90deg,
#c1291f,
#c1291f,
#ffffff,
#ffffff);
background-position: 99% 50%;
background-size: 300% 300%;
}
.more a:hover {
opacity: 1;
background-position: 1% 50%;
color: #ffffff;
cursor: pointer;
}
li a,
div.thumb,
.slick-slide a,
.related-thumb {
transition: all 0.3s;
overflow: hidden;
}
li a img,
.slick-slide a img,
.related-thumb a img {
transition: all 0.3s;
}
li:hover a img,
.slick-slide a:hover img,
.related-thumb:hover a img {
transform: scale(1.05);
}
.header_right__button:hover a img {
transform: none;
}
.slick-slide a {
display: block;
overflow: hidden;
}
.slick-slide a .img {
height: 160px;
overflow: hidden;
}
.slick-slide a img {
transition: transform 0.3s ease;
display: block;
width: 100%;
}
.slick-slide a:hover img {
transform: scale(1.05);
}
.category-list-container {
display: flex;
flex-wrap: wrap;
margin: 0 -0.5rem 4rem !important;
}
.category-list-container > div {
width: calc(100% / 4 - 1rem);
margin: 1rem 0.5rem;
border: solid #ccc 1px;
}
.category-list-container a .img {
overflow: hidden;
}
.category-list-container a img {
transition: all 0.3s;
}
.category-list-container img {
height: 120px;
width: 100%;
object-fit: cover;
}
.category-list-container > div span {
display: block;
width: 100%;
padding: 8px;
color: #333;
}
.category-list-container a:hover img {
transform: scale(1.1);
}
@media screen and (max-width:767px) {
.category-factoring-container h2 {
font-size: 2.4rem;
margin: 2.5rem 0 1rem;
}
.category-factoring-container h3 {
font-size: 2.0rem;
margin: 2rem 0 1rem;
}
.slick-slide img {
height: 200px;
}
.slick-prev {
left: 25%;
}
.slick-next {
right: 25%;
}
.category-list-container > div {
width: calc(100% / 2 - 1rem);
}
}
@media screen and (max-width:440px) {
.category-list-container {
margin-bottom: 3.2rem !important;
}
.slick-dots li {
width: 16px;
}
.slick-prev {
left: 0;
}
.slick-next {
right: 0;
}
} .operator-info-btn {
text-align: center;
margin-top: 6.4rem;
}
.operator-info-btn a {
font-size: 1.8rem;
padding: 16px;
font-weight: bold;
color: #fff;
display: inline-block;
background: #c02c1f;
}
.operator-info-container {
border-top: 10px solid #eeeeee;
border-bottom: 10px solid #eeeeee;
padding: 40px 24px 0;
margin-top: 40px;
}
.operator-info-container h2 {
font-size: 3.6rem;
line-height: 1;
margin-bottom: 3.2rem;
text-align: center;
}
.operator-info-container .logo {
text-align: center;
}
.operator-info-container .logo img {
max-width: 200px;
margin: 0 auto;
}
.operator-info-container table {
margin-top: 24px;
width: 100%;
max-width: 640px;
margin: 3.2rem auto 0;
}
.operator-info-container table th,
.operator-info-container table td {
font-size: 1.8rem;
font-weight: bold;
}
.operator-info-container table th {
padding-right: 16px;
min-width: 90px;
}
.operator-info-container table a {
color: #333;
text-decoration: underline;
text-underline-offset: 4px;
}
.operator-info-container .rank {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-top: 4rem;
}
.rank_inner {
margin: 0 1% 40px;
max-width: 500px;
}
.operator-info-container .rank ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.operator-info-container .rank li {
margin: 0 8px;
text-align: center;
}
.operator-info-container .rank li img {
margin-bottom: 4px;
}
.operator-info-container .rank_inner .img {
max-width: 200px;
margin: 0.8rem auto 4px;
}
.size10 {
font-size: 1rem;
}
.size20 {
font-size: 2rem;
}
.size25 {
font-size: 25px;
}
.size30 {
font-size: 3rem;
}
.size40 {
font-size: 4rem;
}
.black {
color: #404040;
}
.gold {
color: #C59940;
}
.center {
text-align: center;
}
.mt8 {
margin-top: 8px;
}
@media screen and (max-width:767px) {
.operator-info-btn a {
font-size: 1.6rem;
}
.operator-info-container h2 {
font-size: 2.8rem;
}
.operator-info-container {
padding-left: 0;
padding-right: 0;
}
.operator-info-container table th,
.operator-info-container table td {
font-size: 1.6rem;
display: block;
}
.operator-info-container table td {
margin-bottom: 10px;
}
} .related-post {
width: 100%;
overflow: hidden;
margin-top: 5px;
font-size: 0;
}
.related-entry {
vertical-align: top;
display: inline-block;
width: 50%; font-size: 12px;
font-size: 0.75rem;
line-height: 1.4;
margin-bottom: 12px;
padding: 0 0.5%;
}
.related-entry img {
border: #ccc 1px solid;
padding: 2%;
width: 100%;
}
.related-entry a {
font-size: 1.3rem;
}
.related-thumb a,
.related-thumb a img {
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
.related-thumb a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: “alpha(opacity=70)”;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
@media screen and (min-width: 600px) {
.related-entry {
width: 25%; font-size: 14px;
font-size: 0.875rem;
line-height: 1.4;
}
}
@media screen and (max-width: 600px) {
.related-thumb a img {
object-fit: cover;
object-position: center;
}
} .document_single_content .attachment {
width: 20% !important;
}
@media screen and (max-width: 767px) {
.document_single_content .attachment {
width: 50% !important;
}
}
.wpcf7 form #calc p>.formtitle {
font-size: 16px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
font-size: 16px !important;
}
.wpcf7-list-item {
margin-bottom: 4px;
}
.wpcf7-list-item-label {
font-size: 16px;
}
.wpcf7 span.required {
background-color: red;
padding: 20px;
color: #fff;
font-weight: bold;
margin-right: 10px;
padding: 0 5px;
}
.wpcf7 form #calc p>.formtitle span.will {
background: #999;
}
.wpcf7-form input[type="submit"] {
font-size: 3.0rem;
font-weight: bold;
width: 100% !important;
transition: .3s;
}
.privacy-box {
padding: 0 20px !important;
width: 100% !important;
}
.wpcf7 form .wpcf7-response-output,
.wpcf7-not-valid-tip {
font-size: 16px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
padding: 10px;
}
input.p-postal-code {
width: 140px !important;
}
.wpcf7 input[type="radio"] {
position: absolute;
top: 19px;
left: 9px;
width: 15px;
z-index: -1;
}
.wpcf7 input[type="radio"]+span {
box-sizing: border-box;
cursor: pointer;
display: block;
padding: 5px 30px;
margin-left: -10px;
position: relative;
width: auto;
}
.wpcf7 input[type="radio"]+span::before {
background: #fff;
border: 1px solid #ccc;
border-radius: 50%;
content: '';
display: block;
height: 24px;
width: 24px;
left: 0;
margin-top: -13px;
position: absolute;
top: 50%;
}
.wpcf7 input[type="radio"]+span::after {
background: #8f272b;
border-radius: 50%;
content: '';
display: block;
width: 18px;
height: 18px;
left: 4px;
margin-top: -9px;
opacity: 0;
position: absolute;
top: 50%;
transition: opacity .3s;
}
.wpcf7 input[type="radio"]:checked+span::after {
opacity: 1;
}
.privacy-box::-webkit-scrollbar {
display: none;
}
.edit-area p,
.edit-area p span,
.edit-area li,
.entry-content p span {
font-size: 1.6rem;
}
@media screen and (max-width:767px) {
.wpcf7-form input[type="submit"] {
font-size: 2.4rem;
padding: 10px 0;
padding-top: 15px;
}
} .new_list ul li .text .category {
background-color: #ededed !important;
color: #333 !important;
border-radius: 0 !important;
margin-right: 2px;
}
.top_pickup_area .top_pickup_post .category-list span, .post_loop .top_blog_post .category-list span {
background-color: #ededed !important;
color: #333 !important;
}
.new_list ul li a {
border: none !important;
}
.new_list ul li {
border: solid #ccc 1px;
}
.new_list ul li .text {
padding-bottom: 0 !important;
}
.new_list ul li .text a {
padding-bottom: 20px;
}
.new_list ul li .text .title {
margin-bottom: 0 !important;
}
a {
transition: .3s;
}
a:hover {
opacity: 0.5;
} .cta-container {
border: solid 5px #1d1a31;
background: #fff;
padding: 0;
margin: 32px auto 56px;
}
.cta-ttl {
font-size: 20px !important;
font-weight: bold;
margin: 0 !important;
text-align: center;
color: #fff;
background-color: #1d1a31;
padding: 16px 0;
}
.cta-box {
display: flex;
align-items: center;
padding: 16px;
}
.cta-box .img {
max-width: 300px;
margin-right: 24px;
}
.cta-box .img img {
width: 100%;
}
.cta-box .ttl {
font-size: 24px !important;
font-weight: bold;
}
.cta-box .btn {
margin-top: 32px;
display: flex;
justify-content: end;
}
.cta-box .btn a {
font-size: 16px !important;
max-width: 300px;
width: 100%;
background-color: #8f272b;
padding: 20px;
display: block;
color: #fff;
text-align: center;
text-decoration: none;
font-weight: bold;
border-radius: 32px;
transition: .3s;
}
.cta-box .btn a:hover {
opacity: .8;
}
@media screen and (max-width:600px) {
.cta-ttl {
font-size: 18px !important;
padding: 10px 4px;
line-height: 1.6 !important;
}
.cta-box {
display: block;
padding: 24px 16px;
}
.cta-box .img {
margin: 0 auto 16px;
}
.cta-box .ttl {
margin-bottom: 0;
text-align: center;
}
.cta-box .btn {
margin-top: 16px;
}
.cta-box .btn a {
margin: 0 auto;
}
}
.cta-twin-container {
display: flex;
}
.cta-twin-container .cta-box {
display: block;
padding: 24px 16px;
}
.cta-twin-container .cta-box:first-child {
border-right: 5px solid #1d1a31;
}
.cta-twin-container .cta-box .img {
margin: 0 auto;
}
.cta-twin-container .cta-box .img img {
width: 100%;
max-height: 220px;
min-height: 220px;
object-fit: contain;
object-position: center;
}
.cta-twin-container .cta-box .ttl {
line-height: 1.4;
margin-top: 24px;
font-size: 20px !important;
}
.cta-twin-container .cta-box .txt {
font-size: 14px;
}
.cta-twin-container .cta-box .btn a {
margin: 0 auto;
}
.cta-twin-container .cta-box .btn { 
margin-top: 16px;
}
@media screen and (max-width:600px){
.cta-twin-container {
flex-direction: column;
}
.cta-twin-container .cta-box:first-child {
border-bottom: 5px solid #1d1a31;
border-right: none;
}
} .top-slider-container {
max-width: 1200px;
margin: 16px auto 48px;
padding: 0 28px;
}
.top-pickup-slider .slick-slide img {
height: 200px;
}
.top-pickup-slider .slick-slide .ttl {
font-size: 1.6rem;
font-weight: bold;
padding: 16px 10px;
}
.top-pickup-slider .slick-prev {
left: -32px;
top: 50%;
}
.top-pickup-slider .slick-next {
right: -32px;
top: 50%;
}
@media screen and (max-width:600px) {
.top-slider-container {
margin-top: 16px;
padding: 0 20px;
}
.top-pickup-slider .slick-slide {
margin: 0 16px;
}
.top-pickup-slider .slick-prev {
left: -18px;
}
.top-pickup-slider .slick-next {
right: -18px;
}
} body.column-2r .main-content-wrap {
float: none;
}
body.column-2r .sidebar-right {
float: none;
}
#main .component-inner {
display: flex;
justify-content: space-between;
}
body.column-2r .sidebar-right {
overflow: visible;
}
aside#ezw_tco-2 {
position: sticky;
top: 24px;
}
div.ez-toc-widget-container ul.ez-toc-list {
overflow-y: auto;
max-height: 800px;
}
#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li a {
font-size: 1.4rem !important;
}
.top_midasi span:after {
display: none;
}
.home #main .clearfix:after {
display: none;
}
@media screen and (max-width:767px){
#main .component-inner {
display: block;
}
aside#ezw_tco-2 {
display: none;
}
} .sidebar-right .side_category > ul > li {
position: relative;
padding: 0 !important;
border-top: none !important;
}
.sidebar-right .side_category > ul > li:first-child {
border-top: 1px solid #999 !important;
}
.sidebar-right .side_category ul li:last-child {
border-bottom: none !important;
}
.sidebar-right .side_category > ul > li > .child-btn {
position: absolute;
top: 0;
right: 0;
height: 44px;
padding: 22px; z-index: 10;
cursor: pointer;
background-color: #000;
}
.sidebar-right .side_category > ul > li > a {
border-bottom: 1px solid #999;
padding: 10px 15px;
display: block;
}
.sidebar-right .side_category > ul > li > .child-btn::before {
content: '';
position: absolute;
right: 0;
width: 16px;
height: 2px;
right: 14px;
background-color: #fff;
top: 50%;
transform: translateY(-50%);
}
.sidebar-right .side_category > ul > li > .child-btn::after {
content: '';
position: absolute;
right: 0;
width: 16px;
height: 2px;
background-color: #fff;
right: 14px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
transition: .3s;
}
.sidebar-right .side_category > ul > li > .child-btn.open::after {
transform: translateY(-50%) rotate(0deg);
}
.sidebar-right .side_category > ul > li > ul {
border: none;
margin: 10px 0 0;
padding-bottom: 10px;
border-bottom: 1px solid #999;
}
.sidebar-right .side_category ul li li:last-child {
border-bottom: none;
}
.sidebar-right .side_category ul li li {
border: none;
padding: 0;
width: 100%;
line-height: 2.4;
padding-left: 16px;
}
.sidebar-right .side_category ul li li {
line-height: 2.4;
font-size: 1.4rem;
line-height: 2.4;
display: block;
margin-left: 16px;
padding-left: 16px;
background: url(https://p-m-g.tokyo/pmg2024/wp-content/themes/pmg-2024/images/index/sitemap-tree-straight.svg);
background-repeat: no-repeat;
background-size: 9px;
background-position: center left;
position: relative;
}
.sidebar-right .side_category ul li li:has(ul) {
background: url(https://p-m-g.tokyo/pmg2024/wp-content/themes/pmg-2024/images/index/sitemap-tree-straight.svg);
background-size: 9px;
background-repeat: repeat-y;
position: relative;
}
.sidebar-right .side_category ul li li::before {
position: absolute;
left: 0;
top: 15px;
width: 10px;
height: 1px;
background-color: #999;
content: '';
}
.sidebar-right .side_category > ul > li li:last-child {
background: url(https://p-m-g.tokyo/pmg2024/wp-content/themes/pmg-2024/images/index/sitemap-tree-end.svg);
background-repeat: no-repeat;
background-size: 9px;
background-position: left -40px;
}
.sidebar-right .side_category ul.footer-nav-nestlist li.footer-nav-nestitem li a {
padding: 0;
}
.sidebar-right .side_category ul li::after {
display: none;
}
.sidebar-right .side_category ul li a.active-category {
color: #8f272b;
}
.child-nav-nestlist.hidden {
display: none;
} @media screen and (max-width: 767px) {
.new_list ul li {
display: flex;
}
.new_list ul li > a {
width: 30%;
}
.new_list ul li .thumb {
width: 100% !important;
padding: 10px 0;
}
} .more.hover1 a {
transition: all 0.3s ease-out;
background: -webkit-linear-gradient(180deg,
#000000,
#ffffff,
#c1291f,
#c1291f);
background: -webkit-linear-gradient(left,
#000000,
#ffffff,
#c1291f,
#c1291f);
background: linear-gradient(90deg,
#c1291f,
#c1291f,
#ffffff,
#ffffff);
background-position: 99% 50%;
background-size: 300% 300%;
}
.more.hover1 a:hover {
opacity: 1;
background-position: 1% 50%;
color: #ffffff;
cursor: pointer;
}
.more.hover2 a {
opacity: 1;
transition: transform 0.2s;
}
.more.hover2 a:hover {
transform: scale(0.9);
cursor: pointer;
}
.more.hover3 a {
opacity: 1;
transition: 0.2s;
}
.more.hover3 a:hover {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
cursor: pointer;
}
.test_list {
}
.test_list ul {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.test_list ul li {
width: calc(50% - 10px);
margin: 0;
list-style: none;
margin-bottom: 20px;
}
.test_list ul li:nth-child(odd) {
margin-right: 20px;
}
.test_list ul li a {
display: block;
border: solid #ccc 1px;
color: #000;
}
.test_list ul li .thumb {
}
.test_list ul li .text {
padding: 15px;
}
.test_list ul li .text .title {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.test_list ul li .text p {
margin-bottom: 10px;
}
.test_list ul li .text .data-box {
overflow: hidden;
margin-bottom: 10px;
}
.test_list ul li .text .category {
display: block;
border-radius: 50px;
padding: 0px 10px;
background-color: #8f272b;
color: #fff;
float: left;
line-height: 20px;
}
.test_list ul li .text .data {
display: block;
float: right;
line-height: 20px;
color: #999;
}
.test_list ul li .text .tag-box span {
padding: 3px 5px;
margin-right: 5px;
background-color: #eee;
line-height: 20px;
color: #333;
}
.test_list ul li .thumb img {
width: 100%;
}
.test_list li {
border: 1px solid #ccc;
cursor: pointer;
transition: all 0.3s ease-out;
}
.test_list.now li:hover {
opacity: 0.7;
}
.test_list ul li .text .category{
background-color: #ededed !important;
color: #333 !important;
border-radius: 0 !important;
margin-right: 2px;
border: none !important;
}
.hover4 li,
.hover4 li .thumb {
overflow: hidden;
}
.hover4 li:hover {
opacity: 0.7;
}
.hover5 li:hover {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2);
transform: translateY(-4px);
cursor: pointer;
}
@media screen and (max-width: 767px) {
.new_list {
padding:0px;
}
.test_list ul {
display: block;
}
.test_list ul li {
width: 100%;
margin-bottom: 10px;
}
.test_list ul li a {
display: flex;
overflow: hidden;
border: solid #ccc 1px;
color: #000;
}
.test_list ul li .thumb {
width: 30%;
display: flex;
align-items: center;
padding-left: 10px;
}
.test_list ul li .text {
width: 70%;
padding: 10px;
}
.test_list ul li .text .title {
font-size: 14px;
}
.test_list ul li .text .data-box span {
font-size: 10px;
}
.test_list ul li .text .title,.test_list ul li .text .data-box {
margin-bottom: 5px;
}
#main-footer .component-inner {
margin-bottom: 16px !important;
}
}
.link {
text-align: right;
margin-top: 32px;
}
.link a {
color: #c1291f;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c1291f' d='M432 64L208 64c-8.8 0-16 7.2-16 16l0 16-64 0 0-16c0-44.2 35.8-80 80-80L432 0c44.2 0 80 35.8 80 80l0 224c0 44.2-35.8 80-80 80l-16 0 0-64 16 0c8.8 0 16-7.2 16-16l0-224c0-8.8-7.2-16-16-16zM0 192c0-35.3 28.7-64 64-64l256 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 192zm64 32c0 17.7 14.3 32 32 32l192 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 192c-17.7 0-32 14.3-32 32z'/%3E%3C/svg%3E") no-repeat center right;
background-size: 16px;
padding-right: 22px;
}
.link a.blank::after {
display: none;
}
div.journal-link-tit {
display: flex;
align-items: center;
margin: 40px 0 6px;
margin-left: 0 !important;
}
div.journal-link-tit::before, div.journal-link-tit::after {
border-top: 1px solid #ccc;
content: "";
flex-grow: 1;
}
div.journal-link-tit::before {
margin-right: 1rem;
}
div.journal-link-tit::after {
margin-left: 1rem;
}
div.journal-link-container {
display: flex;
flex-wrap: wrap;
margin: 0 -1%;
box-sizing: border-box;
margin-left: 0 !important;
border-bottom:1px solid #ccc;
padding-bottom: 12px;
margin-bottom: 64px;
}
div.journal-link-box {
border: 1px solid #ccc;
width: 48%;
margin: 1%;
box-sizing: border-box;
}
div.journal-link-box a {
width: 100%;
display: flex;
align-items: center;
transition: .3s;
color: #000;
}
div.journal-link-box a:hover {
opacity: .5;
text-decoration: none;
}
div.journal-link-box div.img img {
width: 140px;
height: 90px;
padding: 5px;
object-fit: cover;
}
div.journal-link-box div.txt {
width: calc(100% - 140px - 10px - 10px);
line-height: 1.4;
}
@media screen and (max-width:640px){
div.journal-link-container {
flex-direction: column;
width: 100%;
}
div.journal-link-box {
width: 98%;
}
.pc-show {
display: none;
}
.sp-show {
display: block;
}
} .entry-content hr {
margin: 80px 0;
}
.entry-content h2,
.category-factoring-container h2 {
position: relative;
padding: 0 8px 4px;
border-bottom: 3px solid #8f272b;
color: #333333;
margin: 96px 0 24px;
}
.entry-content h2::before,
.entry-content h2::after,
.category-factoring-container h2::before,
.category-factoring-container h2::after {
position: absolute;
left: 30px;
bottom: -15px;
width: 30px;
height: 15px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: '';
padding: 0;
}
.entry-content h2::before,
.category-factoring-container h2::before {
background-color: #8f272b;
}
.entry-content h2::after,
.category-factoring-container h2::after {
bottom: -11px;
background-color: #fff;
}
.entry-content h3,
.category-factoring-container h3 {
background-color: transparent;
border-bottom: 1px solid #8f272b;
padding: 0 8px 4px;
margin: 60px 0 16px;
}
.entry-content h4,
.category-factoring-container h4 {
padding-top: 0;
margin: 40px 0 10px;
}
@media(max-width:600px) {
.entry-content h2,
.category-factoring-container h2 {
margin: 72px 0 24px;
} 
.entry-content h3,
.category-factoring-container h3 {
margin: 40px 0 16px;
}
.entry-content h4,
.category-factoring-container h4 {
margin: 24px 0 10px;
}
}
aside .ez-toc-title.ez-toc-toggle.ez-toc-loaded {
font-weight: bold !important;
padding: 0px 18px 0;
font-size: 14px !important;
}
aside .ez-toc-pull-right {
display: none;
}
aside p.widget-title {
height: 24px;
} .entry-content .ez-toc-list > li > a {
font-weight: bold;
}
.entry-content #ez-toc-container {
width: 80%;
border-width: 2px;
border-radius:0; 	
margin:30px auto;
border: 1px solid #e2e2e2;
}
#ez-toc-container .ez-toc-title-container, #ez-toc-container {
background: #3d3d3d;
padding: 0;
}
.entry-content #ez-toc-container .ez-toc-title {
display:block;
line-height:3;
padding-left:3em;
color:#fff!important;
}
.entry-content #ez-toc-container .ez-toc-list {
margin:10px 0;
}
.ez-toc-title-toggle {
position:absolute;
top:0;	
left:-2%;	
}
.entry-content #ez-toc-container .ez-toc-js-icon-con {
border:none;
background:#fff;
border-radius:0;
width:33px;
top: 11px;
}
@media(max-width:600px) {
.entry-content #ez-toc-container {
width: 98%;
}
.entry-content #ez-toc-container .ez-toc-js-icon-con {
left: 20px;
}
.entry-content #ez-toc-container .ez-toc-title-toggle{
left:-5%;	
}
}
@media(max-width:480px) {
.entry-content #ez-toc-container .ez-toc-js-icon-con {
left: 12px;
}
}
.sct-single-factoring-cta {
display: flex;
align-items: flex-end;
justify-content: center;
padding: 14px 28px;
background: #a31c1c;
color: #fff;
font-weight: bold;
font-size: 16px;
border-radius: 40px;
box-shadow: 0 2px 4px rgb(0 0 0 / 54%);
text-decoration: none;
position: relative;
transition: 0.3s;
border: 3px solid #b95858;
max-width: 600px;
margin: 56px auto 0;
-webkit-text-stroke: 3px #911e24;
text-stroke: 3px #B2242C;
paint-order: stroke;
}
.sct-single-factoring-cta:hover {
background: #fff;
color: #a31c1c;
opacity: 1;
-webkit-text-stroke: 0;
text-stroke: 0;
paint-order: 0;
} 
.sct-single-factoring-cta .icon {
background: #fff;
color: #a31c1c;
border-radius: 50%;
display: inline-block;
width: 26px;
height: 27px;
line-height: 24px;
text-align: center;
margin-right: 10px;
font-size: 14px;
vertical-align: middle;
transition: 0.3s;
border: 3px solid #a31c1c;
font-weight: bold;
}
.icon i {
font-family: "Font Awesome 6 Free"; 
font-weight: 900;
content: "\f007";
-webkit-text-stroke: 0;
text-stroke: 0;
paint-order: 0;
}
.sct-single-factoring-cta:hover .icon {
border: 3px solid #a31c1c;
}
.sp {
display: none;
}
@media (max-width: 768px) {
.sp {
display: block;
}
.sct-single-factoring-cta {
border-radius: 50px;
padding: 10px;
align-items: center;
}
.sct-single-factoring-cta .icon {
line-height: 22px;
}
} #simulator {
max-width: 600px;
margin: 0 auto;
background-color: #F8F9FA;
padding: 40px 16px;
border-radius: 10px;
box-shadow: 4px 6px 16px rgba(0, 0, 0, 0.1);
}
#simulator select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#simulator h2 {
text-align: center;
font-size: 32px;
font-weight: bold;
margin-bottom: 20px;
border-bottom: none;
padding: 0 0 24px;
position: relative;
margin-bottom: 0;
line-height: 1.2;
margin-top: 0;
}
#simulator h2::before {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100px;
height: 100px;
background-image: url(https://p-m-g.tokyo/media/wp-content/themes/journal/images/icon-simulator.svg);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
left: auto;
clip-path: none;
}
#simulator h2::after {
display: none;
}
#simulator h2 span {
display: block;
font-size: 18px;
margin-bottom: 8px;
}
#simulator #subtitle {
border-bottom: 3px dotted #999;
padding-bottom: 32px;
margin-bottom: 40px;
line-height: 1.6;
}
#simulator form .field {
margin-bottom: 2.4rem;
}
#simulator form .field:last-child {
margin-bottom: 0;
}
#simulator label {
display: block;
font-weight: 600;
margin-bottom: 4px;
font-size: 20px;
}
#simulator input[type="text"],
#simulator select {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 20px;
box-sizing: border-box;
background: #fff;
color: #333;
}
#simulator input:focus,
#simulator select:focus {
outline: 2px solid var(--navy);
outline-offset: 2px;
}
#simulator .select-container {
position: relative;
}
#simulator .select-container::before {
content: "";
position: absolute;
top: 18px;
right: 14px;
width: 10px;
height: 10px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
transform: rotate(45deg);
}
#simulator .error {
color: #d93025;
font-size: 14px;
margin-top: 4px;
display: block;
} #simulator button,
#simulator a.primary-btn {
display: block;
width: 100%;
padding: 16px 0;
font-size: 16px;
font-weight: 600;
text-align: center;
border: none;
border-radius: 4px;
cursor: pointer;
transition: opacity .2s;
margin-top: 32px;
}
#simulator .primary-btn {
background: #a31c1c;
color: #fff;
text-decoration: none;
font-size: 20px;
padding: 16px 0;
}
#simulator #result .primary-btn {
background: #28a745;
font-size: 20px;
}
#simulator .secondary-btn {
background: #fff;
color: #333;
border: 2px solid #999;
}
#simulator button:hover,
#simulator a.primary-btn:hover {
opacity: .85;
} #simulator .card {
background: #fff;
border-radius: 8px;
padding: 32px 16px;
}
#simulator .card .caption {
margin: 0;
font-weight: 600;
color: #333;
margin-bottom: 8px;
font-size: 18px;
line-height: 1;
}
#simulator .card .amount {
line-height: 1;
font-size: 32px;
font-weight: 700;
color: #a31c1c;
margin: 0;
}
#simulator .card .rate {
line-height: 1;
font-size: 32px;
font-weight: 700;
color: #a31c1c;
margin: 0;
}
#simulator hr {
border: none;
border-top: 1px solid #ddd;
margin: 20px 0;
}
#resultCard {
margin-bottom: 24px;
}
.txt-box {
background-color: #f8f9fa;
padding: 16px;
margin-top: 16px;
border-left: 3px solid #a31c1c;
}
.txt-box p {
line-height: 1.8;
font-size: 16px;
margin-top: 0;
}
#simulator .hidden {
display: none;
}
.primary-btn.cta span {
display: block;
font-size: 14px;
}
.bold {
font-weight: bold;
}
@media (max-width: 599px) {
#simulator h2 {
font-size: 26px;
}
#simulator h2::before {
width: 72px;
height: 72px;
}
#simulator h2 span {
font-size: 16px;
}
#result h2 {
font-size: 22px;
}
} .txtbox-normal p,
.txtbox-check p,
.txtbox-point p,
.iconbox-pen p,
.iconbox-alert p,
.iconbox-info p {
margin-top: 0;
}
.txtbox-normal {
border: 3px solid #949495;
padding: 16px;
margin-bottom: 16px;
}
.txtbox-normal ul{
margin: 0;
padding-left: 10px;
}
.txtbox-normal li {
list-style-type: disc;
margin: 8px;
font-size: 16px;
}
.txtbox-normal li:last-child {
margin-bottom: 0;
}
.txtbox-check {
border: 3px solid #E60033;
padding: 16px;
margin: 48px 0 32px;
position: relative;
line-height: 1.4;
}
.txtbox-check .bb-label {
background-color: #E60033;
position: absolute;
font-size: 13px;
top: -23px;
line-height: 1.8;
color: #fff;
left: -3px;
padding: 0 12px 0 10px;
}
.txtbox-check .bb-label::after {
content: "CHECK";
font-weight: bold;
}
.txtbox-check .bb-label .fa {
margin-right: 6px;
}
.txtbox-check .bb-label .fa::before{
content: "\f00c";
font-weight: bold;
}
.txtbox-point {
border: 3px solid #3EB370;
padding: 16px;
margin: 48px 0 32px;
position: relative;
line-height: 1.4;
}
.txtbox-point .bb-label {
background-color: #3EB370;
position: absolute;
font-size: 13px;
top: -23px;
line-height: 1.8;
color: #fff;
left: -3px;
padding: 0 12px 0 10px;
}
.txtbox-point .bb-label::after {
content: "POINT";
font-weight: bold;
}
.txtbox-point .bb-label .fa {
margin-right: 6px;
}
.txtbox-point .bb-label .fa::before{
content: "\f0eb";
}
.iconbox-pen {
padding: 20px 16px 20px 88px;
background: #ebf8f4;
border: 1px solid #8dd7c1;
position: relative;
margin: 16px 0 32px;
}
.iconbox-pen ::before {
content: "\f303";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #8dd7c1;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
border-right: 1px solid #8dd7c1;
font-size: 30px;
padding-right: 12px;
width: 44px;
text-align: center;
height: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.iconbox-pen p {
font-size: 16px;
line-height: 2;
margin: 0;
}
.iconbox-alert {
padding: 20px 16px 20px 88px;
background: #fdf2f2;
border: 1px solid #f3aca9;
position: relative;
margin: 16px 0 32px;
}
.iconbox-alert ::before {
content: "\f06a";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #f3aca9;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
border-right: 1px solid #f3aca9;
font-size: 30px;
padding-right: 12px;
width: 44px;
text-align: center;
height: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.iconbox-alert p {
font-size: 16px;
line-height: 2;
margin: 0;
}
.iconbox-info {
padding: 20px 16px 20px 88px;
background: #f3fafe;
border: 1px solid #bde4fc;
position: relative;
margin: 16px 0 32px;
}
.iconbox-info ::before {
content: "\f05a";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #bde4fc;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
border-right: 1px solid #bde4fc;
font-size: 30px;
padding-right: 12px;
width: 44px;
text-align: center;
height: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.iconbox-info p {
font-size: 16px;
line-height: 2;
margin: 0;
}
.iconbox-file {
padding: 20px 16px 20px 88px;
background: #fffbe3;
border: 1px solid #ffde2f;
position: relative;
margin: 16px 0 32px;
}
.iconbox-file ::before {
content: "\f15b";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #ffde2f;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
border-right: 1px solid #ffde2f;
font-size: 30px;
padding-right: 12px;
width: 44px;
text-align: center;
height: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.iconbox-file p {
font-size: 16px;
line-height: 2;
margin: 0;
}
.iconbox-file li {
font-size: 15px;
}
.yellow-marker {
background: linear-gradient(to top, #FFFF99 55%, transparent 45%);
display: inline;
padding: 0 1px;
border-radius: 4px;
}
@media (max-width: 599px) {
.iconbox-pen,
.iconbox-alert,
.iconbox-info,
.iconbox-file {
padding: 40px 16px 16px;
}
.iconbox-pen ::before,
.iconbox-alert ::before,
.iconbox-info ::before,
.iconbox-file ::before {
left: 50%;
top: 4px;
padding: 0;
transform: translate(-50%, 0);
border-right: none;
font-size: 20px;
width: 20px;
height: auto;
}
} .wpp-notice {
margin: 0 0 22px;
padding: 18px 22px;
background: #fcfcf7;
border: #ffff63 4px solid;
}
.wpp-notice p:nth-child(2n) {
margin: 0;
font-size: 0.85em;
}
.widget_text .textwidget {
padding: 20px 0;
}
.textwidget .wpp-list li{
margin-bottom: 5px;
margin-left: 0;
}
#custom_html-4 .textwidget ul {
margin: -2rem 0 1rem;
}
#custom_html-4 .textwidget a {
font-size: 1.4rem;
}
.page-id-15063 .custom-code {
margin: -36px 0 80px !important;
}
.code-block {
position: relative;
}
.copy-btn {
position: absolute;
top: 8px;
right: 8px;
padding: 4px 8px;
font-size: 12px;
background-color: #C12D1F;
color: #fff;
border: none;
border-radius: 3px;
cursor: pointer;
z-index: 10;
}
.copy-btn:active {
background-color: #c12d1fb4;
}
.formpolicycheck {
margin: 32px 0 !important;
}
.formpolicycheck span {
margin-bottom: 8px;
}