html.remodal-is-locked {
-ms-touch-action: none;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}  .remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 0;
} .remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: none;
opacity: 1;
filter: blur(0);
}
}
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.95);
opacity: 0;
filter: blur(0);
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 700px;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
} body {
margin: 0;
font-size: 16px;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",sans-serif;
color: rgb(48, 48, 48);
line-height: 2.188;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
} a, a[rel~='nofollow'], a[rel~='sponsored'], a[rel~='ugc'] {
outline: 0!important;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} img {
border-style: none;
} button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
} details {
display: block;
}
summary {
display: list-item;
} template {
display: none;
}
[hidden] {
display: none;
} *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  h2,
h3,
h4,
h5,
h6 {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul {
list-style: none;
padding-left: 0;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 600;
}
dd {
margin: 0 1.5em 1.5em;
}
embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a{
color: #57c8d5;
text-decoration:none;
}
@media(min-width: 640px){
a:hover {
opacity:.7;
color: #57c8d5;
}
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
.infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}.scrollshadow {
background-color: rgb(255, 255, 255);
box-shadow: 0px 6px 5.64px 0.36px rgba(95, 23, 5, 0.2);
} #nav{
z-index: 99;
position: absolute;
bottom: -.5rem;
right: 0;
left: 0;
padding: 0;
text-align: center;
width: 100%;
margin: 0 auto;
z-index: 9999;
} .menu-container {
margin: 0 auto;
}
.menu-mobile {
display: none;
padding: 20px;
}
.menu > ul {
margin: 0 auto;
width: 100%;
list-style: none;
position: relative; box-sizing: border-box;
display: flex;
justify-content:center;
padding-left: 28rem;
z-index: 99;
}
.menu > ul:before,
.menu > ul:after {
content: "";
display: table;
}
.menu > ul:after {
clear: both;
}
.menu > ul > li {
float: left;
padding: 0;
margin: 0;
}
.menu > ul > li a {
text-decoration: none;
padding: 1rem 1rem;
position: relative;
display: inline-block;
}
.menu > ul > li > a{
font-size: 14px;
color: rgb(44, 44, 44);
letter-spacing: .1rem;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.menu > ul > li > a::after {
position: absolute;
bottom: .9rem;
left: 50%;
content: '';
width: 0;
height: 3px;
background-color: rgb(87 200 213);
transition: .3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.menu > ul > li > a:hover,.site-branding a{opacity:1;}
.menu > ul > li > a:hover::after {
width: 90%;
width: -webkit-calc(100% - 1rem);
width: calc(100% - 1rem);
}
.menu > ul > li > ul {
display: none;
width: 100%;
background: rgb(212, 238, 244);
box-shadow: 0px 6px 5.64px 0.36px rgba(83, 29, 15, 0.2);
padding: 1.5rem 8rem .5rem;
position: absolute;
z-index: 99;
top: 3.3rem;
left: 0;
right: 0;
margin: 0 auto;
list-style: none;
box-sizing: border-box;
flex-flow: row wrap;
justify-content: center;
}
@media(min-width: 1500px){
.menu > ul > li > ul {
padding: 1.5rem 15vw .5rem;
}
}
@media(min-width: 1800px){
.menu > ul > li > ul {
padding: 1.5rem 19vw .5rem;
}
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
content: "";
display: table;
}
.menu > ul > li > ul:after {
clear: both;
}
.menu > ul > li > ul > li {
margin:0 0 1rem;
padding-bottom: 0;
list-style: none;
width: 25%;
max-width: 255px;
background: none;
float: left;
display: flex;
justify-content: center;
} .menu-item.centeris{
width: 25%;
max-width:255px;
height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.menu > ul > li > ul > li a {
padding:.75rem 0 .75rem;
width: 95%;
display: block;
text-align: center;
position: relative;
background: rgb(255, 255, 255);
color: rgb(44, 44, 44);
font-size: 14px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: .2s;
}
.menu > ul > li > ul > li a:hover{
background: #fff!important;
}
.pe:hover {
pointer-events: active;
}
.pe:active {
pointer-events: none;
}
@media(max-width: 1100px){
.menu > ul > li > ul {
padding: 1.5rem 3rem .5rem;
top: 3rem;
}
}
.menu > ul > li > ul > li > ul {
display: block;
padding: 0;
margin: 10px 0 0;
list-style: none;
box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
content: "";
display: table;
}
.menu > ul > li > ul > li > ul:after {
clear: both;
}
.menu > ul > li > ul > li > ul > li {
float: left;
width: 100%;
padding: 10px 0;
margin: 0;
font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
border: 0;
}
@media screen and (max-width: 1150px) {
.menu > ul {
justify-content: flex-end;
padding-left: 0;
}
} .global-nav {
margin: 0;
position: relative;
}
.global-nav .nav-list {
display: flex;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}
.global-nav .nav-list .nav-item {
flex: 1;
}
.global-nav .nav-list .nav-item a {
border-right: 1px solid #ccc;
color: #333;
display: block;
padding: 0.6em 0.4em;
text-align: center;
text-decoration: none;
}
.global-nav .nav-list .nav-item:last-child a {
border-right: none;
} @media screen and (min-width: 768px) {
.nav-list {
position: relative;
}
.nav-item_sub {
background: #ccc;
left: 0;
margin: 0 calc(50% - 50vw);
opacity: 0;
position: absolute;
top: 40px;
transition: all 0.2s ease;
visibility: hidden;
width: 100vw;
}
.nav-item_sub .inner {
display: flex;
margin: 0 auto;
width: 1200px;
}
.nav-item_sub .inner ul {
margin: 20px 20px 20px;
}
.global-nav .nav-list .nav-item_sub a {
text-align: left;
}
.nav-item:hover .nav-item_sub {
opacity: 1;
visibility: visible;
}
} .global-nav-icon {
display: none;
}
@media screen and (max-width: 768px) {
.global-nav-header {
height: 50px;
}
.global-nav .nav-list {
background: rgba(0, 0, 0, 0.8);
display: none;
left: 50%;
padding: 10px;
position: absolute;
transform: translate(-50%, 0%);
width: 100%;
}
.global-nav .nav-list .nav-item a {
border-bottom: 1px solid #ccc;
border-right: none;
color: #fff;
padding: 1rem 1rem;
text-align: left;
}
.global-nav .nav-list .nav-item:last-child a {
border-bottom: none;
}
.global-nav-icon {
color: #999;
cursor: pointer;
display: inline-block;
font-size: 28px;
position: absolute;
right: 5px;
top: 15px;
z-index: 2;
}
}
@media screen and (max-width: 768px) {
.nav-item_sub {
display: none;
}
.main-menu-btn {
margin: 0;
}
.global-nav {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
.nav-list {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
}
.sm-mint {
border-top: 2px solid #8db863;
border-bottom: 2px solid #8db863;
background: #fff;
}
.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
padding: 13px 20px; padding-right: 58px;
color: #333;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 17px;
text-decoration: none;
}
.sm-mint a.current {
font-weight: bold;
}
.sm-mint a.disabled {
color: #cccccc;
}
.sm-mint a .sub-arrow {
position: absolute;
top: 50%;
margin-top: -17px;
left: auto;
right: 4px;
width: 34px;
height: 34px;
overflow: hidden;
font: bold 14px/34px monospace !important;
text-align: center;
text-shadow: none;
background: rgba(141, 184, 99, 0.2);
border-radius: 4px;
}
.sm-mint a .sub-arrow::before {
content: '+';
}
.sm-mint a.highlighted .sub-arrow::before {
content: '-';
}
.sm-mint li {
border-top: 1px solid rgba(141, 184, 99, 0.2);
}
.sm-mint > li:first-child {
border-top: 0;
}
.sm-mint ul {
background: rgba(141, 184, 99, 0.2);
}
.sm-mint ul a, .sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active {
font-size: 14px;
border-left: 8px solid transparent;
}
.sm-mint ul ul a,
.sm-mint ul ul a:hover,
.sm-mint ul ul a:focus,
.sm-mint ul ul a:active {
border-left: 16px solid transparent;
}
.sm-mint ul ul ul a,
.sm-mint ul ul ul a:hover,
.sm-mint ul ul ul a:focus,
.sm-mint ul ul ul a:active {
border-left: 24px solid transparent;
}
.sm-mint ul ul ul ul a,
.sm-mint ul ul ul ul a:hover,
.sm-mint ul ul ul ul a:focus,
.sm-mint ul ul ul ul a:active {
border-left: 32px solid transparent;
}
.sm-mint ul ul ul ul ul a,
.sm-mint ul ul ul ul ul a:hover,
.sm-mint ul ul ul ul ul a:focus,
.sm-mint ul ul ul ul ul a:active {
border-left: 40px solid transparent;
}
@media (min-width: 768px) {
.sm-mint ul {
position: absolute;
width: 12em;
}
.sm-mint li {
float: left;
}
.sm-mint.sm-rtl li {
float: right;
}
.sm-mint ul li, .sm-mint.sm-rtl ul li, .sm-mint.sm-vertical li {
float: none;
}
.sm-mint a {
white-space: nowrap;
}
.sm-mint ul a, .sm-mint.sm-vertical a {
white-space: normal;
}
.sm-mint .sm-nowrap > li > a, .sm-mint .sm-nowrap > li > :not(ul) a {
white-space: nowrap;
}
.sm-mint {
border-top: 0;
background: transparent;
}
.sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted {
padding: 11px 20px;
color: #333;
border-radius: 4px 4px 0 0;
}
.sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
background: #8db863;
color: #fff;
}
.sm-mint a.highlighted {
background: #F6FFED;
color: #333;
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
}
.sm-mint a.disabled {
background: transparent;
color: #cccccc;
box-shadow: none;
}
.sm-mint a.has-submenu {
padding-right: 34px;
}
.sm-mint a .sub-arrow {
top: 50%;
margin-top: -3px;
right: 20px;
width: 0;
height: 0;
border-width: 6px 4.02px 0 4.02px;
border-style: solid dashed dashed dashed;
border-color: #8db863 transparent transparent transparent;
background: transparent;
border-radius: 0;
}
.sm-mint a:hover .sub-arrow, .sm-mint a:focus .sub-arrow, .sm-mint a:active .sub-arrow {
border-color: #fff transparent transparent transparent;
}
.sm-mint a.highlighted .sub-arrow {
border-color: #8db863 transparent transparent transparent;
}
.sm-mint a.disabled .sub-arrow {
border-color: #8db863 transparent transparent transparent;
}
.sm-mint a .sub-arrow::before {
display: none;
}
.sm-mint li {
border-top: 0;
}
.sm-mint ul {
border: 0;
padding: 8px 0;
background: #F6FFED;
border-radius: 0 4px 4px 4px;
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25);
}
.sm-mint ul ul {
border-radius: 4px;
}
.sm-mint ul a, .sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active, .sm-mint ul a.highlighted {
border: 0 !important;
padding: 10px 20px;
color: #333;
border-radius: 0;
}
.sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active, .sm-mint ul a.highlighted {
background: #8db863;
color: #fff;
box-shadow: none;
}
.sm-mint ul a.disabled {
background: transparent;
color: #b3b3b3;
}
.sm-mint ul a.has-submenu {
padding-right: 20px;
}
.sm-mint ul a .sub-arrow {
right: 10px;
margin-top: -4.02px;
border-width: 4.02px 0 4.02px 6px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #8db863;
}
.sm-mint ul a:hover .sub-arrow, .sm-mint ul a:focus .sub-arrow, .sm-mint ul a:active .sub-arrow, .sm-mint ul a.highlighted .sub-arrow {
border-color: transparent transparent transparent #fff;
}
.sm-mint ul a.disabled .sub-arrow {
border-color: transparent transparent transparent #8db863;
}
.sm-mint .scroll-up,
.sm-mint .scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: #F6FFED;
height: 20px;
}
.sm-mint .scroll-up-arrow,
.sm-mint .scroll-down-arrow {
position: absolute;
top: 6px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-width: 0 6px 8px 6px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #8db863 transparent;
}
.sm-mint .scroll-down-arrow {
border-width: 8px 6px 0 6px;
border-style: solid dashed dashed dashed;
border-color: #8db863 transparent transparent transparent;
}
.sm-mint.sm-rtl a.has-submenu {
padding-right: 20px;
padding-left: 34px;
}
.sm-mint.sm-rtl a .sub-arrow {
right: auto;
left: 20px;
}
.sm-mint.sm-rtl.sm-vertical {
border-right: 0;
border-left: 2px solid #8db863;
}
.sm-mint.sm-rtl.sm-vertical a {
border-radius: 0 4px 4px 0;
}
.sm-mint.sm-rtl.sm-vertical a.has-submenu {
padding: 10px 20px;
}
.sm-mint.sm-rtl.sm-vertical a .sub-arrow {
right: auto;
left: 10px;
border-width: 4.02px 6px 4.02px 0;
border-style: dashed solid dashed dashed;
border-color: transparent #8db863 transparent transparent;
}
.sm-mint.sm-rtl.sm-vertical a:hover .sub-arrow, .sm-mint.sm-rtl.sm-vertical a:focus .sub-arrow, .sm-mint.sm-rtl.sm-vertical a:active .sub-arrow, .sm-mint.sm-rtl.sm-vertical a.highlighted .sub-arrow {
border-color: transparent #fff transparent transparent;
}
.sm-mint.sm-rtl.sm-vertical a.disabled .sub-arrow {
border-color: transparent #8db863 transparent transparent;
}
.sm-mint.sm-rtl ul {
border-radius: 4px 0 4px 4px;
}
.sm-mint.sm-rtl ul a {
border-radius: 0 !important;
}
.sm-mint.sm-rtl ul a.has-submenu {
padding: 10px 20px !important;
}
.sm-mint.sm-rtl ul a .sub-arrow {
right: auto;
left: 10px;
border-width: 4.02px 6px 4.02px 0;
border-style: dashed solid dashed dashed;
border-color: transparent #8db863 transparent transparent;
}
.sm-mint.sm-rtl ul a:hover .sub-arrow, .sm-mint.sm-rtl ul a:focus .sub-arrow, .sm-mint.sm-rtl ul a:active .sub-arrow, .sm-mint.sm-rtl ul a.highlighted .sub-arrow {
border-color: transparent #fff transparent transparent;
}
.sm-mint.sm-rtl ul a.disabled .sub-arrow {
border-color: transparent #8db863 transparent transparent;
}
.sm-mint.sm-vertical {
border-bottom: 0;
border-right: 2px solid #8db863;
}
.sm-mint.sm-vertical a {
padding: 10px 20px;
border-radius: 4px 0 0 4px;
}
.sm-mint.sm-vertical a:hover, .sm-mint.sm-vertical a:focus, .sm-mint.sm-vertical a:active, .sm-mint.sm-vertical a.highlighted {
background: #8db863;
color: #fff;
box-shadow: none;
}
.sm-mint.sm-vertical a.disabled {
background: transparent;
color: #cccccc;
}
.sm-mint.sm-vertical a .sub-arrow {
right: 10px;
margin-top: -4.02px;
border-width: 4.02px 0 4.02px 6px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #8db863;
}
.sm-mint.sm-vertical a:hover .sub-arrow, .sm-mint.sm-vertical a:focus .sub-arrow, .sm-mint.sm-vertical a:active .sub-arrow, .sm-mint.sm-vertical a.highlighted .sub-arrow {
border-color: transparent transparent transparent #fff;
}
.sm-mint.sm-vertical a.disabled .sub-arrow {
border-color: transparent transparent transparent #8db863;
}
.sm-mint.sm-vertical ul {
border-radius: 4px !important;
}
.sm-mint.sm-vertical ul a {
padding: 10px 20px;
}
}header#masthead{
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 95px;
background: rgb(255, 255, 255);
z-index: 9999;
}
.headwrap{
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.site-branding{
float: left;
position: relative;
top: -.2rem;
z-index: 100;
}
.site-branding h1 {
font-size: 11px;
text-align: left;
margin: 0 0 0.5rem;
}
.site-branding img{
width: 320px;
}
.headinfo{
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
z-index: 100;
margin-top: .7rem;
}
.headtel{
position: relative;
}
.headtel:before{
content: '';
background: url(//www.goto-smile.com/images/headtel.png)no-repeat center center;
background-size: 39px;
width: 39px;
height: 39px;
position: absolute;
top: 0;
left: -3rem;
}
.headtel span{
display: block;
color: rgb(44, 44, 44);
line-height: 1;
}
.headtel span:nth-child(1) {
font-size: 11px;
letter-spacing: .1rem;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.headtel span:nth-child(2) {
font-size: 25px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
letter-spacing: .1rem;
}
.headreserve{
margin: 0 1rem;
}
.headreserve a:hover{
opacity: .7;
}
.headreserve img{
width: 210px;
}
.headsearch input[type="text"]{
border: none;
padding: 3px!important;
} .headsearch .searchform {
position: relative;
width: 200px;
display: flex;
}
.headsearch .searchfield{
border-top: 2px solid rgb(87 200 213)!important;
border-bottom: 2px solid rgb(87 200 213)!important;
border-left: 2px solid rgb(87 200 213)!important;
border-right: none;
width: 165px;
height: 35px;
outline: none;
border-radius: 0!important;
}
.headsearch .searchform input[type="submit"]{
cursor: pointer;
border: none;
width: 35px;
height: 35px;
background: url(//www.goto-smile.com/images/search.png)no-repeat center center;
background-size: 16px;
background-color: rgb(87 200 213);
border-radius: 0;
}
.headsearch .searchform input[type="submit"]:hover{
opacity: .7;
}
.headsearch .searchform  ::placeholder{
color: #ccc;
padding-left: .5rem;
font-size: 15px;
}
.spheadsearch .spsearchform,.headsearch .spsearchform{
display: none;
}
.search-title{
font-size: 15px;
padding: 1rem;
margin-bottom: 0;
}
@media(max-width: 992px){
.spheadsearch .searchform{
display: none;
}
.spheadsearch{
display: none;
background: rgb(212, 238, 244);
height: 65px;
width: 100%; justify-content: center;
align-items: center;
position: relative;
z-index: 9999;
}
.spheadsearch .spsearchform{
display: block;
display: flex;
justify-content: center;
border: none;
}
.spheadsearch .spsearchform input{
border-radius: 0;
border: none;
height: 35px;
outline: none!important;
}
.spheadsearch .spsearchform input[type="submit"] {
background: url(//www.goto-smile.com/images/search.png)no-repeat center center;
background-size: 16px;
background-color: rgb(132, 200, 211);
width: 35px;
position: relative;
}
.search-title{
font-size: 14px;
}
} .clbtn{
position: fixed;
top: 7rem;
right: 1rem;
width: 145px;
height: 145px;
z-index: 99;
}
.clbtn a:hover{
opacity: .7;
}
.clbtn img{
width: 145px;
height: 145px;
} .mainVisual{
width: 100%;
height: 650px;
margin:95px auto 0;
}
.carousel-inner .carousel-item img{
width: 100%;
height:650px;
object-fit: cover;
}
.mainVisual .carousel-caption{
right: 0;
top: 3rem;
bottom:0;
left: 10%;
color: #fff;
text-align: left;
}
.mainVisual .carousel-caption h5 {
font-size: 25px;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",sans-serif;
color: rgb(254, 254, 254);
font-weight: bold;
line-height: 2;
letter-spacing:.1rem;
}
.carousel-inner .carousel-item:nth-child(even) .carousel-caption h5{
color: rgb(2, 165, 192);
}
.carousel-indicators [data-bs-target] {
border-radius: 50%;
background-color: rgb(146, 146, 146);
width: 13px;
height: 13px;
margin-right: 8px;
margin-left: 8px;
}
.carousel-indicators .active{
background-color: rgb(0, 105, 122);
}
.carousel-indicators{
margin-bottom:10px;
} header.page{
background: url(//www.goto-smile.com/wp-content/themes/goto-smile/img/underlayer.jpg)no-repeat center center;
background-size: cover;
width: 100%;
height: 180px;
padding: 3rem 0;
display: flex;
justify-content: center;
align-items: center;
margin-top: 95px;
}
header.page .entry-title{
margin: 0;
position: relative;
}
header.page .entry-title{
margin: 0;
position: relative;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 35px;
letter-spacing: .1rem;
} main#primary{
margin: 10rem auto 5rem;
}
main#primary > section > header.page-header{
text-align: center;
}
.contents{
width:873px;
margin:0 auto;
}
.contents .cols:nth-child(odd) .cols-txt{
margin: 0 auto 0 0;
}
.contents .cols:nth-child(even) .cols-txt{
margin: 0 0 0 auto;
}
.cols-txt{
width:100%;
max-width:550px;
}
.col-w700{
width: 100%;
margin: 0 auto;
}
@media (min-width: 768px){
.col-w700{
width: 700px;
}
} .midashi{
font-family: "Zen Maru Gothic" sans-serif;
color: rgb(59, 105, 121);
}
h2.midashi {
font-size: 40px;
font-weight: 600;
text-align: center;
line-height: 1.75;
}
h2.midashi span{
font-size: 16px;
display:block;
}
h3.midashi {
font-size: 25px;
font-weight: 600;
line-height: 1.6;
padding-bottom: 35px;
margin: 2rem auto 30px;
border-bottom:2px solid rgb(2, 165, 192);
}
.midashi h3{
margin-bottom: 1.5rem;
line-height: 1.6;
}
h4.midashi{
font-weight: 600;
line-height: 1.6;
}
.midashi h4{
color: #03687a;
padding: 0 0 0 15px;
position: relative;
margin-bottom: 1.5rem;
}
.midashi h4:before {
background-color: #03687a;
content: '';
position: absolute;
top: 0;
left: 3px;
width: 4px;
height: 1.7rem;
}
.midashi h5 {
font-weight: bold;
}
.midashi h6 {
border-left: 3px solid rgb(59, 105, 121);
padding: 3px 1rem 3px;
margin-bottom: 2rem;
} .sec-1{
margin: 95px auto 100px;
}
.cols{
position: relative;
}
.sec-1 > div > .cols:nth-child(1) .more-btn{
margin-top: 4rem;
}
.sec-1 > div > .cols:nth-child(2){
margin-top: 5.5rem;
}
.sec-1 > div > .cols:nth-child(2) .more-btn{
margin-top: 4rem;
}
.sec-1 .cols-fig.sec-1-1:before{
content: '';
background: url(//www.goto-smile.com/images/top/sec-1-1.jpg)no-repeat center center;
background-size: 410px;
width: 410px;
height: 422px;
position: absolute;
top: 1%;
right: -18%;
border-radius: 50px 0 0 0;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.sec-1 .cols-fig.sec-1-1:before{background-image: url(//www.goto-smile.com/images/top/sec-1-1.webp)}
}
.sec-1 .cols-fig.sec-1-2:before{
content: '';
background: url(//www.goto-smile.com/images/top/sec-1-2.jpg)no-repeat center center;
background-size: 410px;
width: 410px;
height: 422px;
position: absolute;
top: 8%;
left: -18%;
border-radius: 0 50px 0 0;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.sec-1 .cols-fig.sec-1-2:before{background-image: url(//www.goto-smile.com/images/top/sec-1-2.webp)}
} .more-btn {
display: flex;
justify-content: center;
align-items: center;
}
.more-btn img{
width: 670px;
} .txt-gn{
color: rgb(59, 105, 121);
font-weight: bold;
line-height: 1.6;
} .sec-2{
padding-bottom:75px;
}
.sec-2,.sec-2-tlt {
background: #caeff5;
}
.sec-2-tlt{
text-align:center;
}
.sec-2-tlt h2{
margin:0;
padding: 5.5rem 0;
position:relative;
display:inline-block;
}
.sec-2-tlt h2:before{
content:'';
background:url(//www.goto-smile.com/images/top/pattern1.png)no-repeat;
background-size:417px;
width:417px;
height:254px;
position:absolute;
top:0;
left:-110%;
}
.sec-2-tlt h2:after{
content:'';
background:url(//www.goto-smile.com/images/top/pattern2.png)no-repeat;
background-size:360px;
width:360px;
height:170px;
position:absolute;
bottom:0;
right:-110%;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.sec-2-tlt h2:before{background-image:url(//www.goto-smile.com/images/top/pattern1.webp)}
.sec-2-tlt h2:after{background-image:url(//www.goto-smile.com/images/top/pattern2.webp)}
}
.sec-2 > .bg-white{
margin-bottom:75px;
}
.sec-2 .cols{
display:flex;
align-items: center;
}
.sec-2 .cols-txt h4{
margin-bottom:1.5rem;
line-height: 1.6;
}
.sec-2 .cols-txt p{
margin:0;
}
.sec-2 .cols-fig{
position:relative;
}
.sec-2 .cols-fig:before{
content: '';
width: 485px;
display: block;
}
.sec-2 > div:nth-child(odd) .cols-fig:before{
margin-right: -163px;
}
.sec-2 > div:nth-child(even) .cols-fig:before{
margin-left: -163px;
}
.cols-fig.sec-2-1:before{
background:url(//www.goto-smile.com/images/top/sec-2-1.jpg)no-repeat center center;
background-size:485px;
height:350px;
}
.cols-fig.sec-2-2:before{
background:url(//www.goto-smile.com/images/top/sec-2-2.jpg)no-repeat center center;
background-size:485px;
height:390px;
}
.cols-fig.sec-2-3:before{
background:url(//www.goto-smile.com/images/top/sec-2-3.jpg)no-repeat center center;
background-size:485px;
height:494px;
}
.cols-fig.sec-2-4:before{
background:url(//www.goto-smile.com/images/top/sec-2-4.jpg)no-repeat center center;
background-size:485px;
height:500px;
}
.cols-fig.sec-2-5:before{
background:url(//www.goto-smile.com/images/top/sec-2-5.jpg)no-repeat center center;
background-size: 715px;
width: 715px;
height: 534px;
margin: 0 0 0 auto;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.cols-fig.sec-2-1:before{ background-image:url(//www.goto-smile.com/images/top/sec-2-1.webp)}
.cols-fig.sec-2-2:before{ background-image:url(//www.goto-smile.com/images/top/sec-2-2.webp)}
.cols-fig.sec-2-3:before{ background-image:url(//www.goto-smile.com/images/top/sec-2-3.webp)}
.cols-fig.sec-2-4:before{ background-image:url(//www.goto-smile.com/images/top/sec-2-4.webp)}
.cols-fig.sec-2-5:before{ background-image:url(//www.goto-smile.com/images/top/sec-2-5.webp)}
}
.sec-2 .cols-fig span{
font-size: 91px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
color: #09a5c0;
position:absolute;
top: 0;
left: 163px;
right: 0;
line-height: 0;
text-align: center;
}
.cols-fig.sec-2-2 span,
.cols-fig.sec-2-4 span{
left: 0;
right: 163px;
}
.sec-2 > div:nth-child(odd) .cols-txt{
padding-right:114px;
}
.sec-2 > div:nth-child(even) .cols-txt{
padding-left:114px;
}
.sec-2 > div:last-child{
margin-bottom:0;
}
.sec-2 > div:last-child .cols{
display:block;
}
.sec-2 > div:last-child .cols-txt{
padding-right: 0;
z-index: 1;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) translateX(0);
-webkit- transform: translateY(-50%) translateX(0);
} .sec-3{
margin: 6rem auto 3rem;
}
.sec-3-tlt{
margin-bottom: 5rem;
}
.sec-3 > div > .cols:nth-child(2){
margin-top: 5rem;
}
.sec-3 .cols-fig.sec-3-1:before{
content: '';
background: url(//www.goto-smile.com/images/top/sec-3-1.jpg)no-repeat center center;
background-size: 410px;
width: 410px;
height: 422px;
position: absolute;
top: 1%;
right: -18%;
border-radius: 50px 0 0 0;
}
.sec-3 .cols-fig.sec-3-2:before{
content: '';
background: url(//www.goto-smile.com/images/top/sec-3-2.jpg)no-repeat center center;
background-size: 410px;
width: 410px;
height: 422px;
position: absolute;
top: 4%;
left: -18%;
border-radius: 0 50px 0 0;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.sec-3 .cols-fig.sec-3-1:before{background-image: url(//www.goto-smile.com/images/top/sec-3-1.webp)}
.sec-3 .cols-fig.sec-3-2:before{background-image: url(//www.goto-smile.com/images/top/sec-3-2.webp)}
}
.sec-3-3 {
background-color: rgb(243, 243, 243);
padding: 2rem 0 2rem;
}
.sec-3-3 .row,
.sec-3-3 p{
margin-bottom: 0!important;
}
.sec-3-3 h5{
font-size: 16px;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",sans-serif;
color: rgb(59, 105, 121);
font-weight: bold;
line-height: 1.563;
margin-bottom: 1rem;
} .sec-4{
position: relative;
margin: 6rem auto 5rem;
}
.sec-4 .sec-num h6 {
line-height: .8;
}
.sec-4 .line-white{
margin: 2.4rem 0 2.4rem;
}
.sec-4 .case{
margin-top: 5rem;
}
.sec-4 .case h5 {
font-size: 25px;
font-weight: 600;
color: rgb(59, 105, 121);
border-left: 7px solid rgb(0, 212, 202);
height: 35px;
display: flex;
align-items: center;
padding-left: 0.8rem;
}
.sec-4 .case > div{
background: rgb(243, 243, 243);
padding: 22px 15px;
}
.sec-4 .case > div:nth-child(1){
margin-bottom: 1.2rem;
}
.sec-4 .case > div figure{
text-align: center;
margin: 1.2rem auto 1.5rem;
}
.sec-4 .case > div img{
width: 450px;
}
.sec-4 .case > div table th,
.sec-4 .case > div table td{
border: 1px solid rgb(2, 165, 192);
padding: .3rem 1rem;
font-size: 14px;
font-weight: bold;
color: rgb(90, 89, 88);
}
.sec-4 .case table{
background: #fff;
margin-bottom: 0;
}
.sec-4 .case2{
margin-bottom: 3rem;
} .sec-5.sp{
display: none;
}
.sec-5{
background:url(//www.goto-smile.com/images/top/dr.jpg)no-repeat center center;
background-size:cover;
width:100%;
height:775px;
display: flex;
align-items: center;
position:relative;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.sec-5{background-image:url(//www.goto-smile.com/images/top/dr.webp)}
}
.sec-5txt{
width:440px;
color: rgb(59, 105, 121);
font-weight:bold;
margin-right: 0;
margin-left: auto;
}
.sec-5txt h2{
margin-bottom: 4rem;
}
.sec-5txt p{
margin: 0;
}
.sec-5name{
position: absolute;
bottom: 85px;
background:rgb(255 255 255 / 80%);
padding:1.5rem;
margin-left: -55px;
}
.sec-5name img{
width:327px;
}
.sec-5txtta{
position:relative;
background: rgb(243, 243, 243);
padding: 4rem 0;
color: rgb(59, 105, 121);
font-weight:bold;
}
.sec-5txtta:before{
content:'';
background:url(//www.goto-smile.com/images/top/pattern3.png)no-repeat;
background-size: contain;
width: 350px;
height: 450px;
position: absolute;
bottom: -3rem;
right: 0;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.sec-5txtta:before{background-image:url(//www.goto-smile.com/images/top/pattern3.webp)}
}
.sec-5txtta p{
margin:0;
position:relative;
} .sec-6 {
margin: 6rem auto 4.8rem;
}
.ct{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 2.7rem;
}
.ct > div{
height: 135px;
margin-bottom:25px;
}
.ct > div:nth-child(1){
background:url(//www.goto-smile.com/images/top/ct1.jpg)no-repeat center center;
background-size:280px;
}
.ct > div:nth-child(2){
background:url(//www.goto-smile.com/images/top/ct2.jpg)no-repeat center center;
background-size:280px;
}
.ct > div:nth-child(3){
background:url(//www.goto-smile.com/images/top/ct3.jpg)no-repeat center center;
background-size:280px;
}
.ct > div:nth-child(4){
background:url(//www.goto-smile.com/images/top/ct4.jpg)no-repeat center center;
background-size:280px;
}
.ct > div:nth-child(5){
background:url(//www.goto-smile.com/images/top/ct5.jpg)no-repeat center center;
background-size:280px;
}
.ct > div:nth-child(6){
background:url(//www.goto-smile.com/images/top/ct6.jpg)no-repeat center center;
background-size:280px;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.ct > div:nth-child(1){background-image:url(//www.goto-smile.com/images/top/ct1.webp)}
.ct > div:nth-child(2){background-image:url(//www.goto-smile.com/images/top/ct2.webp)}
.ct > div:nth-child(3){background-image:url(//www.goto-smile.com/images/top/ct3.webp)}
.ct > div:nth-child(4){background-image:url(//www.goto-smile.com/images/top/ct4.webp)}
.ct > div:nth-child(5){background-image:url(//www.goto-smile.com/images/top/ct5.webp)}
.ct > div:nth-child(6){background-image:url(//www.goto-smile.com/images/top/ct6.webp)}
}
.ct > div a{
width:280px;
height:135px;
color:#fff;
padding-bottom: 1rem;
font-weight: bold;
text-align: center;
line-height: 1.6;
position:relative;
display: flex;
align-items: center;
justify-content: center;
}
.ct > div a:before{
content:'';
background:url(//www.goto-smile.com/images/top/arrow.png)no-repeat;
background-size:21px;
width:21px;
height:21px;
position:absolute;
bottom:1rem;
left:0;
right:0;
margin:0 auto;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.ct > div a:before{background-image:url(//www.goto-smile.com/images/top/arrow.webp)}
} .sec-7.sp{
display: none;
}
.sec-7{
background: url(//www.goto-smile.com/images/top/sj.jpg)no-repeat center center;
background-size: cover;
width: 100%;
height: 845px;
display: flex;
align-items: center;
justify-content: center;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.sec-7{background-image:url(//www.goto-smile.com/images/top/sj.webp)}
}
.sj{
margin:0;
}
.sj h2{
position:relative;
z-index:1;
}
.sj td{
text-align: center;
padding-right: 15px;
padding-bottom:15px;
position:relative;
}
.sj tr td:last-child{
padding-right: 0;
}
.sj tr:last-child td{
padding-bottom:0;
}
.sj td a{
width: 205px;
height: 150px;
background: #fff;
padding: 50px .5rem 1rem;
display: block;
}
.sj tr:first-child td:first-child a{
width: 100%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.sj tr:first-child td:first-child a{
position:relative;
}
.sj tr:first-child td:first-child a:hover{
opacity:1;
}
.sj tr:first-child td:first-child a:before{
content:'';
background: url(//www.goto-smile.com/images/top/sj1.png)no-repeat;
background-size: 160px;
width: 160px;
height: 145px;
position:absolute;
top:0;
left:0;
}
.sj tr:first-child td:first-child a:after{
content:'';
background: url(//www.goto-smile.com/images/top/sj2.png)no-repeat;
background-size: 245px;
width: 245px;
height: 150px;
position:absolute;
top:0;
right:0;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.sj tr:first-child td:first-child a:before{background-image:url(//www.goto-smile.com/images/top/sj1.webp)}
.sj tr:first-child td:first-child a:after{background-image:url(//www.goto-smile.com/images/top/sj2.webp)}
}
.sj h6{
font-size: 25px;
color: rgb(59, 105, 121);
position:relative;
}
.sj p {
font-size: 14px;
color: rgb(44, 44, 44);
margin:0;
padding: 0 1rem;
line-height: 1.429;
}
.sj h6:before{
content: '';
width: 100%;
position: absolute;
top: -35px;
left: 0;
right: 0;
}
.sj .mushiba:before{
background: url(//www.goto-smile.com/images/top/mushiba.png)no-repeat center center;
background-size: contain;
height: 25px;
}
.sj .kyousei:before{
background: url(//www.goto-smile.com/images/top/kyousei.png)no-repeat center center;
background-size: contain;
height: 17px;
}
.sj .geka:before{
background: url(//www.goto-smile.com/images/top/geka.png)no-repeat center center;
background-size: contain;
height: 30px;
}
.sj .yobou:before{
background: url(//www.goto-smile.com/images/top/yobou.png)no-repeat center center;
background-size: contain;
height: 29px;
}
.sj .ireba:before{
background: url(//www.goto-smile.com/images/top/ireba.png)no-repeat center center;
background-size: contain;
height: 29px;
}
.sj .shinbi:before{
background: url(//www.goto-smile.com/images/top/shinbi.png)no-repeat center center;
background-size: contain;
height: 28px;
}
.sj .shisyu:before{
background: url(//www.goto-smile.com/images/top/shisyu.png)no-repeat center center;
background-size: contain;
height: 27px;
}
.sj .kamiawase:before{
background: url(//www.goto-smile.com/images/top/kamiawase.png)no-repeat center center;
background-size: contain;
height: 21px;
}
.sj .implant:before{
background: url(//www.goto-smile.com/images/top/implant.png)no-repeat center center;
background-size: contain;
height: 31px;
}
.sj .syouni:before{
background: url(//www.goto-smile.com/images/top/syouni.png)no-repeat center center;
background-size: contain;
height: 30px;
}
.sj .gaku:before{
background: url(//www.goto-smile.com/images/top/gaku.png)no-repeat center center;
background-size: contain;
height: 29px;
}
.sj .whitening:before{
background: url(//www.goto-smile.com/images/top/whitening.png)no-repeat center center;
background-size: contain;
height: 28px;
}
.sj .gami:before{
background: url(//www.goto-smile.com/images/top/gami.png)no-repeat center center;
background-size: contain;
height: 20px;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.sj .mushiba:before{background-image:url(//www.goto-smile.com/images/top/mushiba.webp)}
.sj .kyousei:before{background-image:url(//www.goto-smile.com/images/top/kyousei.webp)}
.sj .geka:before{background-image:url(//www.goto-smile.com/images/top/geka.webp)}
.sj .yobou:before{background-image:url(//www.goto-smile.com/images/top/yobou.webp)}
.sj .ireba:before{background-image:url(//www.goto-smile.com/images/top/ireba.webp)}
.sj .shinbi:before{background-image:url(//www.goto-smile.com/images/top/shinbi.webp)}
.sj .shisyu:before{background-image:url(//www.goto-smile.com/images/top/shisyu.webp)}
.sj .kamiawase:before{background-image:url(//www.goto-smile.com/images/top/kamiawase.webp)}
.sj .implant:before{background-image:url(//www.goto-smile.com/images/top/implant.webp)}
.sj .syouni:before{background-image:url(//www.goto-smile.com/images/top/syouni.webp)}
.sj .gaku:before{background-image:url(//www.goto-smile.com/images/top/gaku.webp)}
.sj .whitening:before{background-image:url(//www.goto-smile.com/images/top/whitening.webp)}
.sj .gami:before{background-image:url(//www.goto-smile.com/images/top/gami.webp)}
} .counseling{
padding: 3rem 0;
text-align: center;
}
.counseling figure{
margin: 0;
}
.counseling figure a img{
width: 680px;
}
.counseling figure a:hover{
opacity: .7;
} .information{
background: url(//www.goto-smile.com/images/top/information.jpg)no-repeat center center;
background-size: cover;
width: 100%;
height: 694px;
padding: 1.5rem 0 0;
}
@supports (background-image: url(//www.goto-smile.com/wp-content/themes/goto-smile/css/image.webp)) {
.information{background-image:url(//www.goto-smile.com/images/top/information.webp)}
}
h3.infotlt{
border-top: 2px solid rgb(132, 200, 211);
border-bottom: 2px solid rgb(132, 200, 211);
position: relative;
text-align: center;
font-size: 40px;
color: rgb(0, 105, 122);
font-weight: normal;
letter-spacing: .2rem;
padding: .4rem 0 .1rem;
margin: 95px auto 90px;
}
h3.infotlt:before{
content: '';
background:rgb(132, 200, 211);
height: 10px;
position: absolute;
bottom: -1.4rem;
left: 0;
width: 100%;
}
.information .row{
justify-content: space-between;
}
.information-wrap{
width: 365px;
margin: 0 auto;
}
.information-wrap h4{
font-size: 25px;
color: rgb(0, 105, 122);
text-align: center;
margin-bottom: 2.5rem;
letter-spacing: .2rem;
}
.news_content a{
font-size: 15px;
color: rgb(48, 48, 48);
line-height: 2;
text-decoration: none;
margin-bottom: 1rem;
display: block;
}
.news_content .news-time{
font-size: 15px;
color: rgb(44, 44, 44);
line-height: 2;
letter-spacing: .1rem;
}
.news_day{
display: flex;
}
.news_day p{
margin: 0;
font-size: 15px;
line-height: 1.8;
}
.news_day .news-time{
margin-right: 1rem;
}
.moreinfo-btn a{
background: #02a7c2;
width: 100%;
height: 30px;
font-size: 15px;
color: rgb(255, 255, 255);
text-align: center;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
} .entry-meta a,.single-title a{
color: rgb(48, 48, 48);
} h2.single-title{
font-size: 20px;
font-weight: 600;
}
@media(max-width:768px){
h5.single-title{
font-size:1rem;
}
} .widget {
padding: 18px;
border-radius: 6px;
background: #e2f7ff;
margin-bottom: 24px;
}
.widget-title {
font-size: 18px;
line-height: 1.4;
margin-bottom: 16px;
border-bottom: 1px solid rgba(255,255,255,0.8);
padding-bottom: 12px;
}
.widget ul{
margin: 0;
}
.widget ul li{
line-height: 1.2;
padding-bottom: .6rem;
}
.widget-area a{
color: rgb(48, 48, 48);
font-size: 15px;
} .wp-pagenavi {
clear: both;
text-align:center;
margin: 4rem auto 5rem;
}
.wp-pagenavi a,
.wp-pagenavi span,
.nav-previous a,
.nav-next a {
color: #fff;
color: #fff;
background-color: #57c8d5;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
border: none;
}
.wp-pagenavi a:hover,
.nav-previous a:hover,
.nav-next a:hover{
color: #FFF!important;
background-color: #57c8d5c2;
}
.wp-pagenavi span.current{
color: #FFF;
background-color: #57c8d5c2;
font-weight: bold;
}
.wp-pagenavi .pages,.screen-reader-text {
display: none;
}
.nav-links{
display: flex;
}
.nav-previous{
margin-right: 1rem;
}
.single .navigation{
margin: 4rem auto 5rem;
display: flex;
justify-content: center;
}
.catichiran{
text-align: center;
} .qa{
margin-top: 5rem;
margin-bottom: 2rem;
}
.qa figure,
.recruit figure{
text-align: center;
}
.recruit{
display: flex;
justify-content: center;
gap: 20px;
max-width: 1000px;
margin: 0 auto 40px;
}
@media(max-width:768px){
.recruit{
flex-direction:column;
gap:0;
}
}
.qa figure img,
.recruit figure img{
width: 571px;
} .trgf img{
width: 100%;
}
.fot-content{
background-color: rgb(238, 238, 238);
padding-bottom: 3rem;
}
.fot-wrap{
width: 700px;
margin: 0 auto;
}
.fot-logo{
text-align: center;
}
.fot-logo img{
width: 320px;
}
.fot-add{
display: flex;
justify-content: space-between;
align-items: center;
margin: 1.2rem auto .7rem;
}
.fot-add > div a:hover{
opacity: .7;
}
.fot-add > div img{
width: 345px;
}
.fot-wrap p.p-lo {
font-size: 20px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
color: rgb(0, 105, 122);
line-height: 1.6;
letter-spacing: .2rem;
text-align: center;
margin: 2.5rem auto 1.5rem;
}
.fot-wrap p.p-lo span{
font-size: 15px;
}
.fot-wrap table {
margin-bottom: .7rem;
}
.fot-wrap table tr:nth-child(1) td{
background-color: rgb(2 167 194);
text-align: center;
color: #fff;
font-size: 18px!important;
line-height: 1;
}
.fot-wrap table tr th,
.fot-wrap table tr td{
border: 1px solid rgb(2 167 194);
padding: .35rem 1rem .35rem;
font-size: 17px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
text-align: center;
color: rgb(44, 44, 44);
font-weight: 600;
letter-spacing: .3rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fot-wrap table tr:nth-child(1) td{
letter-spacing: .6rem;
padding: .3rem;
}
.fot-wrap table tr th{
padding: .7rem;
background-color: rgb(202, 239, 245);
width: 24%;
}
.fot-wrap table tr td{
padding: .7rem;
background-color: rgb(255, 255, 255);
}
.thegf{
font-size: 15px;
color: rgb(52, 20, 15);
line-height: 2;
text-align: center;
display: block;
font-weight: 100;
margin-top: 2.5rem;
margin-bottom: 0;
letter-spacing: .1rem;
}
.p-li {
font-size: 18px;
color: rgb(0, 105, 122);
text-align: center;
border: 1px solid rgb(2, 165, 192);
background-color: rgb(255, 255, 255);
border-radius: 30px;
margin: 0;
letter-spacing: .3rem;
padding: 0;
line-height: 1.8;
}
#colophon{
font-size: 14px;
color: rgb(254, 254, 254);
background-color: rgb(0, 105, 122);
display: flex;
justify-content: center;
align-items: center;
padding: 0.92rem 0;
} .fot-menu {
margin: 75px 0;
}
.fot-menu .content{
width: 1000px;
margin: 0 auto;
}
.fot-menu .menu-footer_menu-container #menu-footer_menu{
display: flex;
justify-content: center;
align-items: flex-start;
}
.fot-menu > div > div > ul{
display: flex;
justify-content: space-between;
}
.fot-menu > div > div > ul li{ }
.fot-menu > div > div > ul li a{
font-size: 15px;
color: rgb(44, 44, 44);
text-decoration: none;
}
.fot-menu > div > div > ul li ul{
margin: 0;
} #secondary header#masthead{
border-bottom: 1px solid #ededed;
}
#secondary .entry-header{
width: 1200px;
height: 400px;
margin: 150px auto 30px;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
#secondary .entry-header{
background: url(//www.goto-smile.com/images/secondary/mainvisual-1.jpg) no-repeat center center;
background-size: cover;
}
#secondary .entry-header.mainvisual-1 {
background: url(//www.goto-smile.com/images/secondary/mainvisual-1.jpg) no-repeat center center;
background-size: cover;
}
#secondary .entry-header.mainvisual-2 {
background: url(//www.goto-smile.com/images/secondary/mainvisual-2.jpg) no-repeat center center;
background-size: cover;
}
#secondary .entry-header.mainvisual-3 {
background: url(//www.goto-smile.com/images/secondary/mainvisual-3.jpg) no-repeat center center;
background-size: cover;
}
#secondary .entry-header.mainvisual-4 {
background: url(//www.goto-smile.com/images/secondary/mainvisual-4.jpg) no-repeat center center;
background-size: cover;
}
#secondary .entry-header.mainvisual-5 {
background: url(//www.goto-smile.com/images/secondary/mainvisual-5.jpg) no-repeat center center;
background-size: cover;
}
#secondary .entry-header:before{
content: '';
width: 100%;
height: 100%;
background: #000;
opacity: .1;
position: absolute;
top: 0;
left: 0;
}
#secondary .entry-header.mainvisual-2:before,
#secondary .entry-header.mainvisual-3:before{
opacity: .25;
}
#secondary .entry-header .entry-title{
color: #fff;
position: relative;
z-index: 1;
margin: 0;
}
#page{
width: 1000px;
margin: 0 auto;
} .breadcrumbs{
width: 1000px;
margin: 0 auto 5rem;
font-size: 13px;
}
.breadcrumbs > span{
margin: 0 10px;
}
.breadcrumbs a{
color: rgb(48, 48, 48);
}
@media(max-width: 992px){
.breadcrumbs {
width: 100%;
margin: 0 auto 2rem;
}
}
@media(max-width: 768px){
.breadcrumbs {
padding:0 1rem;
}
} #secondary{
line-height: 2;
}
.entry-content .row{
margin-bottom: 2rem;
}
.row.underline {
border-bottom: 1px solid #ddd;
padding-bottom: 60px;
margin-bottom: 60px;
}
.row.underline > div > p{
margin-bottom: 0;
}
@media(max-width: 640px){
.row.underline img{
margin: 1rem auto 0;
}
.float-r img{
margin:0 auto 1rem!important;
}
} .float-l,
.float-r,
.float-l > *,
.float-r > *{
clear: both;
}
.float-l img{
width: 380px;
margin: 0 2rem 1rem 0;
}
.float-r img{
width: 380px;
margin: .5rem 0 1rem 2rem;
}
.float-l p,
.float-r p{
margin: 0;
} table.design_1 th{
width: 20%;
}
table.design_1 td{
width: 40%;
} .inv1 img{
width: 260px;
margin: 0 auto;
}
.inv2 img{
width: 200px;
margin: 0 auto;
}
.inv1 .card-title{
font-size: 17px;
}
.inv2 .card-title{
font-size: 15px;
} .epy_{
padding-bottom: 1rem!important;
}
.epy{
}
.epy dl{
background: #57c8d540;
padding: 1rem;
}
.epy dl dt{}
.epy dl:last-child,.epy dl dd{
margin-bottom: 0;
}
.epy dl dd{
margin-left: 0;
}
.epy-images{
width: 800px;
margin: 0 auto 7rem;
}
@media(max-width: 768px){
.epy-images {
width: 100%;
margin: 0 auto 3rem;
}
.epy_:last-of-type{
border-bottom: 0;
padding-bottom: 0;
}
.epy_ > div:first-child{
border-bottom: 1px solid #ddd;
padding-bottom: 4rem;
}
} .q_a dl{
margin-bottom: 3rem;
padding-bottom: 2rem;
border-bottom: 1px solid #ddd;
}
.q_a dl:last-child{
margin-bottom: 0;
padding-bottom:0;
border-bottom: none;
}
.q_a dl dt{
color: #f44336;
margin-bottom: 1rem;
}
.q_a dl dt span,.q_a dl dd span{
margin-right: 1rem;
}
.q_a dl dd{
margin: 0;
}
.q_a dl dd span{
color: #2196f3;
font-weight: bold;
} .cases .row.row-cols-2{
margin-bottom:0;
}
.cases .row > .col{
margin-bottom:1rem;
}
.case_list{
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}
.case_list > div{
margin-right: 1.5rem;
}
.case_list > div:last-child{
margin-right: 0;
}
.case_list div i{
font-size: 2rem;
color: #57c8d5;
} .label-num dl{
border-bottom: 1px solid #ddd;
padding: 1.5rem 1rem;
margin-bottom: 0;
}
.label-num dl:first-child{
border-top: 1px solid #ddd;
}
.label-num dl dt{
color: #fff;
background: rgb(87 200 213);
padding: .1rem 1rem;
margin-bottom: .7rem;
}
.label-num dl dd{
margin: 0;
} .step{
margin: 3rem auto;
}
.qm{
position: relative;
padding:0.5em 0.5em 0.5em 1.4em;
border: 1px solid #57c8d5;
margin-bottom: 1.5rem;
}
.qm::after {
position: absolute;
top: 50%;
left:0.7em;
transform:translateY(-50%);
content: '';
width: 5px;
height:25px;
background: #57c8d5;
}
.step-wrap3 {
counter-reset: count;
margin: 2em 0;
position: relative;
}
.step-content3 {
padding: 1.3em 0 .3em 1em;
margin: 0 0 1.5em 1em;
position: relative;
border-top: solid 2px #ddd;
}
.step-content3::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: -10px;
border-style: solid;
border-width: 17px 8px 0 8px;
border-color: #ddd transparent transparent transparent;
}
.step > .step-content3:last-child{
border-bottom: solid 2px #ddd;
}
.step > .step-content3:last-child:before{
border-width: 0;
}
.step-content3::after {
content: "";
display: block;
height: calc(100% - 36px);
border-left: dashed 4px #ddd;
position: absolute;
top: 16px;
left: -4px;
}
.step-label3 {
padding: 3px 15px 3px 15px;
color: #fff;
font-weight: bold;
position: absolute;
top: -18px;
left: -20px;
background: #57c8d5;
border-radius: 20px;
z-index: 1;
}
.step-title3 {
margin: 1rem;
}
.step-body3 {
margin-top: .5em;
padding: 0 1rem;
}
.step-wrap3 > :last-child {
box-shadow: 5px 7px 0 -5px #ddd;
}
.step-wrap3 > :last-child::before, .step-wrap3 > :last-of-type::after {
display: none;
} .profile_list dl{
border-bottom: 1px solid #e8e8e8;
display: flex;
}
.profile_list dl dt{
font-weight: normal;
margin-right: 1rem;
}
.profile_list dl dd{
margin: 0;
} .check ul li{
border-bottom: 1px solid #ddd;
padding: 1rem;
}
.check ul li:before {
font-family: 'Font Awesome 6 Free';
font-weight: 600;
content: '\f14a';
font-size: 18px;
color: #57c8d5;
display: inline-block;
margin-right: 1rem;
} .circle ul{
margin: 0;
}
.circle ul li{
padding: 0.2rem 0.5rem 0.2rem 2rem;
text-indent: -1rem;
}
.circle ul li:before {
font-family: 'Font Awesome 6 Free';
font-weight: 600;
content: '\f111';
font-size: 13px;
color: rgb(59, 105, 121);
display: inline-block;
margin-right: 1rem;
} ol.num-list {
margin:0;
}
ol.num-list  li {
padding: 1rem 1rem 1rem 1rem;
border-bottom: 1px solid #eee;
} .bd-callout {
padding: 1.25rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
border: 1px solid #ddd;
border-left-width: .25rem;
border-radius: .25rem;
}
.bd-callout-info {
border-left-color: rgb(59, 105, 121);
}
.bd-callout p{
margin-bottom: 0;
}
.bd-callout h5{
color: rgb(59, 105, 121);
text-decoration: none;
font-size: 1.4rem;
letter-spacing: .05rem;
} .one-frame{
border: 1px solid rgb(59, 105, 121);
padding: 2rem;
margin-bottom: 3rem;
}
.one-frame h6{
font-size: 1.3rem;
padding: 1rem;
margin-bottom: 1rem;
background: #03687a;
color: #fff;
letter-spacing: .1rem;
} .txt-table th{
vertical-align: middle;
text-align: center;
width: 22%;
background: #57c8d5;
color: #fff;
}
.txt-table th,.txt-table td{
border: 1px solid #e8e8e8;
padding: 1rem;
}
.price_table{
margin-bottom: 5rem;
}
.price_table tr:nth-child(1) th{
white-space: nowrap;
}
.price_table tr:nth-child(2) th{
width: 22%;
}
.price_table th{
vertical-align: middle;
background: #57c8d5;
color: #fff;
}
.price_table th,
.price_table td{
padding: 1rem;
border: 1px solid #e8e8e8;
}
.recruit-table th,
.recruit-table td{
padding: 1rem;
border: 1px solid rgb(222 226 230);
}
.recruit-table th{
width: 25%;
vertical-align: middle;
background: #57c8d5;
color: #fff;
text-align: center;
}
.counseling_table th {
width:40%;
vertical-align: middle;
background: #57c8d5;
color: #fff;
text-align: center;
white-space: nowrap;
}
.counseling_table tr th:first-child{
width: 20%;
}
.counseling_table td{
padding:1rem;
border:1px solid  #dee2e6;
}
.invisalign_table th{
width: 25%;
vertical-align: middle;
background: #57c8d5;
color: #fff;
text-align: center;
}
.invisalign_table td{
padding:1rem;
border:1px solid  #dee2e6;
text-align:center;
}
.gummysmile_table th{
width: 25%;
vertical-align: middle;
background: #57c8d5;
color: #fff;
text-align: center;
}
.gummysmile_table td{
padding:1rem;
border:1px solid  #dee2e6;
}
.periodontitis_table th{
width: 25%;
vertical-align: middle;
background: #57c8d5;
color: #fff;
text-align: center;
}
.periodontitis_table td{
padding:1rem;
border:1px solid  #dee2e6;
}
@media(max-width: 640px){
.price_table{
text-align: center;
}
.price_table tr:first-of-type{
display: none;
}
.price_table th, .price_table td{
display: block;
width: 100%!important;
}
.price_table td{
border-bottom: none;
}
.price_table tr:last-child td:last-child{
border-bottom: 1px solid #e8e8e8;
}
.access_table th,.access_table td{
display:block;
}
.access_table_ th,.access_table_ td{
font-size:14px;
padding:0;
}
.access_table_ tr th:first-child{
width:40%;
}
.counseling_table tr:first-of-type{
display:none;
}
.counseling_table th,
.counseling_table td{
display:block;
width:100%!important;
}
.invisalign_table th,
.invisalign_table td{
display:block;
width:100%!important;
}
.invisalign_table tr:first-of-type{
display:none;
}
.txt-table th, .txt-table td {
display: block;
width: 100%;
}
.periodontitis_table th, .periodontitis_table td {
display: block;
width: 100%;
}
.periodontitis_table tr:first-of-type{
display:none;
}
.recruit-table th,
.recruit-table td{
display:block;
width:100%;
}
} .search main#primary{
width: 750px;
}
.search-header{
border-bottom: 1px solid #e8e8e8;
padding: 1rem;
}
.search-header h4{
font-size: 1.2rem;
margin: 0;
}
.search-header h4 a{
color: rgb(48, 48, 48);
}
@media(max-width:768px){
.search main#primary {
width: 100%;
padding: 0 1rem;
}
} .mg,#mg-Responsive{
display: none;
}
@media(max-width: 1100px) {
.headsearch{
display: none;
}
.mg,#mg-Responsive{
display: block;
}
.mg{
cursor: pointer;
border: none;
width: 35px;
height: 35px;
background: url(//www.goto-smile.com/images/search.png)no-repeat center center;
background-size: 16px;
background-color: rgb(87 200 213);
border-radius: 0;
cursor: pointer;
}
.mg.btnactive{
cursor: pointer;
border: none;
width: 35px;
height: 35px;
background: url(//www.goto-smile.com/images/searchform_x.svg)no-repeat center center;
background-size: 16px;
background-color: rgb(87 200 213);
border-radius: 0;
}
#mg-Responsive{
position:absolute;
top:150px;
right:20px;
z-index: -1;
opacity: 0;
width:0;
transition: all 0.4s;
border-radius: 5px;
}
#mg-Responsive.panelactive{
opacity: 1;
z-index: 3;
width:280px;
padding:20px;
top:100px;
background:#fff;
}
#mg-Responsive #searchform{
display: none;
}
#mg-Responsive.panelactive #searchform{
display: block;
}
#mg-Responsive input{
-webkit-appearance:none;
outline: none;
cursor: pointer;
color: #666;
}
#mg-Responsive input[type="text"] {
width: 100%;
border: none;
border-bottom:2px solid #ccc;
transition: all 0.5s;
letter-spacing: 0.05em;
height:46px;
padding: 10px;
}
#mg-Responsive input[type="text"]:focus {
background:#eee;
}
#mg-Responsive input[type="submit"] {
position: absolute;
top:10px;
right:30px;
background:url(//www.goto-smile.com/images/searchform_op.svg) no-repeat right;
background-size: 20px 20px;
width:30px;
height: 60px;
border: none;
}
} @media(max-width:500px){
.inquiry th,.inquiry td {
display:block!important;
width:100%!important;
border-top:none!important;
-webkit-box-sizing:border-box!important;
-moz-box-sizing:border-box!important;
box-sizing:border-box!important;
}
.inquiry tr:first-child th{
border-top:1px solid #f5f5f5!important;
}
.inquiry td{
padding:1rem!important;
}
.inquiry .haveto,.inquiry .any {  
font-size:10px;
}
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"],
input[type="month"],
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textarea{
width: 100%;
}
}
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"],
input[type="month"],
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textarea,select{
padding: .7rem;
outline: none;
}
.inquiry th{
text-align:left;
font-size:1rem;
font-weight: 400;
padding:1rem;
width:35%;
background: #f3f3f3;
border: solid 1px #ffffff;
vertical-align: middle;
}
.inquiry td{
font-size:14px;
border:solid 1px #e8e8e8; 
vertical-align: middle;
padding-left: .3rem;
}
.entry-content .inquiry tr{
border:solid 1px #e8e8e8; 
}
.fstxt{
font-size: .9rem;
}
.any{
font-size:.8rem;
padding:5px;
background:#2196f3;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
.haveto{
font-size:.8rem;
padding:5px;
background:#fc746a;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
.verticallist .wpcf7-list-item{
display:block;
}
#formbtn,#formbtn_{
display: block;
padding: 1em 0rem;
margin: 0 auto;
width: 40%;
background: #02a7c294;
color: #fff;
font-size: 18px;
font-weight: bold;
border-radius: 2px;
border: none;
}
#formbtn:hover,#formbtn_:hover{
background: #02a7c2;
box-shadow: none;
outline:none;
}
@media(max-width:576px){
#formbtn,#formbtn_{
width: 100%;
}
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover{
box-shadow: none;
outline:none;
}
.privacy-link{
text-decoration: none;
color: #f56157!important;
margin-left: .5rem;
}
.privacy-link:hover{
text-decoration: none;
margin-left: .5rem;
opacity: .7;
}
.form-control {
border: 1px solid #eeee80;
}
.rwd{
display: none!important;
}
.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required{
padding: .3rem;
}
.privacy-policy h6{
font-size: 1.4rem;
color: #004f7e;
} .tel_txt{
font-size: 1.2rem;
color: rgb(48, 48, 48);
letter-spacing: .1rem;
}
.tel_txt:hover{
color:inherit;
}
@media(max-width:480px){
.tel_txt{
font-size: 1rem;
}
} .spmenu{
display: none;
}
@media(max-width: 992px) {
#masthead{
display: none;
}
.spmenu{
display: block;
width: 100%;
background: #fff;
height: 100px;
position: fixed;
top: 0;
z-index: 9999;
}
#page {
width: 100%;
padding: 0 1rem;
}
} #sp-menu-cont{
display: none;
}
@media(max-width: 992px){
#masthead{
display: none;
}
#sp-menu-cont{
display: block;
padding: 0;
width: 100%;
height: 100%;
}
}
.fiexdscroll{
position:fixed!important;
overflow-y:scroll!important;
}
.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
.scrollshadowsp {
-webkit-box-shadow: 0px 2px 5.4px 0.6px rgba(82, 82, 82, 0.22);
-moz-box-shadow: 0px 2px 5.4px 0.6px rgba(82, 82, 82, 0.22);
box-shadow: 0px 2px 5.4px 0.6px rgba(82, 82, 82, 0.22);
}
.main-nav:after {
clear: both;
content: "\00a0";
display: block;
height: 0;
font: 0px/0 serif;
overflow: hidden;
}
.nav-brand {
display: inline-block;
margin: .2rem 0 0 1rem;
}
.nav-brand a {
display: block;
padding: 0;
margin-top: .5rem;
}
.nav-brand a img{
width: 320px;
}
#main-menu {
clear: both;
border: 0;
-webkit-box-shadow:-2.294px 3.277px 7.36px 0.64px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -2.294px 3.277px 7.36px 0.64px rgba(0, 0, 0, 0.2);
box-shadow: -2.294px 3.277px 7.36px 0.64px rgba(0, 0, 0, 0.2);
}
#sp-menu-cont h1{
font-size: 10px;
font-family: "YuGothic",'Noto Sans JP', sans-serif;
color: rgb(52, 20, 15);
margin: 0 0 0 1rem;
position: relative;
top: .3rem;
}
.main-menu-btn {
float: right;
margin: 13px 15px;
position: relative;
top: -.5rem;
display: inline-block;
width: 29px;
height: 29px;
text-indent: 29px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
position: absolute;
top: 50%;
left: 2px;
height: 1px;
width: 22px;
background: rgb(102, 102, 102);
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.main-menu-btn-icon:before {
content: '';
top: -7px;
left: 0;
}
.main-menu-btn-icon:after {
content: '';
top: 7px;
left: 0;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
height: 0;
background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#main-menu-state {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
#main-menu-state:not(:checked) ~ #main-menu {
display: none;
}
#main-menu-state:checked ~ #main-menu {
display: block;
}
#main-menu-state:checked ~ .spheadsearch {
display: flex;
}
#main-menu-state:checked ~ .spmenu {
position: relative;
} .sm-simple {
border: 1px solid #bbbbbb;
background: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
padding: 13px 20px;
padding-right: 58px;
font-size: 14px; color: rgb(44, 44, 44);
font-weight: 600;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
letter-spacing: .05rem;
}
#main-menu > li > a{
padding-left: 3rem;
}
.sm-simple a.current {
background: #555555;
color: #fff;
}
.sm-simple a.disabled {
color: #cccccc;
}
.sm-simple a .sub-arrow {
position: absolute;
top: 50%;
margin-top: -17px;
left: auto;
right: 4px;
width: 34px;
height: 34px;
overflow: hidden;
font: bold 14px/34px monospace !important;
text-align: center;
text-shadow: none;
}
.sm-simple a .sub-arrow::before {
content: '＋';
color: rgb(82, 85, 82);
font-weight: 100;
font-size: 1.4rem;
}
.sm-simple a.highlighted .sub-arrow::before {
content: 'ー';
}
.sm-simple > li:last-child {
padding-bottom: 1rem;
}
.sm-simple > li:first-child {
border-top: 0;
}
.sm-simple ul {
background: rgb(212, 238, 244);
width: 85%!important;
margin: 0 auto;
}
.sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
font-size: 14px;
border-left: 8px solid transparent;
}
.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active {
border-left: 16px solid transparent;
}
.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active {
border-left: 24px solid transparent;
}
.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active {
border-left: 32px solid transparent;
}
.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active {
border-left: 40px solid transparent;
}  @media(max-width: 1100px) {
.headwrap{
padding: 0 1rem;
}
} @media(max-width: 992px) {
#secondary .entry-header {
margin: 102px auto 30px;
}
#secondary .entry-header {
width: 100%;
height: 100%;
padding: 10rem 0;
}
.contents {
width: 100%;
}
.cols-txt {
margin: 0;
padding: 0 1rem;
}
.more-btn  {
padding: 0 1rem;
}
.more-btn img {
width: 100%;
}
.sec-1 .cols:nth-child(1){
display: flex;
flex-wrap: wrap;
}
.sec-1 > div > .cols:nth-child(1) .more-btn,
.sec-3 > div > .cols:nth-child(1) .more-btn{
order: 3;
}
.sec-1 .cols:nth-child(1) .cols-txt,
.sec-3 .cols:nth-child(1) .cols-txt{
order: 2;
margin-top: 1.5rem;
}
.sec-1 .cols:nth-child(1) .cols-fig.sec-1-1,
.sec-3 .cols:nth-child(1) .cols-fig.sec-3-1{
order: 1;
width: 100%;
}
.sec-1 > div > .cols:nth-child(1) .more-btn,
.sec-3 > div > .cols:nth-child(1) .more-btn {
margin-top: 0;
}
.cols-txt {
width: 100%;
max-width: 100%;
}
.sec-1 .cols-fig.sec-1-1:before,
.sec-3 .cols-fig.sec-3-1:before {
position: unset;
display: block;
margin: 0 auto;
}
.sec-1 > div > .cols:nth-child(2) {
margin-top: 4rem;
}
.sec-1 .cols-fig.sec-1-2:before {
position: unset;
display: block;
margin: 0 auto;
}
.sec-1 > div > .cols:nth-child(2) .more-btn {
margin-top: 1rem;
}
.sec-2 .cols {
display:flex!important;
flex-wrap: wrap;
}
.sec-2 .cols-fig {
width: 100%;
}
.sec-2 > div:nth-child(odd) .cols > div:nth-child(1) {
order: 2;
}
.sec-2 > div:nth-child(odd) .cols > div:nth-child(2) {
order: 1;
}
.sec-2 > div:nth-child(odd) .cols-fig:before {
margin-right: 0;
}
.sec-2 > div:nth-child(even) .cols-fig:before {
margin-left: 0;
}
.sec-2 .cols-txt h4{
margin-top: 1.5rem;
}
.sec-2 > div .cols-txt {
padding-left: 1rem!important;
padding-right: 1rem!important;
margin-bottom: 1.5rem!important;
}
.sec-2 .cols-fig:before{
width: 100%;
}
.sec-2 .cols-fig span {
left: 0;
right: 0;
}
.cols-fig.sec-2-1:before,
.cols-fig.sec-2-2:before,
.cols-fig.sec-2-3:before,
.cols-fig.sec-2-4:before,
.cols-fig.sec-2-5:before {
background-size: cover;
}
.sec-2 > div:last-child .cols-txt {
position: unset;
transform: unset;
-webkit- transform: unset;
}
.sec-3 .cols{
display: flex;
flex-wrap: wrap;
}
.sec-3 .cols-fig{
width: 100%;
}
.sec-3 .cols-fig.sec-3-2:before{
position: unset;
display: block;
margin: 0 auto;
}
.sec-3-3{
padding: 2rem 1rem 2rem;
}
.sec-3-3 .row{
flex-wrap: wrap;
}
.sec-3-3 .row > div:nth-child(1){
order: 2;
}
.sec-3-3 .row > div:nth-child(2){
order: 1;
text-align: center;
margin: 1rem auto 1.5rem!important;
padding: 0 2.5rem;
}
.sec-5txt {
margin-right: 1rem;
}
.sec-5name {
margin-left: 1rem;
}
.sec-6{
padding: 0 1rem;
}
.ct {
justify-content: center;
}
.ct > div {
margin-left: .5rem;
margin-right: .5rem;
}
.sec-7{
padding: 0 1rem;
}
.information{
background: none;
height: auto;
padding: 2rem 0;
position: relative;
}
.information:after{
content: '';
background: url(//www.goto-smile.com/images/top/information.jpg)no-repeat center center;
background-size: contain;
width: 100%;
height: 375px;
display: block;
margin-top: -5rem;
}
.information .contents{
padding: 0 1rem;
}
.information .row > div:nth-child(1){
margin-bottom: 3rem;
}
.information-wrap {
width: 100%;
}
.news_day {
display: block;
}
.news_content{
margin-bottom: 2rem;
}
.qa {
margin-top: 1rem;
padding: 0 1rem;
}
.recruit{
margin-bottom: 2rem;
padding: 0 1rem;
}
.fot-wrap {
width: 100%;
padding: 0 1rem;
}
.fot-add {
display: block;
text-align: center;
padding: 0 2rem;
}
.fot-add > div:first-child{
margin-top: 2rem;
margin-bottom: 0;
}
.fot-add > div:last-child{
margin-bottom: 2rem;
}
.fot-menu .content {
width: 100%;
padding: 0 1rem;
}
} @media(max-width: 900px) {
.sj td a {
width: 170px;
height: 130px;
}
.sj h6 {
font-size: 17px;
}
.sj p {
font-size: 12px;
padding: 0;
}
.sj tr:first-child td:first-child a:after {
background-size: 200px;
width: 200px;
height: 130px;
}
.sj tr:first-child td:first-child a:before {
background-size: 120px;
width: 120px;
height: 113px;
}
} @media(max-width: 850px) {
.sec-5txt.pc{
display: none;
}
.sec-5txt.sp{
display: block;
width: 100%;
}
} @media(max-width: 768px) {
.mainVisual,.carousel-inner .carousel-item img {
height: 350px;
}
.clbtn{
display: none;
}
.mainVisual .carousel-caption {
right: 0;
top: 1.5rem;
bottom: 0;
left: 0;
padding: 0 1rem;
}
.mainVisual .carousel-caption h5 {
font-size: 17px;
}
.sec-1 {
margin: 50px auto 50px;
}
.case table td{
display: block;
}
.case table td{
border-bottom: none!important;
}
.case table tr:last-child td{
border-bottom: 1px solid rgb(2, 165, 192)!important;
}
.sec-5name,
.sec-5txt .pc{
display: none;
}
.sec-5 {
display: block;
background: none;
height: auto;
}
.sec-5.sp {
display: block;
}
.sec-5.sp h2.text-start{
padding: 0 1rem;
text-align: center!important;
}
.sec-5txt {
width: 100%;
margin-right: 0!important;
}
.sec-5txt p {
padding: 1.5rem 1rem;
}
.sec-5txtta{
padding: 1.5rem 1rem;
}
.sec-7.pc{
display: none;
}
.sec-7.sp{
display: block;
height: auto;
padding: 2rem 0;
}
.sec-7.sp h2{
background: #fff;
width: 97%;
margin: 0 auto .5rem;
padding: 1.5rem 0;
position: relative;
z-index: 2;
}
.sec-7.sp h2:before {
content: '';
background: url(//www.goto-smile.com/images/top/sj1.png)no-repeat;
background-size: 100px;
width: 100px;
height: 94px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.sec-7.sp h2:after {
content: '';
background: url(//www.goto-smile.com/images/top/sj2.png)no-repeat;
background-size: 140px;
width: 140px;
height: 84px;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.sec-7.sp .sj{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sec-7.sp .sj:after{
content: '';
width: 30%;
height: 150px;
margin: 10px;
}
.sec-7.sp .sj > div{
width: 30%;
height: 150px;
text-align: center;
background: #fff;
margin: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.sec-7.sp .sj > div a{
display: block;
}
.sec-7.sp .sj h6:before{
position: unset;
display: block;
margin-bottom: 1rem;
}
.sec-7.sp .sj p {
padding: 0 1rem;
}
.fot-menu > div > div > ul {
flex-wrap: wrap;
justify-content: center;
}
.fot-menu > div > div > ul > li{
width: 50%;
margin-bottom: 1rem;
}
} @media(max-width: 650px) {
.sec-7.sp .sj{
justify-content: center;
}
.sec-7.sp .sj:after{
content: '';
width: 45%;
height: 150px;
margin: 10px 5px;
}
.sec-7.sp .sj > div{
width: 45%;
margin: 10px 5px;
}
.q_a dl dt,.q_a dl dd {
text-indent: -2rem;
padding-left: 2rem;
}
}
.wtc {
display: none;
} @media(max-width: 640px) {
.spmenu {
height: 87px;
}
#secondary .entry-header {
margin: 85px auto 10px;
padding: 5rem 0;
}
.row.underline {
padding-bottom: 40px;
margin-bottom: 40px;
}
.nav-brand a img {
width: 240px;
} h2.midashi {
font-size: 30px;
}
h4.midashi {
font-size: 25px;
}
.midashi h4 {
font-size: 1.2rem;
}
.sec-1 .cols-fig.sec-1-1:before,
.sec-1 .cols-fig.sec-1-2:before,
.sec-3 .cols-fig.sec-3-1:before,
.sec-3 .cols-fig.sec-3-2:before{
background-size: 285px;
width: 285px;
height: 300px;
}
.sec-2-tlt h2 {
padding: 3rem 0;
display: block;
position: relative;
z-index: 1;
}
.sec-2-tlt h2:before {
background-size: 150px;
width: 150px;
height: 95px;
left: 0;
z-index: -1;
}
.sec-2-tlt h2:after {
background-size: 150px;
width: 150px;
height: 72px;
right: 0;
z-index: -1;
}
.sec-2 .cols-fig:before{
height: 280px;
}
.sec-3 {
margin: 3rem auto 3rem;
}
.sec-3-tlt {
margin-bottom: 2rem;
}
.sec-4 {
margin: 4rem auto 5rem;
}
.sec-4 .case {
margin-top: 4rem;
}
.sec-5.sp h2.text-start {
margin-bottom: 3rem;
}
.sec-6 {
margin: 3rem auto 3rem;
}
.sec-7.sp h2 {
width: 92%;
}
h3.infotlt{
font-size: 30px;
margin: 60px auto 40px;
}
.information:after {
height: 230px;
}
.fot-content{
margin-top: -5px;
padding-top: 2rem;
}
.fot-wrap table tr th{
width: auto;
}
.fot-wrap table tr th, .fot-wrap table tr td{
padding: .3rem 0;
letter-spacing: 0;
}
.p-li {
border-radius: 50px;
}
.fot-wrap p.p-lo span {
font-size: 13px;
}
.fot-menu {
margin: 30px 0 0;
}
.fot-menu > div > div > ul > li > a{
font-weight:600;
}
.fot-menu > div > div > ul li a {
font-size: 13px;
}
.check ul li {
text-indent: -1rem;
padding-left: 2rem;
}
.one-frame {
padding: 1rem;
}
.p-5.inv1,.col-12.p-5,.row.p-5{
padding:1rem!important;
}
.card{
margin-bottom:1rem;
}
.col-md-4.my-auto{
text-align:center;
}
#formbtn{
width:100%;
} .wtc{
display: flex;
align-items: flex-end;
justify-content: center;
position: fixed;
bottom: 0;
background-color: rgb(2, 165, 192);
width: 100%;
height: 45px;
padding-bottom: .4rem;
z-index: 999;
}
.wtc > div:nth-child(1){
margin-right: .4rem;
}
.wtc > div:nth-child(1) img{
width: 146px;
}
.wtc > div:nth-child(2){
margin-right: .2rem;
}
.wtc > div:nth-child(2) img{
width: 146px;
}
.wtc > div:nth-child(3) img{
width: 63px;
}
#colophon{
margin-bottom: 3rem;
}
} @media(max-width: 480px) {
} a.btn-rec {
display: block;
text-align: center;
background: #00a7c2;
outline: 5px solid #fff !important;
outline-offset: -6px;
text-decoration: none;
color: #fff;
padding: 10px;
margin-bottom: 10px;
font-weight: bold;
} .instagram-inner {
width: 100%;
max-width: 820px;
margin: 40px auto 0;
} .top-cal-wrap {
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.top-cal-wrap table {
margin-bottom: .7rem;
}
.top-cal-wrap table tr:nth-child(1) td{
background-color: rgb(2 167 194);
text-align: center;
color: #fff;
font-size: 18px!important;
line-height: 1;
}
.top-cal-wrap table tr th,
.top-cal-wrap table tr td{
border: 1px solid rgb(2 167 194);
padding: .35rem 1rem .35rem;
font-size: 17px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
text-align: center;
color: rgb(44, 44, 44);
font-weight: 600;
letter-spacing: .3rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.top-cal-wrap table tr:nth-child(1) td{
letter-spacing: .6rem;
padding: .3rem;
}
.top-cal-wrap table tr th{
padding: .7rem;
background-color: rgb(202, 239, 245);
width: 24%;
}
.top-cal-wrap table tr td{
padding: .7rem;
background-color: rgb(255, 255, 255);
}
@media(max-width: 640px) {
.top-cal-wrap {padding: 0 15px;}
.top-cal-wrap table tr th{
width: auto;
}
.top-cal-wrap table tr th, .fot-wrap table tr td{
padding: .3rem 0;
letter-spacing: 0;
}
}
.side-btn-fixed {
position: fixed;
top: 40%;
bottom: 0;
right: 0;
z-index: 99999;
}
.side-btn-fixed a {
color: #fff;
display: block;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 500;
text-align: left;
line-height: 1.3;
font-size: 1.3em;
padding: 10px 10px 10px 3em;
border-radius: 15px 0 0 15px;
position: relative;
transition: all .5s;
width: 250px;
transform: translateX(190px);
}
.side-btn-fixed a:hover {
opacity: 1 !important;
transform: translateX(0px);
}
.side-btn-fixed a:nth-child(1) {background: #57c8d5;}
.side-btn-fixed a:nth-child(2) {background: #02a7c2;}
.side-btn-fixed a:nth-child(3) {background: #02c2a2;}
.side-btn-fixed a:nth-child(4) {background: #c09de2;}
.side-btn-fixed a:nth-child(5) {background: #e4a0d4;}
.side-btn-fixed a::before {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 1em;
content: '';
width: 30px;
height: 2em;
background-size: contain !important;
}
.side-btn-fixed a:nth-child(1)::before {background: url(//www.goto-smile.com/images/icon-tel.png)no-repeat center center;}
.side-btn-fixed a:nth-child(2)::before {background: url(//www.goto-smile.com/images/icon-cal.png)no-repeat center center;}
.side-btn-fixed a:nth-child(3)::before {background: url(//www.goto-smile.com/images/icon-insta.png)no-repeat center center;}
.side-btn-fixed a:nth-child(4)::before {background: url(//www.goto-smile.com/images/icon-tiktok.png)no-repeat center center;}
.side-btn-fixed a:nth-child(5)::before {background: url(//www.goto-smile.com/images/icon-salon.png)no-repeat center center;}
@media(max-width: 640px) {
.side-btn-fixed {display: none;}
} .fot-wrap.fot-wrap-time {
width: 100%;
max-width: 1200px;
}
.fot-wrap.fot-wrap-time::after {
content: “”;
display: block;
clear: both;
}
.fot-wrap.fot-wrap-time .time-box {padding-bottom: 1.5rem}
.fot-wrap.fot-wrap-time .time-box table th , .fot-wrap.fot-wrap-time .time-box table td {
font-size: 15px;
}
table.head-time {
margin: 0;
border-left: 1px solid rgb(2 167 194);
border-top: 1px solid rgb(2 167 194);
}
table.head-time th , table.head-time td {
font-size: 14px;
line-height: 1.1;
border-right: 1px solid rgb(2 167 194);
border-bottom: 1px solid rgb(2 167 194);
padding: 3px;
}
table.head-time th {
background: rgb(202, 239, 245);
text-align: center;
}
.headtel.re-tel span:nth-child(2) {letter-spacing: normal;}
.headtel.re-tel::before {
background-size: 34px;
width: 34px;
height: 34px;
left: -2.4rem;
}
.headreserve.head-time-box {
margin: 0 10px 0 0;
}
.sp-btn-box {
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
padding: 10px;
display: none;
}
.sp-btn-box a {
display: block;
width: calc(50% - 6px);
box-sizing: border-box;
float: left;
border: 1px solid;
margin: 3px;
font-size: 0.8em;
text-align: center;
color: #fff;
font-weight: bold;
}
.sp-btn-box a:nth-child(1) {background: #57c8d5;}
.sp-btn-box a:nth-child(2) {background: #02a7c2;}
.sp-btn-box a:nth-child(3) {background: #0289c2;}
.sp-btn-box a:nth-child(4) {background: #02c2a2;}
.sp-btn-box a:nth-child(5) {background: #c09de2;}
.sp-btn-box a:nth-child(6) {background: #e4a0d4;}
@media(max-width: 640px) {
.sp-btn-box {display: block;}
} .price-section {
max-width: 1100px;
margin: 0 auto;
padding: 20px;
font-size: 15px;
}
.price-title {
margin: 40px 0 10px;
font-size: 18px;
font-weight: bold;
}
.price-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}
.price-table tr{
overflow: hidden;
}
.price-table th,
.price-table td {
border: 1px solid #e8e8e8;
padding: 1rem;
vertical-align: middle;
white-space: nowrap;
letter-spacing: .1em;
}
.price-table th {
background: #57c8d5;
text-align: center;
vertical-align: middle;
color: #fff;
}
.price-table td {
text-align: center;
}
.price-table.space td{
white-space: normal;
} .table-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table-scroll .price-table {
min-width: 900px; } @media (max-width: 768px) {
.price-table:not(.keep-table),
.price-table:not(.keep-table) thead,
.price-table:not(.keep-table) tbody,
.price-table:not(.keep-table) th,
.price-table:not(.keep-table) td,
.price-table:not(.keep-table) tr {
display: block;
}
.price-table:not(.keep-table) thead {
display: none;
}
.price-table:not(.keep-table) tr {
margin-bottom: 15px;
border: 1px solid #e8e8e8;
}
.price-table:not(.keep-table) th {
background: #57c8d5;
width: 100%;
}
.price-table:not(.keep-table) td {
white-space: normal;
}
}
.link-button-wrap {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.link-button-wrap a {
display: flex;
align-items: center;
justify-content: center;
padding: 14px 18px;
background-color: #57c8d5;
color: #fff;
text-decoration: none;
border-radius: 6px;
font-weight: 500;
text-align: center;
line-height: 1.4;
letter-spacing: .05em;
transition: opacity 0.3s;
} .link-button-wrap a:hover {
opacity: 0.85;
} @media screen and (min-width: 768px) {
.link-button-wrap a {
width: calc(50% - 8px);
}
} @media screen and (max-width: 767px) {
.link-button-wrap a {
width: 100%;
font-size: 14px;
}
}
.more-link-btn.pri{
margin-bottom:5rem;
}
.more-link-btn{
text-align:center;
}
.more-link-btn a{
background: #57c8d5;
color: #fff;
display: inline-block;
padding: 10px 25px;
font-weight: 500;
} .sll{margin-top: -95px;padding-top: 95px;}
@media screen and (max-width: 576px) {
.sll{margin-top: -45px;padding-top: 45px;}
} .dental-loan__inner {
max-width: 1000px;
margin: 0 auto;
}
.dental-loan__title {
margin: 0 0 12px;
font-size: 28px;
font-weight: 700;
line-height: 1.5;
}
.dental-loan__lead,
.dental-loan__note {
margin: 0;
font-size: 15px;
line-height: 1.8;
}
.dental-loan__note {
margin-top: 4px;
}
.loan-block {
margin-top: 32px;
}
.loan-block__title {
margin: 0 0 8px;
font-size: 18px;
font-weight: 700;
line-height: 1.6;
}
.loan-table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.loan-table {
width: 100%;
min-width: 900px;
border-collapse: collapse;
border: 1px solid #000;
font-size: 15px;
line-height: 1.4;
background: #fff;
}
.loan-table th,
.loan-table td {
border: 1px solid #000;
padding: 6px 8px;
text-align: right;
white-space: nowrap;
}
.loan-table thead th {
text-align: center;
font-weight: 700;
}
.loan-table tbody th {
text-align: center;
font-weight: 500;
}
.loan-table tbody td{
font-weight:500;	
}
.loan-table .is-slash {
background-image: linear-gradient(
to bottom right,
transparent calc(50% - 1px),
#000 50%,
transparent calc(50% + 1px)
);
}
.dental-loan__date {
margin: 24px 0 0;
font-size: 14px;
text-align: right;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.dental-loan__title {
font-size: 24px;
}
.dental-loan__lead,
.dental-loan__note {
font-size: 13px;
}
.loan-block {
margin-top: 28px;
}
.loan-block__title {
font-size: 15px;
}
.loan-table-wrap {
margin-right: -16px;
padding-right: 16px;
}
.loan-table {
min-width: 760px;
font-size: 13px;
}
.loan-table th,
.loan-table td {
padding: 6px;
}
.dental-loan__date {
font-size: 13px;
text-align: left;
}
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}