@charset "utf-8";

@media screen and (min-width:769px) {
.onlySP {
display: none !important;
}
}
@media screen and (max-width:768px) {
.onlyPC {
display: none !important;
}
}
.overflow-none {
overflow: hidden;
}
.entry-content {
font-weight: 500;
margin: 0 auto;
}
.entry-content p {
font-weight: 500;
padding: 0;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin-top: 0;
margin-bottom: 0.8em;
padding: 0;
}
.entry-content .wp-block-cover {
min-height: auto;
}
.entry-content .wp-block-cover h1,
.entry-content .wp-block-cover h2,
.entry-content .wp-block-cover h3,
.entry-content .wp-block-cover h4,
.entry-content .wp-block-cover h5,
.entry-content .wp-block-cover h6 {
max-width: none;
}
.entry-content .wp-block-separator {
height: 1px;
margin: 28px auto;
}
.entry-content .wp-block-separator.is-style-wide,
.entry-content .wp-block-cover .wp-block-separator.is-style-wide {
max-width: 100%;
width: 100%;
}
.entry-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
}
.entry-content table td p:first-child,
.entry-content .wp-block-cover h1:first-child,
.entry-content .wp-block-cover h2:first-child,
.entry-content .wp-block-cover h3:first-child,
.entry-content .wp-block-cover h4:first-child,
.entry-content .wp-block-cover h5:first-child,
.entry-content .wp-block-cover h6:first-child,
.entry-content .wp-block-cover p:first-child,
.entry-content .wp-block-group h1:first-child,
.entry-content .wp-block-group h2:first-child,
.entry-content .wp-block-group h3:first-child,
.entry-content .wp-block-group h4:first-child,
.entry-content .wp-block-group h5:first-child,
.entry-content .wp-block-group h6:first-child,
.entry-content .wp-block-group p:first-child {
margin-top: 0;
}
.entry-content table td p:last-child,
.entry-content .wp-block-cover h1:last-child,
.entry-content .wp-block-cover h2:last-child,
.entry-content .wp-block-cover h3:last-child,
.entry-content .wp-block-cover h4:last-child,
.entry-content .wp-block-cover h5:last-child,
.entry-content .wp-block-cover h6:last-child,
.entry-content .wp-block-cover p:last-child,
.entry-content .wp-block-group h1:last-child,
.entry-content .wp-block-group h2:last-child,
.entry-content .wp-block-group h3:last-child,
.entry-content .wp-block-group h4:last-child,
.entry-content .wp-block-group h5:last-child,
.entry-content .wp-block-group h6:last-child,
.entry-content .wp-block-group p:last-child {
margin-bottom: 0;
}
.entry-content {
padding: 0 30px;
}
.colorful_cover_inner {
margin-left: auto;
margin-right: auto;
padding: 0 30px;
}
@media screen and (max-width:768px) {
.entry-content {
padding: 0 20px;
}
.entry-content p {
font-size: 90%;
}
.colorful_cover_inner {
padding: 0 3px;
}
} .entry-content .alignfull {
clear: both;
position: relative;
margin: 0 0 0 calc(50% - 50vw);
max-width: none;
width: 100vw;
} .entry-content .alignwide {
clear: both;
position: relative;
margin: 0 -50px;
width: calc(100% + 100px);
}
@media screen and (max-width:768px) {
.entry-content .alignfull,
.entry-content .alignwide {
margin: 0 -20px;
width: calc(100% + 40px);
}
} .wp-block-columns:where(.has-background) {
padding: 1.25em 2.375em;
} .is-style-skewlr,
.colorful-skewlr-button {
animation: skewlr-anime 2s ease-in infinite;
}
@keyframes skewlr-anime {
5% {
transform: scale(1.1, .9);
}
10% {
transform: scale(.9, 1.1) translateY(-.5rem);
}
15% {
transform: scale(1);
}
}
.yureru-j,
.is-style-yureruj {
animation: yureru-j 3s infinite;
}
@keyframes yureru-j {
0% {
transform: translate(0px, 3px);
}
5% {
transform: translate(0px, -3px);
}
10% {
transform: translate(0px, 3px);
}
15% {
transform: translate(0px, -3px);
}
20% {
transform: translate(0px, 3px);
}
25% {
transform: translate(0px, -3px);
}
30% {
transform: translate(0px, 3px);
}
35% {
transform: translate(0px, -3px);
}
40% {
transform: translate(0px, 0px);
}
} .wp-block-cover.colorful-shape1 {
position: relative;
}
.wp-block-cover.colorful-shape1::after,
.wp-block-cover.colorful-shape2::after,
.wp-block-cover.colorful-shape3::after,
.wp-block-cover.colorful-shape4::after,
.wp-block-cover.colorful-shape5::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 1;
pointer-events: none;
}
.wp-block-cover.colorful-shape1::after {
background: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/cover-shape1.svg) center bottom no-repeat;
background-size: 100% 100px;
}
.wp-block-cover.colorful-shape2::after {
background: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/cover-shape2.svg) center bottom no-repeat;
background-size: 100% 78px;
}
.wp-block-cover.colorful-shape3::after {
background: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/cover-shape3.svg) center bottom no-repeat;
background-size: 100% 78px;
}
.wp-block-cover.colorful-shape4::after {
background: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/cover-shape4.svg) center bottom no-repeat;
background-size: 100% 71px;
}
.wp-block-cover.colorful-shape5::after {
background: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/cover-shape5.svg) center bottom no-repeat;
background-size: 100% 100px;
} .is-style-shadow img {
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.is-style-shadow-border img {
border-radius: 3px;
border: 10px solid #ffffff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.is-style-shadow-under img {
-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
box-shadow: 0 10px 8px -6px #8d8c8c;
}
.is-style-beveled img {
outline: 1px solid #ddd;
border-top: 1px solid #fff;
padding: 10px;
background: #f0f0f0;
}
.is-style-dash img {
padding: 10px;
border: 1px dashed #CCCCCC;
}
.is-style-underline {
width: 100%;
font-size: 0;
line-height: 0;
position: relative
}
.is-style-underline:after {
display: block;
content: "";
top: auto !important;
width: 100%;
height: 3px;
margin-top: 8px;
background: linear-gradient(to right, var(--col-gry-2), var(--col-gry-1))
}
.is-style-underline img {
width: 100%
}
.is-style-frame-border {
position: relative;
box-shadow: inset 0 0 0 3px var(--col-gry-2) !important;
font-size: 0;
line-height: 0
}
.is-style-frame-border img {
width: 100%;
transform: translate(-15px, -15px);
box-shadow: 0 0 0 5px var(--col-wh);
}
@media screen and (max-width: 767px) {
.is-style-frame-border {
margin-top: 30px !important;
left: 10px;
width: calc(100% - 20px) !important;
}
}
.is-style-rounded-border {
position: relative;
font-size: 0;
line-height: 0
}
.is-style-rounded-border:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
box-shadow: inset 0 0 0 2px var(--col-gry-2);
border-radius: 12px
}
.is-style-rounded-border img {
width: 100%;
transform: translate(-10px, -10px);
border-radius: 12px !important;
}
@media screen and (max-width: 767px) {
.is-style-rounded-border {
margin-top: 25px !important;
left: 5px;
width: calc(100% - 20px) !important;
}
} .wp-block-column.is-style-white-shadow {
background: rgba(255,255,255,0.9);
box-shadow: 0px 0px 8px 3px rgba(50,50,50,0.3);
padding: 50px 20px;
}
.wp-block-column.is-style-white-shadow:not(:first-child) {
margin-left: 20px;
}
.wp-block-column.is-style-padding {
padding-left: 20px;
padding-right: 20px;
}
.wp-block-column.is-style-padding:not(:first-child) {
margin-left: 0;
}
@media screen and (max-width:768px) {
.wp-block-column.is-style-white-shadow {
padding: 30px 20px;
width: 100%;
}
} .is-style-webfont1 {
font-family: "Noto Sans JP",sans-serif !important;
}
.is-style-webfont2 {
font-family: "Noto Serif JP",serif !important;
}
.is-style-webfont3 {
font-family: "M PLUS Rounded 1c",serif !important;
}
.is-style-webfont4 {
font-family: "Kosugi",serif !important;
}
.is-style-webfont5 {
font-family: "Kosugi Maru",serif !important;
}
.is-style-webfont6 {
font-family: "RocknRoll One",serif !important;
}
.is-style-webfont7 {
font-family: "Shippori Mincho",serif !important;
}
.is-style-webfont8 {
font-family: "Stick",serif !important;
} .wp-block-group.is-style-balloon {
padding: 30px 20px;
position: relative;
}
.wp-block-group.is-style-shadow-A {
box-shadow: 10px 10px 45px 0 rgba(0, 0, 0, 0.16);
padding: 30px 20px;
}
.wp-block-group.is-style-shadow-B {
box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.15);
padding: 30px 20px;
}
@media (max-width: 599px){
.wp-block-group.is-style-shadow-B{
box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.15);
}
}
.wp-block-group.is-style-shadow-C {
box-shadow: 0 3px clamp(5px, 2vw, 30px) 0 rgba(0, 0, 0, 0.16);
padding: 0px;
}
.wp-block-group.is-style-shadow-D {
filter: drop-shadow(3px 3px 0px #999);
}
.wp-block-group.is-style-shadow-inset-A {
box-shadow: inset 10px 10px 45px 0 rgba(0, 0, 0, 0.16);
padding: 30px 20px;
}
.wp-block-group.is-style-shadow-inset-B {
box-shadow: inset 4px 4px 0 0 rgba(0, 0, 0, 0.1);
padding: 30px 20px;
}
.wp-block-group.is-style-diagonal {
transform: rotate(-3deg) skew(-3deg);
margin-bottom: 30px;
padding: 30px 20px;
} @media screen and (max-width: 767px) {
.wp-block-columns.sp-column-reverse {
flex-direction: column-reverse;
}
} .navbar-fixed {
margin-bottom: 60px;
}
.navbar-fixed .navbar-inner {
background: #fff;
position: fixed;
width: 100%;
height: 60px;
top: 0;
border: 0;
padding: 5px 0;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
box-shadow: 0 2px 10px rgba(0,0,0,.25);
z-index: 10;
}
.navbar .brand {
text-align: center;
padding: 10px 30px;
font-size: 24px;
font-weight: bold;
color : #333;
} .navbar-nofix .brand {
padding: 0;
}
.navbar-nofix .brand p {
font-weight: bold;
} #filter {
display: none;
width: 100%;
height: 100%;
background-color: #000;
filter: alpha(style=0, opacity=50);
opacity: 0.5;
-moz-opacity: 0.5;
position: fixed;
left: 0px;
top: 0px;
z-index: 100;
}
#subwin {
font-size: 16px;
display: none;
width: 550px;
height: 550px;
background-color: #FFF;
position: fixed;
left: 48%;
top: 50%;
margin-left: -250px;
margin-top: -270px;
padding: 10px 20px;
z-index: 101;
}
#subwin .close {
text-align: right;
}
#subwin .close a {
color: #21759b;
text-decoration: underline;
} .btn-footer {
bottom: 0;
left: 0;
position: fixed;
text-align: center;
width: 100%;
z-index: 10;
}
.btn-footer.left {
text-align: left;
}
.btn-footer.left > [class^="btn-"] {
float: left;
text-align: center;
}
.btn-footer.right {
text-align: right;
}
.btn-footer.right > [class^="btn-"] {
float: right;
text-align: center;
} p.btn-n {
margin-left:auto;
margin-right:auto;
}
.entry-content p[class*=btn] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.entry-content btn-a1 [type="button"], .entry-content btn-a1 [type="reset"], .entry-content btn-a1 [type="submit"], .entry-content btn-a1 a, .entry-content btn-a1 button, .entry-content [type="button"].btn-a1, .entry-content [type="reset"].btn-a1, .entry-content [type="submit"].btn-a1, .entry-content a.btn-a1, .entry-content button.btn-a1 {
background: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
background: -webkit-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: -o-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: linear-gradient(to right, #007DD9 0%, #0012EB 100%)
}
.entry-content btn-a2 [type="button"], .entry-content btn-a2 [type="reset"], .entry-content btn-a2 [type="submit"], .entry-content btn-a2 a, .entry-content btn-a2 button, .entry-content [type="button"].btn-a2, .entry-content [type="reset"].btn-a2, .entry-content [type="submit"].btn-a2, .entry-content a.btn-a2, .entry-content button.btn-a2 {
background: -webkit-gradient(linear, left top, right top, from(#40D4C2), to(#1FC7DD));
background: -webkit-linear-gradient(left, #40D4C2 0%, #1FC7DD 100%);
background: -o-linear-gradient(left, #40D4C2 0%, #1FC7DD 100%);
background: linear-gradient(to right, #40D4C2 0%, #1FC7DD 100%)
}
.entry-content btn-a3 [type="button"], .entry-content btn-a3 [type="reset"], .entry-content btn-a3 [type="submit"], .entry-content btn-a3 a, .entry-content btn-a3 button, .entry-content [type="button"].btn-a3, .entry-content [type="reset"].btn-a3, .entry-content [type="submit"].btn-a3, .entry-content a.btn-a3, .entry-content button.btn-a3 {
background: -webkit-gradient(linear, left top, right top, from(#FFB819), to(#F07A14));
background: -webkit-linear-gradient(left, #FFB819 0%, #F07A14 100%);
background: -o-linear-gradient(left, #FFB819 0%, #F07A14 100%);
background: linear-gradient(to right, #FFB819 0%, #F07A14 100%)
}
.entry-content btn-a4 [type="button"], .entry-content btn-a4 [type="reset"], .entry-content btn-a4 [type="submit"], .entry-content btn-a4 a, .entry-content btn-a4 button, .entry-content [type="button"].btn-a4, .entry-content [type="reset"].btn-a4, .entry-content [type="submit"].btn-a4, .entry-content a.btn-a4, .entry-content button.btn-a4 {
background: -webkit-gradient(linear, left top, right top, from(#FF8872), to(#F24E73));
background: -webkit-linear-gradient(left, #FF8872 0%, #F24E73 100%);
background: -o-linear-gradient(left, #FF8872 0%, #F24E73 100%);
background: linear-gradient(to right, #FF8872 0%, #F24E73 100%)
}
.entry-content btn-a5 [type="button"], .entry-content btn-a5 [type="reset"], .entry-content btn-a5 [type="submit"], .entry-content btn-a5 a, .entry-content btn-a5 button, .entry-content [type="button"].btn-a5, .entry-content [type="reset"].btn-a5, .entry-content [type="submit"].btn-a5, .entry-content a.btn-a5, .entry-content button.btn-a5 {
background: -webkit-gradient(linear, left top, right top, from(#E26AFF), to(#7525F4));
background: -webkit-linear-gradient(left, #E26AFF 0%, #7525F4 100%);
background: -o-linear-gradient(left, #E26AFF 0%, #7525F4 100%);
background: linear-gradient(to right, #E26AFF 0%, #7525F4 100%)
}
.entry-content btn-a6 [type="button"], .entry-content btn-a6 [type="reset"], .entry-content btn-a6 [type="submit"], .entry-content btn-a6 a, .entry-content btn-a6 button, .entry-content [type="button"].btn-a6, .entry-content [type="reset"].btn-a6, .entry-content [type="submit"].btn-a6, .entry-content a.btn-a6, .entry-content button.btn-a6 {
background: -webkit-gradient(linear, left top, right top, from(#58D9FF), color-stop(50%, #8B60FF), to(#FF69D1));
background: -webkit-linear-gradient(left, #58D9FF 0%, #8B60FF 50%, #FF69D1 100%);
background: -o-linear-gradient(left, #58D9FF 0%, #8B60FF 50%, #FF69D1 100%);
background: linear-gradient(to right, #58D9FF 0%, #8B60FF 50%, #FF69D1 100%)
}
.entry-content btn-b1 [type="button"], .entry-content btn-b1 [type="reset"], .entry-content btn-b1 [type="submit"], .entry-content btn-b1 a, .entry-content btn-b1 button, .entry-content [type="button"].btn-b1, .entry-content [type="reset"].btn-b1, .entry-content [type="submit"].btn-b1, .entry-content a.btn-b1, .entry-content button.btn-b1 {
background: -webkit-gradient(linear, left top, right top, from(#D1CEB6), to(#AAA08A));
background: -webkit-linear-gradient(left, #D1CEB6 0%, #AAA08A 100%);
background: -o-linear-gradient(left, #D1CEB6 0%, #AAA08A 100%);
background: linear-gradient(to right, #D1CEB6 0%, #AAA08A 100%)
}
.entry-content btn-b2 [type="button"], .entry-content btn-b2 [type="reset"], .entry-content btn-b2 [type="submit"], .entry-content btn-b2 a, .entry-content btn-b2 button, .entry-content [type="button"].btn-b2, .entry-content [type="reset"].btn-b2, .entry-content [type="submit"].btn-b2, .entry-content a.btn-b2, .entry-content button.btn-b2 {
background: -webkit-gradient(linear, left top, right top, from(#816357), to(#553F38));
background: -webkit-linear-gradient(left, #816357 0%, #553F38 100%);
background: -o-linear-gradient(left, #816357 0%, #553F38 100%);
background: linear-gradient(to right, #816357 0%, #553F38 100%)
}
.entry-content btn-b3 [type="button"], .entry-content btn-b3 [type="reset"], .entry-content btn-b3 [type="submit"], .entry-content btn-b3 a, .entry-content btn-b3 button, .entry-content [type="button"].btn-b3, .entry-content [type="reset"].btn-b3, .entry-content [type="submit"].btn-b3, .entry-content a.btn-b3, .entry-content button.btn-b3 {
background: -webkit-gradient(linear, left top, right top, from(#DE2F2F), to(#BA2525));
background: -webkit-linear-gradient(left, #DE2F2F 0%, #BA2525 100%);
background: -o-linear-gradient(left, #DE2F2F 0%, #BA2525 100%);
background: linear-gradient(to right, #DE2F2F 0%, #BA2525 100%)
}
.entry-content btn-b4 [type="button"], .entry-content btn-b4 [type="reset"], .entry-content btn-b4 [type="submit"], .entry-content btn-b4 a, .entry-content btn-b4 button, .entry-content [type="button"].btn-b4, .entry-content [type="reset"].btn-b4, .entry-content [type="submit"].btn-b4, .entry-content a.btn-b4, .entry-content button.btn-b4 {
background: -webkit-gradient(linear, left top, right top, from(#3CC972), to(#029A5F));
background: -webkit-linear-gradient(left, #3CC972 0%, #029A5F 100%);
background: -o-linear-gradient(left, #3CC972 0%, #029A5F 100%);
background: linear-gradient(to right, #3CC972 0%, #029A5F 100%)
}
.entry-content btn-b5 [type="button"], .entry-content btn-b5 [type="reset"], .entry-content btn-b5 [type="submit"], .entry-content btn-b5 a, .entry-content btn-b5 button, .entry-content [type="button"].btn-b5, .entry-content [type="reset"].btn-b5, .entry-content [type="submit"].btn-b5, .entry-content a.btn-b5, .entry-content button.btn-b5 {
background: -webkit-gradient(linear, left top, right top, from(#29B5FF), to(#007AE2));
background: -webkit-linear-gradient(left, #29B5FF 0%, #007AE2 100%);
background: -o-linear-gradient(left, #29B5FF 0%, #007AE2 100%);
background: linear-gradient(to right, #29B5FF 0%, #007AE2 100%)
}
.entry-content btn-b6 [type="button"], .entry-content btn-b6 [type="reset"], .entry-content btn-b6 [type="submit"], .entry-content btn-b6 a, .entry-content btn-b6 button, .entry-content [type="button"].btn-b6, .entry-content [type="reset"].btn-b6, .entry-content [type="submit"].btn-b6, .entry-content a.btn-b6, .entry-content button.btn-b6 {
background: -webkit-gradient(linear, left top, right top, from(#6c6c6c), to(#2e2e2e));
background: -webkit-linear-gradient(left, #6c6c6c 0%, #2e2e2e 100%);
background: -o-linear-gradient(left, #6c6c6c 0%, #2e2e2e 100%);
background: linear-gradient(to right, #6c6c6c 0%, #2e2e2e 100%)
}
.btn-m [type="button"], .btn-m [type="reset"], .btn-m [type="submit"], .btn-m a, .btn-m button, .btn-n [type="button"], .btn-n [type="reset"], .btn-n [type="submit"], .btn-n a, .btn-n button, [type="button"].btn, [type="button"].btn-m, [type="reset"].btn, [type="reset"].btn-m, [type="submit"].btn, [type="submit"].btn-m, a.btn, a.btn-m, button.btn, button.btn-m {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
filter: blur(0);
-webkit-filter: blur(0);
font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
font-size: 14px;
color: #444;
-webkit-font-kerning: normal;
font-kerning: normal;
font-weight: 400;
letter-spacing: 0.015rem;
position: relative;
top: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
border: none;
width: 100%;
margin: 0px 0px 15px;
margin-top: 0px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.18);
font-weight: 700;
line-height: normal;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #fff;
min-height: 76px;
padding: 1px 4px 1px;
border-radius: 3px;
-webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
background: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
background: -webkit-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: -o-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: linear-gradient(to right, #007DD9 0%, #0012EB 100%)
}
.btn-m [type="button"]>*, .btn-m [type="reset"]>*, .btn-m [type="submit"]>*, .btn-m a>*, .btn-m button>*, .btn-n [type="button"]>*, .btn-n [type="reset"]>*, .btn-n [type="submit"]>*, .btn-n a>*, .btn-n button>*, [type="button"].btn-m>*, [type="button"].btn>*, [type="reset"].btn-m>*, [type="reset"].btn>*, [type="submit"].btn-m>*, [type="submit"].btn>*, a.btn-m>*, a.btn>*, button.btn-m>*, button.btn>* {
display: inline-block;
width: 100%;
text-align: center
}
.btn-m [type="button"]:hover, .btn-m [type="reset"]:hover, .btn-m [type="submit"]:hover, .btn-m a:hover, .btn-m button:hover, .btn-n [type="button"]:hover, .btn-n [type="reset"]:hover, .btn-n [type="submit"]:hover, .btn-n a:hover, .btn-n button:hover, [type="button"].btn-m:hover, [type="button"].btn:hover, [type="reset"].btn-m:hover, [type="reset"].btn:hover, [type="submit"].btn-m:hover, [type="submit"].btn:hover, a.btn-m:hover, a.btn:hover, button.btn-m:hover, button.btn:hover {
color: #fff;
opacity: 1;
min-height: 74px;
padding-top: 1px;
margin-top: 2px;
-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
-webkit-transform: rotateZ(0.001);
-ms-transform: rotate(0.001);
transform: rotateZ(0.001)
}
.btn-m [type="button"]:active, .btn-m [type="button"]:focus, .btn-m [type="reset"]:active, .btn-m [type="reset"]:focus, .btn-m [type="submit"]:active, .btn-m [type="submit"]:focus, .btn-m a:active, .btn-m a:focus, .btn-m button:active, .btn-m button:focus, .btn-n [type="button"]:active, .btn-n [type="button"]:focus, .btn-n [type="reset"]:active, .btn-n [type="reset"]:focus, .btn-n [type="submit"]:active, .btn-n [type="submit"]:focus, .btn-n a:active, .btn-n a:focus, .btn-n button:active, .btn-n button:focus, [type="button"].btn-m:active, [type="button"].btn-m:focus, [type="button"].btn:active, [type="button"].btn:focus, [type="reset"].btn-m:active, [type="reset"].btn-m:focus, [type="reset"].btn:active, [type="reset"].btn:focus, [type="submit"].btn-m:active, [type="submit"].btn-m:focus, [type="submit"].btn:active, [type="submit"].btn:focus, a.btn-m:active, a.btn-m:focus, a.btn:active, a.btn:focus, button.btn-m:active, button.btn-m:focus, button.btn:active, button.btn:focus {
color: #fff;
min-height: 72px;
padding-top: 2px;
margin-top: 4px;
-webkit-box-shadow: inset 0 2px 2px rgba(102, 74, 74, 0.3);
box-shadow: inset 0 2px 2px rgba(102, 74, 74, 0.3)
}
@media screen and (min-width:1040px) {
.btn-m [type="button"], .btn-m [type="reset"], .btn-m [type="submit"], .btn-m a, .btn-m button, .btn-n [type="button"], .btn-n [type="reset"], .btn-n [type="submit"], .btn-n a, .btn-n button, [type="button"].btn, [type="button"].btn-m, [type="reset"].btn, [type="reset"].btn-m, [type="submit"].btn, [type="submit"].btn-m, a.btn, a.btn-m, button.btn, button.btn-m {
font-size: 29px
}
}
@media screen and (max-width:1040px) {
.btn-m [type="button"], .btn-m [type="reset"], .btn-m [type="submit"], .btn-m a, .btn-m button, .btn-n [type="button"], .btn-n [type="reset"], .btn-n [type="submit"], .btn-n a, .btn-n button, [type="button"].btn, [type="button"].btn-m, [type="reset"].btn, [type="reset"].btn-m, [type="submit"].btn, [type="submit"].btn-m, a.btn, a.btn-m, button.btn, button.btn-m {
font-size: 21px
}
}
@media screen and (max-width:768px) {
.btn-m [type="button"], .btn-m [type="reset"], .btn-m [type="submit"], .btn-m a, .btn-m button, .btn-n [type="button"], .btn-n [type="reset"], .btn-n [type="submit"], .btn-n a, .btn-n button, [type="button"].btn, [type="button"].btn-m, [type="reset"].btn, [type="reset"].btn-m, [type="submit"].btn, [type="submit"].btn-m, a.btn, a.btn-m, button.btn, button.btn-m {
font-size: 21px
}
}
@media screen and (max-width:600px) {
.btn-m [type="button"], .btn-m [type="reset"], .btn-m [type="submit"], .btn-m a, .btn-m button, .btn-n [type="button"], .btn-n [type="reset"], .btn-n [type="submit"], .btn-n a, .btn-n button, [type="button"].btn, [type="button"].btn-m, [type="reset"].btn, [type="reset"].btn-m, [type="submit"].btn, [type="submit"].btn-m, a.btn, a.btn-m, button.btn, button.btn-m {
font-size: 21px
}
}
@media screen and (max-width:500px) {
.btn-m [type="button"], .btn-m [type="reset"], .btn-m [type="submit"], .btn-m a, .btn-m button, .btn-n [type="button"], .btn-n [type="reset"], .btn-n [type="submit"], .btn-n a, .btn-n button, [type="button"].btn, [type="button"].btn-m, [type="reset"].btn, [type="reset"].btn-m, [type="submit"].btn, [type="submit"].btn-m, a.btn, a.btn-m, button.btn, button.btn-m {
font-size: 21px
}
}
.btn-xl [type="button"], .btn-xl [type="reset"], .btn-xl [type="submit"], .btn-xl a, .btn-xl button, [type="button"].btn-xl, [type="reset"].btn-xl, [type="submit"].btn-xl, a.btn-xl, button.btn-xl {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
filter: blur(0);
-webkit-filter: blur(0);
font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
font-size: 14px;
color: #444;
-webkit-font-kerning: normal;
font-kerning: normal;
font-weight: 400;
letter-spacing: 0.015rem;
position: relative;
top: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
border: none;
width: 100%;
margin: 0px 0px 15px;
margin-top: 0px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.18);
font-weight: 700;
line-height: normal;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #fff;
min-height: 200px;
padding: 1px 7px 3px;
border-radius: 10px;
-webkit-box-shadow: inset 0 -10px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -10px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
background: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
background: -webkit-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: -o-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: linear-gradient(to right, #007DD9 0%, #0012EB 100%)
}
.btn-xl [type="button"]>*, .btn-xl [type="reset"]>*, .btn-xl [type="submit"]>*, .btn-xl a>*, .btn-xl button>*, [type="button"].btn-xl>*, [type="reset"].btn-xl>*, [type="submit"].btn-xl>*, a.btn-xl>*, button.btn-xl>* {
display: inline-block;
width: 100%;
text-align: center
}
.btn-xl [type="button"]:hover, .btn-xl [type="reset"]:hover, .btn-xl [type="submit"]:hover, .btn-xl a:hover, .btn-xl button:hover, [type="button"].btn-xl:hover, [type="reset"].btn-xl:hover, [type="submit"].btn-xl:hover, a.btn-xl:hover, button.btn-xl:hover {
opacity: 1;
min-height: 195px;
padding-top: 2.5px;
margin-top: 5px;
-webkit-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2)
}
.btn-xl [type="button"]:active, .btn-xl [type="button"]:focus, .btn-xl [type="reset"]:active, .btn-xl [type="reset"]:focus, .btn-xl [type="submit"]:active, .btn-xl [type="submit"]:focus, .btn-xl a:active, .btn-xl a:focus, .btn-xl button:active, .btn-xl button:focus, [type="button"].btn-xl:active, [type="button"].btn-xl:focus, [type="reset"].btn-xl:active, [type="reset"].btn-xl:focus, [type="submit"].btn-xl:active, [type="submit"].btn-xl:focus, a.btn-xl:active, a.btn-xl:focus, button.btn-xl:active, button.btn-xl:focus {
min-height: 190px;
padding-top: 5px;
margin-top: 10px;
-webkit-box-shadow: inset 0 5px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 5px 2px rgba(0, 0, 0, 0.3)
}
@media screen and (min-width:1040px) {
.btn-xl [type="button"], .btn-xl [type="reset"], .btn-xl [type="submit"], .btn-xl a, .btn-xl button, [type="button"].btn-xl, [type="reset"].btn-xl, [type="submit"].btn-xl, a.btn-xl, button.btn-xl {
font-size: 42.5px
}
}
@media screen and (max-width:1040px) {
.btn-xl [type="button"], .btn-xl [type="reset"], .btn-xl [type="submit"], .btn-xl a, .btn-xl button, [type="button"].btn-xl, [type="reset"].btn-xl, [type="submit"].btn-xl, a.btn-xl, button.btn-xl {
font-size: 37.5px
}
}
@media screen and (max-width:768px) {
.btn-xl [type="button"], .btn-xl [type="reset"], .btn-xl [type="submit"], .btn-xl a, .btn-xl button, [type="button"].btn-xl, [type="reset"].btn-xl, [type="submit"].btn-xl, a.btn-xl, button.btn-xl {
font-size: 35px
}
}
@media screen and (max-width:600px) {
.btn-xl [type="button"], .btn-xl [type="reset"], .btn-xl [type="submit"], .btn-xl a, .btn-xl button, [type="button"].btn-xl, [type="reset"].btn-xl, [type="submit"].btn-xl, a.btn-xl, button.btn-xl {
font-size: 30px
}
}
@media screen and (max-width:500px) {
.btn-xl [type="button"], .btn-xl [type="reset"], .btn-xl [type="submit"], .btn-xl a, .btn-xl button, [type="button"].btn-xl, [type="reset"].btn-xl, [type="submit"].btn-xl, a.btn-xl, button.btn-xl {
font-size: 25px
}
}
.btn-xl [type="button"] small, .btn-xl [type="reset"] small, .btn-xl [type="submit"] small, .btn-xl a small, .btn-xl button small, [type="button"].btn-xl small, [type="reset"].btn-xl small, [type="submit"].btn-xl small, a.btn-xl small, button.btn-xl small {
font-size: 34px;
color: #fff;
opacity: 0.7;
font-weight: 400
}
@media screen and (min-width:1040px) {
.btn-xl [type="button"] small, .btn-xl [type="reset"] small, .btn-xl [type="submit"] small, .btn-xl a small, .btn-xl button small, [type="button"].btn-xl small, [type="reset"].btn-xl small, [type="submit"].btn-xl small, a.btn-xl small, button.btn-xl small {
font-size: 25.5px
}
}
@media screen and (max-width:1040px) {
.btn-xl [type="button"] small, .btn-xl [type="reset"] small, .btn-xl [type="submit"] small, .btn-xl a small, .btn-xl button small, [type="button"].btn-xl small, [type="reset"].btn-xl small, [type="submit"].btn-xl small, a.btn-xl small, button.btn-xl small {
font-size: 22.5px
}
}
@media screen and (max-width:768px) {
.btn-xl [type="button"] small, .btn-xl [type="reset"] small, .btn-xl [type="submit"] small, .btn-xl a small, .btn-xl button small, [type="button"].btn-xl small, [type="reset"].btn-xl small, [type="submit"].btn-xl small, a.btn-xl small, button.btn-xl small {
font-size: 21px
}
}
@media screen and (max-width:600px) {
.btn-xl [type="button"] small, .btn-xl [type="reset"] small, .btn-xl [type="submit"] small, .btn-xl a small, .btn-xl button small, [type="button"].btn-xl small, [type="reset"].btn-xl small, [type="submit"].btn-xl small, a.btn-xl small, button.btn-xl small {
font-size: 18px
}
}
@media screen and (max-width:500px) {
.btn-xl [type="button"] small, .btn-xl [type="reset"] small, .btn-xl [type="submit"] small, .btn-xl a small, .btn-xl button small, [type="button"].btn-xl small, [type="reset"].btn-xl small, [type="submit"].btn-xl small, a.btn-xl small, button.btn-xl small {
font-size: 15px
}
}
.btn-l [type="button"], .btn-l [type="reset"], .btn-l [type="submit"], .btn-l a, .btn-l button, [type="button"].btn-l, [type="reset"].btn-l, [type="submit"].btn-l, a.btn-l, button.btn-l {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
filter: blur(0);
-webkit-filter: blur(0);
font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
font-size: 14px;
color: #444;
-webkit-font-kerning: normal;
font-kerning: normal;
font-weight: 400;
letter-spacing: 0.015rem;
position: relative;
top: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
border: none;
width: 100%;
margin: 0px 0px 15px;
margin-top: 0px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.18);
font-weight: 700;
line-height: normal;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #fff;
padding: 20px 7px 30px;
border-radius: 5px;
-webkit-box-shadow: inset 0 -8px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -8px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
background: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
background: -webkit-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: -o-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: linear-gradient(to right, #007DD9 0%, #0012EB 100%)
}
.btn-l [type="button"]>*, .btn-l [type="reset"]>*, .btn-l [type="submit"]>*, .btn-l a>*, .btn-l button>*, [type="button"].btn-l>*, [type="reset"].btn-l>*, [type="submit"].btn-l>*, a.btn-l>*, button.btn-l>* {
display: inline-block;
width: 100%;
text-align: center
}
.btn-l [type="button"]:hover, .btn-l [type="reset"]:hover, .btn-l [type="submit"]:hover, .btn-l a:hover, .btn-l button:hover, [type="button"].btn-l:hover, [type="reset"].btn-l:hover, [type="submit"].btn-l:hover, a.btn-l:hover, button.btn-l:hover {
opacity: 1;
padding-top: 18px;
padding-bottom: 28px;
margin-top: 4px;
-webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2)
}
.btn-l [type="button"]:active, .btn-l [type="button"]:focus, .btn-l [type="reset"]:active, .btn-l [type="reset"]:focus, .btn-l [type="submit"]:active, .btn-l [type="submit"]:focus, .btn-l a:active, .btn-l a:focus, .btn-l button:active, .btn-l button:focus, [type="button"].btn-l:active, [type="button"].btn-l:focus, [type="reset"].btn-l:active, [type="reset"].btn-l:focus, [type="submit"].btn-l:active, [type="submit"].btn-l:focus, a.btn-l:active, a.btn-l:focus, button.btn-l:active, button.btn-l:focus {
padding-top: 4px;
margin-top: 8px;
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.3)
}
@media screen and (min-width:1040px) {
.btn-l [type="button"], .btn-l [type="reset"], .btn-l [type="submit"], .btn-l a, .btn-l button, [type="button"].btn-l, [type="reset"].btn-l, [type="submit"].btn-l, a.btn-l, button.btn-l {
font-size: 36.8px
}
}
@media screen and (max-width:1040px) {
.btn-l [type="button"], .btn-l [type="reset"], .btn-l [type="submit"], .btn-l a, .btn-l button, [type="button"].btn-l, [type="reset"].btn-l, [type="submit"].btn-l, a.btn-l, button.btn-l {
font-size: 32.2px
}
}
@media screen and (max-width:768px) {
.btn-l [type="button"], .btn-l [type="reset"], .btn-l [type="submit"], .btn-l a, .btn-l button, [type="button"].btn-l, [type="reset"].btn-l, [type="submit"].btn-l, a.btn-l, button.btn-l {
font-size: 29.9px
}
}
@media screen and (max-width:600px) {
.btn-l [type="button"], .btn-l [type="reset"], .btn-l [type="submit"], .btn-l a, .btn-l button, [type="button"].btn-l, [type="reset"].btn-l, [type="submit"].btn-l, a.btn-l, button.btn-l {
font-size: 27.6px
}
}
@media screen and (max-width:500px) {
.btn-l [type="button"], .btn-l [type="reset"], .btn-l [type="submit"], .btn-l a, .btn-l button, [type="button"].btn-l, [type="reset"].btn-l, [type="submit"].btn-l, a.btn-l, button.btn-l {
font-size: 23px
}
}
.btn-l [type="button"] small, .btn-l [type="reset"] small, .btn-l [type="submit"] small, .btn-l a small, .btn-l button small, [type="button"].btn-l small, [type="reset"].btn-l small, [type="submit"].btn-l small, a.btn-l small, button.btn-l small {
font-size: 14px;
color: #fff;
opacity: 0.7
}
@media screen and (min-width:1040px) {
.btn-l [type="button"] small, .btn-l [type="reset"] small, .btn-l [type="submit"] small, .btn-l a small, .btn-l button small, [type="button"].btn-l small, [type="reset"].btn-l small, [type="submit"].btn-l small, a.btn-l small, button.btn-l small {
font-size: 20.8px
}
}
@media screen and (max-width:1040px) {
.btn-l [type="button"] small, .btn-l [type="reset"] small, .btn-l [type="submit"] small, .btn-l a small, .btn-l button small, [type="button"].btn-l small, [type="reset"].btn-l small, [type="submit"].btn-l small, a.btn-l small, button.btn-l small {
font-size: 18.2px
}
}
@media screen and (max-width:768px) {
.btn-l [type="button"] small, .btn-l [type="reset"] small, .btn-l [type="submit"] small, .btn-l a small, .btn-l button small, [type="button"].btn-l small, [type="reset"].btn-l small, [type="submit"].btn-l small, a.btn-l small, button.btn-l small {
font-size: 16.9px
}
}
@media screen and (max-width:600px) {
.btn-l [type="button"] small, .btn-l [type="reset"] small, .btn-l [type="submit"] small, .btn-l a small, .btn-l button small, [type="button"].btn-l small, [type="reset"].btn-l small, [type="submit"].btn-l small, a.btn-l small, button.btn-l small {
font-size: 15.6px
}
}
@media screen and (max-width:600px) {
.btn-l [type="button"] small, .btn-l [type="reset"] small, .btn-l [type="submit"] small, .btn-l a small, .btn-l button small, [type="button"].btn-l small, [type="reset"].btn-l small, [type="submit"].btn-l small, a.btn-l small, button.btn-l small {
font-size: 13px
}
}
.btn-s [type="button"], .btn-s [type="reset"], .btn-s [type="submit"], .btn-s a, .btn-s button, [type="button"].btn-s, [type="reset"].btn-s, [type="submit"].btn-s, a.btn-s, button.btn-s {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
filter: blur(0);
-webkit-filter: blur(0);
font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
color: #444;
-webkit-font-kerning: normal;
font-kerning: normal;
font-weight: 400;
letter-spacing: 0.015rem;
position: relative;
top: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
border: none;
width: 100%;
margin: 0px 0px 15px;
margin-top: 0px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.18);
font-weight: 700;
line-height: normal;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #fff;
padding: 10px 7px 15px;
border-radius: 5px;
-webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
background: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
background: -webkit-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: -o-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: linear-gradient(to right, #007DD9 0%, #0012EB 100%)
}
.btn-s [type="button"]>*, .btn-s [type="reset"]>*, .btn-s [type="submit"]>*, .btn-s a>*, .btn-s button>*, [type="button"].btn-s>*, [type="reset"].btn-s>*, [type="submit"].btn-s>*, a.btn-s>*, button.btn-s>* {
display: inline-block;
width: 100%;
text-align: center
}
.btn-s [type="button"]:hover, .btn-s [type="reset"]:hover, .btn-s [type="submit"]:hover, .btn-s a:hover, .btn-s button:hover, [type="button"].btn-s:hover, [type="reset"].btn-s:hover, [type="submit"].btn-s:hover, a.btn-s:hover, button.btn-s:hover {
opacity: 1;
padding-top: 9px;
padding-bottom: 14px;
margin-top: 2px;
-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}
.btn-s [type="button"]:active, .btn-s [type="button"]:focus, .btn-s [type="reset"]:active, .btn-s [type="reset"]:focus, .btn-s [type="submit"]:active, .btn-s [type="submit"]:focus, .btn-s a:active, .btn-s a:focus, .btn-s button:active, .btn-s button:focus, [type="button"].btn-s:active, [type="button"].btn-s:focus, [type="reset"].btn-s:active, [type="reset"].btn-s:focus, [type="submit"].btn-s:active, [type="submit"].btn-s:focus, a.btn-s:active, a.btn-s:focus, button.btn-s:active, button.btn-s:focus {
padding-top: 2px;
margin-top: 4px;
-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.3)
}
.btn-s [type="button"] small, .btn-s [type="reset"] small, .btn-s [type="submit"] small, .btn-s a small, .btn-s button small, [type="button"].btn-s small, [type="reset"].btn-s small, [type="submit"].btn-s small, a.btn-s small, button.btn-s small {
font-size: 14px;
color: #fff;
opacity: 0.7
}
@media screen and (min-width:1040px) {
.btn-s [type="button"] small, .btn-s [type="reset"] small, .btn-s [type="submit"] small, .btn-s a small, .btn-s button small, [type="button"].btn-s small, [type="reset"].btn-s small, [type="submit"].btn-s small, a.btn-s small, button.btn-s small {
font-size: 16px
}
}
@media screen and (max-width:1040px) {
.btn-s [type="button"] small, .btn-s [type="reset"] small, .btn-s [type="submit"] small, .btn-s a small, .btn-s button small, [type="button"].btn-s small, [type="reset"].btn-s small, [type="submit"].btn-s small, a.btn-s small, button.btn-s small {
font-size: 16px
}
}
@media screen and (max-width:768px) {
.btn-s [type="button"] small, .btn-s [type="reset"] small, .btn-s [type="submit"] small, .btn-s a small, .btn-s button small, [type="button"].btn-s small, [type="reset"].btn-s small, [type="submit"].btn-s small, a.btn-s small, button.btn-s small {
font-size: 16px
}
}
@media screen and (max-width:600px) {
.btn-s [type="button"] small, .btn-s [type="reset"] small, .btn-s [type="submit"] small, .btn-s a small, .btn-s button small, [type="button"].btn-s small, [type="reset"].btn-s small, [type="submit"].btn-s small, a.btn-s small, button.btn-s small {
font-size: 14px
}
}
@media screen and (max-width:600px) {
.btn-s [type="button"] small, .btn-s [type="reset"] small, .btn-s [type="submit"] small, .btn-s a small, .btn-s button small, [type="button"].btn-s small, [type="reset"].btn-s small, [type="submit"].btn-s small, a.btn-s small, button.btn-s small {
font-size: 12px
}
}
.btn-round [type="button"], .btn-round [type="reset"], .btn-round [type="submit"], .btn-round a, .btn-round button, [type="button"].btn-round, [type="reset"].btn-round, [type="submit"].btn-round, a.btn-round, button.btn-round {
border-radius: 200px
}
.btn-a1 [type="button"], .btn-a1 [type="reset"], .btn-a1 [type="submit"], .btn-a1 a, .btn-a1 button, [type="button"].btn-a1, [type="reset"].btn-a1, [type="submit"].btn-a1, a.btn-a1, button.btn-a1 {
background: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
background: -webkit-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: -o-linear-gradient(left, #007DD9 0%, #0012EB 100%);
background: linear-gradient(to right, #007DD9 0%, #0012EB 100%)
}
.btn-a2 [type="button"], .btn-a2 [type="reset"], .btn-a2 [type="submit"], .btn-a2 a, .btn-a2 button, [type="button"].btn-a2, [type="reset"].btn-a2, [type="submit"].btn-a2, a.btn-a2, button.btn-a2 {
background: -webkit-gradient(linear, left top, right top, from(#40D4C2), to(#1FC7DD));
background: -webkit-linear-gradient(left, #40D4C2 0%, #1FC7DD 100%);
background: -o-linear-gradient(left, #40D4C2 0%, #1FC7DD 100%);
background: linear-gradient(to right, #40D4C2 0%, #1FC7DD 100%)
}
.btn-a3 [type="button"], .btn-a3 [type="reset"], .btn-a3 [type="submit"], .btn-a3 a, .btn-a3 button, [type="button"].btn-a3, [type="reset"].btn-a3, [type="submit"].btn-a3, a.btn-a3, button.btn-a3 {
background: -webkit-gradient(linear, left top, right top, from(#FFB819), to(#F07A14));
background: -webkit-linear-gradient(left, #FFB819 0%, #F07A14 100%);
background: -o-linear-gradient(left, #FFB819 0%, #F07A14 100%);
background: linear-gradient(to right, #FFB819 0%, #F07A14 100%)
}
.btn-a4 [type="button"], .btn-a4 [type="reset"], .btn-a4 [type="submit"], .btn-a4 a, .btn-a4 button, [type="button"].btn-a4, [type="reset"].btn-a4, [type="submit"].btn-a4, a.btn-a4, button.btn-a4 {
background: -webkit-gradient(linear, left top, right top, from(#FF8872), to(#F24E73));
background: -webkit-linear-gradient(left, #FF8872 0%, #F24E73 100%);
background: -o-linear-gradient(left, #FF8872 0%, #F24E73 100%);
background: linear-gradient(to right, #FF8872 0%, #F24E73 100%)
}
.btn-a5 [type="button"], .btn-a5 [type="reset"], .btn-a5 [type="submit"], .btn-a5 a, .btn-a5 button, [type="button"].btn-a5, [type="reset"].btn-a5, [type="submit"].btn-a5, a.btn-a5, button.btn-a5 {
background: -webkit-gradient(linear, left top, right top, from(#E26AFF), to(#7525F4));
background: -webkit-linear-gradient(left, #E26AFF 0%, #7525F4 100%);
background: -o-linear-gradient(left, #E26AFF 0%, #7525F4 100%);
background: linear-gradient(to right, #E26AFF 0%, #7525F4 100%)
}
.btn-a6 [type="button"], .btn-a6 [type="reset"], .btn-a6 [type="submit"], .btn-a6 a, .btn-a6 button, [type="button"].btn-a6, [type="reset"].btn-a6, [type="submit"].btn-a6, a.btn-a6, button.btn-a6 {
background: -webkit-gradient(linear, left top, right top, from(#58D9FF), color-stop(50%, #8B60FF), to(#FF69D1));
background: -webkit-linear-gradient(left, #58D9FF 0%, #8B60FF 50%, #FF69D1 100%);
background: -o-linear-gradient(left, #58D9FF 0%, #8B60FF 50%, #FF69D1 100%);
background: linear-gradient(to right, #58D9FF 0%, #8B60FF 50%, #FF69D1 100%)
}
.btn-b1 [type="button"], .btn-b1 [type="reset"], .btn-b1 [type="submit"], .btn-b1 a, .btn-b1 button, [type="button"].btn-b1, [type="reset"].btn-b1, [type="submit"].btn-b1, a.btn-b1, button.btn-b1 {
background: -webkit-gradient(linear, left top, right top, from(#D1CEB6), to(#AAA08A));
background: -webkit-linear-gradient(left, #D1CEB6 0%, #AAA08A 100%);
background: -o-linear-gradient(left, #D1CEB6 0%, #AAA08A 100%);
background: linear-gradient(to right, #D1CEB6 0%, #AAA08A 100%)
}
.btn-b2 [type="button"], .btn-b2 [type="reset"], .btn-b2 [type="submit"], .btn-b2 a, .btn-b2 button, [type="button"].btn-b2, [type="reset"].btn-b2, [type="submit"].btn-b2, a.btn-b2, button.btn-b2 {
background: -webkit-gradient(linear, left top, right top, from(#816357), to(#553F38));
background: -webkit-linear-gradient(left, #816357 0%, #553F38 100%);
background: -o-linear-gradient(left, #816357 0%, #553F38 100%);
background: linear-gradient(to right, #816357 0%, #553F38 100%)
}
.btn-b3 [type="button"], .btn-b3 [type="reset"], .btn-b3 [type="submit"], .btn-b3 a, .btn-b3 button, [type="button"].btn-b3, [type="reset"].btn-b3, [type="submit"].btn-b3, a.btn-b3, button.btn-b3 {
background: -webkit-gradient(linear, left top, right top, from(#DE2F2F), to(#BA2525));
background: -webkit-linear-gradient(left, #DE2F2F 0%, #BA2525 100%);
background: -o-linear-gradient(left, #DE2F2F 0%, #BA2525 100%);
background: linear-gradient(to right, #DE2F2F 0%, #BA2525 100%)
}
.btn-b4 [type="button"], .btn-b4 [type="reset"], .btn-b4 [type="submit"], .btn-b4 a, .btn-b4 button, [type="button"].btn-b4, [type="reset"].btn-b4, [type="submit"].btn-b4, a.btn-b4, button.btn-b4 {
background: -webkit-gradient(linear, left top, right top, from(#3CC972), to(#029A5F));
background: -webkit-linear-gradient(left, #3CC972 0%, #029A5F 100%);
background: -o-linear-gradient(left, #3CC972 0%, #029A5F 100%);
background: linear-gradient(to right, #3CC972 0%, #029A5F 100%)
}
.btn-b5 [type="button"], .btn-b5 [type="reset"], .btn-b5 [type="submit"], .btn-b5 a, .btn-b5 button, [type="button"].btn-b5, [type="reset"].btn-b5, [type="submit"].btn-b5, a.btn-b5, button.btn-b5 {
background: -webkit-gradient(linear, left top, right top, from(#29B5FF), to(#007AE2));
background: -webkit-linear-gradient(left, #29B5FF 0%, #007AE2 100%);
background: -o-linear-gradient(left, #29B5FF 0%, #007AE2 100%);
background: linear-gradient(to right, #29B5FF 0%, #007AE2 100%)
}
.btn-b6 [type="button"], .btn-b6 [type="reset"], .btn-b6 [type="submit"], .btn-b6 a, .btn-b6 button, [type="button"].btn-b6, [type="reset"].btn-b6, [type="submit"].btn-b6, a.btn-b6, button.btn-b6 {
background: -webkit-gradient(linear, left top, right top, from(#6c6c6c), to(#2e2e2e));
background: -webkit-linear-gradient(left, #6c6c6c 0%, #2e2e2e 100%);
background: -o-linear-gradient(left, #6c6c6c 0%, #2e2e2e 100%);
background: linear-gradient(to right, #6c6c6c 0%, #2e2e2e 100%)
} .colorful-headParts .wp-block-cover__inner-container {
max-width: 1000px;
margin: 0 auto;
padding: 120px 0;
text-align: center;
}
.colorful-headParts h1,
.colorful-headParts h2,
.colorful-headParts h3,
.colorful-headParts h4,
.colorful-headParts h5,
.colorful-headParts h6 {
line-height: 1.1;
margin-top: 0;
margin-bottom: 24px;
}
.colorful-headParts p {
font-size: 18px;
margin-bottom: 24px;
padding: 0;
}
.entry-content .colorful-headParts .large-text,
.entry-content .colorful-subHeadParts001 .large-text,
.entry-content .colorful-subHeadParts002 .large-text,
.entry-content .colorful-subHeadParts004 .large-text {
font-size: 48px;
font-weight: 600;
}
.entry-content .colorful-headParts .medium-text,
.entry-content .colorful-subHeadParts001 .medium-text,
.entry-content .colorful-subHeadParts002 .medium-text,
.entry-content .colorful-subHeadParts004 .medium-text {
font-size: 24px;
font-weight: 600;
margin-bottom: 10px;
}
.entry-content .colorful-headParts .small-text,
.entry-content .colorful-subHeadParts001 .small-text,
.entry-content .colorful-subHeadParts002 .small-text,
.entry-content .colorful-subHeadParts004 .small-text {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.entry-content .colorful-headParts .text-shadow,
.entry-content .colorful-subHeadParts001 .text-shadow,
.entry-content .colorful-subHeadParts002 .text-shadow,
.entry-content .colorful-subHeadParts004 .text-shadow {
text-shadow: 1px 1px 0px rgba(50,50,50,0.6);
}
@media screen and (max-width:768px) {
.colorful-headParts .wp-block-cover__inner-container {
padding: 40px 20px;
width: 100%;
}
.colorful-headParts,
.colorful-headParts p {
font-size: 14px;
}
.entry-content .colorful-headParts .large-text,
.entry-content .colorful-subHeadParts001 .large-text,
.entry-content .colorful-subHeadParts002 .large-text,
.entry-content .colorful-subHeadParts004 .large-text {
font-size: 28px;
}
.entry-content .colorful-headParts .medium-text,
.entry-content .colorful-subHeadParts001 .medium-text,
.entry-content .colorful-subHeadParts002 .medium-text,
.entry-content .colorful-subHeadParts004 .medium-text {
font-size: 18px;
}
.entry-content .colorful-headParts .small-text,
.entry-content .colorful-subHeadParts001 .small-text,
.entry-content .colorful-subHeadParts002 .small-text,
.entry-content .colorful-subHeadParts004 .small-text {
font-size: 14px;
}
} .colorful-subHeadParts001,
.colorful-subHeadParts002,
.colorful-subHeadParts004 {
font-size: 18px;
line-height: 1.1;
min-height: auto;
padding: 0;
position: relative;
}
.entry-content .wp-block-group.is-style-balloon,
.entry-content .colorful-subHeadParts001.colorful-balloon {
margin-bottom: 40px;
}
.wp-block-cover.colorful-subHeadParts001 .wp-block-cover__inner-container,
.wp-block-cover.colorful-subHeadParts002 .wp-block-cover__inner-container,
.wp-block-cover.colorful-subHeadParts004 .wp-block-group__inner-container,
.wp-block-cover.colorful-subHeadParts004 .wp-block-cover__inner-container {
max-width: 1000px;
margin: 0 auto;
padding: 60px 0;
}
.wp-block-group.is-style-balloon .wp-block-group__inner-container,
.colorful-subHeadParts001.colorful-balloon .wp-block-cover__inner-container {
background-color: inherit;
position: static;
}
.colorful-subHeadParts001 p,
.colorful-subHeadParts002 p,
.colorful-subHeadParts004 p {
font-size: 266%;
font-weight: 600;
margin: 0;
padding: 0;
text-shadow: 1px 1px 0px rgba(50,50,50,0.6);
}
.colorful-subHeadParts004 p {
line-height: 1.1 !important;
margin-bottom: 30px;
}
.colorful-subHeadParts004 p:last-child {
margin-bottom: 0;
}
.colorful-subHeadParts001 .colorful-subHeadParts001_txt,
.colorful-subHeadParts004 .colorful-subHeadParts004_txt {
font-size: 100%;
margin-bottom: 0;
margin-top: 10px;
}
@media screen and (max-width:768px) {
.colorful-subHeadParts001,
.colorful-subHeadParts002,
.colorful-subHeadParts004 {
font-size: 14px;
}
.colorful-subHeadParts001 .wp-block-cover__inner-container,
.colorful-subHeadParts002 .wp-block-cover__inner-container,
.colorful-subHeadParts004 .wp-block-group__inner-container,
.colorful-subHeadParts004 .wp-block-cover__inner-container {
box-sizing: border-box;
padding: 20px;
width: 100%;
}
.colorful-subHeadParts001 p,
.colorful-subHeadParts002 p,
.colorful-subHeadParts004 p {
font-size: 157%;
}
} .wp-block-group.is-style-balloon,
.colorful-subHeadParts001 {
position: relative;
} .wp-block-group.is-style-balloon::after,
.colorful-subHeadParts001::after {
content: "";
display: block;
width: clamp(16px, 4vw, 30px);
height: clamp(16px, 4vw, 30px);
background-color: inherit;
transform: rotate(45deg);
position: absolute;
top: initial !important;
bottom:clamp(-8px, -15px, -20px);
left: 0;
right: 0;
margin: auto;
} .wp-block-group.is-style-suptext,
.colorful-subHeadParts002_subTitle {
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
padding-top: 40px;
text-align: center;
position: relative;
} .wp-block-group.is-style-suptext p,
.colorful-subHeadParts002_subTitle p {
padding: 0;
}
.wp-block-group.is-style-suptext::before,
.colorful-subHeadParts002_subTitle::before {
content: "";
display: block;
width: 2px;
height: 80px;
background: #999999;
position: absolute;
left: -30px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(150deg);
-ms-transform: translateY(-50%) rotate(150deg);
transform: translateY(-50%) rotate(150deg);
}
.wp-block-group.is-style-suptext::after,
.colorful-subHeadParts002_subTitle::after {
content: "";
display: block;
width: 2px;
height: 80px;
background: #999999;
position: absolute;
left: initial !important;
right: -30px;
top: 50% !important;
-webkit-transform: translateY(-50%) rotate(-150deg);
-ms-transform: translateY(-50%) rotate(-150deg);
transform: translateY(-50%) rotate(-150deg);
}
@media screen and (max-width:768px) {
.wp-block-group.is-style-suptext,
.colorful-subHeadParts002_subTitle {
font-size: 14px;
padding: 40px 20px 0;
}
} .colorful-suptext {
font-size: 24px;
font-weight: 600;
max-width: 80%;
margin: 40px auto 20px;
padding: 0;
position: relative;
}
.colorful-suptext::before {
content: "";
display: block;
width: 2px;
height: 80px;
background: #999999;
position: absolute;
left: -30px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(150deg);
-ms-transform: translateY(-50%) rotate(150deg);
transform: translateY(-50%) rotate(150deg);
}
.colorful-suptext::after {
content: "";
display: block;
width: 2px;
height: 80px;
background: #999999;
position: absolute;
right: -30px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-150deg);
-ms-transform: translateY(-50%) rotate(-150deg);
transform: translateY(-50%) rotate(-150deg);
}
@media screen and (max-width:768px) {
.colorful-suptext {
font-size: 14px;
padding: 40px 20px 0;
}
} .colorful-formbox .wp-block-cover__inner-container {
padding: 0;
}
.colorful-formbox .wp-block-group__inner-container {
margin: 0 auto;
max-width: 800px;
}
.colorful-formbox .wp-block-cover {
border-radius: 20px;
box-shadow: 0 13px 56px 0 rgba(0, 0, 0, 0.3);
padding: 60px;
}
.colorful-formbox .wp-block-cover::before {
background-color: transparent !important;
}
.colorful-formbox h2 {
font-size: 45px;
}
@media screen and (max-width:768px) {
.colorful-formbox h2 {
font-size: 28px;
}
}
.colorful-formbox .wp-block-group__inner-container > p {
margin: 1.2em 0;
}
.colorful-formbox .wp-block-group__inner-container > p:last-of-type {
margin-bottom: 1.7em;
}
.colorful-formbox .iptgroup {
max-width: 550px;
margin: 0 auto;
padding: 30px 0;
}
.colorful-formbox input[type^="text"] {
display: block;
box-sizing: border-box;
width: 100%;
min-height: 55px;
padding: 0 calc(55px * 0.35);
margin: 0 0 calc(55px * 0.4);
border-radius: 3px;
border: 1px solid #c1c1c1;
background-color: #fff;
box-shadow: none;
font-size: 17px;
transition: all;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
outline: 0;
line-height: normal
}
.colorful-formbox input[type^="text"]:hover {
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15)
}
.colorful-formbox input[type^="text"]:focus {
border: 1px solid #c1c1c1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
background-color: #fff;
-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15)
}
.colorful-formbox input[type^="text"]::placeholder {
position: relative;
color: #aaa
}
.colorful-formbox input[type^="text"]:focus::placeholder {
color: #eee
}
.colorful-formbox2 .wp-block-cover {
border-radius: 0;
}
.colorful-formbox3 .wp-block-cover {
border-radius: 0;
-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.3)
}
.form-modern input[type^="text"] {
border-radius: 0;
border: 0 none;
border-bottom: 3px solid;
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
-webkit-border-image: -webkit-linear-gradient(left, #007DD9 0%, #0012EB 100%);
-o-border-image: -o-linear-gradient(left, #007DD9 0%, #0012EB 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
border-image: linear-gradient(to right, #007DD9 0%, #0012EB 100%);
border-image-slice: 1
}
.form-modern input[type^="text"]:focus {
border-bottom-width: 5px;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2)
}
.form-modern.form-a1 input[type^="text"]{
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
-webkit-border-image: -webkit-linear-gradient(left, #007DD9 0%, #0012EB 100%);
-o-border-image: -o-linear-gradient(left, #007DD9 0%, #0012EB 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#007DD9), to(#0012EB));
border-image: linear-gradient(to right, #007DD9 0%, #0012EB 100%);
border-image-slice: 1
}
.form-modern.form-a2 input[type^="text"]{
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#40D4C2), to(#1FC7DD));
-webkit-border-image: -webkit-linear-gradient(left, #40D4C2 0%, #1FC7DD 100%);
-o-border-image: -o-linear-gradient(left, #40D4C2 0%, #1FC7DD 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#40D4C2), to(#1FC7DD));
border-image: linear-gradient(to right, #40D4C2 0%, #1FC7DD 100%);
border-image-slice: 1
}
.form-modern.form-a3 input[type^="text"]{
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#FFB819), to(#F07A14));
-webkit-border-image: -webkit-linear-gradient(left, #FFB819 0%, #F07A14 100%);
-o-border-image: -o-linear-gradient(left, #FFB819 0%, #F07A14 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#FFB819), to(#F07A14));
border-image: linear-gradient(to right, #FFB819 0%, #F07A14 100%);
border-image-slice: 1
}
.form-modern.form-a4 input[type^="text"]{
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#FF8872), to(#F24E73));
-webkit-border-image: -webkit-linear-gradient(left, #FF8872 0%, #F24E73 100%);
-o-border-image: -o-linear-gradient(left, #FF8872 0%, #F24E73 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#FF8872), to(#F24E73));
border-image: linear-gradient(to right, #FF8872 0%, #F24E73 100%);
border-image-slice: 1
}
.form-modern.form-a5 input[type^="text"] {
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#E26AFF), to(#7525F4));
-webkit-border-image: -webkit-linear-gradient(left, #E26AFF 0%, #7525F4 100%);
-o-border-image: -o-linear-gradient(left, #E26AFF 0%, #7525F4 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#E26AFF), to(#7525F4));
border-image: linear-gradient(to right, #E26AFF 0%, #7525F4 100%);
border-image-slice: 1
}
.form-modern.form-a6 input[type^="text"]{
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#58D9FF), color-stop(50%, #8B60FF), to(#FF69D1));
-webkit-border-image: -webkit-linear-gradient(left, #58D9FF 0%, #8B60FF 50%, #FF69D1 100%);
-o-border-image: -o-linear-gradient(left, #58D9FF 0%, #8B60FF 50%, #FF69D1 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#58D9FF), color-stop(50%, #8B60FF), to(#FF69D1));
border-image: linear-gradient(to right, #58D9FF 0%, #8B60FF 50%, #FF69D1 100%);
border-image-slice: 1
}
.form-modern.form-b1 input[type^="text"], table.formbox input[type^="text"].form2.form-b1 {
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#D1CEB6), to(#AAA08A));
-webkit-border-image: -webkit-linear-gradient(left, #D1CEB6 0%, #AAA08A 100%);
-o-border-image: -o-linear-gradient(left, #D1CEB6 0%, #AAA08A 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#D1CEB6), to(#AAA08A));
border-image: linear-gradient(to right, #D1CEB6 0%, #AAA08A 100%);
border-image-slice: 1
}
.form-modern.form-b2 input[type^="text"], table.formbox input[type^="text"].form2.form-b2 {
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#816357), to(#553F38));
-webkit-border-image: -webkit-linear-gradient(left, #816357 0%, #553F38 100%);
-o-border-image: -o-linear-gradient(left, #816357 0%, #553F38 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#816357), to(#553F38));
border-image: linear-gradient(to right, #816357 0%, #553F38 100%);
border-image-slice: 1
}
.form-modern.form-b3 input[type^="text"], table.formbox input[type^="text"].form2.form-b3 {
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#DE2F2F), to(#BA2525));
-webkit-border-image: -webkit-linear-gradient(left, #DE2F2F 0%, #BA2525 100%);
-o-border-image: -o-linear-gradient(left, #DE2F2F 0%, #BA2525 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#DE2F2F), to(#BA2525));
border-image: linear-gradient(to right, #DE2F2F 0%, #BA2525 100%);
border-image-slice: 1
}
.form-modern.form-b4 input[type^="text"], table.formbox input[type^="text"].form2.form-b4 {
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#3CC972), to(#029A5F));
-webkit-border-image: -webkit-linear-gradient(left, #3CC972 0%, #029A5F 100%);
-o-border-image: -o-linear-gradient(left, #3CC972 0%, #029A5F 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#3CC972), to(#029A5F));
border-image: linear-gradient(to right, #3CC972 0%, #029A5F 100%);
border-image-slice: 1
}
.form-modern.form-b5 input[type^="text"], table.formbox input[type^="text"].form2.form-b5 {
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#29B5FF), to(#007AE2));
-webkit-border-image: -webkit-linear-gradient(left, #29B5FF 0%, #007AE2 100%);
-o-border-image: -o-linear-gradient(left, #29B5FF 0%, #007AE2 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#29B5FF), to(#007AE2));
border-image: linear-gradient(to right, #29B5FF 0%, #007AE2 100%);
border-image-slice: 1
}
.form-modern.form-b6 input[type^="text"], table.formbox input[type^="text"].form2.form-b6 {
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#6c6c6c), to(#2e2e2e));
-webkit-border-image: -webkit-linear-gradient(left, #6c6c6c 0%, #2e2e2e 100%);
-o-border-image: -o-linear-gradient(left, #6c6c6c 0%, #2e2e2e 100%);
border-image: -webkit-gradient(linear, left top, right top, from(#6c6c6c), to(#2e2e2e));
border-image: linear-gradient(to right, #6c6c6c 0%, #2e2e2e 100%);
border-image-slice: 1
}
@media screen and (max-width:768px) {
.colorful-formbox .wp-block-cover {
padding: 20px;
}
} .wp-block-buttons .is-style-small-button .wp-block-button__link,
.wp-block-buttons .is-style-large-button .wp-block-button__link,
.wp-block-buttons .colorful-btn-small .wp-block-button__link,
.wp-block-buttons .colorful-btn-large .wp-block-button__link {
border: none;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 700;
line-height: normal;
margin-top: 0;
width: 100%;
}
.wp-block-buttons .is-style-small-button .wp-block-button__link:hover,
.wp-block-buttons .is-style-large-button .wp-block-button__link:hover,
.wp-block-buttons .colorful-btn-small .wp-block-button__link:hover,
.wp-block-buttons .colorful-btn-large .wp-block-button__link:hover {
border: none;
text-decoration: none;
}
.wp-block-buttons .wp-block-button.is-style-small-button .wp-block-button__link,
.wp-block-buttons .wp-block-button.colorful-btn-small .wp-block-button__link {
font-size: 29px;
padding: 10px 7px 15px;
-webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.18);
}
.wp-block-buttons .wp-block-button.is-style-small-button .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.colorful-btn-small .wp-block-button__link:hover {
margin-top: 2px;
padding: 9px 7px 14px;
-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}
.wp-block-buttons .wp-block-button.is-style-small-button .wp-block-button__link:active, .wp-block-buttons .wp-block-button.is-style-small-button .wp-block-button__link:focus,
.wp-block-buttons .wp-block-button.colorful-btn-small .wp-block-button__link:active, .wp-block-buttons .wp-block-button.colorful-btn-small .wp-block-button__link:focus {
-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.3)
}
.wp-block-buttons .wp-block-button.is-style-small-button .tadv-color,
.wp-block-buttons .wp-block-button.colorful-btn-small .tadv-color {
font-size: 16px;
opacity: .7;
}
.wp-block-buttons .wp-block-button.is-style-large-button .wp-block-button__link,
.wp-block-buttons .wp-block-button.colorful-btn-large .wp-block-button__link {
font-size: 36px;
padding: 20px 7px 30px;
-webkit-box-shadow: inset 0 -8px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -8px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}
.wp-block-buttons .wp-block-button.is-style-large-button .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.colorful-btn-large .wp-block-button__link:hover {
margin-top: 4px;
padding: 18px 7px 28px;
-webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2)
}
.wp-block-buttons .wp-block-button.is-style-large-button .wp-block-button__link:active, .wp-block-buttons .wp-block-button.is-style-large-button .wp-block-button__link:focus,
.wp-block-buttons .wp-block-button.colorful-btn-large .wp-block-button__link:active, .wp-block-buttons .wp-block-button.colorful-btn-large .wp-block-button__link:focus {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.3)
}
.wp-block-buttons .wp-block-button.is-style-large-button .tadv-color,
.wp-block-buttons .wp-block-button.colorful-btn-large .tadv-color {
font-size: 20px;
opacity: .7;
}
@media screen and (max-width:768px) {
.wp-block-buttons .wp-block-button.is-style-small-button .wp-block-button__link,
.wp-block-buttons .wp-block-button.colorful-btn-small .wp-block-button__link {
font-size: 21px;
}
.wp-block-buttons .wp-block-button.is-style-small-button .tadv-color,
.wp-block-buttons .wp-block-button.colorful-btn-small .tadv-color {
font-size: 12px;
}
.wp-block-buttons .wp-block-button.is-style-large-button .wp-block-button__link,
.wp-block-buttons .wp-block-button.colorful-btn-large .wp-block-button__link {
font-size: 23px;
}
.wp-block-buttons .wp-block-button.is-style-large-button .tadv-color,
.wp-block-buttons .wp-block-button.colorful-btn-large .tadv-color {
font-size: 13px;
}
} .wp-block-cover.colorful-frame1 .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame2 .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame2-kai .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame3 .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame4 .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame6 .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame7 .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame7 .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame-shikaku .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame-marukaku .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame-pressed .wp-block-cover__inner-container,
.wp-block-cover.colorful-frame-shadow .wp-block-cover__inner-container {
margin: 0;
padding: 0;
width: 100%;
}
.colorful-frame1::before,
.colorful-frame2::before,
.colorful-frame2-kai:before,
.colorful-frame3::before,
.colorful-frame4::before,
.colorful-frame6::before,
.colorful-frame7::before,
.colorful-frame-shikaku::before,
.colorful-frame-marukaku::before,
.colorful-frame-pressed::before,
.colorful-frame-shadow::before {
background-color: transparent !important;
}
.colorful-frame1 .wp-block-group,
.colorful-frame2 .wp-block-group,
.colorful-frame2-kai .wp-block-group,
.colorful-frame3 .wp-block-group,
.colorful-frame4 .wp-block-group,
.colorful-frame6 .wp-block-group,
.colorful-frame7 .wp-block-group,
.colorful-frame7 .wp-block-group,
.colorful-frame-shikaku .wp-block-group,
.colorful-frame-marukaku .wp-block-group,
.colorful-frame-pressed .wp-block-group,
.colorful-frame-shadow .wp-block-group {
padding: 20px;
}
.colorful-frame1 p:first-child,
.colorful-frame2 p:first-child,
.colorful-frame3 p:first-child,
.colorful-frame4 p:first-child,
.colorful-frame6 p:first-child,
.colorful-frame7 p:first-child,
.colorful-frame-shikaku p:first-child,
.colorful-frame-marukaku p:first-child,
.colorful-frame-pressed p:first-child,
.colorful-frame-shadow p:first-child {
margin-top: 0;
}
.colorful-frame1 p:last-child,
.colorful-frame2 p:last-child,
.colorful-frame3 p:last-child,
.colorful-frame4 p:last-child,
.colorful-frame6 p:last-child,
.colorful-frame7 p:last-child,
.colorful-frame-shikaku p:last-child,
.colorful-frame-marukaku p:last-child,
.colorful-frame-pressed p:last-child,
.colorful-frame-shadow p:last-child {
margin-bottom: 0;
}
.colorful-frame1 {
border-radius: 40px;
box-shadow: 10px 10px 45px 0 rgba(0, 0, 0, 0.16);
padding: 10px;
}
.colorful-frame1 .wp-block-cover__gradient-background,
.colorful-frame1 .wp-block-cover__gradient-background::before {
border-radius: 40px;
}
.colorful-frame1 .wp-block-group {
border-radius: 30px;
box-shadow: inset 4px 4px 0 0 rgba(0, 0, 0, 0.1);
}
.colorful-frame2 {
border-radius: 10px;
box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.15);
padding: 5px;
}
.colorful-frame2 .wp-block-cover__gradient-background,
.colorful-frame2 .wp-block-cover__gradient-background::before {
border-radius: 10px;
}
.colorful-frame2 .wp-block-group {
border-radius: 7px;
}
.colorful-frame2-kai {
padding: 5px;
}
.colorful-frame3 {
border-radius: 30px;
border: dashed 2px #fff;
padding: 0;
}
.colorful-frame3 .wp-block-cover__gradient-background,
.colorful-frame3 .wp-block-cover__gradient-background::before {
border-radius: 30px;
}
.colorful-frame3 .wp-block-group {
border-radius: 30px;
}
.colorful-frame4 {
border: dashed 1px #fff;
padding: 0;
}
.colorful-frame6 {
padding: 10px 0;
}
.colorful-frame7 {
padding: 3px 0;
}
.colorful-frame-shikaku {
padding: 1px;
}
.colorful-frame-marukaku {
border-radius: 10px;
padding: 1px;
}
.colorful-frame-marukaku .wp-block-cover__gradient-background,
.colorful-frame-marukaku .wp-block-cover__gradient-background::before {
border-radius: 10px;
}
.colorful-frame-marukaku .wp-block-group {
border-radius: 8px;
}
.colorful-frame-pressed {
border-bottom: 1px solid #fff;
border-radius: 10px;
box-shadow: inset 0px 1px 2px 0px #666;
-webkit-box-shadow: inset 0px 1px 2px 0px #666;
-moz-box-shadow: inset 0px 1px 2px 0px #666;
}
.colorful-frame-pressed .wp-block-cover__gradient-background,
.colorful-frame-pressed .wp-block-cover__gradient-background::before {
border-bottom: 1px solid #fff;
border-radius: 10px;
box-shadow: inset 0px 1px 2px 0px #666;
-webkit-box-shadow: inset 0px 1px 2px 0px #666;
-moz-box-shadow: inset 0px 1px 2px 0px #666;
}
.colorful-frame-shadow {
border: 1px solid #fff;
border-radius: 8px;
-moz-box-shadow: 0 0 6px #AAAAAA;
-webkit-box-shadow: 0 0 6px #AAAAAA;
box-shadow: 0 0 6px #AAAAAA;
}
.colorful-frame-pressed .wp-block-cover__gradient-background,
.colorful-frame-pressed .wp-block-cover__gradient-background::before {
border-radius: 10px;
} .entry-content ul.is-style-oval1 li,
.entry-content ul.is-style-oval2 li,
.entry-content ul.is-style-oval3 li,
.entry-content ul.is-style-oval4 li,
.entry-content ul.is-style-oval5 li,
.entry-content ul.is-style-oval6 li,
ul.colorful-list-oval1 li,
ul.colorful-list-oval2 li,
ul.colorful-list-oval3 li,
ul.colorful-list-oval4 li,
ul.colorful-list-oval5 li,
ul.colorful-list-oval6 li {
background-size: 29px;
background-position: left center;
background-repeat: no-repeat;
list-style-type: none;
margin-left: 40px;
padding: 14px 14px 14px 40px;
}
@media (max-width: 768px){
.entry-content ul.is-style-oval1 li,
.entry-content ul.is-style-oval2 li,
.entry-content ul.is-style-oval3 li,
.entry-content ul.is-style-oval4 li,
.entry-content ul.is-style-oval5 li,
.entry-content ul.is-style-oval6 li,
ul.colorful-list-oval1 li,
ul.colorful-list-oval2 li,
ul.colorful-list-oval3 li,
ul.colorful-list-oval4 li,
ul.colorful-list-oval5 li,
ul.colorful-list-oval6 li {
background-size: clamp(14px,1em,20px);
background-position: left center;
background-repeat: no-repeat;
list-style-type: none;
margin-left:0.5em;
padding: 0.25em 0.5em 0.25em 1.25em;
}
}
.entry-content ul.is-style-oval1 li,
ul.colorful-list-oval1 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/oval_1.svg);
}
.entry-content ul.is-style-oval2 li,
ul.colorful-list-oval2 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/oval_2.svg);
}
.entry-content ul.is-style-oval3 li,
ul.colorful-list-oval3 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/oval_3.svg);
}
.entry-content ul.is-style-oval4 li,
ul.colorful-list-oval4 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/oval_4.svg);
}
.entry-content ul.is-style-oval5 li,
ul.colorful-list-oval5 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/oval_5.svg);
}
.entry-content ul.is-style-oval6 li,
ul.colorful-list-oval6 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/oval_6.svg);
}
.colorful_content ul.is-style-chk-A1 li,
.colorful_content ul.is-style-chk-A2 li,
.colorful_content ul.is-style-chk-A3 li,
.colorful_content ul.is-style-chk-A4 li,
.colorful_content ul.is-style-chk-A5 li,
.colorful_content ul.is-style-chk-A6 li,
ul.colorful-list-chk-A1 li,
ul.colorful-list-chk-A2 li,
ul.colorful-list-chk-A3 li,
ul.colorful-list-chk-A4 li,
ul.colorful-list-chk-A5 li,
ul.colorful-list-chk-A6 li {
background-size: 46px;
background-position: left center;
background-repeat: no-repeat;
list-style-type: none;
margin-left: 40px;
padding: 14px 14px 14px 54px;
}
@media (max-width: 768px){
.colorful_content ul.is-style-chk-A1 li,
.colorful_content ul.is-style-chk-A2 li,
.colorful_content ul.is-style-chk-A3 li,
.colorful_content ul.is-style-chk-A4 li,
.colorful_content ul.is-style-chk-A5 li,
.colorful_content ul.is-style-chk-A6 li,
ul.colorful-list-chk-A1 li,
ul.colorful-list-chk-A2 li,
ul.colorful-list-chk-A3 li,
ul.colorful-list-chk-A4 li,
ul.colorful-list-chk-A5 li,
ul.colorful-list-chk-A6 li {
background-size:clamp(14px,1em,20px);
background-position: left center;
background-repeat: no-repeat;
list-style-type: none;
margin-left: 0.5em;
padding: 0.25em 0.5em 0.25em 1.25em;
}
}
.colorful_content ul.is-style-chk-A1 li,
ul.colorful-list-chk-A1 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-A_1.svg);
}
.colorful_content ul.is-style-chk-A2 li,
ul.colorful-list-chk-A2 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-A_2.svg);
}
.colorful_content ul.is-style-chk-A3 li,
ul.colorful-list-chk-A3 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-A_3.svg);
}
.colorful_content ul.is-style-chk-A4 li,
ul.colorful-list-chk-A4 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-A_4.svg);
}
.colorful_content ul.is-style-chk-A5 li,
ul.colorful-list-chk-A5 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-A_5.svg);
}
.colorful_content ul.is-style-chk-A6 li,
ul.colorful-list-chk-A6 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-A_6.svg);
}
.colorful_content ul.is-style-chk-B1 li,
.colorful_content ul.is-style-chk-B2 li,
.colorful_content ul.is-style-chk-B3 li,
.colorful_content ul.is-style-chk-B4 li,
.colorful_content ul.is-style-chk-B5 li,
.colorful_content ul.is-style-chk-B6 li,
ul.colorful-list-chk-B1 li,
ul.colorful-list-chk-B2 li,
ul.colorful-list-chk-B3 li,
ul.colorful-list-chk-B4 li,
ul.colorful-list-chk-B5 li,
ul.colorful-list-chk-B6 li {
background-size: 46px;
background-position: left center;
background-repeat: no-repeat;
list-style-type: none;
margin-left: 40px;
padding: 14px 14px 14px 24px;
}
@media (max-width: 768px){
.colorful_content ul.is-style-chk-B1 li,
.colorful_content ul.is-style-chk-B2 li,
.colorful_content ul.is-style-chk-B3 li,
.colorful_content ul.is-style-chk-B4 li,
.colorful_content ul.is-style-chk-B5 li,
.colorful_content ul.is-style-chk-B6 li,
ul.colorful-list-chk-B1 li,
ul.colorful-list-chk-B2 li,
ul.colorful-list-chk-B3 li,
ul.colorful-list-chk-B4 li,
ul.colorful-list-chk-B5 li,
ul.colorful-list-chk-B6 li {
background-size: clamp(14px,1em,20px);
background-position: left center;
background-repeat: no-repeat;
list-style-type: none;
margin-left: 0.5em;
padding: 0.25em 0.5em 0.25em 0.5em;
}
}
.colorful_content ul.is-style-chk-B1 li,
ul.colorful-list-chk-B1 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-B_1.svg);
}
.colorful_content ul.is-style-chk-B2 li,
ul.colorful-list-chk-B2 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-B_2.svg);
}
.colorful_content ul.is-style-chk-B3 li,
ul.colorful-list-chk-B3 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-B_3.svg);
}
.colorful_content ul.is-style-chk-B4 li,
ul.colorful-list-chk-B4 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-B_4.svg);
}
.colorful_content ul.is-style-chk-B5 li,
ul.colorful-list-chk-B5 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-B_5.svg);
}
.colorful_content ul.is-style-chk-B6 li,
ul.colorful-list-chk-B6 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/chk-B_6.svg);
}
.colorful_content ul.is-style-chk-round1 li,
ul.colorful-list-chk-round1 li {
background-size: 29px;
background-position: left center;
background-repeat: no-repeat;
list-style-type: none;
margin-left: 40px;
padding: 14px 14px 14px 40px;
}
@media (max-width: 768px){
.colorful_content ul.is-style-chk-round1 li,
ul.colorful-list-chk-round1 li {
background-size: clamp(14px,1em,20px);
background-position: left center;
background-repeat: no-repeat;
list-style-type: none;
margin-left:0.5em;
padding: 0.25em 0.5em 0.25em 1.25em;
}
}
.colorful_content ul.is-style-chk-round1 li,
ul.colorful-list-chk-round1 li {
background-image: url(//www.rebirth-j.com/private-tobanyoku/wp-content/themes/colorful-theme-premium/img/round-chk_1.svg);
} .colorful-faq-frame {
box-shadow: 4px 4px 8px 3px rgba(100,100,100,0.5);
}
.colorful-faq-frame .wp-block-cover__inner-container {
padding: 20px;
}
.colorful-faq-frame .wp-block-image {
margin: 0 0 20px;
}
.wp-block-columns.colorful-faq {
margin-bottom: 0;
padding: 0;
}
.wp-block-columns.colorful-faq .wp-block-column:first-child {
padding: 6px 10px 6px 5px;
}
.wp-block-columns.colorful-faq .wp-block-column:last-child {
margin-left: 0;
padding: 10px;
}
.wp-block-columns.colorful-faq .wp-block-image {
margin: 0;
}
@media screen and (max-width:768px) {
.wp-block-columns.colorful-faq .wp-block-column:first-child {
flex-basis: 25% !important;
}
.wp-block-columns.colorful-faq .wp-block-column:last-child {
flex-basis: 75% !important;
}
} :root {
--col-wh: #ffffff;
--col-blk: #000000;
--col-gry-1: #999999;
--col-gry-2: #cccccc;
--col-gry-3: #555555;
--col-ppl: #394eea;
--col-ppl-2: #007dd9
}
.colorful-profile-designA {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-profile-designA * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-profile-designA .-col {
display: flex;
justify-content: center;
align-items: center
}
@media screen and (max-width: 767px) {
.colorful-profile-designA {
padding: 0 10px;
}
.colorful-profile-designA .-col {
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.colorful-profile-designA .-main {
padding-left: 16px;
padding-right: 24px
}
.colorful-profile-designA .colorful-profile-hdr .wp-block-group__inner-container {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-bottom: 20px
}
.colorful-profile-designA .colorful-profile-cts {
margin-left: 20px;
padding: 4px 0 4px 20px;
border-left: 1px solid var(--col-gry-2)
}
.colorful-profile-designA .colorful-profile-cts p {
margin-top: 16px
}
@media screen and (max-width: 767px) {
.colorful-profile-designA .-main {
padding: 0 24px
}
}
.colorful-profile-designA .-aside {
padding: 20px 0;
padding-left: 12px
}
.colorful-profile-designA .wp-block-image {
max-width: 350px;
min-width: 250px;
}
.colorful-profile-designA h2 {
width: 100%;
margin-bottom: 40px;
font-size: 32px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.28px;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-profile-designA .wp-block-image {
margin: 15px auto 0;
}
.colorful-profile-designA h2 {
font-size: 28px
}
}
.colorful-profile-designA h3 {
margin-right: 20px;
font-size: 30px;
font-weight: 500;
line-height: normal;
color: var(--col-blk)
}
.colorful-profile-designA h4 {
margin-right: 20px;
font-size: 12px;
font-weight: bold;
line-height: 1.67;
color: var(--col-ppl)
}
.colorful-profile-designA .colorful-profile-hdr p {
font-size: 12px;
font-weight: 500;
line-height: normal;
letter-spacing: 0.48px;
color: var(--col-gry-1)
}
.colorful-profile-designB {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-profile-designB * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-profile-designB .-col {
display: flex;
justify-content: center;
align-items: flex-end
}
@media screen and (max-width: 767px) {
.colorful-profile-designB {
padding: 0 10px;
}
.colorful-profile-designB .-col {
align-items: center;
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.colorful-profile-designB .-main {
padding-left: 24px;
padding-right: 24px;
margin-right: auto
}
.colorful-profile-designB .colorful-profile-hdr .wp-block-group__inner-container {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-bottom: 32px
}
.colorful-profile-designB .colorful-profile-cts {
padding: 0
}
@media screen and (max-width: 767px) {
.colorful-profile-designB .-main {
padding: 0 24px;
margin: 0 auto
}
}
.colorful-profile-designB .-aside {
padding: 16px 0 0
}
.colorful-profile-designB .wp-block-image {
max-width: 350px;
min-width: 250px;
font-size: 0;
line-height: 0;
}
@media screen and (max-width: 767px) {
.colorful-profile-designB .wp-block-image {
margin: 15px auto 28px;
}
}
.colorful-profile-designB .wp-block-image img {
width: 100%
}
.colorful-profile-designB h2 {
width: 100%;
margin-bottom: 36px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-profile-designB h2 {
font-size: 32px
}
}
.colorful-profile-designB h3 {
margin-right: 20px;
font-size: 35px;
font-weight: normal;
line-height: normal;
letter-spacing: 7px;
color: var(--col-blk)
}
.colorful-profile-designB h4 {
margin-right: 20px;
font-size: 12px;
font-weight: bold;
line-height: 1.67;
color: var(--col-ppl)
}
.colorful-profile-designB .colorful-profile-hdr p {
font-size: 12px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.2px;
color: var(--col-ppl)
}
.colorful-profile-designC {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-profile-designC * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-profile-designC .-col {
display: flex;
justify-content: center;
align-items: flex-start
}
@media screen and (max-width: 899px) {
.colorful-profile-designC .-col {
align-items: flex-start
}
}
@media screen and (max-width: 767px) {
.colorful-profile-designC {
padding: 0 10px;
}
.colorful-profile-designC .-col {
align-items: center;
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.colorful-profile-designC .-main {
width: calc(100% - 350px);
padding-top: 24px;
padding-left: 24px
}
.colorful-profile-designC .colorful-profile-hdr .wp-block-group__inner-container {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 32px;
position: relative
}
.colorful-profile-designC .colorful-profile-hdr .wp-block-group__inner-container:after {
display: block;
transform: translateX(20px) translateY(2px);
content: " ";
width: 70%;
height: 2px;
background: var(--col-gry-1)
}
@media screen and (max-width: 767px) {
.colorful-profile-designC .colorful-profile-hdr .wp-block-group__inner-container {
flex-direction: column;
justify-content: center
}
.colorful-profile-designC .colorful-profile-hdr .wp-block-group__inner-container * {
margin: 0
}
.colorful-profile-designC .colorful-profile-hdr .wp-block-group__inner-container:after {
width: 10%;
margin: 20px 0 0;
transform: translate(0px)
}
}
.colorful-profile-designC .colorful-profile-cts {
padding: 0 24px
}
@media screen and (max-width: 899px) {
.colorful-profile-designC .-main {
width: calc(100% - 250px)
}
}
@media screen and (max-width: 767px) {
.colorful-profile-designC .-main {
width: auto;
padding: 0 24px;
margin: 0 auto
}
}
.colorful-profile-designC .-aside {
padding: 0
}
.colorful-profile-designC .wp-block-image {
max-width: 350px;
min-width: 250px;
padding-left: 10px;
font-size: 0;
line-height: 0;
}
@media screen and (max-width: 899px) {
.colorful-profile-designC .wp-block-image {
max-width: 250px
}
}
@media screen and (max-width: 767px) {
.colorful-profile-designC .wp-block-image {
max-width: 350px;
border-left: 0 none;
padding: 0 0 5px;
margin: 15px auto 28px;
}
}
.colorful-profile-designC .wp-block-image img {
width: 100%
}
.colorful-profile-designC h2 {
width: 100%;
margin-bottom: 36px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-profile-designC h2 {
font-size: 32px
}
}
.colorful-profile-designC h3 {
margin-right: 20px;
font-size: 35px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
white-space: nowrap
}
.colorful-profile-designC h4 {
margin-right: 20px;
font-size: 12px;
font-weight: bold;
line-height: 1.67;
color: var(--col-ppl)
}
.colorful-profile-designC .colorful-profile-hdr p {
font-size: 12px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.2px;
color: var(--col-ppl);
white-space: nowrap
}
.colorful-profile-designD {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px;
padding: 24px;
border-radius: 12px;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1)
}
.colorful-profile-designD * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-profile-designD .-col {
display: flex;
justify-content: center;
align-items: flex-end;
padding: 24px;
border-radius: 12px;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 899px) {
.colorful-profile-designD {
padding: 0 10px;
}
.colorful-profile-designD .-col {
align-items: flex-start
}
}
@media screen and (max-width: 767px) {
.colorful-profile-designD .-col {
align-items: center;
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.colorful-profile-designD .-main {
width: calc(100% - 350px);
padding: 0 24px 0 0;
background-color: #ffffff
}
.colorful-profile-designD .colorful-profile-hdr .wp-block-group__inner-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 32px;
position: relative
}
.colorful-profile-designD .colorful-profile-hdr .wp-block-group__inner-container:after {
display: block;
content: " ";
margin: 16px 0 0;
width: 70px;
height: 2px;
background-image: linear-gradient(to right, var(--col-gry-2), var(--col-gry-1))
}
@media screen and (max-width: 767px) {
.colorful-profile-designD .colorful-profile-hdr .wp-block-group__inner-container * {
margin: 0
}
.colorful-profile-designD .colorful-profile-hdr .wp-block-group__inner-container:after {
width: 10%;
margin: 20px 0 0;
transform: translate(0px)
}
}
.colorful-profile-designD .colorful-profile-cts {
padding: 0
}
@media screen and (max-width: 899px) {
.colorful-profile-designD .-main {
width: calc(100% - 250px)
}
}
@media screen and (max-width: 767px) {
.colorful-profile-designD .-main {
width: auto;
padding: 0 24px;
margin: 0 auto
}
}
.colorful-profile-designD .-aside {
padding: 0
}
.colorful-profile-designD .wp-block-image {
max-width: 350px;
min-width: 250px;
padding-left: 10px;
font-size: 0;
line-height: 0;
}
@media screen and (max-width: 899px) {
.colorful-profile-designD .wp-block-image {
max-width: 250px
}
}
@media screen and (max-width: 767px) {
.colorful-profile-designD .wp-block-image {
max-width: 350px;
border-left: 0 none;
padding: 0 0 5px;
margin: 15px auto 28px;
}
}
.colorful-profile-designD .wp-block-image img {
width: 100%
}
.colorful-profile-designD h2 {
width: 100%;
margin-bottom: 36px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-profile-designD h2 {
font-size: 32px
}
}
.colorful-profile-designD h3 {
font-size: 35px;
font-weight: normal;
line-height: normal;
letter-spacing: 7px;
color: var(--col-blk);
white-space: nowrap
}
.colorful-profile-designD h4 {
margin-right: 20px;
font-size: 12px;
font-weight: bold;
line-height: 1.67;
color: var(--col-ppl)
}
.colorful-profile-designD .colorful-profile-hdr p {
font-size: 12px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.2px;
color: var(--col-ppl);
white-space: nowrap
}
.colorful-profile-designE {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-profile-designE * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-profile-designE .-col {
display: flex;
justify-content: center;
align-items: center
}
@media screen and (max-width: 767px) {
.colorful-profile-designE {
padding: 0 10px;
}
.colorful-profile-designE .-col {
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.colorful-profile-designE .-main {
padding-left: 16px;
padding-right: 24px
}
.colorful-profile-designE .colorful-profile-hdr .wp-block-group__inner-container {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-bottom: 20px
}
.colorful-profile-designE .colorful-profile-cts {
margin-left: 20px;
padding: 4px
}
.colorful-profile-designE .colorful-profile-cts p {
margin-top: 16px
}
@media screen and (max-width: 767px) {
.colorful-profile-designE .-main {
padding: 0 24px
}
.colorful-profile-designE .colorful-profile-cts {
margin-left: 0
}
}
.colorful-profile-designE .-aside {
padding: 20px 0;
padding-left: 12px
}
.colorful-profile-designE .wp-block-image {
max-width: 350px;
min-width: 250px;
}
.colorful-profile-designE h2 {
width: 100%;
margin-bottom: 40px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.colorful-profile-designE h2:after {
display: block;
content: " ";
margin: 28px 0 0;
width: 140px;
height: 2px;
background-image: linear-gradient(to right, var(--col-ppl-2), var(--col-ppl))
}
@media screen and (max-width: 767px) {
.colorful-profile-designE .wp-block-image {
margin: 15px auto 0;
}
.colorful-profile-designE h2 {
margin-bottom: 32px;
font-size: 28px
}
.colorful-profile-designE h2:after {
margin: 16px 0 0;
width: 100px
}
}
.colorful-profile-designE h3 {
margin-right: 20px;
font-size: 35px;
font-weight: normal;
line-height: normal;
letter-spacing: 7px;
color: var(--col-blk)
}
@media screen and (max-width: 767px) {
.colorful-profile-designE h3 {
font-size: 30px;
font-weight: normal;
line-height: 1.33;
letter-spacing: 1.2px;
color: var(--col-blk)
}
}
.colorful-profile-designE h4 {
margin-right: 20px;
font-size: 12px;
font-weight: bold;
line-height: 1.67;
color: var(--col-ppl)
}
.colorful-profile-designE .colorful-profile-hdr p {
font-size: 12px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.2px;
color: var(--col-ppl)
} .colorful-user-designA {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-user-designA * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-user-designA .-col {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 52px
}
@media screen and (max-width: 767px) {
.colorful-user-designA {
padding: 0 10px;
}
.colorful-user-designA .-col {
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.colorful-user-designA .-main {
padding-left: 16px;
padding-right: 40px
}
.colorful-user-designA .colorful-user-hdr {
margin-bottom: 28px
}
.colorful-user-designA .colorful-user-cts {
padding: 0 0 4px 8px
}
@media screen and (max-width: 767px) {
.colorful-user-designA .colorful-user-cts {
padding: 0 0 4px
}
}
@media screen and (max-width: 767px) {
.colorful-user-designA .-main {
padding: 0 24px
}
}
.colorful-user-designA .-aside {
padding: 20px 0;
padding-left: 12px
}
.colorful-user-designA .wp-block-image {
max-width: 300px;
min-width: 250px;
}
.colorful-user-designA h2 {
width: 100%;
margin-bottom: 32px;
font-size: 32px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.28px;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-user-designA .wp-block-image {
margin: 15px auto 0;
}
.colorful-user-designA h2 {
font-size: 28px
}
}
.colorful-user-designA h3 {
margin-bottom: 8px;
font-size: 30px;
font-weight: 500;
line-height: normal;
color: var(--col-blk)
}
@media screen and (max-width: 767px) {
.colorful-user-designA h3 {
font-size: 22px
}
}
.colorful-user-designA .colorful-user-hdr p {
font-size: 12px;
font-weight: 500;
line-height: normal;
letter-spacing: 0.48px;
color: var(--col-gry-1);
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap
}
.colorful-user-designA .colorful-user-hdr p:before {
content: "";
width: 100%;
height: 1px;
margin: 1px 10px 0 2px;
background: var(--col-gry-2)
}
.colorful-user-designA .colorful-user-cts p {
font-size: 14px;
font-weight: normal;
line-height: 1.57;
color: var(--col-blk)
}
.colorful-user-designB {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-user-designB * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-user-designB .-col {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 52px
}
@media screen and (max-width: 767px) {
.colorful-user-designB {
padding: 0 10px;
}
.colorful-user-designB .-col {
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.colorful-user-designB .-main {
padding-left: 16px;
padding-right: 40px
}
.colorful-user-designB .colorful-user-hdr {
margin-bottom: 16px
}
@media screen and (max-width: 767px) {
.colorful-user-designB .colorful-user-hdr {
margin-top: 12px
}
}
.colorful-user-designB .colorful-user-cts {
padding: 0 0 4px 8px
}
@media screen and (max-width: 767px) {
.colorful-user-designB .colorful-user-cts {
padding: 0 0 4px
}
}
@media screen and (max-width: 767px) {
.colorful-user-designB .-main {
padding: 0 24px
}
}
.colorful-user-designB .-aside {
padding: 0
}
.colorful-user-designB .wp-block-image {
max-width: 300px;
min-width: 250px;
font-size: 0;
line-height: 0
}
.colorful-user-designB .wp-block-image img {
width: 100%
}
.colorful-user-designB h2 {
width: 100%;
margin-bottom: 32px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-user-designB .wp-block-image {
margin: 15px auto 0;
}
.colorful-user-designB h2 {
font-size: 28px
}
}
.colorful-user-designB h3 {
margin-bottom: 8px;
font-size: 30px;
font-weight: normal;
line-height: 1.33;
letter-spacing: 1.2px;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-user-designB h3 {
font-size: 22px
}
}
.colorful-user-designB .colorful-user-hdr p {
font-size: 15px;
font-weight: 500;
line-height: normal;
letter-spacing: 0.6px;
color: var(--col-ppl);
text-align: center
}
.colorful-user-designB .colorful-user-cts p {
font-size: 14px;
font-weight: normal;
line-height: 1.57;
color: var(--col-blk);
text-align: center
}
.colorful-user-designC {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-user-designC * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-user-designC .-col {
display: flex;
justify-content: center;
align-items: flex-start;
margin-bottom: 52px
}
@media screen and (max-width: 899px) {
.colorful-user-designC .-col {
align-items: flex-start
}
}
@media screen and (max-width: 767px) {
.colorful-user-designC {
padding: 0 10px;
}
.colorful-user-designC .-col {
align-items: center;
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.colorful-user-designC .-main {
width: calc(100% - 260px)
}
.colorful-user-designC .colorful-user-hdr {
margin-top: 8px;
margin-right: 20px;
margin-bottom: 16px;
position: relative
}
@media screen and (max-width: 767px) {
.colorful-user-designC .colorful-user-hdr {
margin-right: 0;
flex-direction: column;
justify-content: center
}
}
.colorful-user-designC .colorful-user-cts {
padding: 0 24px
}
@media screen and (max-width: 899px) {
.colorful-user-designC .-main {
width: calc(100% - 250px)
}
}
@media screen and (max-width: 767px) {
.colorful-user-designC .-main {
width: auto;
padding: 0 24px;
margin: 0 auto
}
}
.colorful-user-designC .-aside {
padding: 0
}
.colorful-user-designC .wp-block-image {
max-width: 260px;
min-width: 250px;
font-size: 0;
line-height: 0
}
@media screen and (max-width: 899px) {
.colorful-user-designC .wp-block-image {
max-width: 250px
}
}
@media screen and (max-width: 767px) {
.colorful-user-designC .wp-block-image {
max-width: 260px;
border-left: 0 none;
margin: 15px auto 0;
padding: 0 0 5px;
}
}
.colorful-user-designC .wp-block-image img {
width: 100%
}
.colorful-user-designC h2 {
width: 100%;
margin-bottom: 36px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-user-designC h2 {
font-size: 32px
}
}
.colorful-user-designC h3 {
margin-bottom: 8px;
text-align: right;
font-size: 35px;
font-weight: 500;
line-height: normal;
color: var(--col-blk)
}
@media screen and (max-width: 767px) {
.colorful-user-designC h3 {
font-size: 22px;
text-align: center;
margin-bottom: 8px
}
}
.colorful-user-designC .colorful-user-hdr p {
display: flex;
justify-content: flex-end;
align-items: center;
text-align: right;
font-size: 15px;
font-weight: 500;
line-height: normal;
letter-spacing: 0.6px;
color: var(--col-ppl);
white-space: nowrap
}
.colorful-user-designC .colorful-user-hdr p:after {
display: block;
transform: translateX(20px) translateY(0px) scaleX(1.1);
transform-origin: left;
content: " ";
width: 30%;
height: 2px;
background: var(--col-gry-1)
}
@media screen and (max-width: 767px) {
.colorful-user-designC .colorful-user-hdr p {
text-align: center;
justify-content: center;
flex-direction: column
}
.colorful-user-designC .colorful-user-hdr p:after {
margin-top: 8px;
transform: translateX(0) translateY(0px) scaleX(1);
width: 10%
}
}
.colorful-user-designC .colorful-user-cts p {
font-size: 14px;
font-weight: normal;
line-height: 1.57;
color: var(--col-blk);
text-align: right
}
@media screen and (max-width: 767px) {
.colorful-user-designC .colorful-user-cts p {
text-align: center
}
}
.colorful-user-designD {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px;
padding: 28px;
border-radius: 12px;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1)
}
.colorful-user-designD * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-user-designD .-col {
display: flex;
justify-content: center;
align-items: center;
padding: 28px;
margin-bottom: 40px;
border-radius: 12px;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 899px) {
.colorful-user-designD .-col {
align-items: flex-start
}
}
@media screen and (max-width: 767px) {
.colorful-user-designD {
padding: 0 10px;
}
.colorful-user-designD .-col {
align-items: center;
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.colorful-user-designD .-main {
width: calc(100% - 260px);
padding: 0 32px 0 0;
background-color: #ffffff
}
.colorful-user-designD .colorful-user-hdr {
margin-bottom: 20px;
position: relative
}
.colorful-user-designD .colorful-user-cts {
padding: 0
}
@media screen and (max-width: 899px) {
.colorful-user-designD .-main {
width: calc(100% - 250px)
}
}
@media screen and (max-width: 767px) {
.colorful-user-designD .-main {
width: auto;
padding: 0 24px;
margin: 0 auto
}
}
.colorful-user-designD .-aside {
padding: 0
}
.colorful-user-designD .wp-block-image {
max-width: 260px;
min-width: 250px;
font-size: 0;
line-height: 0
}
@media screen and (max-width: 899px) {
.colorful-user-designD .wp-block-image {
max-width: 250px
}
}
@media screen and (max-width: 767px) {
.colorful-user-designD .wp-block-image {
max-width: 260px;
border-left: 0 none;
padding: 0 0 5px;
margin: 15px auto 28px
}
}
.colorful-user-designD .wp-block-image img {
width: 100%
}
.colorful-user-designD h2 {
width: 100%;
margin-bottom: 36px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-user-designD h2 {
font-size: 32px
}
}
.colorful-user-designD h3 {
font-size: 30px;
font-weight: normal;
line-height: 1.33;
letter-spacing: 1.2px;
color: var(--col-blk);
margin-bottom: 12px
}
@media screen and (max-width: 767px) {
.colorful-user-designD h3 {
font-size: 22px
}
}
.colorful-user-designD .colorful-user-hdr p {
font-size: 15px;
font-weight: 500;
line-height: normal;
letter-spacing: 0.6px;
color: var(--col-ppl)
}
.colorful-user-designD .colorful-user-cts p {
font-size: 14px;
font-weight: normal;
line-height: 1.57;
color: var(--col-blk)
}
.colorful-user-designE {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-user-designE * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-user-designE .-col {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 40px
}
@media screen and (max-width: 899px) {
.colorful-user-designE .-col {
align-items: flex-start
}
}
@media screen and (max-width: 767px) {
.colorful-user-designE {
padding: 0 10px;
}
.colorful-user-designE .-col {
align-items: center;
flex-direction: column-reverse;
flex-wrap: wrap
}
}
.colorful-user-designE .-main {
width: calc(100% - 260px);
padding: 0 40px 0 0;
background-color: #ffffff
}
.colorful-user-designE .colorful-user-hdr {
margin-bottom: 20px;
position: relative
}
.colorful-user-designE .colorful-user-cts {
padding: 0
}
@media screen and (max-width: 899px) {
.colorful-user-designE .-main {
width: calc(100% - 250px)
}
}
@media screen and (max-width: 767px) {
.colorful-user-designE .-main {
width: auto;
padding: 0 24px;
margin: 0 auto
}
}
.colorful-user-designE .-aside {
padding: 20px 0;
padding-left: 12px
}
.colorful-user-designE .wp-block-image {
max-width: 260px;
min-width: 250px;
}
.colorful-user-designE h2 {
width: 100%;
margin-bottom: 36px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.colorful-user-designE h2:after {
display: block;
content: " ";
margin: 28px 0 0;
width: 140px;
height: 2px;
background-image: linear-gradient(to right, var(--col-ppl-2), var(--col-ppl))
}
@media screen and (max-width: 767px) {
.colorful-user-designE .wp-block-image {
margin: 15px auto 0;
}
.colorful-user-designE h2 {
margin-bottom: 32px;
font-size: 28px
}
.colorful-user-designE h2:after {
margin: 16px 0;
width: 100px
}
}
.colorful-user-designE h3 {
font-size: 32px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.28px;
color: var(--col-blk);
margin-bottom: 12px
}
@media screen and (max-width: 767px) {
.colorful-user-designE h3 {
font-size: 22px
}
}
.colorful-user-designE .colorful-user-hdr p {
font-size: 12px;
font-weight: 500;
line-height: normal;
letter-spacing: 0.48px;
color: var(--col-gry-1);
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
white-space: nowrap
}
.colorful-user-designE .colorful-user-hdr p:before {
display: block;
transform: translateY(1px);
transform-origin: left;
content: " ";
width: 12%;
height: 1px;
margin-right: 8px;
background: var(--col-gry-2)
}
.colorful-user-designE .colorful-user-cts p {
font-size: 14px;
font-weight: normal;
line-height: 1.57;
color: var(--col-blk)
} .colorful-3point {
counter-reset: p3ptA
}
.colorful-3point-designA-1 .wp-block-column:not(:first-child),
.colorful-3point-designB-1 .wp-block-column:not(:first-child),
.colorful-3point-designC-1 .wp-block-column:not(:first-child),
.colorful-3point-designD-1 .wp-block-column:not(:first-child) {
margin-left: 3em;
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-1 .wp-block-column:not(:first-child),
.colorful-3point-designB-1 .wp-block-column:not(:first-child),
.colorful-3point-designC-1 .wp-block-column:not(:first-child),
.colorful-3point-designD-1 .wp-block-column:not(:first-child) {
margin-left: 0;
}
}
.colorful-3point-designA-1 {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px;
padding: 0 16px
}
.colorful-3point-designA-1 * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-3point-designA-1 .-slv {
display: flex;
justify-content: space-between;
align-items: stretch;
padding-left: 20px;
counter-reset: p3ptA
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-1 .-slv {
align-items: center;
flex-direction: column
}
}
.colorful-3point-designA-1 > .wp-block-column {
display: flex;
justify-content: flex-end;
align-content: flex-start;
flex-direction: column-reverse;
position: relative;
width: 29%;
max-width: 400px;
box-shadow: inset 0 0 0 3px var(--col-gry-2)
}
.colorful-3point-designA-1 > .wp-block-column:after {
display: block;
position: absolute;
content: " ";
width: 20px;
height: 20px;
bottom: 0;
right: 0;
background: var(--col-wh)
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-1 > .wp-block-column {
width: 100%;
margin-bottom: 68px
}
}
.colorful-3point-designA-1 .colorful-3point-main {
padding: 0 16px 16px;
position: relative
}
.colorful-3point-designA-1 .colorful-3point-hdr {
min-height: 76px;
padding: 8px 0;
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
box-shadow: -20px 0 0 0 #fff;
position: relative;
z-index: 2
}
.colorful-3point-designA-1 .colorful-3point-hdr:before {
counter-increment: p3ptA;
content: counter(p3ptA, decimal-leading-zero);
font-size: 15px;
font-weight: bold;
line-height: normal;
color: var(--col-gry-3);
position: absolute;
left: -36px
}
.colorful-3point-designA-1 .colorful-3point-cts {
padding: 0
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-1 .colorful-3point-cts {
padding: 0 0 4px
}
}
.colorful-3point-designA-1 .wp-block-image {
width: 100%;
font-size: 0;
line-height: 0;
}
.colorful-3point-designA-1 .wp-block-image img {
width: 100%;
margin: -20px 0 0 -20px;
box-shadow: 0 0 0 5px var(--col-wh)
}
.colorful-3point-designA-1 h2 {
width: 100%;
margin-bottom: 68px;
font-size: 32px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.28px;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-1 .wp-block-image {
margin: 15px auto 0;
}
.colorful-3point-designA-1 h2 {
font-size: 28px
}
}
.colorful-3point-designA-1 h3 {
font-size: 18px;
font-weight: 500;
line-height: normal;
color: var(--col-blk)
}
.colorful-3point-designA-1 .colorful-3point-cts p {
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk)
}
.colorful-3point-designA-2 {
flex-direction: column;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px;
padding: 0 36px
}
.colorful-3point-designA-2 * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-3point-designA-2 .-slv {
counter-reset: p3ptA
}
.colorful-3point-designA-2 > .wp-block-column {
display: flex;
justify-content: flex-end;
align-content: flex-start;
align-items: center;
flex-direction: row;
width: calc(100% - 20px);
padding: 20px 0;
margin-left: auto;
margin-right: 0;
margin-bottom: 60px;
position: relative;
box-shadow: inset 0 0 0 3px var(--col-gry-2)
}
.colorful-3point-designA-2 > .wp-block-column:after {
display: block;
position: absolute;
content: " ";
width: 20px;
height: 20px;
bottom: 0;
left: 0;
background: var(--col-wh)
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-2 > .wp-block-column {
width: 100%;
max-width: 400px;
margin-bottom: 68px;
flex-direction: column-reverse
}
}
.colorful-3point-designA-2 .colorful-3point-main {
width: calc(100% - 300px);
padding: 0 8px 0 32px;
position: relative
}
.colorful-3point-designA-2 .colorful-3point-hdr {
padding: 0;
display: flex;
flex-direction: column;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
position: relative;
z-index: 2
}
.colorful-3point-designA-2 .colorful-3point-hdr:before {
counter-increment: p3ptA;
content: counter(p3ptA, decimal-leading-zero);
font-size: 20px;
font-weight: bold;
line-height: normal;
color: var(--col-gry-3);
}
.colorful-3point-designA-2 .colorful-3point-cts {
padding: 0
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-2 .colorful-3point-cts {
padding: 0 0 4px
}
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-2 .colorful-3point-main {
width: 100%;
padding: 16px 28px 0
}
}
.colorful-3point-designA-2 .wp-block-image {
width: 100%;
max-width: 300px !important;
min-width: 250px;
font-size: 0;
line-height: 0;
}
.colorful-3point-designA-2 .wp-block-image img {
width: 100%;
margin: -36px 0 0 20px;
box-shadow: 0 0 0 5px var(--col-wh)
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-2 .colorful-3point-aside {
width: 100%
}
.colorful-3point-designA-2 .wp-block-image {
width: 100%;
max-width: initial !important;
min-width: initial;
margin: 15px auto 0;
}
}
.colorful-3point-designA-2 h2 {
width: 100%;
margin-bottom: 68px;
font-size: 32px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.28px;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-2 h2 {
font-size: 28px
}
}
.colorful-3point-designA-2 h3 {
font-size: 24px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
margin-bottom: 16px
}
.colorful-3point-designA-2 .colorful-3point-cts p {
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk)
}
.colorful-3point-designA-2 > .wp-block-column:nth-of-type(even) {
flex-direction: row-reverse;
margin-left: 0;
margin-right: auto
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-2 > .wp-block-column:nth-of-type(even) {
flex-direction: column-reverse
}
}
.colorful-3point-designA-2 > .wp-block-column:nth-of-type(even):after {
left: initial;
right: 0
}
.colorful-3point-designA-2 > .wp-block-column:nth-of-type(even) .colorful-3point-main {
padding: 0 32px 0 8px
}
@media screen and (max-width: 767px) {
.colorful-3point-designA-2 > .wp-block-column:nth-of-type(even) .colorful-3point-main {
padding: 16px 28px 0
}
}
.colorful-3point-designA-2 > .wp-block-column:nth-of-type(even) .wp-block-image img {
margin: -36px 0 0 -20px
}
.colorful-3point-designB-1 {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px;
padding: 0 16px
}
.colorful-3point-designB-1 * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-3point-designB-1 .-slv {
display: flex;
justify-content: space-between;
align-items: stretch;
counter-reset: p3ptA
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-1 .-slv {
align-items: center;
flex-direction: column
}
}
.colorful-3point-designB-1 > .wp-block-column {
display: flex;
justify-content: flex-end;
align-content: flex-start;
flex-direction: column-reverse;
position: relative;
width: 30.5%;
max-width: 420px
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-1 > .wp-block-column {
width: 100%;
margin-bottom: 68px
}
}
.colorful-3point-designB-1 .colorful-3point-main {
padding: 0 0 16px
}
.colorful-3point-designB-1 .colorful-3point-hdr {
min-height: 76px;
padding: 8px 0;
display: flex;
justify-content: flex-start;
align-items: center
}
.colorful-3point-designB-1 .colorful-3point-cts {
padding: 0
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-1 .colorful-3point-cts {
padding: 0 0 4px
}
}
.colorful-3point-designB-1 h2 {
width: 100%;
margin-bottom: 68px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-1 h2 {
font-size: 28px
}
}
.colorful-3point-designB-1 h3 {
font-size: 18px;
font-weight: 500;
line-height: normal;
color: var(--col-blk)
}
.colorful-3point-designB-1 .colorful-3point-cts p {
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk)
}
.colorful-3point-designB-1 .colorful-3point-count {
display: flex;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
margin: .5em auto !important;
font-size: 24px;
font-weight: 500;
line-height: 1.04;
color: var(--col-gry-3);
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border-radius: 100px
}
.colorful-3point-designB-2 {
flex-direction: column !important;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-3point-designB-2 * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 {
padding: 0 16px
}
}
.colorful-3point-designB-2 .-slv {
counter-reset: p3ptA
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 .-slv {
align-items: center;
flex-direction: column
}
}
.colorful-3point-designB-2 > .wp-block-column {
display: flex;
justify-content: flex-end;
align-content: flex-start;
align-items: center;
flex-direction: row;
width: calc(100% - 20px);
padding: 20px 0;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 60px
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 > .wp-block-column {
flex-direction: column-reverse;
width: 100%;
max-width: 450px;
margin-bottom: 68px
}
}
.colorful-3point-designB-2 .colorful-3point-main {
width: calc(100% - 350px);
padding: 0 40px 0 0;
position: relative
}
.colorful-3point-designB-2 .colorful-3point-hdr {
padding: 0;
display: flex;
flex-direction: column;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
position: relative;
z-index: 2
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 .colorful-3point-hdr {
flex-direction: row;
align-items: center;
margin: 12px 0 0
}
}
.colorful-3point-designB-2 .colorful-3point-cts {
padding: 0
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 .colorful-3point-cts {
padding: 0 0 4px
}
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 .colorful-3point-main {
width: 100%;
padding: 0
}
}
.colorful-3point-designB-2 .wp-block-image {
width: 100%;
max-width: 350px !important;
min-width: 250px;
font-size: 0;
line-height: 0;
position: relative
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 .wp-block-image {
max-width: initial !important;
min-width: initial;
display: block;
margin: 15px auto 0;
}
}
.colorful-3point-designB-2 .wp-block-image img {
width: 100%
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 .colorful-3point-aside {
width: 100%
}
}
.colorful-3point-designB-2 h2 {
width: 100%;
margin-bottom: 68px;
font-size: 32px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.28px;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 h2 {
font-size: 28px
}
}
.colorful-3point-designB-2 h3 {
font-size: 30px;
font-weight: 500;
line-height: 1.33;
letter-spacing: 1.2px;
color: var(--col-blk);
margin-bottom: 12px
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 h3 {
font-size: 20px;
line-height: normal;
color: var(--col-blk)
}
}
.colorful-3point-designB-2 .colorful-3point-cts p {
font-size: 14px;
font-weight: normal;
line-height: 1.57;
color: var(--col-blk)
}
.colorful-3point-designB-2 > .wp-block-column:nth-of-type(even) {
flex-direction: row-reverse;
}
.colorful-3point-designB-2 > .wp-block-column:nth-of-type(even):after {
left: initial;
right: 0
}
.colorful-3point-designB-2 > .wp-block-column:nth-of-type(even) .colorful-3point-main {
padding: 0 0 0 40px
}
.colorful-3point-designB-2 > .wp-block-column:nth-of-type(even) .wp-block-image {
flex-direction: row-reverse
}
.colorful-3point-designB-2 > .wp-block-column:nth-of-type(even) .wp-block-image:after {
margin-left: 0;
margin-right: 8px
}
.colorful-3point-designB-2 > .wp-block-column:nth-of-type(even) .wp-block-image:before {
right: initial;
left: -12px
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 > .wp-block-column:nth-of-type(even) {
flex-direction: column-reverse;
margin-left: 0
}
.colorful-3point-designB-2 > .wp-block-column:nth-of-type(even) .colorful-3point-main {
padding: 0
}
.colorful-3point-designB-2 > .wp-block-column:nth-of-type(even) .wp-block-image:after {
margin-left: 0;
margin-right: 0
}
.colorful-3point-designB-2 > .wp-block-column:nth-of-type(even) .wp-block-image:before {
bottom: -1px;
left: initial;
right: 8px
}
}
.colorful-3point-designB-2 .colorful-3point-count {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 53px;
padding-bottom: 3px;
margin: 0 0 8px !important;
font-size: 29px;
font-weight: 500;
line-height: 1;
color: var(--col-gry-3);
box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border-radius: 100px
}
@media screen and (max-width: 767px) {
.colorful-3point-designB-2 .colorful-3point-count {
flex-shrink: 0;
width: 40px;
height: 39px;
margin-right: 8px;
padding-bottom: 1px;
font-size: 20px;
font-weight: bold;
line-height: normal;
}
}
.colorful-3point-designC-1 {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px;
padding: 0 16px
}
.colorful-3point-designC-1 * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-3point-designC-1 .-slv {
display: flex;
justify-content: space-between;
align-items: stretch;
counter-reset: p3ptA
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-1 .-slv {
align-items: center;
flex-direction: column
}
}
.colorful-3point-designC-1 > .wp-block-column {
display: flex;
justify-content: flex-end;
align-content: flex-start;
flex-direction: column-reverse;
position: relative;
width: 30.5%;
max-width: 400px
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-1 > .wp-block-column {
width: 100%;
margin-bottom: 68px
}
}
.colorful-3point-designC-1 .colorful-3point-main {
padding: 0 0 16px 0;
position: relative
}
.colorful-3point-designC-1 .colorful-3point-main .wp-block-column {
margin-left: 0;
}
.colorful-3point-designC-1 .colorful-3point-hdr {
min-height: 76px;
padding: 8px 0;
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
position: relative;
z-index: 2
}
.colorful-3point-designC-1 .colorful-3point-cts {
padding: 0
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-1 .colorful-3point-cts {
padding: 0 0 4px
}
}
.colorful-3point-designC-1 .wp-block-image {
width: 100%;
font-size: 0;
line-height: 0;
}
.colorful-3point-designC-1 .wp-block-image img {
width: 100%
}
.colorful-3point-designC-1 h2 {
width: 100%;
margin-bottom: 68px;
font-size: 32px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.28px;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-1 .wp-block-image {
margin: 15px auto 0;
}
.colorful-3point-designC-1 h2 {
font-size: 28px
}
}
.colorful-3point-designC-1 h3 {
font-size: 20px;
font-weight: 500;
line-height: normal;
color: var(--col-blk)
}
.colorful-3point-designC-1 .colorful-3point-cts p {
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk)
}
.colorful-3point-designC-1 .colorful-3point-count {
font-size: 20px;
font-weight: bold;
line-height: normal;
color: var(--col-gry-3);
padding-top: 1px;
margin-top: 1em
}
.colorful-3point-designC-2 {
flex-direction: column !important;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-3point-designC-2 * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 {
padding: 0 16px
}
}
.colorful-3point-designC-2 .-slv {
counter-reset: p3ptA
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 .-slv {
align-items: center;
flex-direction: column
}
}
.colorful-3point-designC-2 > .wp-block-column {
display: flex;
justify-content: flex-end;
align-content: flex-start;
align-items: center;
flex-direction: row;
width: calc(100% - 20px);
padding: 20px 0;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 60px
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 > .wp-block-column {
flex-direction: column-reverse;
width: 100%;
max-width: 450px;
margin-bottom: 36px
}
}
.colorful-3point-designC-2 .colorful-3point-main {
width: calc(100% - 350px);
padding: 0 40px 0 0;
flex-wrap: nowrap;
align-items: center;
position: relative
}
.colorful-3point-designC-2 .colorful-3point-hdr {
padding: 0 0 20px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
position: relative;
z-index: 2
}
.colorful-3point-designC-2 .colorful-3point-hdr:after {
display: block;
content: "";
width: calc(100% + 60px);
height: 2px;
background: linear-gradient(to left, var(--col-gry-2), var(--col-gry-1));
position: absolute;
top: auto;
left: 0;
bottom: -1px
}
.colorful-3point-designC-2 .colorful-3point-main .wp-block-column {
margin-left: 0;
}
.colorful-3point-designC-2 .colorful-3point-count {
margin-bottom: 0;
margin-top: 0;
font-size: 24px;
font-weight: 500;
line-height: 1.04;
color: var(--col-gry-3);
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 .colorful-3point-main .wp-block-column {
flex-basis: auto !important;
}
.colorful-3point-designC-2 .colorful-3point-hdr {
flex-direction: row;
align-items: center;
padding: 0 0 12px;
margin: 12px 0 12px
}
.colorful-3point-designC-2 .colorful-3point-hdr:after {
width: 100%
}
.colorful-3point-designC-2 .colorful-3point-main .wp-block-column:nth-child(n+2) {
margin-left: 15px;
}
.colorful-3point-designC-2 .colorful-3point-count {
width: 40px;
font-size: 18px
}
}
.colorful-3point-designC-2 .colorful-3point-cts {
padding: 0
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 .colorful-3point-cts {
padding: 0 0 4px
}
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 .colorful-3point-main {
width: 100%;
padding: 0 8px
}
}
.colorful-3point-designC-2 .wp-block-image {
width: 100%;
max-width: 350px !important;
min-width: 250px;
font-size: 0;
line-height: 0
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 .wp-block-image {
max-width: initial !important;
min-width: initial;
margin: 15px auto 0;
}
}
.colorful-3point-designC-2 .wp-block-image img {
width: 100%
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 .colorful-3point-aside {
width: 100%
}
}
.colorful-3point-designC-2 h2 {
width: 100%;
margin-bottom: 40px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 h2 {
font-size: 28px
}
}
.colorful-3point-designC-2 h3 {
font-size: 35px;
font-weight: 500;
line-height: normal;
color: var(--col-blk)
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 h3 {
font-size: 22px
}
}
.colorful-3point-designC-2 .colorful-3point-cts p {
font-size: 14px;
font-weight: normal;
line-height: 1.57;
color: var(--col-blk)
}
.colorful-3point-designC-2 > .wp-block-column:nth-of-type(even) {
flex-direction: row-reverse;
}
.colorful-3point-designC-2 > .wp-block-column:nth-of-type(even):after {
left: initial;
right: 0
}
.colorful-3point-designC-2 > .wp-block-column:nth-of-type(even) .colorful-3point-main {
flex-direction: row-reverse;
padding: 0 0 0 40px
}
.colorful-3point-designC-2 > .wp-block-column:nth-of-type(even) .colorful-3point-count {
text-align: right;
}
.colorful-3point-designC-2 > .wp-block-column:nth-of-type(even) .colorful-3point-hdr:after {
background: linear-gradient(to right, var(--col-gry-2), var(--col-gry-1));
left: initial;
right: 0
}
@media screen and (max-width: 767px) {
.colorful-3point-designC-2 > .wp-block-column:nth-of-type(even) {
flex-direction: column-reverse;
margin-left: 0
}
.colorful-3point-designC-2 > .wp-block-column:nth-of-type(even) .colorful-3point-main {
flex-direction: row;
padding: 0 8px
}
.colorful-3point-designC-2 > .wp-block-column:nth-of-type(even) .colorful-3point-count {
text-align: left;
}
.colorful-3point-designC-2 > .wp-block-column:nth-of-type(even) .colorful-3point-hdr:after {
background: linear-gradient(to left, var(--col-gry-2), var(--col-gry-1));
left: 0;
right: initial
}
}
.colorful-3point-designD-1 {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px;
padding: 0 16px
}
.colorful-3point-designD-1 * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
.colorful-3point-designD-1 .-slv {
display: flex;
justify-content: space-between;
align-items: stretch;
counter-reset: p3ptA
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-1 .-slv {
align-items: center;
flex-direction: column
}
}
.colorful-3point-designD-1 > .wp-block-column {
display: flex;
justify-content: flex-end;
align-content: flex-start;
flex-direction: column-reverse;
position: relative;
width: 30.5%;
max-width: 400px
}
.colorful-3point-designD-1 > .wp-block-column:after {
display: block;
position: absolute;
content: " ";
width: 20px;
height: 20px;
bottom: 0;
right: 0;
background: var(--col-wh)
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-1 > .wp-block-column {
width: 100%;
margin-bottom: 68px
}
}
.colorful-3point-designD-1 .colorful-3point-main {
padding: 0 0 16px;
position: relative
}
.colorful-3point-designD-1 .colorful-3point-hdr {
min-height: 88px;
padding: 8px 0;
align-items: center;
align-content: center;
position: relative;
z-index: 2
}
.colorful-3point-designD-1 .colorful-3point-hdr .wp-block-column {
margin-left: 0;
}
.colorful-3point-designD-1 .colorful-3point-count {
font-size: 15px;
font-weight: 500;
line-height: normal;
color: var(--col-gry-1);
padding-top: 1px;
}
.colorful-3point-designD-1 .colorful-3point-cts {
padding: 0
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-1 .colorful-3point-cts {
padding: 0 0 4px
}
}
.colorful-3point-designD-1 h2 {
width: 100%;
margin-bottom: 44px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.colorful-3point-designD-1 h2:after {
display: block;
content: " ";
margin: 28px 0 0;
width: 140px;
height: 2px;
background-image: linear-gradient(to right, var(--col-ppl-2), var(--col-ppl))
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-1 h2 {
margin-bottom: 44px;
font-size: 28px
}
.colorful-3point-designD-1 h2:after {
margin: 28px 0 0;
width: 100px
}
}
.colorful-3point-designD-1 h3 {
font-size: 24px;
font-weight: 500;
line-height: normal;
color: var(--col-blk)
}
.colorful-3point-designD-1 .colorful-3point-cts p {
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk)
}
.colorful-3point-designD-2 {
flex-direction: column !important;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline;
font-size: 12px;
font-weight: normal;
line-height: 1.67;
color: var(--col-blk);
margin: 0 auto 80px
}
.colorful-3point-designD-2 * {
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
width: auto;
height: auto;
margin: 0;
padding: 0;
background: none;
border: 0;
outline: 0;
box-shadow: none;
box-sizing: border-box;
letter-spacing: 0.015rem;
list-style: none;
text-decoration: none;
vertical-align: baseline
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 {
padding: 0 16px
}
}
.colorful-3point-designD-2 .-slv {
counter-reset: p3ptA
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 .-slv {
align-items: center;
flex-direction: column
}
}
.colorful-3point-designD-2 > .wp-block-column {
display: flex;
justify-content: flex-end;
align-content: flex-start;
align-items: center;
flex-direction: row;
width: calc(100% - 20px);
padding: 20px 0;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 60px
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 > .wp-block-column {
flex-direction: column-reverse;
width: 100%;
max-width: 450px;
margin-bottom: 36px
}
}
.colorful-3point-designD-2 .colorful-3point-main {
width: calc(100% - 350px);
padding: 0 40px 0 0;
position: relative;
text-align: right
}
.colorful-3point-designD-2 .colorful-3point-hdr {
padding: 0;
margin-bottom: 32px;
align-items: center;
align-content: center;
position: relative;
z-index: 2
}
.colorful-3point-designD-2 .colorful-3point-hdr .wp-block-column {
margin-left: 0;
}
.colorful-3point-designD-2 .colorful-3point-count {
display: flex;
justify-content: flex-end;
align-items: center;
flex-shrink: 0;
width: 52px;
height: 28px;
font-size: 24px;
font-weight: 500;
line-height: normal;
color: var(--col-gry-1)
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 .colorful-3point-hdr {
padding: 0;
margin: 20px 0
}
.colorful-3point-designD-2 .colorful-3point-count {
width: 32px;
margin-left: auto;
font-size: 18px;
}
}
.colorful-3point-designD-2 .colorful-3point-cts {
padding: 0
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 .colorful-3point-cts {
padding: 0
}
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 .colorful-3point-main {
width: 100%;
padding: 0 8px;
text-align: left
}
}
.colorful-3point-designD-2 .wp-block-image {
width: 100%;
max-width: 350px !important;
min-width: 250px;
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 .wp-block-image {
max-width: initial !important;
min-width: initial;
margin: 15px auto 0;
}
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 .colorful-3point-aside {
width: 100%
}
}
.colorful-3point-designD-2 h2 {
width: 100%;
margin-bottom: 36px;
font-size: 40px;
font-weight: 500;
line-height: normal;
color: var(--col-blk);
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.colorful-3point-designD-2 h2:after {
display: block;
content: " ";
margin: 28px 0 0;
width: 140px;
height: 2px;
background-image: linear-gradient(to right, var(--col-ppl-2), var(--col-ppl))
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 h2 {
margin-bottom: 28px;
font-size: 28px
}
.colorful-3point-designD-2 h2:after {
margin: 28px 0 0;
width: 100px
}
}
.colorful-3point-designD-2 h3 {
font-size: 32px;
font-weight: 500;
line-height: normal;
letter-spacing: 1.28px;
color: var(--col-blk)
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 h3 {
font-size: 22px
}
}
.colorful-3point-designD-2 .colorful-3point-cts p {
font-size: 14px;
font-weight: normal;
line-height: 1.57;
color: var(--col-blk)
}
.colorful-3point-designD-2 > .wp-block-column:nth-of-type(even) {
flex-direction: row-reverse;
}
.colorful-3point-designD-2 > .wp-block-column:nth-of-type(even):after {
left: initial;
right: 0
}
.colorful-3point-designD-2 > .wp-block-column:nth-of-type(even) .colorful-3point-main {
padding: 0 0 0 28px;
text-align: left
}
.colorful-3point-designD-2 > .wp-block-column:nth-of-type(even) .colorful-3point-hdr {
flex-direction: row
}
.colorful-3point-designD-2 > .wp-block-column:nth-of-type(even) .colorful-3point-hdr:before {
justify-content: flex-start
}
@media screen and (max-width: 767px) {
.colorful-3point-designD-2 > .wp-block-column:nth-of-type(even) {
flex-direction: column-reverse;
margin-left: 0
}
.colorful-3point-designD-2 > .wp-block-column:nth-of-type(even) .colorful-3point-main {
padding: 0 8px
}
.colorful-3point-designD-2 > .wp-block-column:nth-of-type(even) .colorful-3point-hdr {
flex-direction: row-reverse
}
.colorful-3point-designD-2 > .wp-block-column:nth-of-type(even) .colorful-3point-hdr:before {
justify-content: flex-end
}
}  img{
box-sizing:border-box;
} .line-h01{
line-height:1.0!important;
}
.line-h011{
line-height:1.1!important;
}
.line-h012{
line-height:1.2!important;
}
.line-h013{
line-height:1.3!important;
}
.line-h014{
line-height:1.4!important;
}
.line-h015{
line-height:1.5!important;
} .wid50per{
width:50%!important;
}
.wid75per{
width:75%!important;
}
.wid80per{
width:80%!important;
}
.wid90per{
width:90%!important;
}
.wid100per{
width:100%!important;
} .font-l{
font-size:150%;
} .mx-wid01{max-width:100px}
.mx-wid02{max-width:200px}
.mx-wid032{max-width:320px}
.mx-wid04{max-width:400px}
.mx-wid045{max-width:450px}
.mx-wid06{max-width:600px}
.mx-wid07{max-width:700px}
.mx-wid08{max-width:800px}
.mx-wid09{max-width:900px}
.mx-wid096{max-width:960px}
.mx-wid10{max-width:1000px}
.mx-wid11{max-width:1100px}
.mx-wid12{max-width:1200px}
.mx-wid13{max-width:1300px}
.mx-wid14{max-width:1400px}
.mx-wid15{max-width:1500px}
.mx-wid16{max-width:1600px}
.mx-wid-fit-default{
max-width:fit-content!important;
margin:0 auto!important;}
.mx-wid-fit{width:fit-content!important;
margin:0 auto!important;
padding:1em 2em!important;} .mg-auto{
margin:0 auto!important;
}
.mg-lr-0{margin:0 0px!important}
@media (max-width: 781px){
.mg-lr-0-mobile{
margin:0 0px!important}
}
.mg-lr-10{margin:0 10px!important}
.mg-lr-20{margin:0 20px!important}
.mg-l-1em{margin:0 0 0 1em!important}
.mg-l-2em{margin:0 0 0 2em!important}
.mg-l-3em{margin:0 0 0 3em!important}
.mg-r-1em{margin:0 1em 0 0!important}
.mg-r-2em{margin:0 2em 0 0!important}
.mg-r-3em{margin:0 3em 0 0!important}
.mg-0{margin:0px!important}
.mg-10{margin:10px!important}
.mg-20{margin:20px!important}
.mg-30{margin:30px!important}
.mg-btm0{margin-bottom:0px!important}
.mg-btm10{margin-bottom:10px!important}
.mg-btm20{margin-bottom:20px!important}
.mg-btm30{margin-bottom:30px!important}
.mg-btm40{margin-bottom:40px!important}
.mg-negative-top10{
margin-top: -10px !important;
}
.mg-negative-top20{
margin-top: -20px !important;
}
.mg-negative-top30{
margin-top: -30px !important;
}
.mg-negative-top40{
margin-top: -40px !important;
}
.mg-negative-top50{
margin-top: -50px !important;
}
.mg-negative-top60{
margin-top: -60px !important;
} .pd-0{padding:0px!important}
.pd-10{padding:10px!important}
.pd-13{padding:13px!important}
.pd-15{padding:15px!important}
.pd-18{padding:18px!important}
.pd-20{padding:20px!important}
.pd-30{padding:30px!important}
.pd-lr-10{padding:0 10px!important}
.pd-lr-20{padding:0 20px!important}
.pd-lr-30{padding:0 30px!important}
.pd-lr-40{padding:0 40px!important}
.is-style-padding-around{padding:10px 20px}
@media screen and (min-width:769px) {
.pd-0-pc{padding:0px!important}
} .fluid-font-heading{
font-size: clamp(16px, 5vw, 42px);
} .bd-rud5,.bd-rud5::before{border-radius:5px}
.bd-rud10,.bd-rud10::before{border-radius:10px}
.bd-rud20,.bd-rud20::before{border-radius:20px}
.bd-rud30,.bd-rud30::before{border-radius:30px}
.bd-rud40,.bd-rud40::before{border-radius:40px}
.bd-rud50,.bd-rud50::before{border-radius:50px} i.fas{font-size:1em}
@media only screen and (max-width: 600px){i.fas{font-size:3em!important}} .border-simple{
border:2px solid #f3f3f3;}
.border-simple-bold{
border:7px solid #f3f3f3;}
.border-top-default{
border-top:7px solid;
} .bx-sdw01{box-shadow:0 0 7px rgb(51 51 51 / 35%);}
.bx-sdw02{box-shadow: 0 0 8px -1px rgb(0 0 0 / 10%);}  .z-index0{
z-index:0!important;
}
.z-index1{
z-index:1!important;
}
.z-index2{
z-index:2!important;
}
.z-index3{
z-index:3!important;
} @media (max-width: 599px){
.header_txt_sp{
font-size:1.8rem;
} } .number-custom-default{
width: 48px;
margin: 0 auto;  height: 48px;
padding: 4px!important;
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;
} .add-relative{
position: relative;
}
.number-custom-float{
position: absolute;
width: 40px;
margin: 0 auto;
height: 40px;
padding: 4px!important;
top: -18px;
left: -6px;
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;
} .number-custom-bg-none{
width: 48px; height: 48px;
padding: 4px!important;
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;
}  .balloon_under_default{
position: relative;
display: block;
text-align: center;
background: #fff;
border-radius: 50px;
box-sizing: border-box;
padding: 20px!important;
max-width: fit-content!important;
margin: 0 auto 1em;
}  .balloon_under_default:before {
content: "";
display: block;
width: 13px;
height: 13px;
background-color: inherit;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,50%) rotate(45deg);
z-index: 0;
} .balloon_under_square{
position: relative;
display: block;
text-align: center;
background: #fff;
box-sizing: border-box;
padding: 20px!important;
max-width: fit-content!important; }
.balloon_under_square:before {
content: "";
display: block;
width: 13px;
height: 13px;
background-color: inherit;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,50%) rotate(45deg);
z-index: 0;
border-radius:0;
}
.qa_balloon_right_default{
position: relative;
display: inline-flex;
margin: 0 15px 0 0;
line-height: 0.8;
text-align: center;
font-weight: bold;
border-radius: 50px;
box-sizing: border-box;
padding: 14px 15px 16px!important;
max-width: fit-content!important;
align-items: center;
justify-content: center;
}
.qa_balloon_right_default:before {
content: "";
display: block;
width: 12px;
height: 12px;
background-color: inherit;
position: absolute;
bottom: 50%;
left: 90%;
right:0;
margin: auto;
transform: translate(-50%,50%) rotate(45deg);
z-index: 0;
}
.qa_balloon_left_default{
position: relative;
display: inline-flex;
margin: 0 0 0 15px;
line-height: 0.8;
text-align: center;
font-weight: bold;
border-radius: 50px;
box-sizing: border-box;
padding: 14px 15px 16px!important;
max-width: fit-content!important;
align-items: center;
justify-content: center;
}
.qa_balloon_left_default:before {
content: "";
display: block;
width: 12px;
height: 12px;
background-color: inherit;
position: absolute;
bottom: 50%;
left: 0;
right:100%;
margin: auto;
transform: translate(-10%,50%) rotate(45deg);
z-index: 0;
}
.speech_balloon_default{
position: relative;
display: -webkit-flex;
display: flex;
margin: 0; font-weight: bold;
border-radius: 10px;
box-sizing: border-box;
padding: 14px 15px 16px!important; align-items: center; filter: drop-shadow(3px 3px 0px #999);
}
.speech_balloon_left,.speech_balloon_right{
position: relative;
margin: 0;
font-weight: bold;
border-radius: 10px;
box-sizing: border-box;
padding: 14px 15px 16px!important;
}
@media (max-width: 599px){
.speech_balloon_default,.speech_balloon_left,.speech_balloon_right{
margin: 0 0 1em;
}
}
.speech_balloon_left:before {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: inherit;
position: absolute;
bottom: 50%!important;
left: 0!important;
right:100%!important;
margin: auto;
border-radius:0!important;
transform: translate(-30%,50%) rotate(45deg);
z-index: 0!important;
}
.speech_balloon_right:after {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: inherit;
position: absolute;
bottom: 50%!important;
left: 100%!important;
right:0!important;
border-radius:0!important;
margin: auto;
transform: translate(-70%,50%) rotate(45deg);
z-index: 0!important;
}
@media (max-width: 781px){
.speech_balloon_left:before,.speech_balloon_right:after{
bottom: 0!important;
left: 0!important;
right: 0!important;
transform: translate(0%,50%) rotate(45deg);
}
} .ball_blue {
position: relative;
display: inline-flex;
margin: 0 15px 0 0;
line-height: 0.8!important;
text-align: center;
font-weight: bold;
background:#0693e3;
border-radius: 50px;
box-sizing: border-box;
padding: 14px 15px 16px!important;
max-width: fit-content!important;
align-items: center;
justify-content: center;
}
.qa_balloon_right_default p,.qa_balloon_left_default p,.ball_blue p{
padding: 0!important;
line-height: 0.8!important;
} .pc-hide{
display:none;
}
@media (max-width: 599px){
.pc-hide{
display:block;
}} @media (max-width: 599px){
.flx_wrap_nowrap_sp{
flex-wrap:nowrap;
} } @media (max-width: 781px){
.flx_direc_revs{
flex-direction:column-reverse!important;
}
} .flex-wrap-important{
flex-wrap:wrap!important;
}
.js-cont-center{
justify-content:center!important;
} .wp-block-group.is-style-bg-stripe-default{
background-color: #eee;
background-image: repeating-linear-gradient(-45deg,#fff, #fff 2px,transparent 0, #ffffff00 5px);
}
.bg-stripe-default{
background-color: #eee;
background-image: repeating-linear-gradient(-45deg,#fff, #fff 2px,transparent 0, #ffffff00 5px);
}
.bg-stripe-shadow{
position:relative;
z-index:1;
}
.bg-stripe-shadow:after{
position:absolute;
content:'';
width:100%;
height:100%;
left:5px;
left:clamp(3px, 1vw, 10px);
top:5px;
top:clamp(3px, 1vw, 10px);
background-color: #ededed;
background-image: repeating-linear-gradient(-45deg,#fff, #fff 2px,transparent 0, #ffffff00 5px);
z-index:-1;
} .threepoint-border-right{
border-right: 1px solid #aaa;
padding: 1.6em;
margin:0!important;
}
@media (max-width: 781px){
.threepoint-border-right{
border-right: none;
border-bottom: 1px solid #aaa;
} }
.threepoint-border-right:last-of-type{
border-right: none;
padding: 1.6em;
}
@media (max-width: 781px){
.threepoint-border-right:last-of-type{
border-right: none;
} }
.skew-background{
position: relative;
}
.skew-background:after{
position: absolute;
z-index: 0;
content: '';
top: -130px;
left: -30%;
width: 150%;
height: 300px;
background: inherit;
transform: rotate(-5deg);
}
.under_arrow2{
position:relative;
}
.under_arrow2:before{
content: "";
display: block;
width: 70px;
height: 70px;
background-color: inherit;
position: absolute!important;
top: 0px!important;
left: 0%!important;
right: 0!important;
border-radius: 0!important;
margin: auto;
transform: translate(0%,0%) rotate(45deg);
z-index: 2!important;
bottom: -100%!important;
opacity: 1!important;
}
.text-highlighter-yellow{
background:linear-gradient(transparent 60%, #ff6 60%);
max-width: fit-content;
} .label_triangle {
position: relative;
overflow: hidden;
} .label_triangle::before {
content: "";
top: 0;
left: 0;
border-bottom: 2em solid transparent;
border-left: 2em solid #ddd; position: absolute;
z-index: 3;
}
.label_triangle::after {
content: "";
display: block;
bottom: 0!important;
right: 0!important;
border-top: 2em solid transparent;
border-right: 2em solid #ddd;
position: absolute;
z-index: 3!important;
top: initial!important;
left: initial!important;
border-radius: 0!important;
outline: 0!important;
box-shadow: 0 0 0!important;
}
.subheading-afterline{
position: relative;
display: flex;
align-items: center;
}
.subheading-afterline:after{
position: relative!important;
content: '';
width: 50px;
height: 2px;
color: inherit;
left: initial!important;
background-color: #ccc;
margin: 0 0 0 10px;
top: 1px!important;
right: initial!important;
bottom: initial!important;
}
.colorful-frame7-kai {
padding: 7px 0 0;
}
.balloon_wakusen{
position: relative;
padding: 3em;
border: 3px solid #000;
background: #fff;
}
@media screen and (max-width: 768px){
.balloon_wakusen{
padding: 2em;
}
}
.balloon_wakusen:before,
.balloon_wakusen:after{
content: "";
position: absolute;
right: 0;
left: 0;
width: 0;
height: 0;
margin: auto;
}
.balloon_wakusen:before{
bottom: -40px;
border-style: solid;
border-color: transparent #000 transparent transparent;
border-width: 0 39px 39px 0;
}
.balloon_wakusen:after{
bottom: -35px!important;
border-style: solid;
border-color: transparent #fff transparent transparent;
border-width: 0px 37px 37px 0px;
left: 2px!important;
top:initial!important;
z-index: 10;
border-radius: initial!important;
}
.entry-content .balloon_wakusen .large-size-heading{
font-size:36px;
}
.entry-content .balloon_wakusen .small-size-heading{
font-size:28px;
}
@media screen and (max-width: 768px){
.entry-content .balloon_wakusen .large-size-heading{
font-size:24px;
}  
.entry-content .balloon_wakusen .small-size-heading{
font-size:18px;
}
} .entry-content .colorful_Heading_New_Basic .large-size-heading{
font-size:36px;
line-height: 1.5;
margin:0;
}
.entry-content .colorful_Heading_New_Basic .small-size-heading{
font-size:26px;
line-height: 1.5;
margin:0;
}
@media (max-width: 768px){
.entry-content .colorful_Heading_New_Basic .large-size-heading{
font-size:24px;
margin:0;
}
.entry-content .colorful_Heading_New_Basic .small-size-heading{
font-size:18px;
margin:0;
}
} .present-heading{
position: relative;
}
.present-heading .gift-bk::before{
content: '';
display: inline-block;
vertical-align: middle;
background-image: url(http://lptemp.com/dx/wp-content/uploads/2022/01/gift_bk.png);
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
margin: 0 7px 0 0;
}
.present-heading .gift-wh::before{
content: '';
display: inline-block;
vertical-align: middle;
background-image: url(http://lptemp.com/dx/wp-content/uploads/2022/01/gift_wh.png);
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
margin: 0 7px 0 0;
} .gap-0{
gap:0!important;
}
.clf_btn01 a:hover{
opacity:0.8;
transition: opacity 0.8s;
}
.clf_btn02 a:hover{
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
transform: translateY(4px);
transition:0.8s;
} .btnshine{
position:relative;
overflow:hidden;
}
.btnshine::before {
content: ''; position: absolute;
top: 0;
left: -75%; width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
transform: skewX(-25deg);
} .btnshine:hover::before {
animation: shine 1s;
}
@keyframes shine {
100% {
left: 125%;
}
} .is-style-dokkun{
animation: dokkun infinite 1s;
}
@keyframes dokkun {
0%,100% {
transform: scale(1);
}
50%{
transform: scale(1.05);
}
}
.colorful-frame2 span{
border-radius:10px;
}