@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.copy-the-code-inside-wrap .copy-the-code-button {
position: absolute;
right: 0;
top: 0;
}
.copy-the-code-inside .copy-the-code-button {
position: absolute;
right: 0;
top: 0;
}
.copy-the-code-wrap {
display: block;
position: relative;
}
.copy-the-code-wrap .copy-the-code-button {
background: #e1e3e8;
padding: 10px 20px;
cursor: pointer;
box-shadow: none;
color: #424242;
font-size: 14px;
font-weight: normal;
border-radius: 0;
text-transform: capitalize;
border: none;
outline: none;
}
.copy-the-code-wrap .copy-the-code-button:hover {
background: #d0d1d6;
}
.copy-the-code-outside + * {
margin-top: 0;
}
.copy-the-code-outside {
text-align: right;
} .copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
background: transparent;
padding: 0;
}
.copy-the-code-wrap.copy-the-code-style-svg-icon .copy-the-code-button svg {
height: auto;
width: 20px;
fill: #c1c1c1;
}
.copy-the-code-wrap.copy-the-code-style-cover .copy-the-code-button {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
font-weight: bold;
color: #fff;
transition: all 0.3s ease-in-out;
padding: 0;
font-size: 12px;
}
.copy-the-code-wrap.copy-the-code-style-cover:hover .copy-the-code-button {
opacity: 1;
}
.copy-the-code-inside-wrap.copy-the-code-style-svg-icon .copy-the-code-button {
padding: 10px;
}
.copy-the-code-wrap.copy-the-code-style-cover {
display: inline-block;
}
.copy-the-code-wrap .copy-the-code-target {
margin-top: 0;
}
.copy-the-code-style-svg-icon .copy-the-code-outside {
height: 32px;
}
.copy-the-code-shortcode svg {
height: 16px;
width: 16px;
fill: #424242;
}
.copy-the-code-shortcode {
cursor: pointer;
}.ctc-inline-copy-icon .copy-icon {
height: 16px;
width: 16px;
}
.ctc-inline-copy-icon .check-icon {
display: none;
}
.ctc-inline-copy-icon {
display: inline-flex;
}
.ctc-inline-hidden {
display: none !important;
}
.ctc-inline-copy-text {
line-height: normal;
}
.ctc-inline-copy {
display: inline-flex;
align-items: center;
gap: .5em;
position: relative;
cursor: pointer;
}
.ctc-inline-copy::before {
content: "";
top: 50%;
bottom: 50%;
left: -7px;
margin-top: -6px;
border: 6px solid transparent;
border-left-color: rgb(36, 41, 47);
position: absolute;
}
.ctc-inline-copy::after {
position: absolute;
content: attr(aria-label);
padding: 0.5em 0.75em;
right: 100%;
color: white;
background: rgb(36, 41, 47);
font-size: 11px;
border-radius: 6px;
line-height: 1;
right: 100%;
bottom: 50%;
margin-right: 6px;
transform: translateY(50%);
min-width: 60px;
}
.ctc-inline-copy::after,
.ctc-inline-copy::before {
opacity: 0;
visibility: hidden;
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out;
}
.copied.ctc-inline-copy .check-icon {
display: block;
}
.copied.ctc-inline-copy .copy-icon {
display: none !important;
}
.copied.ctc-inline-copy::after,
.copied.ctc-inline-copy::before {
opacity: 1;
visibility: visible;
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out;
} .ctc-inline-style-cover .ctc-inline-copy-icon {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.ctc-inline-style-cover .copy-icon {
display: none;
}
.ctc-inline-style-cover:hover .copy-icon {
display: block;
}
.copied.ctc-inline-style-cover .check-icon {
display: block;
}
.ctc-inline-style-cover svg {
fill: white;
}
.ctc-inline-style-cover:hover .ctc-inline-copy-icon {
background: rgb(0 0 0 / 50%);
}
 .post_content{
margin-top: 0 !important;
}
.p-termHead__desc>* {
clear: both;
margin-bottom: 2em;
}
figure {
margin: 0 ;
}
.submit-btn input {
max-width:300px;
background:#fff;
padding:11px 31px 11px 31px;
border:solid 1px #02343b;
text-decoration: none;
display:block;
margin-top:17px;
position: relative;
z-index: 1;
transition: .3s;
margin:0 auto;
margin-top:3%;
text-align: center;
}
.submit-btn input:hover {
background: #fff;
color: #00142c;
}
.strong{
font-weight: 900;
}
.big{
font-size: 18px;
}
.swell-block-faq .faq_q:before{
border-radius: 20px !important;
background-color: #D55656;
color: #fff !important;
border-color:#D55656;
}
.swell-block-faq .faq_a:before{
border-radius: 20px !important;
color: #fff;
background-color: #6599B7;
}
.post_content td{
vertical-align: middle;
}
.post_content th{
background: var(--color_htag);
color: #fff;
vertical-align: middle;
}
.post_content .swell-block-button .swell-block-button__link[data-has-icon]{
width: 100%;
border-radius: 3px;
}
.post_content .is-style-btn_solid.blue_ a{
width: 100%;
border-radius: 3px;
}
[class*=is-style-btn_] a{
background: #4bb739;
}
.w-header [class*=is-style-btn_] a{
background: #338df4;
}
.w-header .is-style-btn_normal {
--the-btn-radius: 80px;
}
.shiny-button{
border-bottom: 5px solid #2f8a0a;
}
.is-style-btn_shiny a {
font-size: 20px;
}
.gray-huki {
display: inline-block;
position: relative;
padding: 0 25px;
color: #9e9e9e;
font-size: 18px;
font-weight: bold;
line-height: 1;
letter-spacing: 1px;
}
.gray-huki:before {
left: 0;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
display: inline-block;
position: absolute;
top: 50%;
width: 20px;
height: 3px;
border-radius: 3px;
background-color: #9e9e9e;
content: "";
}
.gray-huki:after {
right: 0;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
display: inline-block;
position: absolute;
top: 50%;
width: 20px;
height: 3px;
border-radius: 3px;
background-color: #9e9e9e;
content: "";
}
@media (max-width: 768px){
.gray-huki {
font-size: 16px;
}
}
.button-top {
margin-bottom: 3px;
}
@media (min-width: 960px){
#main_content .p-toc {
width: 100%;
}
} .entry-content .tl {
margin: 1em 0;
}
.tl_marker.main-bdr.main-bc {
border-color: var(--color_htag);
}
.tl-content {
position: relative;
padding: 0 0 1.5em 1.8em;
}
.tl-content:before {
content: "";
width: 3px;
background: #ccd5db;
display: block;
position: absolute;
top: 24px;
bottom: 0;
left: 6px;
}
.tl_marker {
content: "";
display: block;
position: absolute;
top: 6px;
left: 0;
width: 14px;
height: 14px;
border-radius: 50%;
border: solid 3px;
}
.tl-content:not(:first-of-type):not(:last-of-type) .tl_marker {
background: transparent;
}
.tl-content:last-of-type:before {
content: none;
}
.tl_label {
padding-top: 2px;
color: #90969a;
font-size: 14px;
font-weight: bold;
}
.tl_title {
font-size: 1.1em;
font-weight: bold;
line-height: 1.5;
}
.tl_main {
margin-top: 0.5em;
padding: 0 0 1.5em;
font-size: 0.9em;
line-height: 1.6;
border-bottom: dashed 1px #ccd5db;
}
.main-bc{
background: var(--color_htag);
} .tl_main > * {
margin: 0.7em 0 0;
}
.tl_main > ul,
.tl_main > ol {
margin: 0;
padding: 0.3em 0 0.3em 1.3em;
border: none;
}
.tl_main .sng-box {
margin-top: 1em;
}
.tl_main .box28,
.tl_main .box30,
.tl_main .box31,
.tl_main .box32,
.tl_main .box33 {
margin-top: 2.3em;
}
.red-title{
background: #d33 !important;
}
.red-border{
border-color: #d33 !important;
}
.red-background{
background: #ffd4d4 !important;
}
.is-style-num_circle li::before{
background: var(--color_capbox_02) !important;
box-shadow: none;
}
.red-background .is-style-num_circle li::before{
background: #d33 !important;
box-shadow: none;
} .c_linkto.longc_linkto {
max-width: 100%;
display: table;
}
.longc_img {
width: 40%;
}
.longc_img, .c_linkto.longc_linkto .longc_content {
display: table-cell;
vertical-align: middle;
}
.longc_img img {
width: 100%;
padding: 10px !important;
margin: 0 !important;
}
.c_linkto .c_linkto_text {
display: block;
padding: 15px 13px;
line-height: 1.6;
}
.longc_content {
width: 60%;
}
.longc_linkto {
margin-bottom: 1.5em;
box-shadow: 0 1px 5px 0 rgb(0 0 0 / 25%);
}
.c_linkto {
display: block;
overflow: hidden;
max-width: 400px;
width: 100%;
margin: 1em 0;
padding: 0;
border-radius: 3px;
background: #fff;
box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
color: #555;
font-weight: bold;
text-decoration: none !important;
}
@media(max-width:768px){
.c_linkto .c_linkto_text {
display: block;
padding: 20px 13px 20px 13px;
line-height: 1.6;
}
.longc_img img {
padding: 10px 10px 0 10px;
}
.longc_img {
width: 100%;
}
.longc_img, .c_linkto.longc_linkto .longc_content{
display: block;
width: 100%;
}
}
.m-contents a{
text-decoration: underline;
font-weight: 900;
}
@media screen and (min-width: 768px){
.c-section-widget__inner {
padding-top: 45px;
padding-bottom: 50px;
}
} .author-info__inner .tb{border-radius:3px;background:#fff;box-shadow:0 0 6px gray}.author-info.pastel-bc{padding:0}.tb{display:table;width:100%}.tb-right p{margin-bottom:0}.author-info__inner .tb-left{width:220px;border-right:2px #eaedf2 dashed;text-align:center;padding:20px 20px 20px 20px}.author-info__inner .tb-left .aut{display:block;width:100%;padding:0;vertical-align:middle;line-height:1.3}.author-info__inner .tb-left dt{font-size:19px;font-weight:bold;margin-top:25px}.author-info__inner .tb-left dd{padding-top:4px;color:#686868;font-size:15px;font-weight:bold}.tb-left,.tb-right{display:table-cell;vertical-align:middle}.author-info__inner .tb-right{width:calc(100% - 220px);padding:20px;font-size:1rem;line-height:1.7}.follow_btn{margin:17px 8px 13px 0}.author_label span{display:inline-block;position:relative;min-width:220px;max-width:100%;margin:0 0 15px;padding:6px 12px;border-radius:20px;background:#eaedf2;color:#555;font-size:16px;font-weight:bold;z-index:2;margin-bottom:20px}.author_label span:before{position:absolute;top:100%;left:33px;border:13px solid transparent;border-top:solid 10px #eaedf2;content:""}.author_label span::before{z-index:-1;top:calc(100% - 15px);left:50px;border:15px solid transparent;border-top:solid 30px #eaedf2;transform:rotate(-40deg)}.author-info__inner{margin-top:30px}.author_img{display:inline-block;width:100%;height:auto;margin:0;vertical-align:middle}.author_img img{margin-top:10px !important;border:solid 5px #dfe2e8;border-radius:50%;margin:0 auto;display: block;}.servise-deta01 .list-group{margin-bottom:80px}.btn-d{font-size:1rem;position:relative;padding:1rem;color: #fff !important;text-align: center;background:#4bb739;-webkit-box-shadow:0 5px 0 #2f8a0a;box-shadow:0 5px 0 #2f8a0a;font-weight:900;display:block;width:100%}.btn-d span{font-size:1.5rem;position:absolute;top:-1.25rem;left:calc(50% - 150px);display:block;width:300px;padding:.2rem 0;color:#d44114;border:2px solid #d44114;border-radius:100vh;background:#fff;-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);box-shadow:0 3px 3px rgba(0,0,0,0.2)}a.btn-d span:before,a.btn-d span:after{position:absolute;left:calc(50% - 10px);content:""}.btn-d span:before{bottom:-10px;border-width:10px 10px 0 10px;border-style:solid;border-color:#d44114 transparent transparent transparent}.btn-d span:after{bottom:-7px;border-width:10px 10px 0 10px;border-style:solid;border-color:#fff transparent transparent transparent}.btn-d i{margin-right:1rem}.btn.btn-d{color:#fff;font-size:18px;}.author-info.pastel-bc{margin-bottom:30px}#toc_container p.toc_title{margin-top:30px}@media(max-width:768px){.btn.btn-c{font-size:21px}.author-info.pastel-bc{width:100%}.author_label{margin-top:0;margin-bottom:10px}.author-info__inner{margin-bottom:30px}.author-info__inner .tb-left{width:36%;border-right:0;margin-top:30px}.author-info__inner .tb-right{width:100%;padding: 10px 10px 20px 10px}.tb-right p{text-align:center}.author-info__inner .tb{box-shadow:0 0 4px grey}.follow_btn.dfont{text-align:center;width:100%}.servise-deta01 .list-group{margin-bottom:30px}.btn-cv a{font-size:1em}}
btn-square{display:inline-block;padding:.5em 1em;text-decoration:none;background:#4bb739;color:#FFF !important;border-bottom:solid 4px #2f8a0a;border-radius:3px;margin:0 auto;text-align:center;display:block}.btn-square:active{-webkit-transform:translateY(4px);transform:translateY(4px);border-bottom:0}.twitter-tweet.twitter-tweet-rendered{margin:0 auto} .say {
display: table;
overflow: hidden;
width: 100%;
margin: 1.5em 0;
}
.faceicon {
display: table-cell;
width: 110px;
padding-right: 20px;
text-align: center;
vertical-align: top;
}
.faceicon img {
width: 100%;
background: #fff;
height: auto;
border: solid 3px #eaedf2;
border-radius: 50%;
}
.faceicon span {
font-size: 11px;
font-weight: bold;
margin-top: 0;
line-height: 1;
display: block;
text-align: center;
}
.chatting {
display: table-cell;
position: relative;
width: calc(100% - 100px);
font-size: 0.95em;
vertical-align: top;
}
.sc {
display: inline-block;
text-align: left;
padding: 13px;
font-size: 16px;
border: solid 2px #d5d5d5;
border-radius: 12px;
background: #fff;
word-break: break-word;
}
.sc:before {
display: inline-block;
position: absolute;
top: 18px;
left: -23px;
border: 12px solid transparent;
border-right: 12px solid #d5d5d5;
content: "";
}
.sc:after {
display: inline-block;
position: absolute;
top: 18px;
left: -20px;
border: 12px solid transparent;
border-right: 12px solid #fff;
content: "";
}
.sc p {
margin: 5px 0;
padding: 0;
} .right {
text-align: right;
}
.right .faceicon {
padding: 0 0 0 20px;
}
.right .sc:before,
.right .sc:after {
right: -23px;
left: auto;
border: 12px solid transparent;
border-left: 12px solid #d5d5d5;
}
.right .sc:after {
right: -20px;
border-left-color: #fff;
} .cat02webpage {
position: relative;
margin: auto;
display: block;
margin-top: 3%;
width: 100%;
height: 400px;
background: linear-gradient(rgba(0, 95, 160, 0.85), rgba(17, 129, 191, 0.95)), url(https://o-itoma.jp/wp-content/uploads/2021/12/oitoma-cta.png);
z-index: 1;
-webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.3);
}
.right-triangle {
position: absolute;
bottom: 0%;
right: 0%;
height: 100%;
width: 50%;
background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.6)), url(https://o-itoma.jp/wp-content/uploads/2021/12/oitoma-cta.png);
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.white-brand-box {
position: absolute;
width: 200px;
top: 15%;
left: 10.5%;
z-index: 2;
}
.presents-text {
position: absolute;
top: 17%;
left: 10.5%;
color: #fff;
font-size: 24px;
font-weight: normal;
}
.cta02title {
position: absolute;
top: 33%;
left: 10%;
font-size: 48px;
font-weight: 700;
color: #ffffff;
line-height:1.2
}
.cta02cta-button {
position: absolute;
width: 300px;
display: block;
left: 10%;
top: 70%;
background: #FF0000;
border-radius: 0%;
border: none;
padding: 10px 20px;
font-size: 16px;
font-weight: 700;
color: #ffffff;
transition: .4s;
}
.cta02cta-button a{
color: #fff !important;
}
.cta02cta-button:hover {
background: #91b5fb;
}
@media(max-width:768px){
.cta02cta-button {
width: 80%;
}
.cta02cta-button{
left: 3%;
}
.presents-text{
top: 8%;
}
.cta02title{
top: 31%;
}
}
@media all and (max-width: 600px) {
.cat02webpage {
position: relative;
margin: auto;
display: block;
margin-top: 10px;
width: 100%;
height: 200px;
z-index: 1;
}
.white-brand-box {
border: solid 3px #ffffff;
}
.presents-text {
font-size: 15px;
}
.cta02title {
font-size: 24px;
}
.cta02cta-button {
font-size: 16px;
}
.branding-logo {
border: solid 3px #ffffff;
}
}
.p-termHead__desc{
border: none;
}
@media(max-width:768px){
span.c-pageTitle__inner {
font-size: 19px;
}
.p-termHead__desc{
padding: 0 !important;
}
}
.memo {
margin-bottom: 1.5em;
padding: 1em;
background: #fff9e5;
color: #545454;
}
.memo_ttl {
margin-bottom: 5px;
color: #ffb36b;
font-size: 1.2em;
font-weight: bold;
}
.memo_ttl:before {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 3px 0 0;
border-radius: 50%;
background: #ffb36b;
color: #fff;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
text-align: center;
vertical-align: middle;
content: "\f303";
}
.memo.alert {
background: #ffebeb;
}
.memo.alert .memo_ttl {
color: #ff8376;
}
.memo.alert .memo_ttl:before {
background: #ff8376;
content: "\f12a";
}
.p-box {
position: relative;
background-color: #fff;
border: 2px solid #cfd8dc;
border-radius: 5px;
margin: 30px 0 30px 0;
padding: 10px 20px 15px 10px;
}
.p-box .p-box-title {
position: absolute;
left: -10px;
top: -20px;
border-radius: 15px;
background-color: #90a4ae;
color: #fff;
font-family: FontAwesome, Helvetica, Yu Gothic;
font-size: 14px;
font-weight: 700;
padding: 5px 20px;
}
.p-box.p-green {
border: 2px solid #003e96;
}
.p-box.p-green .p-box-title {
background-color: #003e96;
}
.p-box ul {
list-style-type: none;
border: 0;
margin: 0;
padding: 0;
}
.p-box ul li {
list-style-type: none !important;
position: relative;
line-height: 1.5;
padding-bottom: 9px;
font-size: 18px;
}
.p-box.p-green ul li:before {
content: "\f00c";
color: #003e96;
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 10px;
}
.p-box.p-red {
border: 2px solid #d33 !important;
}
.p-box.p-red .p-box-title {
background-color: #d33 !important;
}
.p-box.p-red ul li:before {
content: "\f00c";
color: #d33;
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-right: 10px;
}
.box29 {
margin: 2em 0;
border: solid 2px #ffc107;
background: #fff;
}
.box-title {
font-weight: bold;
}
.box29 .box-title {
display: inline-block;
position: relative;
top: -2px;
padding: 2px 9px;
background: #ffc107;
color: #fff;
font-size: 17px;
line-height: 1.5;
}
.box29 .box-title:before {
padding-right: 4px;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
content: "\f0eb";
}
.box29 .box-content {
padding: 15px;
}
.sc ul, .sc ol, .list-raw ul, .list-raw ol, .sng-box ul, .sng-box ol, .memo ul, .memo ol {
margin: 5px 0;
padding: 0 0 0 1.4em;
border: none;
box-shadow: none;
background: transparent;
}
.li-check ul {
position: relative;
padding: 1em 0.5em 1em 2.5em;
border: solid 2px #ffb03f;
background: #fff;
}
.li-chevron li, .li-check li, .li-yubi li, .li-niku li {
list-style-type: none !important;
padding: 0.5em 0;
line-height: 1.5;
font-size: 18px;
}
.li-check li:before {
position: absolute;
left: 1em;
color: #ffb03f;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
content: "\f00c";
left: -26px;
}
.sng-box .li-check li:before{
left: -35px;
}
h1.c-pageTitle {
margin-bottom: 30px;
}
.sng-box .li-check ul{
border: none !important;
}
.is-style-faq-box .swell-block-faq__item {
border: 1px solid var(--color_border);
background: #fff;
}
.is-style-faq-box .faq_q {
border-bottom: 1px dashed var(--color_border);
}
.swell-block-faq .faq_q {
font-weight: 700;
background: #fff;
line-height: 1.5;
padding: 1em 1em 1em 3em;
position: relative;
}
.is-style-faq-box .faq_a:before, .is-style-faq-box .faq_q:before, .is-style-faq-stripe .faq_a:before, .is-style-faq-stripe .faq_q:before {
left: 1em;
position: absolute;
top: 1em;
}
.swell-block-faq .faq_q:before {
border-radius: 4px;
content: "Q";
display: block;
font-family: Arial,sans-serif;
font-weight: 400;
line-height: 2;
position: absolute;
text-align: center;
width: 2em;
}
.is-style-faq-box .faq_a, .is-style-faq-box .faq_q, .is-style-faq-stripe .faq_a, .is-style-faq-stripe .faq_q {
padding: 1.25em 1em 1.25em 4em;
}
.swell-block-faq .faq_a:before {
border-radius: 4px;
content: "A";
display: block;
font-family: Arial,sans-serif;
line-height: 2;
position: absolute;
text-align: center;
width: 2em;
}
.faq_a:before, [data-q=col-main] .faq_q:before {
box-shadow: 0 0 0 1px currentColor;
color: var(--color_main);
} #sp-fixed-menu{
position: fixed;
width: 100%;
bottom: -7px;
font-size: 0;
z-index: 996;
} #sp-fixed-menu ul{
list-style: none;
padding:0;
margin:0;
width:100%;
}
#sp-fixed-menu li{
width: 100%;
padding:0;
margin:0;
font-weight: bold;
font-size: 14px;
letter-spacing: 4px;
} #sp-fixed-menu li a{
color: #fff;
text-align: center;
display:block;
width: 100%; } @media (min-width: 768px) {
.for-sp{
display:none;
}
}
#cta04 {
width: 100%;
padding: 20px;
background: #555;
box-sizing: border-box;
color: #fff;
text-align: center;
font-size: 120%;
}
#cta04 .cta04title {
font-size:1.6em;
font-weight:600;
margin-top:0;
line-height: 1.3;
}
#cta04 img {
margin-top: 20px;
margin-bottom: 30px;
}
#cta04 ul {
margin: -10px 0 30px 0px;
list-style: none;
border:none;
padding: 0;
}
#cta04 ul li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: silver;
content: "\f105";
padding-left: 0;
margin-right: 15px;
line-height:  1.8;
}
#cta04 .gray-huki{
color: #fff !important;
}
#cta04 .gray-huki:before,#cta04 .gray-huki:after{
background-color: #fff !important;
} .ctatext04:before, .ctatext04:after {
display: inline-block;
position: absolute;
top: 50%;
width: 22px;
height: 2px;
border-radius: 3px;
background-color: #FFF;
content: "";
margin: auto -30px;
}
.ctatext04:before {
transform: rotate(50deg);
}
.ctatext04:after {
transform: rotate(-50deg);
margin-left: 10px;
}
@media screen and (min-width: 768px){
#cta04 {
padding: 30px 60px;
}
#cta04 img {
max-width: 100%;
height: auto;
width: auto;
}
#cta04 ul {
text-align: left;
}
}
@media screen and (max-width: 600px){
#cta04 {
padding: 20px 14px 3px;
background: #707070;
}
#cta04 .cta04title {
font-size: 19px;
margin-top: 20px;
line-height: 1.5;
}
#cta04 ul li {
font-size: 0.8em;
text-align: left;
line-height: 1.4;
margin-bottom: 15px;
}
#cta04 .ctatext04 {
font-size: 13px;}
.ctatext04:before, .ctatext04:after {
width:15px;
}
#cta04 img {
margin-bottom: 20px;
}
} .cta05-cvset {
padding: 0px 0 0;
}
.cta05-cvset .cta05-inner {
background-color: #e8f3fc;
padding: 10px 0 20px;
position: relative;
width: 100%;
height: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.cta05-cvset .cta05-inner ul {
list-style:none;
margin-top: 90px;
padding-inline-start:0;
border: none;
padding: 0;
}
.cta05-cvset-title {
position: relative;
font-size: 1.8em;
line-height: 0.6em;
font-weight: 800;
font-style: normal;
letter-spacing: .1em;
position: absolute;
top: 66px;
left: 0;
text-align: center;
width: 100%;
}
.cta05-cvset-title .deco {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
font-size: 20px;
color: #005fa0;
white-space: nowrap;
padding-bottom: 8px;
margin-bottom: 16px;
}
.cta05-cvset-title .deco:before, .cta05-cvset-title .deco:after {
display: inline-block;
position: absolute;
top: 42%;
width: 28px;
height: 2px;
border-radius: 3px;
background-color: #005fa0;
content: "";
margin: auto -35px;
}
.cta05-cvset-title .deco:before {
left: 0;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.cta05-cvset-title .deco:after {
right: 0;
-webkit-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.cta05-cvset-list {
display: flex;
width: 100%;
max-width: 780px;
justify-content: space-between;
margin: 0 auto;
}
.cta05-cvset-list li {
max-width: 360px;
width: 100%;
margin: 0 5px;
}
.cta05-cvset-list img {
width:100%;
text-align:center;
}
.cta05-button.dwl, .cta05-button.etm {
background-color: #fff;
border: 3px solid #005fa0;
color: #005fa0;
}
.cta05-button.dwl, .cta05-button.dmo, .cta05-button.etm {
height: 96px;
font-size: 24px;
font-weight: bold;
line-height: 1.4em;
text-align: center;
flex-direction: column;
white-space: nowrap;
text-decoration: none;
}
.cta05-button.dmo {
background-color: #005fa0;
border: 3px solid #005fa0;
color: #fff;
}
.cta05-button {
position: relative;
display: flex;
width: 100%;
height: 72px;
text-align: center;
align-items: center;
justify-content: center;
text-decoration: none;
border-radius: 12px;
margin: 0;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 6px 10px -2px rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.2);
transition: 0.2s ease-in-out;
}
.cta05-button.free::after {
content: "無料";
position: absolute;
display: block;
top: -17px;
right: 8px;
width: 80px;
height: 30px;
font-size: 16px;
font-weight: bold;
line-height: 32px;
text-align: center;
background-color: #FF0000;
color: #fff;
border-radius: 16px;
}
.cta05-button.dwl:hover, .cta05-button.dmo:hover, .cta05-button.etm:hover {
background-color: #6bb6ff;
box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
transform: translateY(-4px);
}
.cta05-button.dwl small, .cta05-button.dmo small, .cta05-button.etm small {
display: block;
font-size: 16px;
font-weight: 500;
line-height: 1.2em;
letter-spacing: 0;
margin-bottom: 4px;
white-space: nowrap;
}
.seo-sp{display: none;}
@media screen and (max-width: 768px){
.cta05-cvset .cta05-inner {
padding: 40px 20px 32px;
}
.cta05-cvset-list {
flex-direction: column;
align-items: center;
padding-bottom: 16px;
}
.cta05-button.dwl small, .cta05-button.dmo small, .cta05-button.etm small {
font-size: 12px;
}
.cta05-cvset-title {font-size: 24px; line-height: 1.4;top: 53px;}
.cta05-cvset-title .deco{font-size: 17px;margin-bottom: 0;}
.seo-sp{display: block;}
}
.yellow {
color: #fff100;
font-weight: 900;
}
#hikaku-table td, #hikaku-table th {
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
#hikaku-table td {
border-color: #a9a9a9!important;
}
#hikaku-table img{
width: 100%;
padding: 0 20px;
}
.table-cta-simple a {
width: 75%;
display: block;
text-decoration: none;
padding: 9px;
background: #f1742c;
color: #fff!important;
text-align: center;
font-weight: 700;
box-shadow: 0 4px 0 #d16323;
margin: 0 auto;
position: relative;
transition: .3s;
}
.table-cta-simple {
margin-top: 0!important;
margin-bottom: 10px;
}
.tadv-color {
color: #cf2e2e;
}
.starList {
color: #FC3;
display: inline-block;
}
@media(max-width:768px){
.table-cta-simple{
margin-top: 10px !important;
}
[class*=is-style-btn_] a {
padding: 0.75em 0.5em !important;
}
} .yn-chart{
margin:0 auto 2rem;
padding: 2em;
max-width: 600px;
background:#e2eaed;
box-shadow: 0 3px 5px rgba(0,0,0,.07);
font-size:0.9rem;
}
.yn-chart__add{
background: #00142c;
color:#fff;
padding: 0.2em 0.9em !important;
margin:0 !important;
text-align:center;
display:inline-block;
line-height: 1.5 !important;
}
.yn-chart__title{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 100%;
padding: 0.5em 0 0.3em!important;
margin: 0 auto !important;
font-size:1.35em !important;
font-weight: 600 !important;
color:#00142c;
letter-spacing: 1px !important;
line-height:1.5 !important;
}
.yn-chart__title:before,.yn-chart__title:after {
content: "";
flex: 1;
height: 1px;
background: #00142c;
display: block;
}
.yn-chart__title:before {
margin-right: 0.7em;
}
.yn-chart__title:after {
margin-left: 0.7em;
}
.yn-chart__ex{
text-align:center;
padding: 0 !important;
}
.yn-chart > div{
display:none;
padding-top: 100px;
margin-top: -100px;
}
.yn-chart > div.yn-chart__display{
display:block;
}
.yn-chart > div > figure{
margin:1em 0 2em;
}
.yn-chart > div > figure img{
display:block;
}
.yn-chart > div > p{
margin:2em 0 0 !important;
padding: 0.8em 1em 0.8em 4.3em !important;
background:#fff;
position:relative;
}
.yn-chart > div > p:before{
content: "Q";
background: #00142c;
position: absolute;
left: 0;
top: 0;
color: #fff;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 600;
font-size: 1.1em;
min-width: 48px;
}
.yn-chart > div ul{
margin:2em 0 0 !important;
padding:0 !important;
list-style:none !important;
border:none;
}
.yn-chart > div ul li {
margin: 0 0 1em 1em!important;
padding: 0 !important;
}
.yn-chart > div ul li:last-child{
margin:0 0 0 1em !important;
}
.yn-chart > div ul li a{
background: #fff;
display: block;
padding: 0.8em !important;
text-decoration: none;
color: #333;
box-shadow: 0 3px 5px rgba(0,0,0,.07);
}
.yn-chart > div ul li a:hover{
box-shadow: inset 2px 2px 0 0 #ee8f81, 2px 2px 0 0 #ee8f81, 2px 0 0 0 #ee8f81, 0 2px 0 0 #ee8f81;
transition: 0.1s ease-in-out;
opacity:1;
}
.yn-chart > div ul li:before{
content:unset !important;
}
.yn-chart__result{
background:#fff;
padding:1em;
}
.yn-chart__result-title{
color: #00142c;
font-size: 1.1em !important;
font-weight:600 !important;
padding: 0 !important;
margin: 0 0 1em !important;
border-bottom: 1px dashed #00142c;
}
@media screen and (max-width: 560px) {
.yn-chart{
padding:1.8em 1.3em;
}
.yn-chart > div > figure {
margin: 0.5em 0;
}
.yn-chart > div > p {
margin: 1em 0 0 !important;
padding: 0.8em 1em 0.8em 3.3em !important;
}
.yn-chart > div ul {
margin: 1em 0 0 !important;
}
.yn-chart__title{
font-size:1em !important;
}
.yn-chart__title:before {
margin-right:0.3em;
}
.yn-chart__title:after {
margin-left:0.3em;
}
.yn-chart__ex,.yn-chart__add{
font-size:0.9em !important;
}
.yn-chart > div > p:before{
min-width: 30px;
}
} .p-tw-btn,.p-check-btn{
text-align:center;
margin:1.5em 5em !important;
padding:0 !important;
}
.p-tw-btn a,.p-check-btn a{
display:block;
box-shadow: 0 3px 5px rgba(0,0,0,.15);
color:#fff !important;
font-weight:600 !important;
text-decoration:none !important;
padding:0.5em 0;
border-radius:30px;
}
.p-tw-btn a{
background: #00acee;
}
.p-check-btn a{
background:#00142c;
}
.p-tw-btn a:hover,.p-check-btn a:hover{
transform: translateY(3px);
box-shadow: 0 2px 2px rgba(0,0,0,.22);
}
.yn-chart > div > p.p-check-btn{
background: none !important;
padding: 0 5em !important;
}
.yn-chart > div > p.p-check-btn:before{
content:unset !important;
}
@media screen and (max-width: 800px) {
.p-tw-btn,.p-check-btn{
margin:1.5em 3em !important;
}
}
@media screen and (max-width: 560px) {
.p-tw-btn,.p-check-btn{
margin:1.5em 1em !important;
}
.yn-chart > div > p.p-check-btn{
padding: 0 3em !important;
}
}
.single span.p-breadcrumb__text {
display: block !important;
}
.p-profileBox__text {
font-size: 14px;
line-height: 2em;
}
.under-lines{
font-weight: 900;
text-decoration: underline;
}
.post_content iframe {
width: 100%;
height: 440px;
}
@media(max-width:768px){
.post_content iframe {
height: 210px;
}
}
#footerFloatingMenu {
display: none;
}
@media (max-width: 768px){
#footerFloatingMenu {
display: block;
position: fixed;
z-index: -1;
left: 0;
right: 0;
padding: 0 auto;
width: 100%;
bottom: -7px;
font-size: 0;
}
}
.footer_libe {
width: 100%;
}
#footerFloatinMenu-tel-and-line,#new-footerFloatinMenu-tel-and-line{
display: none;
}
@media(max-width:768px){
#footerFloatinMenu-tel-and-line{
z-index: -1;
position: fixed;
bottom: -7px;
left:0;
width: 100%;
display: flex;
flex-direction: row;
}
#footerFloatinMenu-tel-and-line img{
margin:0;
padding:0;
}
.p-fixBtnWrap{
bottom: 8rem;
}
}
.c-inner{
width:100%;background:#fff;margin:0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 40px -3px rgba(66, 69, 65, 0.13);
-webkit-box-shadow: 0px 0px 40px -3px rgba(66, 69, 65, 0.13);
-ms-box-shadow: 0px 0px 40px -3px rgba(66, 69, 65, 0.13);
box-shadow: 0px 0px 40px -3px rgba(66, 69, 65, 0.13);
}
.c-inner .title{background-color: var(--color_main);color:#fff !important; padding:20px 0; font-size:24px !important;text-align: center !important;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.ctas {
margin-bottom: 30px;
}
a.btn,
button.btn {
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #212529;
border-radius: 0.5rem;
}
.btn-wrap {
margin: 30px 0;
}
a.btn-c {
font-size: 32px;
width: 93%;
position: relative;
padding: 40px 2rem 1.5rem 3.5rem;
color: #fff;
background: #e94919;
-webkit-box-shadow: 0 5px 0 #d44114;
box-shadow: 0 5px 0 #d44114;
max-width: 93% !important;
}
a.btn-c span {
line-height: 1.5;
font-size: 20px;
position: absolute;
top: -1.25rem;
left: calc(50% - 200px);
display: block;
width: 400px;
padding: 0.2rem 0;
color: #d44114;
border: 2px solid #d44114;
border-radius: 100vh;
background: #fff;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.btn-c span:before,
a.btn-c span:after {
position: absolute;
left: calc(50% - 10px);
content: "";
}
a.btn-c span:before {
bottom: -10px;
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #d44114 transparent transparent transparent;
}
a.btn-c span:after {
bottom: -7px;
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
a.btn-c i {
margin-right: 1rem;
}
a.btn-c:hover {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
color: #fff;
background: #eb5b30;
-webkit-box-shadow: 0 2px 0 #d44114;
box-shadow: 0 2px 0 #d44114;
}
.c-tel{
border-top:1px solid #ccc;
padding:20px 0;
margin:0 30px;
}
.c-tel p{
font-weight:600;
color:var(--color_main);;
}
.c-tel .num{
font-size:36px;
color:#eb5b30;
}
.fa-phone-square-alt:before {
margin-right: 10px;
}
.br-pc{
display: block;
}
@media(max-width:768px){
a.btn-c {
padding: 25px 0 20px 0;
}
a.btn-c span{
width: 300px;
font-size: 16px;
left: calc(50% - 150px);
}
.c-inner .title{
font-size: 21px !important;
}
.c-tel{
margin: 0;
}
.c-tel p{
font-size: 15px;
}
.fa-line{
margin-right: 10px !important;
}
.fa-line:before {
font-size: 34px;
}
.br-pc{
display: none;
}
}
.small {
text-align: center;
margin: 0 auto;
font-size: 13px !important;
font-weight: 900 !important;
display: block;
width: 100%;
padding: 0 !important;
}
.list-rank {
margin-top: 0!important;
font-size: 20px !important;
font-weight: 700;
margin-bottom: 24px;
padding-top: 0 !important;
text-align: center;
}
.list-rank span {
padding-bottom: 4px;
border-bottom: solid 3px #2151a1;
}
.rank-table .cta-simple a {
width: 100%;
padding: 10px 4px;
font-size: 16px;
}
.cta-simple a {
width: 100%;
display: block;
text-decoration: none;
padding: 16px;
background: #f1742c;
color: #fff !important;
text-align: center;
font-weight: 700;
box-shadow: 0 4px 0 #d16323;
margin: 0 auto;
position: relative;
transition: .3s;
}
.maru-image {
border-radius: 10px !important;
box-shadow: 0px 3px 6px 1px #bbb;
}
.rank-table th {
background-color: #e9f3fb!important;
color: #000!important;
border-color: #a9a9a9!important;
}
.rank-table td {
border-color: #a9a9a9!important;
}
.bg-gray center{
padding-bottom: 5px;
}
@media (max-width: 768px){
.list-rank span {
font-size: 18px !important;
}
p.list-rank {
margin-bottom: 16px;
}
}
.author-info {
position: relative;
}
.grad-btn {
z-index: 2;
position: absolute;
right: 0;
bottom: 8px;
left: 683px;
width: 98px;
margin: auto;
padding: 1px 0;
border-radius: 2px;
background: #009e8f;
color: #fff;
font-size: 14px;
text-align: center;
cursor: pointer;
transition: .2s ease;
box-shadow: 0 0 3px rgb(0 0 0 / 30%);
}
.grad-item {
position: relative;
overflow: hidden;
height: 80px; }
.grad-item::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
content: "";
}
.grad-trigger {
display: none; }
.grad-trigger:checked + .grad-btn {
display: none; }
.grad-trigger:checked ~ .grad-item {
height: auto; }
.grad-trigger:checked ~ .grad-item::before {
display: none; }
@media(max-width:768px){
.grad-btn{
bottom: 7px;
left: 260px;
}
}
.text-left{
text-align: left !important;
} @media screen and (min-width: 769px) and (max-width: 1099px) {
.grad-btn {
left: 463px;
}
}
.myfuki-main {
display: inline-block;
position: relative;
background: var(--color_htag);
color: white;
font-weight: 500;
margin: 0.5em 0;
border-radius: 25px;
padding: 0.3em 1em;
}
.myfuki-main:before {
position: absolute;
content: "";
bottom: -0.5em;
margin-left: 1.5em;
border-top: 10px solid;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
border-top-color: var(--color_htag);
} .crip-box {
padding: 1.6em;
background-color: #00579e33;
margin-bottom: 20px;
}
.crip-red{
background-color: #f443364f !important;
}
.crip-box-in {
box-shadow: 0 0 2px 1px rgba(42,42,42,.05);
padding-top: 40px;
margin-bottom: 0;
text-align: center;
position: relative;
padding-bottom: 20px;
}
.crip-box-in:before, .crip-box-in:after {
content: "";
display: inline-block;
position: absolute;
}
.crip-box-in:before {
width: 72px;
height: 30px;
border: 4px solid #003e96;
top: -8px;
left: calc(50% - 40px);
}
.crip-box-in:after {
width: 100px;
height: 28px;
border-radius: 4px;
background: #003e96;
top: -10px;
left: calc(50% - 50px);
}
.crip-redbox-in:before{
border: 4px solid #c91313 !important;
}
.crip-redbox-in:after{
background: #c91313 !important;
}
p.crip-box-title {
background: linear-gradient(transparent 60%, #fef7b7 60%, #fef7b7 90%, transparent 90%);
margin-bottom: 0;
color: #003e96;
font-size: 20px;
display: inline;
padding: 8px 0px;
}
.crip-redbox-title{
color: #c91313!important;
}
p.crip-box-text {
text-align: left;
margin-bottom: 0;
padding: 1.2em;
}
.crip-box-in ul{
border: none;
text-align: left;
margin:0 auto;
margin-top: 20px;
margin-bottom: 0;
}
.crip-box-in li{
list-style-type: none !important;
position: relative;
font-size: 16px;
border-bottom: 1px dotted #b0b0b0;
padding: 5px 0px;
margin-left: 1.4em;
text-indent: -1.4em;
}
.crip-box-in>ul>li:before {
content: "\f00c";
color: #003e96;
font-family: "Font Awesome 5 Free";
font-weight: 900;
background-color: #fff !important;
padding-right: 10px;
top: 2px;
left: 1px;
}
.crip-redbox-in>ul>li:before {
color: #c91313 !important;
}
@media(max-width:768px){
.crip-box-in{
padding-bottom: 0px;
padding-top: 40px;
}
.crip-box-in ul{
padding: 10px;
margin-top: 0;
}
.crip-box {
padding: 16px;
}
p.crip-box-title {
font-size: 16px;
}
.cap_box_content {
padding: 15px 10px 10px;
}
.box29 .box-content {
padding: 0 10px;
}
}
.is-style-whiteboard1 {
position: relative;
max-width: 520px;
margin: 0 auto 2em;
padding: 2em 1.5em;
border: 10px solid transparent;
border-radius: 4px;
background: linear-gradient(white, white), linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 100% / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 100% / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 0 / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 0 / 30px 30px, linear-gradient(#e6e6e6, #e6e6e6);
background-clip: padding-box, border-box, border-box, border-box, border-box, border-box;
background-origin: border-box;
}
.is-style-whiteboard1:before,
.is-style-whiteboard1:after ,
.is-style-whiteboard1 .wp-block-group__inner-container:before,
.is-style-whiteboard1 .wp-block-group__inner-container:after {
display: inline-block;
position: absolute;
content: "";
}
.is-style-whiteboard1:before {
right: 10px;
bottom: 16px;
width: 52px;
height: 8px;
border-radius: 2px 2px 0 0;
background: #5a95f5;
}
.is-style-whiteboard1:after {
right: 11px;
bottom: 1px;
width: 50px;
height: 15px;
border-radius: 0 0 4px 4px;
background: #d2e2fc;
}
.is-style-whiteboard1 .wp-block-group__inner-container:before {
right: 71px;
bottom: 1px;
width: 48px;
height: 8px;
background: linear-gradient(90deg, #ea4335 8%, #f2f2f2 8%, #f2f2f2 70%, #ea4335 70%);
}
.is-style-whiteboard1 .wp-block-group__inner-container:after {
right: 98px;
bottom: 9px;
width: 48px;
height: 8px;
background: linear-gradient(90deg, #333 8%, #f2f2f2 calc(8% + 1px), #f2f2f2 70%, #333 calc(70% + 1px));
transform: rotate(-20deg);
}
@media(max-width:768px){
#new-footerFloatinMenu-tel-and-line {
position: fixed;
bottom: 0;
left: 0;
display: block;
background-color: rgba(4,56,76,0.8);
z-index: 9999;
width: 100%;
padding: 2%;
box-sizing: border-box;
}
.new-fcv ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
padding-left:0;
}
.new-fcv li.fixcvs {
background-color: #00b900;
border-radius: 6px;
}
.new-fcv li {
width: 49%;
display: flex;
justify-content: center;
}
.new-fcv .outline-spcv {
display: flex;
align-items: center;
width: 90%;
justify-content: center;
}
.new-fcv li a {
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
display: block;
min-height: 56px;
color: #fff;
font-weight: 700;
font-size: 16px;
box-sizing: border-box;
line-height: 1;
text-decoration: none;
}
.new-fcv li.fixcvs .ficons {
width: 2rem;
}
.footer-ctext {
margin: 0 auto;
font-size: 18px;
width: 100%;
text-align: center;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}
.new-fcv .outline-spcv .ficons i {
font-size: 29px;
}
.fa-envelope:before {
content: "\f0e0";
}
.new-fcv li a span {
display: block;
padding-top: 6px;
font-size: 13px;
text-align: left;
padding-left: 14px;
}
.new-fcv li.fiv_tel {
border-radius: 6px;
background: #ff3950;
}
.new-fcv li+li {
margin-left: 3%;
}
i.fa.fa-phone, i.fa.fa-line{
width: 2rem;
font-size: 23px;
}
.flashing{
-webkit-animation:flash 0.8s ease-in-out infinite alternate;
-moz-animation:flash 0.8s ease-in-out infinite alternate;
animation:flash 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes flash{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes flash{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes flash{
0% {opacity:0;}
100% {opacity:1;}
}
.sp-zisseki{
font-size:13px;
font-weight:bold;
text-align:center;
color:#fff;
margin:0 auto;
display:block;
padding-bottom: 4px;
}
.tel-free {
padding-left: 19px !important;
}
} @media(max-width:375px){
.new-fcv li a span {
padding-left: 6px;
}
.tel-free {
padding-left: 11px !important;
}
}
.cta-green {
display: inline-block;
box-sizing: border-box;
width: 45%;
height: 60px;
padding: 0 5px;
margin: 1.5%;
background: -webkit-linear-gradient(180deg, #16ce1d 0%,#00c908 100%);
color: #fff !important;
font-weight: bold;
border-radius: 40px;
font-size: 20px;
line-height: 1.2em;
border: 3px solid #4caf50;
box-shadow: #c4ff7f 1px 1px 2px inset, #8bc34a -1px -1px 4px inset;
text-shadow: #4caf50 -1px -1px 0;
text-align: center;
text-decoration: none;
}
.cta-green.textlights {
animation: 3s text-light infinite linear;
}
.cta-green.width {
width: 100%;
margin: 1.5% 0;
position: relative;
}
.clickbtn:before {
content: "";
display: block;
position: absolute;
transform: translateY(-50%);
background: url(https://o-itoma.jp/wp-content/uploads/2022/08/click.png) no-repeat center center;
background-size: 100% 100% !important;
margin-right: 0;
width: 35px;
height: 45px;
right: -10px;
bottom: -60px;
transform: rotate(-15deg) translate(-20%,-80%);
animation: 3s clickbtn infinite linear;
z-index: 3;
}
.cta-green.arrow > span {
display: inline-block;
width: auto !important;
max-width: 75% !important;
}
.cta-green:after {
content: "";
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
@keyframes clickbtn {
0%{
transform: rotate(-15deg) translate(-20%,-80%) ;
}
2%{
transform: rotate(-35deg) translate(-20%,-80%) ;
}
7%{
transform: rotate(-15deg) translate(-20%,-80%) ;
}
9%{
transform: rotate(-35deg) translate(-20%,-80%) ;
}
14%{
transform: rotate(-15deg) translate(-20%,-80%) ;
}
}
@keyframes text-light {
0%{
text-shadow: #fffd3e 0 0 2px, #fffd3e 0 0 5px, #fffd3e 0 0 8px, #fffd3e 0 0 12px, #fffd3e 0 0 18px, #fffd3e 0 0 30px;
}
3%{
text-shadow: none;
}
5%{
text-shadow: #fffd3e 0 0 2px, #fffd3e 0 0 5px, #fffd3e 0 0 8px, #fffd3e 0 0 12px, #fffd3e 0 0 18px, #fffd3e 0 0 30px;
}
20%{
text-shadow: none;
}
}
@media (min-width: 576px){
.modal-dialog {
max-width: 500px;
margin: 0 auto;
top: 31%;
}
}
.btn-primary,button.btn.btn-secondary{
color: #fff !important;
}
label.col-2.d-flex.input-name {
margin-top: 26px;
}
@media(max-width:768px){
.modal-footer{
display: block !important;
width: 100%;
}
.modal.fade .modal-dialog {
top: 27%;
}
.modal-footer button{
font-size: 16px !important;
}
.row{
display: block !important;
}
label.col-2.d-flex.align-items-center {
width: 100% !important;
}
.col-10 {
width: 100% !important;
}
label.col-2.d-flex.input-name {
width: 100%;
padding: 0;
}
.col-10,.col-sm-10{
padding: 0 !important;
}
label.col-2.d-flex.input-name {
margin-bottom: 6px;
}
.form-group {
width: 90%;
padding-top: 3px !important;
}
.input-name {
margin-top: 28px !important;
}
input[type="text"]{
font-weight: bold;
color: #000 !important;
}
.form-control:placeholder-shown,.form-control::placeholder{
color: rgba(0, 0, 0, 0.7);
font-weight: normal;
}
}
.internal-link {
background: #fff9e5;
box-shadow: 0 0 0 2px rgb(255 160 138 / 0%), 2px 2px 3px 0 rgb(0 0 0 / 5%);
border-radius: 6px;
padding: 0.75em 1em;
margin: 10px 0 20px 0;
position: relative;
}.internal-link::before {
content: "\f0c1";
font-family: "Font Awesome 5 Free"!important;
font-weight: 900;
margin-right: 10px;
}
.boxzilla{
padding: 0 !important;
background: transparent !important;
}
.boxzilla-close-icon{only-tel-
color: #fff !important;
opacity: 1.0 !important;
} @media (max-width: 768px){
.only-tel-new-fcv li a span {
display: block;
padding-top: 6px;
font-size: 13px;
}
.only-tel-new-fcv li {
text-align: center;
}
.only-tel-new-fcv ul {
width: 100%;
padding-left: 0;
margin-bottom: 0;
}
.only-tel-new-fcv li a {
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
display: block;
padding: 12px 0;
color: #fff;
font-weight: 700;
font-size: 16px;
box-sizing: border-box;
line-height: 1;
text-decoration: none;
}
.only-tel-footer-ctext {
font-size: 22px;
text-align: center;
text-align: center;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}
.only-tel-new-fcv li a span {
display: block;
padding-top: 6px;
font-size: 15px;
}
.only-tel-footer-ctext::before {
content: "\f0a4";
font-weight: 900;
font-family: "Font Awesome 5 Free";
font-size: 34px;
position: absolute;
top: 48px;
left: 6%;
-webkit-animation: flash 0.8s ease-in-out infinite alternate;
-moz-animation: flash 0.8s ease-in-out infinite alternate;
animation: flash 0.8s ease-in-out infinite alternate;
}
.only-tel-new-fcv li.fiv_tel {
border-radius: 6px;
background: #00b900;
}
}
.crip-box .say{
padding: 0 20px;
}
.fv_sp{
display: none;
}
@media(max-width:768px){
.outline-fv-cta {
position: absolute; bottom: 9px;
}
.fv_sp {
position: relative;
display: block;
}
.p-breadcrumb__list {
display: flex;
list-style: none;
overflow: scroll;
width: 100%;
}
.custom-html-widget li{
line-height: 2rem;
}
.l-footer__nav a {
padding: 10px 20px;
}
}
.align-center {
display: block;
margin: 0 auto;
text-align: center;
}
.p-profileBox__iconImg {
width: 100%;
height: 100%;
}
blockquote {
box-sizing: border-box !important;
position: relative;
margin: 3em 0;
padding: 32px 32px 10px 32px;
background: #FFF;
border: solid 4px #b3b3b3;
border-radius: 5px;
color: #464646;
font-size: 1em;
}
blockquote:before {
color: #fff !important;
font-size: 1em;
margin: auto;
width: 40px !important;
height: 40px !important;
text-align: center;
position: absolute !important;
top: -23px !important;
left: 32px !important;
background: #464646;
border-radius: 100px;
line-height: 2.3 !important;
}
blockquote:before {
display: inline-block !important;
font-family: "Font Awesome 5 Free";
font-weight: 900;
vertical-align: middle;
content: "\f10d" !important;
}
cite a{
text-decoration: underline;
}
span.p-pnLinks__title {
line-height: 2em;
}
.p-toc__list li {
line-height: 1.9;
}
.cap_box_ttl,.post_content h2 {
z-index: 0;
}
.reviewBox__title,.socialList-type01 .socialList__link::before,.socialList-type02 .socialList__link::before{
font-size:2rem
}
.reviewBox{
position:relative;
background:#f2f2f2;
padding:30px;
border-radius:5px
}
.reviewBox-border{
background:#fff;
border:1px solid rgba(0,0,0,.1)
}
.reviewBox::after{
content:"";
position:absolute;
bottom:-1px;
right:-1px;
border-color:rgba(0,0,0,.1) #fff #fff rgba(0,0,0,.1);
border-style:solid;
border-width:10px
}
.reviewBox__title{
font-weight:700;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px solid #e5e5e5;
line-height:1.5;
font-size: 20px;
}
.reviewBox__contents{
position:relative
}
.reviewBox__imgBox{
float:right;
width:100px;
height:auto;
margin:0 0 20px 20px
}
.reviewBox__img{
width:100px;
height:100px;
border-radius:50%;
border:1px solid #e5e5e5;
overflow:hidden;
background:url(//anshincredit.net/wordpress/wp-content/themes/swell_child/img/img_mysteryman.gif);
background-size:contain
}
.reviewBox__img img{
width:100px;
height:100px;
border-radius:50%;
vertical-align:bottom
}
.reviewBox__name{
display:inline-block;
width:100%;
text-align:center;
margin-top:.5rem;
font-size: 10px !important;
font-weight: 600;
color:rgba(0,0,0,.5)
}
.reviewBox__star{
display:block;
font-weight:700;
margin-bottom:10px
}
a.btn_ao_b {
display: flex;
align-items: center;
max-width: 550px;
margin: 0 auto;
padding: 1.3rem 2rem;
border: 2px solid #014897;
background: #fff;
text-decoration: none !important;
transition: 0.3s;
}
a.btn_ao_b:hover {
background-color: #e9f3fd;
}
a.btn_ao_b .b__text {
display: block;
flex-grow: 1;
color: #004386;
font-weight: bold;
text-align: center;
position: relative;
padding-right: 15px;
font-size: 23px;
}
a.btn_ao_b .b__text::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
transform: rotate(45deg);
border-top: 3px solid #014897;
border-right: 3px solid #014897;
box-sizing: border-box;
width: 14px;
height: 14px;
transition: 0.3s;
}
@media (max-width: 1200px) {
a.btn_ao_b .b__text {
font-size: 18px;
padding-right: 20px;
}
a.btn_ao_b .b__text::after {
width: 12px;
height: 12px;
}
}
@media (max-width: 736px) {
a.btn_ao_b .b__text {
font-size: 14px;
padding-right: 20px;
}
a.btn_ao_b .b__text::after {
width: 10px;
height: 10px;
}
}
.shiny-btn8 {
display: block;
position: relative;
width: 100%; padding: 10px 0;
margin: 0px auto;
background-color: #62d847; box-shadow: 0 3px 0 0 rgba(74, 162, 53, 1); border-radius: 80px;
font-weight: bold;
letter-spacing: 1px;
font-size: 18px;
color: #fff;
text-align: center;
text-decoration: none !important;
overflow: hidden;
transition: 0.2s;
}
.shiny-btn8:hover {
text-decoration: none;
color: #fff;
opacity: 0.7;
box-shadow: none;
-webkit-transform: translateY(3px);
}
.shiny-btn8::before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #fff;
animation: shiny-btn8 3s ease-in-out infinite;
}
.shiny-btn8::after {
content: "\f054";
font-family: 'Font Awesome 5 Free';
font-size: 18px;
font-weight: bold;
margin-left: 0.5em;
}
@-webkit-keyframes shiny-btn8 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.mini {
font-size: 13px;
margin-top: 10px;
}
.center {
display: block;
}
.red {
color: #c11b26 !important;
font-weight: 700;
}
.back-yellow {
font-weight: 700;
color: #272727;
background: linear-gradient(transparent,#fff799 0);
border-radius: 6px;
font-size: 20px;
line-height: 2em;
}
.li-chevron ul {
position: relative;
padding: 1em 0.5em 1em 2.5em;
border: none;
border-radius: 5px;
}
.li-chevron li, .li-check li, .li-yubi li, .li-niku li {
list-style-type: none !important;
padding: 0.5em 0;
line-height: 1.5;
}
.li-chevron li:before {
position: absolute;
left: -2em;
color: skyblue;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
content: "\f138";
color: #002c70;
}
table ul {
border: none !important;
margin: 0;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.cta-table{
border:1px solid #e0e0e0 !important;
box-shadow: 0px 0px 6px 0px #bbb;
}
@media(max-width:768px){
.back-yellow {
font-size: 17px;
line-height: 2em;
}
}
.widefat td, .widefat th {
   padding: 0px;
}