.dental_white {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
.dental_white {
section:first-child {
padding-top: 0;
} a,
button {
cursor: revert;
} ol,
ul,
menu {
list-style: none;
} img {
width: revert-layer;
vertical-align: bottom;
max-width: 100%!important;
}
img {
max-inline-size: 100%;
max-block-size: 100%;
-webkit-backface-visibility: hidden;
} table {
border-collapse: collapse;
} input,
textarea {
-webkit-user-select: auto;
} textarea {
white-space: revert;
} meter {
-webkit-appearance: revert;
appearance: revert;
} :where(pre) {
all: revert;
box-sizing: border-box;
} ::placeholder {
color: unset;
} ::marker {
content: initial;
} :where([hidden]) {
display: none;
} :where([contenteditable]:not([contenteditable="false"])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
} :where([draggable="true"]) {
-webkit-user-drag: element;
} :where(dialog:modal) {
all: revert;
box-sizing: border-box;
}
button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
} .sp {
display: block;
}
.pc {
display: none;
}
sup {
font-size: 1rem;
}
small {
font-size: 1rem;
display: block;
line-height: 1.4; }
.eng {
font-family: 'Rubik', sans-serif;
font-weight: 400;
font-size: 1.6rem;
}
.jpn {
display: block;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
letter-spacing: 2px;
}
.jpn-s {
display: block;
font-size: 1.6rem;
font-family: 'Noto Serif JP', serif;
font-weight: 300;
letter-spacing: 2px;
text-align: center;
}
.left {
text-align: left !important;
}
.right {
text-align: right !important;
}
.center {
text-align: center !important;
}
.flex-box-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.flex-sp-center {
justify-content: center;
}
.img-border {
padding: 4px;
border: 1px solid #ccc;
background: #fff;
}
.img-square {
position: relative;
display: block;
}
.img-square::before {
display: block;
content: "";
width: 20px;
height: 20px;
position: absolute;
top: -10px;
left: -10px;
border: 1px solid #455a83;
}
.img-square::after {
display: block;
content: "";
width: 20px;
height: 20px;
position: absolute;
bottom: -10px;
right: -10px;
border: 1px solid #cabc8f;
}
.img-L {
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.w35 img {
width: 100%;
}
.arrow-Down {
position: relative;
height: 50px;
margin: -20px auto 20px;
width: 1px;
}
.arrow-Item {
position: absolute;
left: 1px;
display: block;
width: 1px;
border-radius: 1px;
background: #434343;
}
.arrow-Item:nth-of-type(1) {
top: 0;
height: 50px;
}
.arrow-Item:nth-of-type(2) {
bottom: 0;
height: 20px;
transform: rotate(30deg) translateX(5px);
}
.arrow-Item:nth-of-type(3) {
bottom: 0;
height: 22px;
transform: rotate(90deg) translateX(-6px);
}
.cf:after {
display: block;
content: "";
clear: both;
} .inner-wrap {
width: 100%;
padding: 0 20px 0;
margin-right: auto;
margin-left: auto;
}
.white {
background: #fff;
}
.white-bg {
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 20px 0;
background: rgba(255, 255, 255, 0.9);
}
.white-bg-pd {
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 20px;
background: rgba(255, 255, 255, 0.9);
}
.beige-bg-pd {
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 20px;
background: #fef3d7;
}
.w62 {
width: 100%;
margin-bottom: 10px;
}
.w55 {
width: 100%;
margin-bottom: 10px;
}
.w48 {
width: 100%;
margin-bottom: 10px;
}
.w40 {
width: 100%;
margin-bottom: 10px;
}
.w35 {
width: 100%;
}
.w33 {
width: 100%;
}
.w32 {
width: 100%;
}
.w32sp50 {
width: 48%;
}
.w32sp75 {
width: 75%;
}
.i-w150 {
width: 150px;
}
.box-A {
padding: 10px;
border: 1px solid #666;
}
.box-B {
padding: 20px;
border: 1px solid #666;
}
.box-C {
padding: 20px;
border: 4px solid #d3d3d3;
} .sec-qa-box {
margin: 20px auto 0;
width: 100%;
}
.qa-list:not(:first-child) {
margin-top: 10px;
}
.qa-title {
background: #fff;
cursor: pointer;
font-size: 1.6rem;
padding: 10px;
position: relative;
}
.qa-title {
background: url(/wp-content/themes/garage-labo/img/dental_whitening/qa/q.svg)no-repeat 10px center/20px #f7f5f2;
cursor: pointer;
font-size: 1.6rem;
padding: 10px 40px 10px 37px;
position: relative;
}
.qa-title:before {
position: absolute;
content: '';
top: 50%;
right: 25px;
height: 2px;
width: 15px;
background: #333;
transform: rotate(90deg);
transition: all .3s ease-in-out;
}
.qa-title:after {
position: absolute;
content: '';
top: 50%;
right: 25px;
height: 2px;
width: 15px;
background: #333;
transition: all .3s ease-in-out;
}
.qa-title.open:before {
transform: rotate(180deg);
}
.qa-title.open:after {
opacity: 0;
}
.qa-text {
border-top: 2px solid #eee;
display: none;
padding: 20px 40px;
background: #fff;
font-size: 1.6rem;
}
.qa-title i {
color: #6ab5a5;
margin-right: 5px;
} .txt-indent.list-dot li {
background: url(/wp-content/themes/garage-labo/img/dental_whitening/disc.png) no-repeat left 10px;
padding-left: 10px;
text-indent: 0;
}
.page-catch ul {
text-align: left;
margin-left: auto;
margin-right: auto;
}
li.list-check {
font-size: 1.8rem;
line-height: 22px;
padding-left: 10px;
text-indent: -15px;
}
li.list-check::before {
content: "";
display: inline-block;
background: url(/wp-content/themes/garage-labo/img/dental_whitening/check.svg) no-repeat left / contain;
width: 10px;
height: 10px;
margin-right: 5px;
} .p-link {
color: #b8860b !important;
text-decoration: underline !important;
margin: 0 2px;
}
.p-link span.jump:after {
content: "";
display: inline-block;
background: url(/wp-content/themes/garage-labo/img/dental_whitening/arr_open.svg) no-repeat;
background-position: center;
background-size: contain;
vertical-align: middle;
width: 22px;
height: 22px;
}
.underline {
text-decoration: underline;
}
span.lg {
font-size: 3rem;
vertical-align: middle;
}
span.mid {
font-size: 3rem;
font-style: italic;
color: #bda869;
margin-top: -5px;
margin-right: 5px;
display: inline-block;
}
span.big {
font-size: 6rem;
font-style: italic;
color: #fe597f;
margin-top: -36px;
display: inline-block;
}
.pink {
color: #ed8c96!important;
}
.brown {
color: #894b13!important;
}
.marin {
color: #16b4be!important;
font-weight: bold;
}
.orange {
color: #ffa500!important;
font-weight: bold;
}
.sakura {
color: #dd6f9f!important;
font-weight: bold;
}
.sky {
color: #34bcdf!important;
font-weight: bold;
}
.marker02 {
display: inline-block;
background: url(/wp-content/themes/garage-labo/img/dental_whitening/marker-span.png)repeat-x bottom;
background-size: auto 5px;
color: #434343;
font-size: 1.8rem;
}
.marker03 { background: url(/wp-content/themes/garage-labo/img/dental_whitening/marker-span2.png)repeat-x bottom;
background-size: auto 5px; font-size: 1.8rem;
}
.marker01 {
display: inline;
margin-right: 8px;
background: linear-gradient(rgba(251, 242, 213, 0) 60%, rgba(251, 242, 213, 1) 60%, rgba(251, 242, 213, 1) 90%);
}
.txt10 {
font-size: 1rem!important;
}
.txt12 {
font-size: 1.2rem!important;
}
.txt13 {
font-size: 1.3rem !important;
}
.txt14 {
font-size: 1.4rem!important;
}
.txt16 {
font-size: 1.4rem!important;
}
.txt18 {
font-size: 1.6rem!important;
}
.txt20 {
font-size: 1.8rem!important;
}
.txt23 {
font-size: 1.8rem!important;
}
.txt25 {
font-size: 2rem!important;
}
.txt30 {
font-size: 2.2rem!important;
} .site-custom {
padding-top: 20px;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb30 {
margin-bottom: 30px !important
}
.mb40 {
margin-bottom: 40px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb120 {
margin-bottom: 120px !important;
}
.mt0 {
margin-top: 0 !important;
}
.mrl {
margin-right: auto;
margin-left: auto;
}
.pd1 {
padding: 10px !important;
} .sec-ttl {
position: relative;
margin-bottom: 15px;
font-size: 2.1rem;
text-align: center;
}
.ttl-low {
font-family: 'Noto Serif JP', serif;
position: relative;
}
.ttl-low-1 {
color: #ae9373;
background: url(/wp-content/themes/garage-labo/img/dental_whitening/ttl-low1_bg.svg)no-repeat left 12px center / 20px, #f7f5f2;
}
.ttl-low-2 {
font-size: 1.8rem;
text-align: center;
border-bottom: 1px solid #455a83;
border-top: 1px solid #455a83;
line-height: 1.6;
color: #455a83;
padding-left: 0;
padding-right: 0;
}
.ttl-low-3 {
border-top: 1px solid #ee8579;
line-height: 20px;
color: #ae9373;
background: rgba(251, 242, 213, 1);
text-align: center;
}
.ttl-low-4 {
color: #ae9373;
padding: 0;
text-align: center;
line-height: 1.6;
}
.ttl-low-4::after {
border-bottom: 1px dashed #796a55;
display: block;
content: "";
width: 100%;
height: 8px;
}
.ttl-low-5 {
color: #fff;
background: #56c9d0;
padding: 8px 10px;
text-align: center;
}
.link-box {
border: 1px solid #666;
text-align: center;
max-width: 200px;
margin: 10px auto;
font-family: 'lubik', sans-serif;
font-weight: 400;
position: relative;
}
a.link-box {
color: #666;
display: block;
width: 100%;
height: 100%;
padding: 5px;
}
.link-box::before {
content: "";
display: block;
width: 60px;
height: 1px;
background: #666;
position: absolute;
top: 0;
bottom: 0;
right: -30px;
margin: auto;
}
@media screen and (min-width: 600px) {}
@media screen and (min-width: 768px) { .sp {
display: none;
}
.pc {
display: block;
}
section:first-child {
padding-top: 20px;
}
.ttl-low-2 {
line-height: 26px;
padding: 0;
}
.opale_ttl:after {
background-color: #95451d;
border-radius: 5px;
content: "";
height: 4px;
width: 64%;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.flex-sp-center {
justify-content: space-between;
} .txt10 {
font-size: 1rem!important;
}
.txt12 {
font-size: 1.2rem!important;
}
.txt13 {
font-size: 1.3rem !important;
}
.txt14 {
font-size: 1.4rem!important;
}
.txt16 {
font-size: 1.6rem!important;
}
.txt18 {
font-size: 1.8rem!important;
}
.txt20 {
font-size: 2.0rem!important;
}
.txt23 {
font-size: 2.3rem!important;
}
.txt25 {
font-size: 2.5rem!important;
}
.txt30 {
font-size: 3rem!important;
} .site-custom {
padding-top: 120px;
}
.img-right {
float: right;
margin: 0 0 10px 15px;
}
.img-L {
max-width: 850px;
margin-right: auto;
margin-left: auto;
} .w62 {
width: 62%;
}
.w55 {
width: 55%;
}
.w48 {
width: 48%;
margin-bottom: 10px;
}
.w40 {
width: 40%;
margin-bottom: 10px;
}
.w35 {
width: 35%;
}
.w33 {
width: 33%;
}
.w32 {
width: 32%;
}
.w32sp50 {
width: 32%;
}
.w32sp75 {
width: 32%;
}
.w26 {
width: 26%;
}
.w70 {
width: 70%;
}
.w80 {
width: 80%;
}
.w90 {
width: 90%;
}
.w100 {
width: 100%
}
.align-st {
display: flex;
align-items: stretch;
}  .evenly {
justify-content: space-evenly;
} .ttl-low-1::before {
background-position: left top;
top: inherit;
}
}
}.dental_white {
p {
font-size: 1.4rem;
}
.w-menu {
margin-top: 30px;
}
.w-menu nav {
width: 100%; }
.white-medic nav ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1em 0;
}
.white-medic nav ul li {
font-size: 1.2rem;
width: calc((100% - 2em) / 3);
border: 1px solid #16b4be;
height: 60px;
line-height: 1.4;
position: relative;
text-align: center;
}
.white-medic nav ul a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #16b4be;
display: flex;
align-items: center;
justify-content: center;
}
.white-medic nav ul a:hover {
background: #16b4be;
opacity: inherit;
color: #fff;
}
.white-medic nav li a.active {
background: #16b4be;
opacity: inherit;
color: #fff;
}
.white-medic-kinds table,
.white-medic-opale table {
font-size: 1.2rem;
width: 100%;
text-align: center;
border-collapse: separate;
border-spacing: 0.5em;
}
.white-medic-kinds table th,
.white-medic-opale table th {
padding: 1em;
}
.white-medic-opale table th.title {
width: 25%;
vertical-align: middle;
}
.white-medic-kinds table th.title span:first-child {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
white-space: pre;
}
.white-medic-kinds table th.title:first-child {
background: #ffa500;
min-width: 4em;
text-align: center;
vertical-align: middle;
}
.white-medic-opale table th.title:first-child {
background: #ffa500;
}
.white-medic-kinds table th.title,
.white-medic-opale table th.title {
background: #16b4be;
color: #fff;
}
.white-medic-kinds table td.course:first-child,
.white-medic-opale table td.course:first-child {
background: #e9b961;
margin-top: 5px;
color: #fff;
min-width: 4em;
}
.white-medic-kinds table td.course span:first-child {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
white-space: pre;
}
.white-medic-kinds table td.course {
background: #fbfbfb;
padding: 1em;
vertical-align: middle;
}
.white-medic-opale table td.course {
background: #89c0cd;
text-align: left;
color: #fff;
padding: 1em;
vertical-align: top;
}
.white-medic-case table td.course {
background: #f4e7f5;
}
.white-medic-case figure {
text-align: center;
}
.white-medic-case figcaption {
background: #16b4be;
padding: 0.5em 2em;
color: #fff;
display: inline-block;
max-width: 200px;
border-radius: 12px;
}
.white-medic-opale td p {
text-indent: -0.4em;
padding-left: 1em;
}
.staff-a {
position: relative;
margin-top: 130px;
width: 100%;
}
.staff-a:before {
display: block;
content: url(/wp-content/themes/garage-labo/img/dental_whitening/clinic.svg);
width: 350px;
position: absolute;
top: -62px;
left: 50%;
margin: 0 auto;
transform: translateY(-50%) translateX(-50%);
}
.staff-b {
position: relative;
margin-top: 130px;
width: 100%;
background: #d3d3d3;
}
.staff-c,
.staff-d {
position: relative;
margin-top: 130px;
width: 100%;
background: #78bfac;
}
.staff-b:before {
display: block;
content: url(/wp-content/themes/garage-labo/img/dental_whitening/salon.svg);
width: 200px;
position: absolute;
top: -57px;
left: 50%;
margin: 0 auto;
transform: translateY(-50%) translateX(-50%);
}
.staff-c:before,
.staff-d:before {
display: block;
content: url(/wp-content/themes/garage-labo/img/dental_whitening/opale/home_icon.svg);
width: 200px;
position: absolute;
top: -57px;
left: 50%;
margin: 0 auto;
transform: translateY(-50%) translateX(-50%);
z-index: -1;
}
.staff-d:before {
content: url(/wp-content/themes/garage-labo/img/dental_whitening/opale/office_icon.svg);
}
.opale_ttl {
position: relative;
margin-top: 130px;
width: 100%;
height: 120px;
background: url(/wp-content/themes/garage-labo/img/dental_whitening/opale/opale_ttl_back.svg) no-repeat bottom;
background-size: contain;
color: #95451d;
font-weight: bold;
text-align: left;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
line-height: 1.4;
}
.opale_ttl:before {
display: block;
content: url(/wp-content/themes/garage-labo/img/dental_whitening/opale/notice.svg);
width: 150px;
position: absolute;
top: 14px;
right: 0;
margin: 0 auto;
transform: translateY(-50%) translateX(-50%);
} .btn,
a.btn,
button.btn {
font-size: 1.8rem;
line-height: 1.6;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #fff;
border-radius: 0.5rem;
}
button a.btn-border {
border-radius: 0;
background: #16b4be;
}
button a.btn-border.home {
background: #ffa500;
}
button a.btn-border.dual {
background: #dd6f9f;
}
a.btn-border:hover {
color: #fff;
background: #8fd6e9;
}
.triangle {
position: relative;
}
.triangle:after,
.staff-a.triangle:after,
.staff-b.triangle:after,
.staff-c.triangle:after,
.staff-d.triangle:after {
display: block;
content: "";
position: absolute;
left: 50%;
bottom: -40px;
height: calc(60px / 2);
width: 60px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
transform: translateY(-50%) translateX(-50%);
}
.triangle:after,
.staff-c.triangle:after,
.staff-d.triangle:after {
bottom: -45px;
background: #d3d3d3;
}
.staff-a.triangle:after {
background: #56c9d0;
}
.staff-b.triangle:after {
background: #d3d3d3;
}
.staff-c.triangle:after,
.staff-d.triangle:after {
background: #78bfac;
}
.white-medic table {
width: 100%;
border-collapse: separate;
font-size: 1.2rem;
}
.white-medic table th {
display: block;
background: #fff;
width: 100%;
padding: 0.5em 1em;
vertical-align: middle;
border: 2px solid #56c9d0;
}
.white-medic table.a th {
border: 2px solid #56c9d0;
}
.white-medic table.b th {
border: 2px solid #d3d3d3;
}
.white-medic table td {
display: block;
background: #e6f7f5;
vertical-align: middle;
padding: 1em 2em;
margin-bottom: 1em;
}
.white-medic table.b td {
background: #f5f5f5;
}
table.b td {
display: flex;
align-items: center;
}
.table-nocolor,
.table-nocolor2 {
width: 100%;
border-collapse: separate;
border: none;
border-spacing: 0.5em;
font-size: 1.2rem;
}
.table-nocolor th span,
.table-nocolor2 th span {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
white-space: pre;
}
.table-nocolor th,
.table-nocolor2 th {
background: #16b4be;
padding: 1em;
width: inherit;
border: none;
color: #fff;
min-width: 4em;
text-align: center;
}
.table-nocolor td,
.table-nocolor2 td {
text-align: center;
padding: 5px;
border: none;
background: #f7f5eb;
vertical-align: middle;
}
dl.opale dt {
color: #95451d;
font-weight: bold;
}
li.P-box {
margin-bottom: 1em;
position: relative;
}
.P-p {
margin-bottom: 0.5em;
}
h4.P-flow {
font-size: 1.8rem;
line-height: 1.4;
margin-left: -1em;
margin-bottom: 1em;
text-align: center;
text-indent: -0.8em;
}
h4.P-flow {
position: relative;
}
h4.P-flow:before {
padding-left: 1.5em;
display: inline-block;
content: "";
width: 1.6rem;
height: 1.2rem;
background: url(/wp-content/themes/garage-labo/img/dental_whitening/check.svg) no-repeat center;
}
li.P-box:before {
top: -22px;
left: -18px;
width: 56px;
height: 56px;
padding: 0 13px 2px 0;
font-size: 1.4rem;
}
ol.fpoint { list-style: none;
} li.P-box:before {
content: "オフィス";
position: absolute;
z-index: 3;
top: 5px;
left: 5px;
width: 70px;
height: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: center;
padding: 2px 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50%;
color: #fff;
font-size: 1.4rem;
text-align: center; font-family: 'Roboto', sans-serif;
font-weight: 700;
}
li.P-box.ho:before {
background: #ffa500;
content: "ホーム";
}
li.P-box.of:before {
background: #16b4be;
}
li.P-box.no:before {
display: none;
content: "";
}
ol.fpoint.plus {
position: relative;
}
ol.fpoint.plus:before {
display: block;
width: 60px;
height: 92px;
content: url(/wp-content/themes/garage-labo/img/dental_whitening/plus.svg);
position: absolute;
top: -133%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 9999;
}
blockquote {
position: relative;
border: 4px solid #8BC0B8;
border-radius: 10px;
padding: 3em;
}
blockquote:before {
position: absolute;
content: '“';
font-size: 6rem;
color: #8BC0B8;
top: 10px;
left: 20px;
}
blockquote:after {
position: absolute;
content: '”';
font-size: 6rem;
color: #8BC0B8;
right: 20px;
bottom: 10px;
}
blockquote cite {
display: block;
font-size: 1.4rem;
text-align: right;
color: #666;
padding-right: 20px;
}
@media only screen and (min-width: 767px) {
p {
font-size: 1.6rem;
}
.w-menu {
margin-top: 0;
}
.white-medic nav ul {
display: flex;
height: 60px;
flex-wrap: nowrap;
}
.white-medic nav ul li {
font-size: 1.6rem;
width: calc((100% - 6em) / 6);
}
.white-medic table th,
.white-medic table td {
font-size: 1.6rem;
}
.white-medic table.a td,
.white-medic table.b td {
height: 110px;
}
.white-medic table.a tr:first-child > td,
.white-medic table.b tr:first-child > td {
height: 250px;
}
.white-medic table.a tr:last-child > td,
.white-medic table.b tr:last-child > td {
height: 250px;
}
.white-medic-kinds table,
.white-medic-opale table {
font-size: 1.6rem;
}
.white-medic-kinds table th.title span:first-child,
.white-medic-opale table th.title span:first-child {
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
.white-medic-kinds table td.course span:first-child,
.white-medic-opale table td.course span:first-child {
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
.table-nocolor th,
.table-nocolor2 th,
.table-nocolor td {
font-size: 1.6rem;
vertical-align: middle;
}
.table-nocolor th span,
.table-nocolor2 th span {
width: 30%;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
.fpoint {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 2em;
}
.P-box {
width: 33%;
margin-right: auto;
margin-left: auto;
padding-right: 1em;
padding-left: 1em;
position: relative;
}
.P-p {
margin-bottom: 1em;
}
ol.fpoint { list-style: none;
}
li.P-box:before {
top: -22px;
left: 0;
width: 56px;
height: 56px;
padding: 0 13px 2px 0;
font-size: 1.4rem;
} li.P-box:before {
width: 70px;
height: 70px;
top: -10px;
left: 0;
padding: 5px;
}
blockquote {
padding: 6em;
}
}
@media only screen and (min-width: 820px) and (max-width: 1280px) {
.white-medic nav ul li {
font-size: 1.4rem;
}
.white-medic nav ul li br.sp {
display: block !important;
}
}
@media only screen and (min-width: 1281px) { }
}