@charset "UTF-8";
.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; } input[type="submit"], input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box; }
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
display: none; }
input[type="submit"]::focus, input[type="button"]::focus {
outline-offset: -2px; }
.mt-u1 {
margin-top: 8px !important; }
.mt-u2 {
margin-top: 16px !important; }
.mt-u3 {
margin-top: 24px !important; }
.mt-u4 {
margin-top: 32px !important; }
.mt-u5 {
margin-top: 40px !important; }
.mt-u6 {
margin-top: 48px !important; }
.mt-u7 {
margin-top: 56px !important; }
.mt-u8 {
margin-top: 64px !important; }
.mt-u9 {
margin-top: 72px !important; }
.mt-u10 {
margin-top: 80px !important; }
.mr-u1 {
margin-right: 8px !important; }
.mr-u2 {
margin-right: 16px !important; }
.mr-u3 {
margin-right: 24px !important; }
.mr-u4 {
margin-right: 32px !important; }
.mr-u5 {
margin-right: 40px !important; }
.mr-u6 {
margin-right: 48px !important; }
.mr-u7 {
margin-right: 56px !important; }
.mr-u8 {
margin-right: 64px !important; }
.mr-u9 {
margin-right: 72px !important; }
.mr-u10 {
margin-right: 80px !important; }
.mb-u1 {
margin-bottom: 8px !important; }
.mb-u2 {
margin-bottom: 16px !important; }
.mb-u3 {
margin-bottom: 24px !important; }
.mb-u4 {
margin-bottom: 32px !important; }
.mb-u5 {
margin-bottom: 40px !important; }
.mb-u6 {
margin-bottom: 48px !important; }
.mb-u7 {
margin-bottom: 56px !important; }
.mb-u8 {
margin-bottom: 64px !important; }
.mb-u9 {
margin-bottom: 72px !important; }
.mb-u10 {
margin-bottom: 80px !important; }
.ml-u1 {
margin-left: 8px !important; }
.ml-u2 {
margin-left: 16px !important; }
.ml-u3 {
margin-left: 24px !important; }
.ml-u4 {
margin-left: 32px !important; }
.ml-u5 {
margin-left: 40px !important; }
.ml-u6 {
margin-left: 48px !important; }
.ml-u7 {
margin-left: 56px !important; }
.ml-u8 {
margin-left: 64px !important; }
.ml-u9 {
margin-left: 72px !important; }
.ml-u10 {
margin-left: 80px !important; }
.pt-u1 {
padding-top: 8px !important; }
.pt-u2 {
padding-top: 16px !important; }
.pt-u3 {
padding-top: 24px !important; }
.pt-u4 {
padding-top: 32px !important; }
.pt-u5 {
padding-top: 40px !important; }
.pt-u6 {
padding-top: 48px !important; }
.pt-u7 {
padding-top: 56px !important; }
.pt-u8 {
padding-top: 64px !important; }
.pt-u9 {
padding-top: 72px !important; }
.pt-u10 {
padding-top: 80px !important; }
.pr-u1 {
padding-right: 8px !important; }
.pr-u2 {
padding-right: 16px !important; }
.pr-u3 {
padding-right: 24px !important; }
.pr-u4 {
padding-right: 32px !important; }
.pr-u5 {
padding-right: 40px !important; }
.pr-u6 {
padding-right: 48px !important; }
.pr-u7 {
padding-right: 56px !important; }
.pr-u8 {
padding-right: 64px !important; }
.pr-u9 {
padding-right: 72px !important; }
.pr-u10 {
padding-right: 80px !important; }
.pb-u1 {
padding-bottom: 8px !important; }
.pb-u2 {
padding-bottom: 16px !important; }
.pb-u3 {
padding-bottom: 24px !important; }
.pb-u4 {
padding-bottom: 32px !important; }
.pb-u5 {
padding-bottom: 40px !important; }
.pb-u6 {
padding-bottom: 48px !important; }
.pb-u7 {
padding-bottom: 56px !important; }
.pb-u8 {
padding-bottom: 64px !important; }
.pb-u9 {
padding-bottom: 72px !important; }
.pb-u10 {
padding-bottom: 80px !important; }
.pl-u1 {
padding-left: 8px !important; }
.pl-u2 {
padding-left: 16px !important; }
.pl-u3 {
padding-left: 24px !important; }
.pl-u4 {
padding-left: 32px !important; }
.pl-u5 {
padding-left: 40px !important; }
.pl-u6 {
padding-left: 48px !important; }
.pl-u7 {
padding-left: 56px !important; }
.pl-u8 {
padding-left: 64px !important; }
.pl-u9 {
padding-left: 72px !important; }
.pl-u10 {
padding-left: 80px !important; }
.pc-disnone {
display: none; }
@media screen and (max-width: 600px) {
.pc-disnone {
display: block; } }
.sp-disnone {
display: block; }
@media screen and (max-width: 600px) {
.sp-disnone {
display: none; } }
.fR {
float: right; }
.fL {
float: left; }
.ff-gothic {
font-family: Century Gothic, "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif; }
.ff-mincho {
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; }
.ff-sans-serif {
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
.ff-serif {
font-family: "Monaco", "Andale Mono", monospace, "Times New Roman", Times, serif; }
.fwN {
font-weight: normal; }
.fwB {
font-weight: bold; }
.ta-r {
text-align: right; }
.ta-c {
text-align: center; }
.ta-l {
text-align: left; }
html {
font-size: 62.5%; }
body {
padding-top: 60px;
box-sizing: border-box;
line-height: 1.4;
color: #333;
font-family: Century Gothic, "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
font-size: 10px;
font-size: 1.0rem;
background: #fff;
-webkit-text-size-adjust: 100%; }
@media screen and (max-width: 768px) {
body {
padding-top: 0; }
body.frontPage {
padding-top: 0; } }
body.frontPage {
padding-top: 0; }
h1 {
font-size: 18px;
font-size: 1.8rem; }
p {
font-size: 16px;
font-size: 1.6rem; }
img {
width: 100%;
height: auto; }
small.supplement {
padding-top: 0.5em;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem; }
small.supplement.indent {
padding-left: 1em;
display: block;
text-indent: -1em; }
a {
border: none;
color: #1d3994;
text-decoration: none; }
a:hover, a:active {
color: #1d3994;
text-decoration: none; }
a.hover__underline {
border: none;
text-decoration: none; }
a.hover__underline:hover, a.hover__underline:active {
border-bottom: 1px solid;
text-decoration: none; }
a:visited {
color: #1d3994; }
a.hover__opacity img {
opacity: 1; }
a.hover__opacity.opacity-5:hover img, a.hover__opacity.opacity-5:active img {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5; }
a.hover__opacity.opacity-6:hover img, a.hover__opacity.opacity-6:active img {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6; }
a.hover__opacity.opacity-7:hover img, a.hover__opacity.opacity-7:active img {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7; }
a.hover__opacity.opacity-8:hover img, a.hover__opacity.opacity-8:active img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8; }
a.hover__opacity.opacity-9:hover img, a.hover__opacity.opacity-9:active img {
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9; }
._postMore {
margin-top: 10px;
padding: 0;
box-sizing: border-box;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
text-align: center; }
@media screen and (max-width: 768px) {
._postMore {
margin-top: 5px; } }
._postMore a {
float: right; }
h1.hDescription {
margin: 5px 0 15px;
font-size: 14px;
font-size: 1.4rem;
text-align: center; }
h2.hCommonSty {
margin: 0 0 1.4em;
padding: 1.4em 0 0.7em;
line-height: 1.4;
font-size: 36px;
font-size: 3.6rem;
font-weight: 700;
text-align: center; }
h2.hCommonSty strong.fs-6xl {
line-height: 1;
font-size: 48px;
font-size: 4.8rem; }
h2.hCommonSty strong.fs-7xl {
line-height: 1;
font-size: 72px;
font-size: 7.2rem; }
h2.hCommonSty strong.fc-grn {
color: #009b63; }
h2.hCommonSty strong.fc-blu {
color: #37619C; }
h2.hCommonSty strong.fc-ora {
color: #E74B00; }
h2.hCommonSty.hCommonSty-color-red {
background-image: url(//yotsubain.com/wordpress/wp-content/themes/xxx/images/line_ttl_red.png); }
h2.hCommonSty.hCommonSty-color-grn {
background-image: url(//yotsubain.com/wordpress/wp-content/themes/xxx/images/line_ttl_green.png); }
h2.hCommonSty.hCommonSty-color-blu {
background-image: url(//yotsubain.com/wordpress/wp-content/themes/xxx/images/line_ttl_blue.png); }
h2.hCommonSty.hCommonSty-color-pur {
background-image: url(//yotsubain.com/wordpress/wp-content/themes/xxx/images/line_ttl_purple.png); }
h2.hCommonSty.hCommonSty-color-yel {
background-image: url(//yotsubain.com/wordpress/wp-content/themes/xxx/images/line_ttl_yellow.png); }
h2.hCommonSty.hCommonSty-color-ora {
background-image: url(//yotsubain.com/wordpress/wp-content/themes/xxx/images/line_ttl_orange.png); }
h2.hCommonSty.hCommonSty-color-red, h2.hCommonSty.hCommonSty-color-grn, h2.hCommonSty.hCommonSty-color-blu, h2.hCommonSty.hCommonSty-color-pur, h2.hCommonSty.hCommonSty-color-yel, h2.hCommonSty.hCommonSty-color-ora {
background-repeat: no-repeat;
background-size: 168px 5px;
background-position: center bottom; }
h3.hCommonSty {
margin-bottom: 1em;
border-bottom: 1px dashed #333;
line-height: 1.8;
font-size: 24px;
font-size: 2.4rem; }
h3.hCommonSty::before {
padding-right: 5px;
content: '◆'; }
a.hover--underLine-center {
position: relative;
display: inline-block;
text-decoration: none; }
a.hover--underLine-center::after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #1d3994;
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s; }
a.hover--underLine-center:hover::after {
transform: scale(1, 1); }
.hover--flashing {
border: none;
width: 300px;
height: 200px;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden; }
.hover--flashing:hover {
border: none; }
.hover--flashing:hover img {
border: none;
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s; }
@-webkit-keyframes flash {
0% {
opacity: .4; }
100% {
opacity: 1; } }
@keyframes flash {
0% {
opacity: .4; }
100% {
opacity: 1; } }
.sectionInner {
margin: 0 auto;
width: 768px; }
.txtBox {
margin: 0 auto;
width: 96%; }
.txtBox p {
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem; }
.leadTxt p {
padding-bottom: 1em;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem; }
.anchorTop {
position: fixed;
bottom: 30px;
right: 5%;
width: 48px;
height: 99px; }
.anchorTop .anchorTop__link img {
opacity: 0.7; }
.anchorTop .anchorTop__link:hover img, .anchorTop .anchorTop__link:active img {
opacity: 0.9; }
header.globalHeader {
margin: 0 auto;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: transparent;
z-index: 100; }
@media screen and (max-width: 768px) {
header.globalHeader {
box-shadow: 0px 0px 4px #ddd;
background: #fff; } }
body.frontPage header.globalHeader {
display: none; }
header.globalHeader ._wire ._mail {
margin-left: 10px;
float: right;
width: 80px;
height: 80px; }
header.globalHeader ._wire ._mail a {
padding: 45px 0 6px;
display: block;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
width: 100%;
background-color: #ffd700;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/hdr_icn_mail.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: center 5px;
color: #4f4c4a;
line-height: 1.2;
box-shadow: 2px 2px 4px #ccc;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
white-space: normal; }
header.globalHeader ._wire ._mail a:hover, header.globalHeader ._wire ._mail a:active {
background-color: #fff100; }
header.globalHeader ._wire._pc {
box-sizing: border-box;
display: block; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._pc {
display: none; } }
header.globalHeader ._wire._pc ._logoInfo {
margin: 0 auto;
width: 100%;
background: #fff; }
header.globalHeader ._wire._pc ._logoInfo ._inner {
margin: 0 auto;
width: 960px;
background: #fff; }
header.globalHeader ._wire._pc ._logoInfo ._inner::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 960px) {
header.globalHeader ._wire._pc ._logoInfo ._inner {
width: 90%; } }
header.globalHeader ._wire._pc ._logoInfo ._logo {
margin-top: 4px;
float: left;
width: 250px; }
header.globalHeader ._wire._pc ._logoInfo ._logo img {
width: 100%;
height: auto; }
header.globalHeader ._wire._pc ._logoInfo ._info {
margin-bottom: 8px;
padding: 8px 24px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
float: right;
width: 240px;
background: #4f4c4a;
box-shadow: 2px 2px 4px #ccc; }
header.globalHeader ._wire._pc ._logoInfo ._info ._tel {
padding-bottom: 4px;
display: block; }
header.globalHeader ._wire._pc ._logoInfo ._info ._time::after {
content: "";
clear: both;
display: block; }
header.globalHeader ._wire._pc ._logoInfo ._info ._time dt, header.globalHeader ._wire._pc ._logoInfo ._info ._time dd {
line-height: 1.2;
color: #fff;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 1px; }
header.globalHeader ._wire._pc ._logoInfo ._info ._time dt {
padding: 0 2% 0 0;
border-right: 1px solid #fff;
box-sizing: border-box;
float: left;
width: 15%; }
header.globalHeader ._wire._pc ._logoInfo ._info ._time dd {
padding: 0 0 0 2%;
float: right;
width: 80%; }
header.globalHeader ._wire._pc ._globalNavi {
margin: 0;
padding: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
box-sizing: border-box;
width: 100%;
background: #fcfcfc;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 1px -1px rgba(0, 0, 1, 0.05); }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu {
margin: 0 auto;
padding: 0;
position: relative;
width: 1040px;
list-style: none;
font-size: 0; }
@media screen and (max-width: 1040px) {
header.globalHeader ._wire._pc ._globalNavi ._ddMenu {
width: 95%; } }
@media screen and (max-width: 960px) {
header.globalHeader ._wire._pc ._globalNavi ._ddMenu {
width: 100%; } }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu::after {
content: '';
display: block;
clear: both; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li {
margin: 0;
padding: 0;
box-sizing: border-box;
float: none;
display: inline-block;
position: relative;
width: calc(100% / 8); }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li:not(:first-child) {
border-left: none; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li:last-child {
border-right: none; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li:hover > ul {
visibility: visible;
opacity: 1;
transform: translateY(0); }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li a {
padding: 13px 0;
display: block;
width: 100%;
color: #333;
font-size: 13px;
font-size: 1.3rem;
text-align: center; }
@media screen and (max-width: 1000px) {
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li a {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 960px) {
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li a {
font-size: 10px;
font-size: 1rem; } }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li a:hover, header.globalHeader ._wire._pc ._globalNavi ._ddMenu li a:active {
background: rgba(141, 209, 185, 0.05); }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li ._parent {
padding: 13px 0;
display: block;
width: 100%;
color: #333;
font-size: 13px;
font-size: 1.3rem;
text-align: center; }
@media screen and (max-width: 1000px) {
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li ._parent {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 960px) {
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li ._parent {
font-size: 10px;
font-size: 1rem; } }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ul {
visibility: hidden;
opacity: 0;
transition: .2s ease-in-out;
transform: translateY(-20px); }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd {
position: absolute;
top: calc(100% + 1px);
left: 0;
width: 100%; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd li {
margin: 0;
padding: 0;
border: 1px solid #fafafa;
border-top: none;
border-bottom: none;
display: block;
width: 100%;
background: #fff; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd li:last-child {
border-bottom: 1px solid #fafafa; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd li a {
position: relative;
font-size: 13px;
font-size: 1.3rem; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd li a:hover, header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd li a:active {
background: rgba(141, 209, 185, 0.05); }
@media screen and (max-width: 960px) {
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd li a {
font-size: 10px;
font-size: 1rem; } }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd ._layer3rd {
position: absolute;
top: 0;
left: 100%;
width: 100%; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd ._layer3rd li {
border: none;
display: block; }
header.globalHeader ._wire._sp {
display: none; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._sp {
display: block;
background: #fff; } }
header.globalHeader ._wire._sp ._inwrap {
width: 100%;
background: #fff; }
header.globalHeader ._wire._sp ._logo {
display: none; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._sp ._logo {
margin: 6px 0 -2px 2.5%;
display: block;
float: left;
width: 70%;
max-width: 280px; } }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._sp ._globalNavi {
display: none;
position: absolute;
top: 0;
background: white;
width: 100%;
height: 100vh;
overflow-y: scroll; }
header.globalHeader ._wire._sp ._globalNavi ._logo {
margin: 6px 0 2px 2.5%;
display: block;
float: left;
width: 70%;
max-width: 280px;
min-height: 42px; }
header.globalHeader ._wire._sp ._globalNavi ._infoArea {
clear: both;
width: 100%;
box-sizing: border-box;
background: #f7f7f7;
box-shadow: 2px 2px 4px #eee; }
header.globalHeader ._wire._sp ._globalNavi ._infoArea::after {
content: "";
clear: both;
display: block; }
header.globalHeader ._wire._sp ._globalNavi ._info {
margin: 0 auto;
padding: 0 0 0 20px;
border-top: 1px solid #eee;
float: left;
width: calc(100% - 120px);
box-shadow: none; }
header.globalHeader ._wire._sp ._globalNavi ._info ._address {
margin-top: 2px;
margin-bottom: 2px;
line-height: 1.4;
color: #333;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
letter-spacing: 2px; }
header.globalHeader ._wire._sp ._globalNavi ._info ._message {
margin-bottom: 2px;
line-height: 1.2;
color: #009b63;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
letter-spacing: 4px; }
header.globalHeader ._wire._sp ._globalNavi ._info ._tel {
margin-bottom: 5px;
padding: 10px 10px 7px;
border: 2px solid #ffd700;
box-sizing: border-box;
border-radius: 40px;
display: block;
background: #fff; }
header.globalHeader ._wire._sp ._globalNavi ._info ._time {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
margin-bottom: 5px; }
header.globalHeader ._wire._sp ._globalNavi ._info ._time::after {
content: "";
clear: both;
display: block; }
header.globalHeader ._wire._sp ._globalNavi ._info ._time dt, header.globalHeader ._wire._sp ._globalNavi ._info ._time dd {
line-height: 1.2;
color: #333;
font-size: 12px;
font-size: 1.2rem; }
header.globalHeader ._wire._sp ._globalNavi ._info ._time dt {
padding: 0 2% 0 0;
border-right: 1px solid #333;
box-sizing: border-box;
float: left;
width: 12%; }
header.globalHeader ._wire._sp ._globalNavi ._info ._time dd {
padding: 0 0 0 2%;
float: right;
width: 83%; }
header.globalHeader ._wire._sp ._globalNavi ._home {
margin: 0 auto 20px;
padding-bottom: 20px;
border-bottom: 1px solid #999;
width: 50%;
display: block; }
header.globalHeader ._wire._sp ._globalNavi ._home a {
margin: 0 auto;
display: block;
width: 70%; }
header.globalHeader ._wire._sp ._globalNavi ._home a img {
width: 100%;
height: auto; }
header.globalHeader ._wire._sp ._globalNavi ._bnrArea {
width: 100%;
font-size: 0; }
header.globalHeader ._wire._sp ._globalNavi ._bnrArea li {
margin: 0;
padding: 0;
display: inline-block;
line-height: 0;
width: 50%;
font-size: 0; }
header.globalHeader ._wire._sp ._globalNavi ._bnrArea li a {
display: block; }
header.globalHeader ._wire._sp ._globalNavi ._bnrArea li a:hover, header.globalHeader ._wire._sp ._globalNavi ._bnrArea li a:active {
opacity: .9; }
header.globalHeader ._wire._sp ._globalNavi ._nav {
margin: 0 auto;
padding: 0;
border-top: 1px solid #eee;
display: block;
clear: both;
width: 100%;
background: rgba(255, 255, 255, 0.15); }
header.globalHeader ._wire._sp ._globalNavi ._nav li {
margin: 0;
border-bottom: 1px solid #eee;
box-sizing: border-box;
display: block;
float: none;
width: 100%; }
header.globalHeader ._wire._sp ._globalNavi ._nav li:last-child {
margin-bottom: 0; }
header.globalHeader ._wire._sp ._globalNavi ._nav li:last-child a {
margin-bottom: 0; }
header.globalHeader ._wire._sp ._globalNavi ._nav li a, header.globalHeader ._wire._sp ._globalNavi ._nav li span {
padding: 1.6em 5%;
display: block;
position: relative;
width: 90%;
color: #333;
font-size: 14px;
font-size: 1.4rem;
text-align: left; }
header.globalHeader ._wire._sp ._globalNavi ._nav li a ._en, header.globalHeader ._wire._sp ._globalNavi ._nav li span ._en {
margin: 8px auto;
padding-top: 5px;
border-top: 1px solid #fff;
display: block;
width: 55%;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 0; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._trigger::after {
content: '';
margin-top: -10px;
position: absolute;
right: 5%;
top: 50%;
width: 20px;
height: 20px;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/icn_arrow_d.png);
background-repeat: no-repeat;
background-size: 20px 20px; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._trigger._open::after {
content: '';
margin-top: -10px;
position: absolute;
right: 5%;
top: 50%;
width: 20px;
height: 20px;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/icn_arrow_u.png);
background-repeat: no-repeat;
background-size: 20px 20px; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #eee;
display: none;
background: #fafafa;
font-size: 0; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion li {
display: inline-block;
width: 50%; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion li a {
padding: 1.6em 10%;
display: block;
width: 80%;
font-size: 14px;
font-size: 1.4rem; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion li:nth-of-type(odd) {
border-right: 1px solid #eee;
box-sizing: border-box; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion li:nth-last-child(2), header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion li:last-of-type {
border-bottom: none; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion li._col {
width: 100%; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion li._col a {
padding: 1.6em 5%;
width: 90%; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion._irre li:nth-of-type(even) {
border-right: 1px solid #eee;
box-sizing: border-box; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion._irre li:nth-of-type(odd) {
border-right: none;
box-sizing: border-box; } }
header.globalHeader ._wire._sp .menuTrigger {
display: none; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._sp .menuTrigger {
margin-right: 0;
display: block;
display: inline-block;
transition: all .4s;
border: 1px solid #8dd1b9;
box-sizing: border-box;
cursor: pointer;
position: relative;
float: right;
width: 50px;
height: 50px;
background: #fff;
z-index: 2; }
header.globalHeader ._wire._sp .menuTrigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
cursor: pointer;
position: absolute;
background: #8dd1b9;
width: 30px;
height: 2px;
left: 0;
right: 0;
margin: auto; }
header.globalHeader ._wire._sp .menuTrigger span:nth-of-type(1) {
top: 10px; }
header.globalHeader ._wire._sp .menuTrigger span:nth-of-type(2) {
top: -10px;
bottom: 0; }
header.globalHeader ._wire._sp .menuTrigger span:nth-of-type(3) {
bottom: 20px; }
header.globalHeader ._wire._sp .menuTrigger.active span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg); }
header.globalHeader ._wire._sp .menuTrigger.active span:nth-of-type(2) {
opacity: 0; }
header.globalHeader ._wire._sp .menuTrigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(45deg);
transform: translateY(-8px) rotate(45deg); }
header.globalHeader ._wire._sp .menuTrigger ._menu {
position: absolute;
bottom: 2px;
left: 0;
line-height: 1.2;
color: #34AB81;
width: 100%;
font-size: 10px;
font-size: 10px;
text-align: center; } }
section.inclineBlock {
margin: 10% 0;
padding: 80px 0;
position: relative;
overflow: hidden; }
section.inclineBlock._plusDeg::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 125%;
height: 70%;
margin: .5% -12% 0;
background: #011931;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(6deg);
-ms-transform: rotate(6deg);
transform: rotate(6deg);
z-index: -1; }
@media screen and (max-width: 1440px) {
section.inclineBlock._plusDeg::before {
margin: 3% -12% 0; } }
@media screen and (max-width: 960px) {
section.inclineBlock._plusDeg::before {
margin: 4.5% -12% 0; } }
@media screen and (max-width: 768px) {
section.inclineBlock._plusDeg::before {
width: 140%;
height: 90%;
margin: 7.5% -20% 0; } }
section.inclineBlock._plusDeg._bdrTB::before {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: none; }
section.inclineBlock._plusDeg._gradationY::before {
background: -webkit-linear-gradient(0, #ffd700, #fff100);
background: -moz-linear-gradient(0, #ffd700, #fff100);
background: -o-linear-gradient(0, #ffd700, #fff100);
background: linear-gradient(0, #ffd700, #fff100); }
section.inclineBlock._plusDeg._gradationY_ref::before {
background: -webkit-linear-gradient(0, #fff100, #ffd700);
background: -moz-linear-gradient(0, #fff100, #ffd700);
background: -o-linear-gradient(0, #fff100, #ffd700);
background: linear-gradient(0, #fff100, #ffd700); }
section.inclineBlock._plusDeg._gradationYG::before {
background: -webkit-linear-gradient(0, #ffd700 0, #9bba18 7.5%, #00643d 100%);
background: -moz-linear-gradient(0, #ffd700 0, #9bba18 7.5%, #00643d 100%);
background: -o-linear-gradient(0, #ffd700 0, #9bba18 7.5%, #00643d 100%);
background: linear-gradient(0, #ffd700 0, #9bba18 7.5%, #00643d 100%); }
section.inclineBlock._plusDeg._gradationG::before {
background: -webkit-linear-gradient(0, #34AB81 0, #009b63 15%, #00643d 100%);
background: -moz-linear-gradient(0, #34AB81 0, #009b63 15%, #00643d 100%);
background: -o-linear-gradient(0, #34AB81 0, #009b63 15%, #00643d 100%);
background: linear-gradient(0, #34AB81 0, #009b63 15%, #00643d 100%); }
section.inclineBlock._plusDeg._gradationFancyB::before {
background: #52A0FD;
background: -webkit-linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
background: -moz-linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
background: -o-linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%); }
section.inclineBlock._plusDeg._gradationFancyG::before {
background: #44ea76;
background: -webkit-linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%);
background: -moz-linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%);
background: -o-linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%);
background: linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%); }
section.inclineBlock._plusDeg._bgG::before {
background: #009b63; }
section.inclineBlock._plusDeg._bgGlgt::before {
background: rgba(52, 171, 129, 0.8); }
section.inclineBlock._plusDeg._bgGdrk::before {
background: #00643d; }
section.inclineBlock._minusDeg::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 125%;
height: 70%;
margin: .5% -12% 0;
background: #011931;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
transform: rotate(-6deg);
z-index: -1; }
@media screen and (max-width: 1440px) {
section.inclineBlock._minusDeg::before {
margin: 3% -12% 0; } }
@media screen and (max-width: 960px) {
section.inclineBlock._minusDeg::before {
margin: 4.5% -12% 0; } }
@media screen and (max-width: 768px) {
section.inclineBlock._minusDeg::before {
width: 140%;
height: 90%;
margin: 7.5% -20% 0; } }
section.inclineBlock._minusDeg._gradationY::before {
background: -webkit-linear-gradient(0, #ffd700, #fff100);
background: -moz-linear-gradient(0, #ffd700, #fff100);
background: -o-linear-gradient(0, #ffd700, #fff100);
background: linear-gradient(0, #ffd700, #fff100); }
section.inclineBlock._minusDeg._gradationYG::before {
background: -webkit-linear-gradient(0, #ffd700, #00643d);
background: -moz-linear-gradient(0, #ffd700, #00643d);
background: -o-linear-gradient(0, #ffd700, #00643d);
background: linear-gradient(0, #ffd700, #00643d); }
section.inclineBlock._cross::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 80%;
margin: 3% -10% 0;
background: #011931;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(6deg);
-ms-transform: rotate(6deg);
transform: rotate(6deg);
z-index: -1; }
@media screen and (max-width: 1440px) {
section.inclineBlock._cross::before {
margin: 3% -12% 0; } }
@media screen and (max-width: 960px) {
section.inclineBlock._cross::before {
margin: 4.5% -12% 0; } }
@media screen and (max-width: 768px) {
section.inclineBlock._cross::before {
width: 140%;
height: 90%;
margin: 7.5% -20% 0; } }
section.inclineBlock._cross::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 80%;
margin: 3% -10% 0;
background: #df6209;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
transform: rotate(-6deg);
z-index: -2; }
@media screen and (max-width: 1440px) {
section.inclineBlock._cross::after {
margin: 3% -12% 0; } }
@media screen and (max-width: 960px) {
section.inclineBlock._cross::after {
margin: 4.5% -12% 0; } }
@media screen and (max-width: 768px) {
section.inclineBlock._cross::after {
width: 130%;
height: 90%;
margin: 7.5% -15% 0; } }
section.inclineBlock ._inwrap {
margin: 0 auto;
padding: 12% 0 18%;
box-sizing: border-box;
width: 960px;
height: 100%;
color: #fff;
text-align: center; }
@media screen and (max-width: 960px) {
section.inclineBlock ._inwrap {
width: 90%; } }
.animation {
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 100%;
background: #fff;
overflow: hidden; }
.animation._bdrOpacity img {
border: 0 solid #fff;
box-sizing: border-box;
-webkit-transition: .1s all ease-in-out;
transition: .1s all ease-in-out; }
.animation._bdrOpacity:hover img, .animation._bdrOpacity:active img {
border: 4px solid #fff;
box-sizing: border-box;
-webkit-transition: .1s all ease-in-out;
transition: .1s all ease-in-out; }
@media screen and (max-width: 768px) {
.animation._bdrOpacity:hover img, .animation._bdrOpacity:active img {
border: 2px solid #fff; } }
.animation._blur img {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out; }
.animation._blur:hover img, .animation._blur:active img {
box-sizing: border-box;
-webkit-filter: blur(1px);
filter: blur(1px); }
.animation._opacity img {
opacity: 1; }
.animation._opacity:hover, .animation._opacity:active {
opacity: .5; }
.marker._yellow {
background: linear-gradient(transparent 70%, #ffff66 70%); }
.wlineWire {
margin: 0 auto;
padding: 20px 5%;
position: relative;
width: 90%;
height: 90%; }
.wlineWire::before {
content: '';
margin-top: -5px;
margin-right: -5px;
border: 1px dashed rgba(51, 51, 51, 0.5);
box-sizing: border-box;
display: block;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%; }
.wlineWire::after {
content: '';
margin-bottom: -5px;
margin-left: -5px;
border: 1px dashed rgba(51, 51, 51, 0.5);
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%; }
footer.globalFooter {
margin-top: 0;
border-top: 1px solid #eee;
box-sizing: border-box;
width: 100%;
background: #fff; }
@media screen and (max-width: 768px) {
footer.globalFooter {
margin-top: 0; } }
.frontPage footer.globalFooter {
margin-top: 0; }
footer.globalFooter ._inwrap {
margin: 24px auto;
width: 960px; }
footer.globalFooter ._inwrap::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 960px) {
footer.globalFooter ._inwrap {
width: 90%; } }
@media screen and (max-width: 768px) {
footer.globalFooter ._inwrap {
margin: 24px auto;
width: 80%; } }
footer.globalFooter ._infoArea {
float: left;
width: 30%; }
@media screen and (max-width: 960px) {
footer.globalFooter ._infoArea {
width: 35%; } }
@media screen and (max-width: 768px) {
footer.globalFooter ._infoArea {
float: none;
width: 100%; } }
footer.globalFooter ._logo {
margin: 0;
padding: 0 0 8px;
width: 100%; }
footer.globalFooter ._address {
margin: 0 0 8px;
line-height: 1.4;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
letter-spacing: 3px; }
footer.globalFooter ._items {
margin-bottom: 8px;
width: 100%; }
footer.globalFooter ._items::after {
content: "";
clear: both;
display: block; }
footer.globalFooter ._items ._traffic, footer.globalFooter ._items ._insurance {
padding: 3px 0;
color: #fff;
width: 48.5%;
font-size: 18px;
font-size: 1.8rem;
font-weight: 800;
text-align: center;
letter-spacing: 2px; }
footer.globalFooter ._items ._traffic {
border: 1px solid #ffd700;
box-sizing: border-box;
float: left;
background: #ffd700; }
footer.globalFooter ._items ._insurance {
border: 1px solid #8dd1b9;
box-sizing: border-box;
float: right;
background: #8dd1b9; }
footer.globalFooter ._table {
margin: 0 0 4px;
padding: 0;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
box-sizing: border-box; }
footer.globalFooter ._table th, footer.globalFooter ._table td {
padding: 4px 0;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
line-height: 1.2;
color: #333;
width: 10%;
font-size: 14px;
font-size: 14px;
text-align: center;
vertical-align: middle; }
footer.globalFooter ._table th {
background: #f7f7f7; }
footer.globalFooter ._table th:first-child {
width: calc(100% / 3); }
footer.globalFooter ._table th:last-child {
width: calc(100% / 2); }
footer.globalFooter ._table td {
background: #fff; }
footer.globalFooter ._caution {
margin: 0 0 24px;
padding: 0;
width: 100%;
font-size: 0; }
footer.globalFooter ._caution::after {
content: "";
clear: both;
display: block; }
footer.globalFooter ._caution dt, footer.globalFooter ._caution dd {
float: left;
line-height: 1.4;
font-size: 12px;
font-size: 1.2rem; }
footer.globalFooter ._caution dt {
margin-right: .5em;
padding: 0 2px;
color: #fff;
background: #34AB81; }
footer.globalFooter ._tel {
width: 100%; }
footer.globalFooter ._menuArea {
margin-top: -48px;
padding: 5%;
border: 1px solid #eee;
float: right;
width: 50%;
background: #fdfdfd;
box-shadow: 4px 4px 8px #f3f3f3; }
footer.globalFooter ._menuArea::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 768px) {
footer.globalFooter ._menuArea {
display: none; } }
footer.globalFooter ._menuArea ._menu {
margin: 0;
float: left;
width: 45%; }
footer.globalFooter ._menuArea ._symptom {
margin: 0;
float: right;
width: 45%; }
footer.globalFooter ._menuArea ._ttl {
margin-bottom: 10px;
padding-bottom: 4px;
border-bottom: 1px dashed #aaa;
box-sizing: border-box;
line-height: 1.8;
text-align: left; }
footer.globalFooter ._menuArea ._ttl a {
color: #333;
font-size: 18px;
font-size: 1.8rem;
font-weight: 800;
text-align: left; }
footer.globalFooter ._menuArea ._ttl a::hover, footer.globalFooter ._menuArea ._ttl a:active {
color: #333;
text-decoration: underline; }
footer.globalFooter ._menuArea ._list li {
margin-bottom: .75em;
padding-left: 1em;
text-align: left; }
footer.globalFooter ._menuArea ._list li a {
line-height: 1.4;
color: #333;
font-size: 16px;
font-size: 1.6rem; }
footer.globalFooter ._menuArea ._list li a:hover, footer.globalFooter ._menuArea ._list li a:active {
text-decoration: underline; }
footer.globalFooter ._menuArea ._list li::before {
content: '∟';
padding-right: .5em;
line-height: 1.4;
color: #999;
font-size: 16px;
font-size: 1.6rem; }
footer.globalFooter ._copyright {
margin: 0 auto;
padding: 20px 0;
display: block;
width: 100%;
color: #333;
background: #f7f7f7;
font-size: 10px;
font-size: 1rem;
text-align: center; }
footer.globalFooter ._convBar {
display: none; }
@media screen and (max-width: 768px) {
footer.globalFooter ._convBar {
display: block; } }
main.mainCont {
width: 100%; }
.symArcPage main.mainCont.underlayCont, .treArcPage main.mainCont.underlayCont, ._symDetPage main.mainCont.underlayCont, ._treDetPage main.mainCont.underlayCont, .postPage main.mainCont.underlayCont, .archivePage main.mainCont.underlayCont {
background: #fafafa; }
main.mainCont.underlayCont .pageTtl {
margin: 0;
position: relative;
border: none;
width: 100%;
height: 360px;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/contact/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .pageTtl {
height: 200px; } }
main.mainCont.underlayCont .pageTtl::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.25); }
main.mainCont.underlayCont .pageTtl ._ttl {
margin-top: -8px;
position: absolute;
top: 55%;
left: 0;
color: #fff;
width: 100%;
font-size: 36px;
font-size: 3.6rem;
text-align: center; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .pageTtl ._ttl {
margin-top: -12px;
top: 60%;
line-height: 1.4;
font-size: 24px;
font-size: 2.4rem; } }
main.mainCont.underlayCont .pageTtl ._ttl ._en {
display: block;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .pageTtl ._ttl ._en {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont .pageTtl._menu {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/menu/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._staff {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/staff/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._price {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/price/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._access {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/access/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._post {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/post/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._contact {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/contact/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._symptom {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/symptom/fv_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._treatment {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/treatment/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._voice {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/voice/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._privacy {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/privacy/fv_bg.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._faq {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/faq/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._notfound {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/404/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl ._ttl ._en {
display: block;
text-transform: uppercase; }
main.mainCont.underlayCont .breadcrumbs {
margin: 0 auto 80px;
padding: 5px 0;
border-bottom: 1px solid #eee;
box-sizing: border-box;
line-height: 1.4;
width: 100%;
background: #fff;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .breadcrumbs {
margin: 0 0 40px;
padding: 0;
position: relative;
width: 100%; } }
main.mainCont.underlayCont .breadcrumbs ._frame {
margin: 0 auto;
width: 960px; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont .breadcrumbs ._frame {
padding: 5px 1%;
width: 98%; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .breadcrumbs ._frame {
margin: 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
overflow-x: scroll; } }
main.mainCont.underlayCont .breadcrumbs ._frame::-webkit-scrollbar {
display: none; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .breadcrumbs ._frame::after {
display: block;
content: "";
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/bread_right.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%; } }
main.mainCont.underlayCont .breadcrumbs ._inner {
padding: 5px 0; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .breadcrumbs ._inner {
padding: 8px 5% 8px 3.5%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content; } }
main.mainCont.underlayCont .breadcrumbs ._inner li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .breadcrumbs ._inner li {
line-height: 1.4;
font-size: 11px;
font-size: 1.1rem; } }
main.mainCont.underlayCont .breadcrumbs ._inner li::after {
content: '>';
padding: 0 0 0 0.5em;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .breadcrumbs ._inner li::after {
font-size: 11px;
font-size: 1.1rem; } }
main.mainCont.underlayCont .breadcrumbs ._inner li:last-child {
padding-right: 1em; }
main.mainCont.underlayCont .breadcrumbs ._inner li:last-child::after {
display: none; }
main.mainCont.underlayCont .breadcrumbs ._inner li a, main.mainCont.underlayCont .breadcrumbs ._inner li span {
line-height: 1.4;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .breadcrumbs ._inner li a, main.mainCont.underlayCont .breadcrumbs ._inner li span {
line-height: 1.4;
font-size: 11px;
font-size: 1.1rem; } }
main.mainCont.underlayCont .breadcrumbs a:hover, main.mainCont.underlayCont .breadcrumbs a:active {
border-bottom: 1px solid; }
main.mainCont.underlayCont ._wrap {
margin: 0 auto;
padding-bottom: 120px;
width: 960px; }
main.mainCont.underlayCont ._wrap::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._wrap {
width: 90%; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._wrap {
margin: 0 auto 60px; } }
main.mainCont.underlayCont ._content {
position: relative;
float: left;
width: 64%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content {
margin: 0 auto 60px;
float: none;
width: 100%; } }
main.mainCont.underlayCont ._content._page {
float: none;
width: 100%; }
main.mainCont.underlayCont ._content._page ._404Ttl, main.mainCont.underlayCont ._content._page ._thxTtl {
margin: 0 0 40px;
padding: 25px;
border-left: 1px solid #d3b77a;
box-sizing: border-box;
line-height: 1.4;
background: #f7f7f7;
font-size: 18px;
font-size: 1.8rem;
text-align: left; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._page ._404Ttl, main.mainCont.underlayCont ._content._page ._thxTtl {
padding: 15px;
font-size: 16px;
font-size: 1.6rem; } }
main.mainCont.underlayCont ._content._page ._lead {
margin: 0 auto 60px;
line-height: 1.8;
width: 95%;
font-size: 16px;
font-size: 16px; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._page ._lead {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._post {
font-size: 0; }
main.mainCont.underlayCont ._content._post ._detaTtl {
margin: 0 0 40px;
padding: 25px;
border-left: 1px solid #d3b77a;
box-sizing: border-box;
line-height: 1.4;
background: #fff;
font-size: 18px;
font-size: 1.8rem;
text-align: left; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._detaTtl {
padding: 15px;
font-size: 16px;
font-size: 1.6rem; } }
.symArcPage main.mainCont.underlayCont ._content._post ._detaTtl {
margin-bottom: 20px;
border-left: 1px solid #8dd1b9; }
.treArcPage main.mainCont.underlayCont ._content._post ._detaTtl {
margin-bottom: 20px;
border-left: 1px solid #4765C7; }
main.mainCont.underlayCont ._content._post ._lead {
margin: 0 auto 60px;
line-height: 1.6;
width: 95%;
font-size: 14px;
font-size: 14px; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._lead {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._post ._ttl {
margin-bottom: 26px;
padding: 25px 40px;
border: 2px solid #4f4c4a;
border-right: 2px solid #fff100;
border-left: 2px solid #fff100;
border-radius: 50px;
line-height: 1.2;
color: #4f4c4a;
background: #fff;
font-size: 20px;
font-size: 2.0rem;
text-align: left;
box-shadow: 2px 2px 4px #eee; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._ttl {
margin-bottom: 20px;
padding: 20px;
border: 1px solid #4f4c4a;
border-right: 1px solid #fff100;
border-left: 1px solid #fff100;
border-radius: 48px;
font-size: 14px;
font-size: 1.4rem; } }
.symArcPage main.mainCont.underlayCont ._content._post ._ttl {
border: 2px solid #8dd1b9;
border-right: 2px solid #fff100;
border-left: 2px solid #fff100; }
.treArcPage main.mainCont.underlayCont ._content._post ._ttl {
border: 2px solid #4765C7;
border-right: 2px solid #fff100;
border-left: 2px solid #fff100; }
main.mainCont.underlayCont ._content._post ._ttl a {
color: #4f4c4a; }
main.mainCont.underlayCont ._content._post ._ttl a:hover, main.mainCont.underlayCont ._content._post ._ttl a:active {
text-decoration: none; }
main.mainCont.underlayCont ._content._post ._date {
position: absolute;
top: -26px;
right: 42px;
font-size: 0; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._date {
top: -20px;
right: 28px; } }
main.mainCont.underlayCont ._content._post ._date ._time {
margin-right: 0;
padding: .5em 1.5em;
line-height: 1.2;
display: inline-block;
color: #4f4c4a;
background: #d3b77a;
font-size: 12px;
font-size: 1.2rem;
text-align: center; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._date ._time {
padding: .5em 1em .3em;
font-size: 10px;
font-size: 1rem; } }
main.mainCont.underlayCont ._content._post ._date ._category {
padding: .5em 1.5em;
line-height: 1.2;
display: inline-block;
color: #d3b77a;
min-width: 4.5em;
background: #4f4c4a;
font-size: 12px;
font-size: 1.2rem;
text-align: center; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._date ._category {
padding: .5em 1em .3em;
font-size: 10px;
font-size: 1rem; } }
.symArcPage main.mainCont.underlayCont ._content._post ._date ._category {
color: #fff;
background: #8dd1b9; }
.treArcPage main.mainCont.underlayCont ._content._post ._date ._category {
color: #fff;
background: #4765C7; }
main.mainCont.underlayCont ._content._post ._frame {
padding: 40px;
border: 1px solid #4f4c4a;
border-radius: 40px;
box-shadow: 2px 2px 4px #ccc;
position: relative;
background: #fff; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame {
padding: 2.5em;
border: 1px solid #4f4c4a;
border-radius: 8px; } }
main.mainCont.underlayCont ._content._post ._frame img {
width: auto;
height: auto; }
main.mainCont.underlayCont ._content._post ._frame::before {
content: '';
border-left: 1px solid #4f4c4a;
box-sizing: border-box;
position: absolute;
left: 20%;
top: -27px;
width: 2px;
height: 27px; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame::before {
border-left: 1px solid #4f4c4a;
top: -22px;
height: 22px; } }
main.mainCont.underlayCont ._content._post ._frame::after {
content: '';
border-right: 1px solid #4f4c4a;
box-sizing: border-box;
position: absolute;
right: 20%;
top: -27px;
width: 2px;
height: 27px; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame::after {
border-right: 1px solid #4f4c4a;
top: -22px;
height: 22px; } }
main.mainCont.underlayCont ._content._post ._frame p {
margin-bottom: 1em;
line-height: 2;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame p {
padding: 20px;
line-height: 2;
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._post ._frame p:last-of-type {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._post ._frame p img {
width: auto;
height: auto; }
main.mainCont.underlayCont ._content._post ._postList {
margin-bottom: 20px;
position: relative;
vertical-align: top; }
.symArcPage main.mainCont.underlayCont ._content._post ._postList, .treArcPage main.mainCont.underlayCont ._content._post ._postList {
margin: 0 1% 20px;
display: inline-block;
width: 48%; }
main.mainCont.underlayCont ._content._post ._postList ._ttl {
background-color: #fff;
background-repeat: no-repeat;
background-position: right center;
background-size: 130px; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._postList ._ttl {
margin-top: 0;
background-size: 80px; } }
main.mainCont.underlayCont ._content._post ._previousNextLink {
padding-top: 40px;
clear: both; }
main.mainCont.underlayCont ._content._post ._previousNextLink::after {
content: "";
clear: both;
display: block; }
main.mainCont.underlayCont ._content._post ._previousNextLink ._previous a, main.mainCont.underlayCont ._content._post ._previousNextLink ._next a {
padding: 10px 20px;
border: 1px solid #d3b77a;
box-sizing: border-box;
border-radius: 5px;
display: inline;
color: #d3b77a;
font-size: 14px;
font-size: 1.4rem;
background: #fff; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._previousNextLink ._previous a, main.mainCont.underlayCont ._content._post ._previousNextLink ._next a {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont ._content._post ._previousNextLink ._previous a:hover, main.mainCont.underlayCont ._content._post ._previousNextLink ._previous a:active, main.mainCont.underlayCont ._content._post ._previousNextLink ._next a:hover, main.mainCont.underlayCont ._content._post ._previousNextLink ._next a:active {
color: #fff;
background: #d3b77a; }
main.mainCont.underlayCont ._content._post ._previousNextLink ._previous {
float: right;
width: 47.5%; }
main.mainCont.underlayCont ._content._post ._previousNextLink ._previous a {
float: left; }
main.mainCont.underlayCont ._content._post ._previousNextLink ._next {
float: left;
width: 47.5%; }
main.mainCont.underlayCont ._content._post ._previousNextLink ._next a {
float: right; }
main.mainCont.underlayCont ._content._symptomCont {
float: left;
width: 64%;
font-size: 0; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont {
margin-bottom: 60px;
float: none;
width: 100%; } }
main.mainCont.underlayCont ._content._symptomCont ._article {
padding: 40px;
border: 2px solid #8dd1b9;
box-sizing: border-box;
border-radius: 30px;
width: 100%;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/bg_pat_dia_grn.png);
background-repeat: repeat;
background-position: left top;
background-size: 200px 200px; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article {
padding: 25px 20px;
border: 1px solid #009b63;
border-radius: 20px; } }
main.mainCont.underlayCont ._content._symptomCont ._article ._time {
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article ._time {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article ._category {
margin-left: .75em;
padding: 2px;
border: 1px solid #009b63;
box-sizing: border-box;
color: #009b63;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article ._category {
margin-left: .5em;
padding: 2px;
font-size: 10px;
font-size: 1rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article ._ttl {
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
border-left: 8px solid #eee;
box-sizing: border-box;
line-height: 1.4;
color: #009b63;
background: #f7f7f7;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article ._ttl {
margin-top: 0;
line-height: 1.2;
font-size: 22px;
font-size: 2.2rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article ._txtArea {
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem; }
main.mainCont.underlayCont ._content._symptomCont ._article ._txtArea p {
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article ._txtArea p {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article ._txtArea img {
padding: 8px 0;
display: block;
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom ._ttl {
margin-bottom: 20px;
padding: 15px 20px;
border-left: 8px solid #8dd1b9;
box-sizing: border-box;
background: none;
line-height: 1.2;
color: #333;
font-size: 30px;
font-size: 3.0rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom ._ttl {
padding: 8px 15px;
border-left: 4px solid #8dd1b9;
line-height: 1.4;
font-size: 20px;
font-size: 2.0rem;
text-align: left; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom ._ttl ._kana {
font-size: 22px;
font-size: 2.2rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom ._ttl ._kana {
display: block;
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section {
margin: 0 0 60px;
padding: 0; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section:last-child {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check {
margin-top: 20px; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._example {
margin: 0 0 20px;
padding: 0;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem;
text-align: left; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._subTtl {
margin: 0 auto 20px;
padding: 20px;
border-radius: 10px;
box-sizing: border-box;
display: inline-block;
position: relative;
line-height: 1.2;
color: #fff;
background: #34AB81;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
box-shadow: 2px 2px 4px #eee; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._subTtl {
margin: 0 auto 20px;
padding: 15px 0;
display: block;
width: 85%;
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._subTtl::before {
content: '';
border-left: 1px solid #8dd1b9;
position: absolute;
left: 20%;
bottom: -20px;
width: 1px;
height: 20px; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._subTtl::after {
content: '';
border-left: 1px solid #8dd1b9;
position: absolute;
right: 20%;
bottom: -20px;
width: 1px;
height: 20px; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList {
padding: 10px;
border: 4px solid #8dd1b9;
border-radius: 10px;
box-sizing: border-box;
position: relative;
box-shadow: 2px 2px 4px #eee;
background: #fff; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList {
padding: 10px 20px; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList::before {
content: '＼以下の症状が出ている方は一度ご相談ください／';
position: absolute;
right: 0;
top: -22px;
line-height: 1.4;
width: 100%;
color: #999;
font-size: 14px;
font-size: 1.4rem;
text-align: right; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList::before {
display: none; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList li {
margin: 20px auto;
padding-left: 40px;
position: relative;
line-height: 1.8;
width: calc(90% - 40px);
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList li {
padding-left: 30px;
line-height: 1.6;
width: calc(100% - 30px);
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList li::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 39px;
height: 27px;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/symptom/icn_checkbox.png);
background-repeat: no-repeat;
background-size: 39px 27px; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList li::before {
top: 1px;
width: 28px;
height: 19px;
background-size: 28px 19px; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._about ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
line-height: 1.2;
color: #fff;
background: #34AB81;
font-size: 26px;
font-size: 2.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._about ._subTtl {
padding: 10px 15px;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._about ._description {
margin: 0 auto 20px;
line-height: 1.8;
width: 95%;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._about ._description {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._about ._img {
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._trouble {
padding: 2%;
border-radius: 10px;
width: 96%;
background: #eee; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._trouble {
padding: 2% 5%;
width: 90%; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._trouble ._subTtl {
margin: 20px 0;
padding-bottom: 12px;
padding-left: 10px;
line-height: 1.2;
color: #009b63;
font-size: 24px;
font-size: 2.4rem;
text-align: center; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._trouble ._subTtl {
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._trouble ._list {
margin: 0;
padding: 0;
width: 100%; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._trouble ._list li {
margin-bottom: 10px;
padding: 15px 20px 15px 70px;
border-radius: 7px;
line-height: 1.5;
background-color: #fff;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/symptom/icn_waterdrop.png);
background-repeat: no-repeat;
background-position: 2.5% center;
background-size: 40px 40px;
font-size: 18px;
font-size: 1.8rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._trouble ._list li {
padding: 2.5% 2% 2.5% 35px;
font-size: 14px;
font-size: 1.4rem;
background-color: #fff;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/symptom/icn_waterdrop.png);
background-repeat: no-repeat;
background-position: 2.5% center;
background-size: 25px 25px; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._reason ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
line-height: 1.2;
color: #fff;
background: #34AB81;
font-size: 26px;
font-size: 2.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._reason ._subTtl {
padding: 10px 15px;
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._reason ._img {
float: left;
width: 66.42%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._reason ._img {
margin: 0 auto;
float: none;
width: 80%; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._reason ._img img {
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._reason ._description {
margin: 0 auto;
clear: both;
line-height: 1.8;
width: 95%;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._reason ._description {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._subTtl {
margin-bottom: 30px;
padding: 15px 0;
border: 2px solid #ffd700;
box-sizing: border-box;
border-radius: 7px;
position: relative;
line-height: 1.2;
color: #ffd700;
background: #fff;
font-size: 26px;
font-size: 2.6rem;
text-align: center; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._subTtl {
margin-bottom: 25px;
padding: 15px 0;
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._img {
float: left;
width: 45%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._img {
margin: 0 auto 20px;
float: none;
width: 75%; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._img img {
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._txt {
float: right;
line-height: 1.8;
width: 50%;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._txt {
margin: 0 auto;
float: none;
width: 100%;
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._pointList {
margin: 0 auto 30px;
padding-top: 35px;
clear: both;
width: 92.85%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._pointList {
width: 100%; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._pointList li {
margin-bottom: 10px;
padding: 15px 20px 15px 70px;
border: 2px solid #009b63;
border-radius: 7px;
box-sizing: border-box;
line-height: 1.5;
color: #009b63;
background-color: #fff;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/icn_power_g.png);
background-repeat: no-repeat;
background-position: 2.5% center;
background-size: 40px 40px;
font-size: 18px;
font-size: 1.8rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._pointList li {
padding: 20px 3% 20px 40px;
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
background-color: #fff;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/icn_power_g.png);
background-repeat: no-repeat;
background-position: 2% 20px;
background-size: 30px 30px; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._description {
margin: 0 auto;
line-height: 1.8;
width: 95%;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._clinic ._description {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
line-height: 1.2;
color: #fff;
background: #34AB81;
font-size: 26px;
font-size: 2.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._subTtl {
padding: 10px 15px;
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._preventionList {
margin: 0 auto;
width: 95%; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._preventionList li {
margin: 0 0 1em;
padding-left: 3em;
line-height: 1.6;
color: #333;
font-size: 16px;
font-size: 1.6rem;
text-indent: -3em; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._preventionList li {
padding-left: 2.65em;
font-size: 14px;
font-size: 1.4rem;
text-indent: -2.65em; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._preventionList li::before {
color: #009b63;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 24px;
font-size: 2.4rem;
font-weight: 800;
font-style: italic; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._preventionList li::before {
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._preventionList li:first-child::before {
content: '１．'; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._preventionList li:nth-of-type(2)::before {
content: '２．'; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._preventionList li:nth-of-type(3)::before {
content: '３．'; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._preventionList li:nth-of-type(4)::before {
content: '４．'; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._prevention ._preventionList li:nth-of-type(5)::before {
content: '５．'; }
main.mainCont.underlayCont ._content._symptomCont ._articleList {
margin: 0 0 20px;
padding: 20px;
border: 2px solid #009b63;
box-sizing: border-box;
border-radius: 15px;
display: inline-block;
width: 48.38%;
vertical-align: top; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._articleList {
margin: 0 auto 20px;
border: 1px solid #009b63;
border-radius: 7px;
display: block;
width: 90%; } }
main.mainCont.underlayCont ._content._symptomCont ._articleList:nth-child(odd) {
margin-right: 1.62%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._articleList:nth-child(odd) {
margin-right: auto; } }
main.mainCont.underlayCont ._content._symptomCont ._articleList:nth-child(even) {
margin-left: 1.62%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._articleList:nth-child(even) {
margin-left: auto; } }
main.mainCont.underlayCont ._content._symptomCont ._articleList ._time {
float: left;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._articleList ._time {
padding-top: 2px;
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont ._content._symptomCont ._articleList ._category {
padding: 2px 4px;
border: 1px solid #009b63;
box-sizing: border-box;
float: right;
color: #009b63;
line-height: 1.4;
font-size: 13px;
font-size: 1.3rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._articleList ._category {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont ._content._symptomCont ._articleList ._thumbnail {
padding-top: 10px;
clear: both; }
main.mainCont.underlayCont ._content._symptomCont ._articleList ._ttl {
padding-top: 15px;
line-height: 1.2;
min-height: 2.4em;
color: #009b63;
font-size: 20px;
font-size: 2.0rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._articleList ._ttl {
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._symptomCont ._articleList ._ttl a {
color: #009b63; }
main.mainCont.underlayCont ._content._symptomCont ._articleList ._moreRead {
margin: 2.4em auto 0;
width: 77%; }
main.mainCont.underlayCont ._content._symptomCont ._articleList ._moreRead a {
padding: 10px;
border: 1px solid #eee;
box-sizing: border-box;
display: block;
color: #009b63;
background-color: #eee;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/icn_arrow_r_b.png);
background-repeat: no-repeat;
background-position: 5% center;
background-size: 11px 18px;
font-size: 14px;
font-size: 1.4rem;
text-align: right; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._articleList ._moreRead a {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont ._content._symptomCont ._articleList ._moreRead a:hover, main.mainCont.underlayCont ._content._symptomCont ._articleList ._moreRead a:active {
border: 1px solid #009b63;
background-color: #fff;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/icn_arrow_r_b.png);
background-repeat: no-repeat;
background-position: 6% center;
background-size: 11px 18px; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._articleList ._moreRead a:hover, main.mainCont.underlayCont ._content._symptomCont ._articleList ._moreRead a:active {
background-size: 8px 13px; } }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink {
padding-top: 40px;
clear: both;
width: calc(100% - 80px); }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink {
width: 100%; } }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._previous, main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next {
width: 48.5%; }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._previous a, main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a {
display: inline;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
background: #fee469; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._previous a, main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._previous a:hover, main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._previous a:active, main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a:hover, main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a:active {
color: #fee469;
background: #fff; }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._previous {
float: left; }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._previous a {
padding: 8px 2em 8px 4em;
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 3px;
float: right;
color: #009b63;
background: #eee; }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._previous a:hover, main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._previous a:active {
background: #fff; }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next {
float: right; }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a {
padding: 8px 4em 8px 2em;
border: 1px solid #009b63;
box-sizing: border-box;
border-radius: 3px;
float: left;
color: #ffffbf;
background: #009b63; }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a:hover, main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a:active {
border: 1px solid #009b63;
background: #fff; }
main.mainCont.underlayCont ._content._treatmentCont {
float: left;
width: 64%;
font-size: 0; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont {
margin-bottom: 60px;
float: none;
width: 100%; } }
main.mainCont.underlayCont ._content._treatmentCont ._article {
padding: 40px;
border: 1px solid #4765C7;
box-sizing: border-box;
border-radius: 30px;
width: 100%;
background: #fafafa;
background-color: #fafafa;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/bg_pat_dia_blu.png);
background-repeat: repeat;
background-position: left top;
background-size: 200px 200px; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article {
padding: 25px 20px;
border: 1px solid #4765C7;
border-radius: 20px; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment ._ttl {
margin-bottom: 40px;
padding: 15px 20px;
border-left: 8px solid #4765C7;
box-sizing: border-box;
background: none;
line-height: 1.2;
color: #333;
font-size: 30px;
font-size: 3.0rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment ._ttl {
margin-bottom: 20px;
padding: 8px 15px;
border-left: 4px solid #4765C7;
line-height: 1.4;
font-size: 20px;
font-size: 2.0rem;
text-align: left; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment ._img {
width: 100%; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment ._img img {
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._about {
margin-top: 0; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._about ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
line-height: 1.2;
color: #fff;
background-color: #4765C7;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._about ._subTtl {
margin-bottom: 20px;
padding: 10px 15px;
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._about ._description {
margin: 0 auto 20px;
line-height: 1.8;
width: 95%;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._about ._description {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._about ._img {
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._check ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
line-height: 1.2;
color: #fff;
background: #4765C7;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._check ._subTtl {
margin-bottom: 20px;
padding: 15px;
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._check ._checkList {
margin: 0 auto 30px;
clear: both;
width: 92.85%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._check ._checkList {
width: 100%; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._check ._checkList li {
margin-bottom: 10px;
padding: 15px 20px 15px 70px;
border: 2px solid #4765C7;
border-radius: 7px;
box-sizing: border-box;
line-height: 1.5;
color: #37619C;
background-color: #fff;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/icn_power_b.png);
background-repeat: no-repeat;
background-position: 3% center;
background-size: 40px 40px;
font-size: 18px;
font-size: 1.8rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._check ._checkList li {
padding: 20px 2% 20px 45px;
font-size: 14px;
font-size: 1.4rem;
background-color: #fff;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/icn_power_b.png);
background-repeat: no-repeat;
background-position: 2.5% 20px;
background-size: 30px 30px; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
line-height: 1.2;
color: #fff;
background: #4765C7;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._subTtl {
margin-bottom: 20px;
padding: 15px;
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._recommendList {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._recommendList li {
margin: 0 1% 10px;
display: inline-block;
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 10px;
width: 31.333%;
background: #fff; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._recommendList li {
width: 48%; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._recommendList li:nth-last-child(2), main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._recommendList li:last-of-type {
margin-bottom: 0; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._recommendList li a {
padding: 20px 10px;
display: block;
line-height: 1.4;
color: #333;
font-size: 16px;
font-size: 1.6rem;
text-align: center; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._recommendList li a {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._recommendList li a:hover, main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._recommendList li a:active {
background: #eee; }
main.mainCont.underlayCont ._content._voiceCont > ._ttl {
margin: 0 0 20px;
padding: 25px;
border-left: 1px solid #FF874E;
box-sizing: border-box;
line-height: 1.4;
background: #f7f7f7;
font-size: 18px;
font-size: 1.8rem;
text-align: left; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._voiceCont > ._ttl {
padding: 15px;
font-size: 16px;
font-size: 1.6rem; } }
main.mainCont.underlayCont ._content._voiceCont ._lead {
margin: 0 auto 60px;
line-height: 1.6;
width: 95%;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._voiceCont ._lead {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox {
margin-bottom: 20px;
padding: 40px;
border: 10px solid #f7f7f7;
box-sizing: border-box;
width: 100%; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox {
margin: 0 auto 40px;
padding: 5%;
border: 5px solid #f7f7f7; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._ttl {
margin: 0 0 20px;
line-height: 1.4;
color: #FF874E;
font-size: 24px;
font-size: 2.4rem;
font-weight: 800;
text-align: left; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._ttl {
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._img {
float: left;
width: 40%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._img {
margin: 0 auto 20px;
float: none;
width: 75%; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._img ._patient {
margin-bottom: 20px;
line-height: 0;
width: 100%; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._img ._patient img {
border: 1px solid #ddd;
box-sizing: border-box;
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._img ._questionnaire {
position: relative;
line-height: 0;
width: 100%; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._img ._questionnaire::before {
content: '';
position: absolute;
left: 20%;
top: -21px;
border-left: 1px solid #ddd;
box-sizing: border-box;
width: 1px;
height: 20px; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._img ._questionnaire::after {
content: '';
position: absolute;
right: 20%;
top: -21px;
border-right: 1px solid #ddd;
box-sizing: border-box;
width: 1px;
height: 20px; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._img ._questionnaire img {
border: 1px solid #ddd;
box-sizing: border-box;
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail {
float: right;
width: 55%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail {
margin: 0 auto;
float: none;
width: 100%; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal {
margin: 0 0 10px;
padding: 0;
border: 1px solid #f7f7f7;
box-sizing: border-box;
width: 100%;
font-size: 0; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li {
padding: 20px;
border-bottom: 1px solid #f7f7f7;
box-sizing: border-box;
display: inline-block;
line-height: 1.4;
position: relative;
width: 50%;
font-size: 14px;
font-size: 1.4rem;
text-align: right; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li {
padding: 15px; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:nth-of-type(odd) {
border-right: 1px solid #f7f7f7; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:last-of-type(2), main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:last-of-type {
border-bottom: none; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:first-of-type::before, main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:nth-of-type(2)::before, main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:nth-of-type(3)::before, main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:nth-of-type(4)::before {
content: '';
padding: 5px 10px;
border-left: 1px solid #8dd1b9;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
background: #f7f7f7;
font-size: 12px;
font-size: 1.2rem; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:first-of-type::before {
content: 'お名前'; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:nth-of-type(2)::before {
content: 'ご年齢'; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:nth-of-type(3)::before {
content: 'ご住所'; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal li:nth-of-type(4)::before {
content: 'ご職業'; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._reason {
margin: 15px 0 30px;
padding: 0;
font-size: 14px;
font-size: 1.4rem;
text-align: left; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._reason span {
margin-bottom: 10px;
padding: 10px;
border-left: 1px solid #8dd1b9;
box-sizing: border-box;
display: block;
background: #f7f7f7;
text-align: left; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._impressions {
margin: 0;
padding: 0;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem; }
main.mainCont.underlayCont ._content._faqCont > ._ttl {
margin: 0 0 20px;
padding: 25px;
border-left: 1px solid #d3b77a;
box-sizing: border-box;
line-height: 1.4;
background: #f7f7f7;
font-size: 18px;
font-size: 1.8rem;
text-align: left; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._faqCont > ._ttl {
padding: 15px;
font-size: 16px;
font-size: 1.6rem; } }
main.mainCont.underlayCont ._content._faqCont ._lead {
margin: 0 auto 60px;
line-height: 1.6;
width: 95%;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._faqCont ._lead {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._faqCont ._lead .sp-disnone {
display: inline-block; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._faqCont ._lead .sp-disnone {
display: none; } }
main.mainCont.underlayCont ._content._faqCont ._lead .pc-disnone {
display: none; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._faqCont ._lead .pc-disnone {
display: inline-block; } }
main.mainCont.underlayCont ._content._faqCont ._category {
margin: 0 0 60px;
width: 100%; }
main.mainCont.underlayCont ._content._faqCont ._category ._subTtl {
margin-bottom: 20px;
padding: 20px;
border: 2px solid #d3b77a;
box-sizing: border-box;
line-height: 1.4;
color: #d3b77a;
background: #4f4c4a;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._faqCont ._category ._subTtl {
padding: 15px;
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._faqCont ._category ._accordion {
margin-bottom: 20px; }
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dt {
margin-bottom: 20px;
padding: 20px 40px;
border-radius: 40px;
border: 1px solid #d3b77a;
box-sizing: border-box;
position: relative;
line-height: 1.8;
font-size: 18px;
font-size: 1.8rem;
cursor: pointer; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dt {
padding: 15px 40px 15px 15px;
border-radius: 30px;
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dt::after {
content: '＋';
margin-top: -24px;
position: absolute;
top: 50%;
right: 20px;
color: #d3b77a;
font-size: 24px;
font-size: 2.4rem;
font-weight: 800; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dt::after {
margin-top: -20px;
right: 10px; } }
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dt._active::after {
content: '−'; }
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dd {
display: none;
padding: 20px;
border-radius: 20px;
position: relative;
color: #fff;
background: #d3b77a; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dd {
padding: 15px;
border-radius: 15px; } }
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dd::before {
content: '';
position: absolute;
left: 20%;
top: -21px;
border-left: 1px solid #d3b77a;
box-sizing: border-box;
width: 1px;
height: 20px; }
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dd::after {
content: '';
position: absolute;
right: 20%;
top: -21px;
border-right: 1px solid #d3b77a;
box-sizing: border-box;
width: 1px;
height: 20px; }
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dd p {
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dd p {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._sideNav {
width: 27.55%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._sideNav {
margin: 0 auto;
float: none;
width: 85%; } }
main.mainCont.underlayCont ._sideNav._left {
float: left; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._sideNav._left {
float: none; } }
main.mainCont.underlayCont ._sideNav._right {
float: right; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._sideNav._right {
float: none; } }
main.mainCont.underlayCont ._sideNav ._ttl {
margin-bottom: 30px;
padding: 25px;
border-top: 1px solid #d3b77a;
border-bottom: 1px solid #d3b77a;
box-sizing: border-box;
line-height: 1.5;
color: #d3b77a;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/bg_pat_dia_bei.png);
background-repeat: repeat;
background-position: center;
background-size: 200px 200px;
font-size: 22px;
font-size: 2.2rem;
text-align: center; }
main.mainCont.underlayCont ._sideNav ._ttl a {
font-size: 20px;
font-size: 2.0rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._sideNav ._ttl a {
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._sideNav ._ttl._sym {
padding: 0;
border-top: 1px solid #34AB81;
border-bottom: 1px solid #34AB81; }
main.mainCont.underlayCont ._sideNav ._ttl._sym a {
padding: 25px;
display: block;
color: #34AB81;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/bg_pat_dia_grn.png);
background-repeat: repeat;
background-position: center;
background-size: 200px 200px; }
main.mainCont.underlayCont ._sideNav ._ttl._tre {
padding: 0;
border-top: 1px solid #4765C7;
border-bottom: 1px solid #4765C7; }
main.mainCont.underlayCont ._sideNav ._ttl._tre a {
padding: 25px;
display: block;
color: #4765C7;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/bg_pat_dia_blu.png);
background-repeat: repeat;
background-position: center;
background-size: 200px 200px; }
main.mainCont.underlayCont ._sideNav ._ttl._joint {
margin-top: 60px; }
main.mainCont.underlayCont ._sideNav ._inwrap {
margin: 0 auto;
border: 1px solid #eee;
border-top: 1px solid #d3b77a;
border-bottom: 1px solid #d3b77a;
box-sizing: border-box;
position: relative;
width: 100%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._sideNav ._inwrap {
width: 100%; } }
main.mainCont.underlayCont ._sideNav ._inwrap::before {
content: '';
position: absolute;
left: 20%;
top: -31px;
border-left: 1px solid #ddd;
box-sizing: border-box;
width: 1px;
height: 30px; }
main.mainCont.underlayCont ._sideNav ._inwrap::after {
content: '';
position: absolute;
right: 20%;
top: -31px;
border-right: 1px solid #ddd;
box-sizing: border-box;
width: 1px;
height: 30px; }
main.mainCont.underlayCont ._sideNav ._inwrap._sym {
border-top: 1px solid #34AB81;
border-bottom: 1px solid #34AB81; }
main.mainCont.underlayCont ._sideNav ._inwrap._tre {
border-top: 1px solid #4765C7;
border-bottom: 1px solid #4765C7; }
main.mainCont.underlayCont ._sideNav ._catTtl {
margin-bottom: 0; }
main.mainCont.underlayCont ._sideNav ._catTtl a {
padding: 25px 20px;
display: block;
line-height: 1.2;
color: #333;
background: rgba(211, 183, 122, 0.1);
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._sideNav ._catTtl a {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._sideNav ._catTtl a:hover, main.mainCont.underlayCont ._sideNav ._catTtl a:active {
background: rgba(211, 183, 122, 0.15); }
main.mainCont.underlayCont ._sideNav ._postTtl {
box-sizing: border-box; }
main.mainCont.underlayCont ._sideNav ._postTtl li {
width: 100%;
font-size: 0; }
main.mainCont.underlayCont ._sideNav ._postTtl li:last-of-type {
margin-bottom: 0; }
main.mainCont.underlayCont ._sideNav ._postTtl li a {
padding: 20px 20px 20px calc(20px + 1.8em);
border-bottom: 1px solid #eee;
box-sizing: border-box;
display: block;
line-height: 1.2;
width: 100%;
color: #333;
font-size: 14px;
font-size: 1.4rem;
text-indent: -1.8em;
vertical-align: top; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._sideNav ._postTtl li a {
padding-left: calc(20px + 1.9em);
font-size: 14px;
font-size: 1.4rem;
text-indent: -1.9em; } }
main.mainCont.underlayCont ._sideNav ._postTtl li a::before {
content: 'ー';
padding-left: 0;
padding-right: .5em;
display: inline-block;
width: 1em;
color: #4f4c4a;
font-size: 14px;
font-size: 1.4rem;
text-indent: 0;
vertical-align: top; }
main.mainCont.underlayCont ._sideNav ._postTtl li a:hover, main.mainCont.underlayCont ._sideNav ._postTtl li a:active {
background: #f7f7f7; }
main.mainCont.underlayCont ._sideNav ._postTtl li:last-of-type a {
border-bottom: none; }
main.mainCont.underlayCont ._sideNav ._postTtl:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none; }
main.mainCont.underlayCont ._sideNav ._postArchive li {
padding: 0;
border-bottom: 1px solid #eee;
box-sizing: border-box; }
main.mainCont.underlayCont ._sideNav ._postArchive li a {
padding: 20px 20px 20px calc(20px + 1.6em);
border-bottom: 1px solid #eee;
box-sizing: border-box;
display: block;
line-height: 1.2;
width: 100%;
color: #333;
font-size: 16px;
font-size: 1.6rem;
text-indent: -1.6em;
vertical-align: top; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._sideNav ._postArchive li a {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._sideNav ._postArchive li a::before {
content: 'ー';
padding-left: 0;
padding-right: .5em;
display: inline-block;
width: 1em;
color: #4f4c4a;
font-size: 14px;
font-size: 1.4rem;
text-indent: 0;
vertical-align: top; }
main.mainCont.underlayCont ._sideNav ._postArchive li a:last-of-type {
border-bottom: none; }
main.mainCont.underlayCont ._sideNav ._postArchive li a:hover, main.mainCont.underlayCont ._sideNav ._postArchive li a:active {
background: #f7f7f7; }
main.mainCont.underlayCont ._sideNav ._clinicInfo {
padding: 5%;
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 24px;
background: #fff; }
main.mainCont.underlayCont ._sideNav ._clinicInfo._joint {
margin-top: 60px; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._sideNav ._clinicInfo._joint {
margin-top: 40px; } }
main.mainCont.underlayCont ._sideNav ._clinicInfo ._ttl {
margin-bottom: 10px;
padding: 10px 0;
border: none;
border-bottom: 2px solid #eee;
box-sizing: border-box;
border-radius: 24px;
line-height: 1.4;
color: #333;
background: #f7f7f7;
font-size: 18px;
font-size: 1.8rem;
font-weight: 800;
text-align: center; }
main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap {
border: none; }
main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap::before, main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap::after {
display: none; }
main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap ._address {
margin: 0 0 1.5em;
display: block;
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
text-align: center; }
main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap ._address a {
display: block;
text-align: center; }
main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap ._time dt, main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap ._time dd {
line-height: 1.6;
text-align: center; }
main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap ._time dt {
margin-bottom: .5em;
padding-bottom: .2em;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
font-size: 16px;
font-size: 1.6rem;
font-weight: 800; }
main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap ._time dd {
margin-bottom: 1em;
font-size: 14px;
font-size: 1.4rem; }
main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap ._time dd:last-of-type {
margin-bottom: 0; }
main.mainCont.underlayCont ._sideNav ._clinicInfo ._inwrap ._caution {
margin-top: 5px;
display: block;
line-height: 1.6;
color: #E74B00;
font-size: 12px;
font-size: 1.2rem;
text-align: center; }
main.mainCont.underlayCont ._sideNavi {
float: left;
width: 27%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._sideNavi {
margin: 0 auto;
float: none;
width: 100%; } }
section {
margin: 60px 0 80px; }
@media screen and (max-width: 768px) {
section {
margin: 40px 0 80px; } }
section section {
margin: 0; }
section ._inwrap {
margin: 0 auto;
width: 960px; }
@media screen and (max-width: 960px) {
section ._inwrap {
width: 100%; } }
section ._ttl {
margin-bottom: 40px;
line-height: 1.6;
color: #000;
font-size: 30px;
font-size: 3rem;
text-align: center;
letter-spacing: 1px; }
@media screen and (max-width: 768px) {
section ._ttl {
font-size: 24px;
font-size: 2.4rem; } }
section ._ttl ._enTtl {
margin-top: 10px;
padding-top: 18px;
display: block;
position: relative;
color: #999;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
text-align: center; }
@media screen and (max-width: 768px) {
section ._ttl ._enTtl {
margin-top: 5px;
padding-top: 12px;
font-size: 12px;
font-size: 1.2rem; } }
section ._ttl ._enTtl::before {
content: '';
margin-left: -40px;
border-top: 1px solid #999;
position: absolute;
left: 50%;
top: 0;
width: 80px;
height: 1px; }
@media screen and (max-width: 768px) {
section ._ttl ._enTtl::before {
margin-left: -20px;
width: 40px; } }
section.firstView {
margin: 0;
position: relative; }
section.firstView::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 768px) {
section.firstView {
height: 100vh;
background: #fff; } }
@media screen and (max-width: 768px) and (max-width: 768px) {
section.firstView {
padding-bottom: 20%;
height: auto; } }
.frontPage section.firstView::after {
content: '';
padding-top: 66.666%;
position: absolute;
top: 0;
right: 0;
width: 75%;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/front/fv_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: cover; }
@media screen and (max-width: 1280px) {
.frontPage section.firstView::after {
padding-top: 85%;
width: 70%; } }
@media screen and (max-width: 768px) {
.frontPage section.firstView::after {
display: none;
width: 100%; } }
section.firstView ._description {
display: none; }
@media screen and (max-width: 768px) {
section.firstView ._description {
margin: 25px auto 0;
display: block;
line-height: 1.6;
width: 95%;
font-size: 14px;
font-size: 1.4rem;
text-align: center; } }
section.firstView ._inwrap {
margin-top: 80px;
float: left;
width: 25%;
max-width: 540px; }
@media screen and (max-width: 1280px) {
section.firstView ._inwrap {
width: 30%; } }
@media screen and (max-width: 960px) {
section.firstView ._inwrap {
margin-top: 60px; } }
@media screen and (max-width: 768px) {
section.firstView ._inwrap {
margin: 0 auto;
float: none;
width: 100%;
min-width: auto; } }
section.firstView ._logo {
margin: 0 auto 40px;
width: 60%; }
@media screen and (max-width: 960px) {
section.firstView ._logo {
width: 75%; } }
@media screen and (max-width: 768px) {
section.firstView ._logo {
margin-top: 30px;
margin-bottom: 15px;
width: 60%; } }
section.firstView ._clinicInfo {
display: none; }
@media screen and (max-width: 768px) {
section.firstView ._clinicInfo {
margin: 0 auto 15px;
display: block;
line-height: 1.6;
color: #333;
font-size: 16px;
font-size: 1.6rem;
text-align: center; } }
section.firstView ._clinicInfo ._tel {
display: inline-block;
width: 50px;
height: 50px;
-webkit-border-radius: 25px; -moz-border-radius: 25px;
border-radius: 25px;
background: #52A0FD;
background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
vertical-align: middle; }
section.firstView ._clinicInfo ._tel img {
margin: 20% auto;
width: 60%; }
section.firstView ._clinicInfo ._address {
display: inline-block;
text-align: left;
vertical-align: middle; }
section.firstView ._clinicInfo ._map {
margin-left: 2px;
padding: 4px;
border: 1px solid #1d3994;
box-sizing: border-box;
display: inline-block;
color: #1d3994;
font-size: 14px;
font-size: 1.4rem;
vertical-align: middle; }
section.firstView ._icnList {
margin: 0 auto;
width: 60%;
font-size: 0; }
@media screen and (max-width: 960px) {
section.firstView ._icnList {
width: 75%; } }
@media screen and (max-width: 768px) {
section.firstView ._icnList {
width: 90%; } }
section.firstView ._icnList li {
margin: 0 0 10px;
padding: 0;
display: inline-block;
width: 48%; }
@media screen and (max-width: 768px) {
section.firstView ._icnList li {
width: 24%; } }
section.firstView ._icnList li:nth-child(odd) {
margin-right: 2%; }
@media screen and (max-width: 768px) {
section.firstView ._icnList li:nth-child(odd) {
margin-right: 1%; } }
section.firstView ._icnList li:nth-child(even) {
margin-left: 2%; }
@media screen and (max-width: 768px) {
section.firstView ._icnList li:nth-child(even) {
margin-left: 0;
margin-right: 1%; } }
section.firstView ._icnList li:nth-child(3), section.firstView ._icnList li:nth-child(4) {
margin-bottom: 0; }
section.firstView ._icnList li:last-child {
margin-right: 0; }
section.latestNews {
clear: both;
z-index: 10; }
@media screen and (max-width: 768px) {
section.latestNews {
margin-top: -20%; } }
section.latestNews ._inwrap {
font-size: 0; }
section.latestNews ._separate {
margin: 0;
padding: 0;
display: inline-block;
width: 50%; }
@media screen and (max-width: 768px) {
section.latestNews ._separate {
display: block;
width: 100%; } }
section.latestNews ._separate ._moduleCont {
margin: 0;
padding: 0;
display: inline-block;
width: 33.78%;
vertical-align: top; }
@media screen and (max-width: 768px) {
section.latestNews ._separate ._moduleCont {
width: 100%; } }
@media screen and (max-width: 768px) {
section.latestNews ._separate._news {
margin-bottom: 40px; } }
section.latestNews ._separate._news ._moduleCont:first-child {
margin: 0;
margin-right: 16.215%; }
@media screen and (max-width: 768px) {
section.latestNews ._separate._news ._moduleCont:first-child {
margin: 0;
margin-bottom: 30px; } }
section.latestNews ._separate._news ._moduleCont:nth-child(2) {
margin: 0;
margin-right: 16.215%; }
@media screen and (max-width: 768px) {
section.latestNews ._separate._news ._moduleCont:nth-child(2) {
margin: 0; } }
@media screen and (max-width: 768px) {
section.latestNews ._separate._blog {
margin-top: 0; } }
section.latestNews ._separate._blog ._moduleCont:first-child {
margin: 0;
margin-right: 16.215%; }
@media screen and (max-width: 768px) {
section.latestNews ._separate._blog ._moduleCont:first-child {
margin: 0;
margin-bottom: 30px; } }
section.latestNews ._separate._blog ._moduleCont:nth-child(2) {
margin: 0;
margin-right: 16.215%; }
@media screen and (max-width: 768px) {
section.latestNews ._separate._blog ._moduleCont:nth-child(2) {
margin: 0; } }
section.latestNews ._ttl {
margin-bottom: 40px;
padding: 8px 20px;
border-left: 4px solid #fff;
box-sizing: border-box;
float: left;
line-height: 1.6;
color: #4f4c4a;
width: calc(100% - 30px);
font-size: 24px;
font-size: 2.4rem;
text-align: left; }
@media screen and (max-width: 768px) {
section.latestNews ._ttl {
margin: 0 auto 40px;
padding: 20px 15px;
border: none;
border-top: 1px solid #4f4c4a;
border-bottom: 1px solid #4f4c4a;
float: none;
color: #4f4c4a;
width: 70%;
font-size: 18px;
font-size: 1.8rem;
text-align: center; } }
section.latestNews ._listLink {
margin: 0;
padding: 0 1em;
border: 1px solid #fff;
box-sizing: border-box;
display: block;
float: right;
color: #fff;
line-height: 3.84rem;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 768px) {
section.latestNews ._listLink {
padding: 0 1.25em;
line-height: 2.56rem;
font-size: 12px;
font-size: 1.2rem; } }
section.latestNews ._moduleWrap {
margin: 0;
clear: both;
width: 100%;
font-size: 0; }
section.latestNews ._moduleWrap::after {
content: "";
clear: both;
display: block; }
section.latestNews ._moduleCont {
display: inline-block;
width: 23.333%;
vertical-align: top; }
@media screen and (max-width: 768px) {
section.latestNews ._moduleCont {
margin-top: 30px;
margin-bottom: 20px;
display: block;
width: 100%; }
section.latestNews ._moduleCont::after {
content: "";
clear: both;
display: block; } }
section.latestNews ._moduleCont:nth-child(3n+1) {
margin-right: 15%; }
@media screen and (max-width: 768px) {
section.latestNews ._moduleCont:nth-child(3n+1) {
margin-right: 0; } }
section.latestNews ._moduleCont:nth-child(3n) {
margin-left: 15%; }
@media screen and (max-width: 768px) {
section.latestNews ._moduleCont:nth-child(3n) {
margin-right: 0;
margin-left: 0; } }
section.latestNews ._moduleCont ._postTime {
margin-right: .5em;
margin-bottom: 10px;
display: inline-block;
float: left;
line-height: 1.4;
color: #333;
font-size: 12px;
font-size: 1.2rem;
text-align: left; }
section.latestNews ._moduleCont ._postCat {
margin: 0 0 10px;
padding: 0 0.5em;
border: 1px solid #666;
box-sizing: border-box;
display: inline-block;
float: left;
line-height: 1.2;
color: #666;
background: none;
font-size: 12px;
font-size: 1.2rem;
text-align: left; }
section.latestNews ._moduleCont ._postThumb {
padding-top: 100%;
position: relative;
clear: both;
width: 100%;
height: 100%; }
@media screen and (max-width: 768px) {
section.latestNews ._moduleCont ._postThumb {
padding-top: 45%;
float: left;
width: 45%;
height: 45%; } }
section.latestNews ._moduleCont ._postThumb::after {
content: '';
border: 4px solid #fff;
border-radius: 16px;
box-sizing: border-box;
position: absolute;
bottom: -20px;
right: -20px;
width: 100%;
height: 100%;
z-index: 1; }
@media screen and (max-width: 768px) {
section.latestNews ._moduleCont ._postThumb::after {
border: 2px solid #fff;
bottom: -12px;
right: -12px; } }
section.latestNews ._moduleCont ._postThumb img {
border-radius: 16px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10; }
@media screen and (max-width: 768px) {
section.latestNews ._moduleCont ._postDetail {
float: right;
width: 48%; } }
section.latestNews ._moduleCont ._postTtl {
margin-top: 30px;
margin-bottom: 10px;
line-height: 1.4;
color: #000;
font-size: 16px;
font-size: 1.6rem;
text-align: left;
min-height: 2.5em; }
@media screen and (max-width: 768px) {
section.latestNews ._moduleCont ._postTtl {
margin-top: 0;
margin-bottom: 5px;
line-height: 1.4;
min-height: auto;
font-size: 16px;
font-size: 1.6rem; } }
section.latestNews ._moduleCont ._postTtl a:hover, section.latestNews ._moduleCont ._postTtl a:active {
text-decoration: underline; }
section.latestNews ._moduleCont ._postTxt {
line-height: 1.8;
color: #000;
font-size: 14px;
font-size: 1.4rem;
text-align: left; }
@media screen and (max-width: 768px) {
section.latestNews ._moduleCont ._postTxt {
font-size: 14px;
font-size: 1.4rem; } }
section.forFirst {
margin: -30% auto 80px;
position: relative;
width: 100%;
z-index: 20; }
@media screen and (max-width: 960px) {
section.forFirst {
margin-top: -35%; } }
@media screen and (max-width: 600px) {
section.forFirst {
margin-top: -35%;
margin-bottom: 60px;
padding-bottom: 0;
width: 90%; } }
section.forFirst ._img {
margin-left: 4%;
padding-left: 0;
display: inline-block;
width: 54.16%;
max-width: 960px;
vertical-align: middle; }
@media screen and (max-width: 1280px) {
section.forFirst ._img {
margin-left: 2%;
width: 65%; } }
@media screen and (max-width: 768px) {
section.forFirst ._img {
margin-left: 2%;
width: 75%; } }
@media screen and (max-width: 768px) {
section.forFirst ._img {
margin: 0;
display: block;
width: 100%; } }
section.forFirst ._img img {
box-sizing: border-box; }
@media screen and (max-width: 768px) {
section.forFirst ._img img {
border: none; } }
section.forFirst ._ttl {
margin-left: -7.5%;
padding: 10px 1%;
position: relative;
display: inline-block;
line-height: 2.4;
width: 26.66%;
color: #fff;
text-align: center;
background-color: rgba(0, 155, 99, 0.9);
background-blend-mode: multiply;
vertical-align: middle;
font-size: 24px;
font-size: 2.4rem;
letter-spacing: 2px; }
@media screen and (max-width: 960px) {
section.forFirst ._ttl {
margin-left: -25%;
width: 40%; } }
@media screen and (max-width: 600px) {
section.forFirst ._ttl {
margin: -5% auto -15%;
padding: 5px 1%;
display: block;
width: 78%;
font-size: 1.8rem; } }
section.forFirst ._ttl::after {
content: '';
position: absolute;
top: -32px;
right: 20px;
width: 64px;
height: 64px;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/front/icn_wakaba.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top; }
@media screen and (max-width: 600px) {
section.forFirst ._ttl::after {
top: -24px;
right: 10px;
width: 48px;
height: 48px; } }
section.forFirst ._txtBox {
margin: -80px auto 0;
padding: 80px 120px;
border: 20px solid #f7f7f7;
position: relative;
box-sizing: border-box;
z-index: 20;
width: 960px;
background: white; }
section.forFirst ._txtBox::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 960px) {
section.forFirst ._txtBox {
margin-top: -60px;
padding: 40px;
width: 90%; } }
@media screen and (max-width: 600px) {
section.forFirst ._txtBox {
margin: 0;
padding: 20% 0 7.5%;
border: none;
position: static;
top: 0;
left: 0;
width: 100%; } }
section.forFirst ._txtBox ._subTtl {
margin-bottom: 60px;
line-height: 1.6;
color: #333;
font-size: 28px;
font-size: 3.2rem;
font-weight: 800;
text-align: center;
text-decoration: none; }
@media screen and (max-width: 600px) {
section.forFirst ._txtBox ._subTtl {
margin-bottom: 20px;
line-height: 1.6;
font-size: 16px;
font-size: 1.6rem; } }
section.forFirst ._txtBox ._txt p {
margin-bottom: 1.6em;
line-height: 2.4;
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-size: 18px;
font-size: 1.8rem;
text-align: left; }
@media screen and (max-width: 960px) {
section.forFirst ._txtBox ._txt p {
line-height: 2.4;
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 600px) {
section.forFirst ._txtBox ._txt p {
line-height: 2;
font-size: 14px;
font-size: 1.4rem; } }
section.forFirst ._txtBox ._txt p:last-child {
margin-bottom: 0; }
section.forFirst ._txtBox ._link {
margin-top: 60px;
float: right; }
@media screen and (max-width: 600px) {
section.forFirst ._txtBox ._link {
margin-top: 40px; } }
section.strongPoint {
position: relative;
background: #f7f7f7; }
@media screen and (max-width: 768px) {
section.strongPoint {
margin: 0 auto 60px;
width: 100%; } }
@media screen and (max-width: 768px) {
section.strongPoint::before {
margin: 7.5% -50% 0 -50% !important;
width: 200% !important;
height: 90% !important; } }
section.strongPoint ._inwrap {
margin: 0 auto;
padding: 80px 0;
width: 1520px; }
@media screen and (max-width: 1520px) {
section.strongPoint ._inwrap {
width: 95%; } }
@media screen and (max-width: 768px) {
section.strongPoint ._inwrap {
padding: 40px 0;
width: 90%; } }
section.strongPoint ._ttl {
margin: 0;
padding: 40px 8px;
line-height: 1.8;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #fff;
background: #34AB81;
letter-spacing: 5px;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: skewY(6deg);
-ms-transform: skewY(6deg);
transform: skewY(6deg);
position: absolute;
top: -5%;
left: 20%; }
@media screen and (max-width: 768px) {
section.strongPoint ._ttl {
padding: 16px 2px;
top: -1.5%;
left: 7.5%; } }
section.strongPoint ._ttl span {
display: block;
-webkit-transform: skewY(-6deg);
-ms-transform: skewY(-6deg);
transform: skewY(-6deg);
white-space: nowrap;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 768px) {
section.strongPoint ._ttl span {
font-size: 14px;
font-size: 1.4rem; } }
section.strongPoint ._subTtl {
margin-bottom: 40px;
padding-top: 30px;
padding-bottom: 10px;
box-sizing: border-box;
line-height: 1.2;
color: #4f4c4a;
font-size: 36px;
font-size: 3.6rem;
font-weight: 800;
background-color: #ffd700;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/bg_pat02.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-blend-mode: luminosity;
text-align: center;
letter-spacing: 2px; }
@media screen and (max-width: 960px) {
section.strongPoint ._subTtl {
font-size: 24px;
font-size: 2.4rem; } }
@media screen and (max-width: 768px) {
section.strongPoint ._subTtl {
margin-top: -10px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 0;
margin-left: -5.555%;
line-height: 1;
width: calc(100% / 0.9);
font-size: 20px;
font-size: 2.0rem;
letter-spacing: 1px; } }
section.strongPoint ._emphasis {
padding-bottom: 10px;
display: block;
line-height: 1.2;
color: #4f4c4a;
font-family: "Monaco", "Andale Mono", monospace, "Times New Roman", Times, serif;
font-size: 72px;
font-size: 7.2rem;
font-weight: 800;
letter-spacing: 4px; }
@media screen and (max-width: 768px) {
section.strongPoint ._emphasis {
padding-bottom: .1em;
padding-left: .3em;
line-height: 1.4;
font-size: 40px;
font-size: 4.0rem;
letter-spacing: 1px; } }
section.strongPoint ._emphasis::before {
content: '＼';
padding-right: .35em;
line-height: 1.4;
font-size: 24px;
font-size: 2.4rem;
vertical-align: baseline; }
@media screen and (max-width: 768px) {
section.strongPoint ._emphasis::before {
font-size: 14px;
font-size: 1.4rem; } }
section.strongPoint ._emphasis::after {
content: '／';
padding-left: .35em;
line-height: 1.4;
font-size: 24px;
font-size: 2.4rem;
vertical-align: baseline; }
@media screen and (max-width: 768px) {
section.strongPoint ._emphasis::after {
font-size: 14px;
font-size: 1.4rem; } }
section.strongPoint ._emphasis ._notEmphasis {
padding-left: 4px;
font-size: 48px;
font-size: 4.8rem;
vertical-align: baseline; }
@media screen and (max-width: 768px) {
section.strongPoint ._emphasis ._notEmphasis {
font-size: 32px;
font-size: 3.2rem; } }
section.strongPoint ._lead {
margin: 0 auto 120px;
padding: 30px 5%;
border-top: 4px solid #ffd700;
box-sizing: border-box;
position: relative;
width: 65%;
background: #fff; }
@media screen and (max-width: 1280px) {
section.strongPoint ._lead {
width: 90%; } }
@media screen and (max-width: 768px) {
section.strongPoint ._lead {
margin-bottom: 100px;
padding: 20px;
border-top: 2px solid #ffd700;
width: 100%; } }
section.strongPoint ._lead::before {
content: '';
border-left: 2px solid #ffd700;
position: absolute;
width: 2px;
height: 50px;
left: 25%;
top: -50px; }
@media screen and (max-width: 768px) {
section.strongPoint ._lead::before {
border-left: 1px solid #ffd700;
top: -25px;
height: 25px; } }
section.strongPoint ._lead::after {
content: '';
border-right: 2px solid #ffd700;
position: absolute;
width: 2px;
height: 50px;
right: 25%;
top: -50px; }
@media screen and (max-width: 768px) {
section.strongPoint ._lead::after {
border-right: 1px solid #ffd700;
top: -25px;
height: 25px; } }
section.strongPoint ._lead ._inner::after {
content: "";
clear: both;
display: block; }
section.strongPoint ._lead ._img {
float: right;
width: 35%; }
@media screen and (max-width: 768px) {
section.strongPoint ._lead ._img {
margin: 0 auto;
float: none;
width: 80%; } }
section.strongPoint ._lead ._txt {
padding-top: 1.5em;
float: left;
width: 55%;
line-height: 2;
color: #333;
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-size: 16px;
font-size: 1.6rem;
text-align: left; }
@media screen and (max-width: 768px) {
section.strongPoint ._lead ._txt {
padding-top: 1em;
float: none;
line-height: 1.8;
width: 100%;
font-size: 14px;
font-size: 1.4rem;
text-align: left; } }
section.strongPoint ._strPoiBox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
width: 90%;
font-size: 0; }
@media screen and (max-width: 600px) {
section.strongPoint ._strPoiBox {
width: 100%; } }
section.strongPoint ._strPoiBox ._pointBox {
margin: 0 1% 30px;
padding: 40px 30px 30px;
border: 10px solid rgba(255, 135, 78, 0.1);
box-sizing: border-box;
display: inline-block;
position: relative;
width: calc(50% - 2%);
box-shadow: 2px 2px 4px #eee; }
@media screen and (max-width: 960px) {
section.strongPoint ._strPoiBox ._pointBox {
display: block;
width: 100%; } }
@media screen and (max-width: 600px) {
section.strongPoint ._strPoiBox ._pointBox {
border: 10px solid rgba(141, 209, 185, 0.1);
padding: 35px 20px 20px;
display: block;
width: 100%; } }
section.strongPoint ._strPoiBox ._pointBox:first-of-type::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(2)::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(3)::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(4)::before {
content: '';
margin-top: -50px;
margin-left: -35px;
position: absolute;
left: 50%;
top: 0;
width: 70px;
height: 78px;
background-repeat: no-repeat;
background-position: center;
background-size: 70px 78px; }
@media screen and (max-width: 600px) {
section.strongPoint ._strPoiBox ._pointBox:first-of-type::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(2)::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(3)::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(4)::before {
margin-top: -30px;
margin-left: -25px;
width: 50px;
height: 56px;
background-repeat: no-repeat;
background-position: center;
background-size: 50px 56px; } }
section.strongPoint ._strPoiBox ._pointBox:first-of-type::before {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/front/icn_reason1.png); }
section.strongPoint ._strPoiBox ._pointBox:nth-of-type(2)::before {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/front/icn_reason2.png); }
section.strongPoint ._strPoiBox ._pointBox:nth-of-type(3)::before {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/front/icn_reason3.png); }
section.strongPoint ._strPoiBox ._pointBox:nth-of-type(4)::before {
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/front/icn_reason4.png); }
section.strongPoint ._strPoiBox ._pointTtl {
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px dotted;
line-height: 1.6;
color: #FF874E;
font-size: 24px;
font-size: 2.4rem;
font-weight: 800;
text-align: center; }
@media screen and (max-width: 600px) {
section.strongPoint ._strPoiBox ._pointTtl {
margin-bottom: 20px;
padding-bottom: 15px;
font-size: 20px;
font-size: 2.0rem; } }
section.strongPoint ._strPoiBox ._pointTxt p {
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 600px) {
section.strongPoint ._strPoiBox ._pointTxt p {
font-size: 14px;
font-size: 1.4rem; } }
section.strongPoint ._boxList {
margin: 0 auto;
width: 95%;
font-size: 0; }
@media screen and (max-width: 768px) {
section.strongPoint ._boxList {
margin: 0 auto;
width: 90%; } }
section.strongPoint ._boxList ._content {
margin: 0 6.666% 0 0;
display: inline-block;
position: relative;
width: 20%;
vertical-align: top; }
@media screen and (max-width: 768px) {
section.strongPoint ._boxList ._content {
margin: 0 0 100px;
width: 100%; } }
@media screen and (max-width: 768px) {
section.strongPoint ._boxList ._content:nth-child(2) {
margin-top: 0; } }
@media screen and (max-width: 768px) {
section.strongPoint ._boxList ._content:nth-child(3) {
margin-top: 0; } }
section.strongPoint ._boxList ._content:nth-child(4) {
margin-right: 0; }
@media screen and (max-width: 768px) {
section.strongPoint ._boxList ._content:nth-child(4) {
margin-top: 0;
margin-bottom: 0; } }
section.strongPoint ._boxList ._content ._icn {
margin: 0 auto 15px;
margin-left: -60px;
padding: 0;
position: absolute;
left: 50%;
top: -60px;
width: 120px;
z-index: 10; }
@media screen and (max-width: 768px) {
section.strongPoint ._boxList ._content ._icn {
margin-bottom: 10px;
display: block;
font-size: 18px;
font-size: 1.8rem; } }
section.strongPoint ._boxList ._content ._num {
margin: 0 0 30px;
padding: 0;
line-height: 60px;
background: #fff100;
color: #000;
width: 60px;
height: 60px;
text-align: center;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 768px) {
section.strongPoint ._boxList ._content ._num {
display: inline-block;
float: left;
line-height: 40px;
width: 40px;
height: 40px;
font-size: 18px;
font-size: 1.8rem; } }
section.strongPoint ._boxList ._content ._mark {
margin: 0 auto 30px;
border: 1px solid #eee;
border-radius: 100px;
position: relative;
width: 200px;
height: 200px;
background: #fff;
box-shadow: 3px 3px 6px #eee; }
@media screen and (max-width: 768px) {
section.strongPoint ._boxList ._content ._mark {
margin: 0 auto 25px;
border-radius: 100px;
width: 200px;
height: 200px; }
section.strongPoint ._boxList ._content ._mark::after {
content: "";
clear: both;
display: block; } }
section.strongPoint ._boxList ._content ._mark::after {
content: '';
margin-left: -1px;
border-left: 1px solid #d3b77a;
position: absolute;
bottom: -15px;
left: 50%;
width: 2px;
height: 30px; }
section.strongPoint ._boxList ._content ._mark img {
margin: 0 auto;
padding: 10%;
display: block;
width: 80%;
height: auto; }
section.strongPoint ._boxList ._content ._point {
margin-bottom: 25px;
border-top: 1px solid #d3b77a;
line-height: 1.4;
color: #333;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
text-align: center; }
@media screen and (max-width: 768px) {
section.strongPoint ._boxList ._content ._point {
margin: 0 auto 25px;
display: block;
font-size: 18px;
font-size: 1.8rem;
text-align: center; } }
section.strongPoint ._boxList ._content ._point::before {
content: 'point';
padding-top: 4px;
padding-bottom: 4px;
display: block;
line-height: 1.4;
color: #d3b77a;
width: 100%;
font-size: 12px;
font-size: 12px;
font-weight: normal;
font-style: italic;
text-align: center; }
section.strongPoint ._boxList ._content ._txt {
line-height: 1.8;
color: #333;
font-size: 16px;
font-size: 1.6rem;
text-align: left; }
@media screen and (max-width: 768px) {
section.strongPoint ._boxList ._content ._txt {
font-size: 14px;
font-size: 1.4rem; } }
section.flow {
margin-top: 0;
padding-top: 60px; }
@media screen and (max-width: 768px) {
section.flow {
padding-top: 0; } }
section.flow ._ttl {
margin-bottom: 100px;
font-size: 36px;
font-size: 3.6rem; }
@media screen and (max-width: 768px) {
section.flow ._ttl {
margin-bottom: 20px;
font-size: 24px;
font-size: 2.4rem; } }
section.flow ._flowBox {
margin-bottom: 120px; }
@media screen and (max-width: 768px) {
section.flow ._flowBox {
margin: 0 auto 60px;
width: 90%; } }
section.flow ._flowBox ._ttlArea {
margin: 0 0 120px;
padding: 30px 0 20px;
position: relative;
border-bottom: 2px solid #333;
box-sizing: border-box;
width: 100%; }
section.flow ._flowBox ._ttlArea::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 768px) {
section.flow ._flowBox ._ttlArea {
margin-bottom: 20px;
border-bottom: none; } }
section.flow ._flowBox ._ttlArea ._flowNum {
padding-left: 1em;
float: left;
line-height: 1.4;
width: calc(50% - 100px - 1em);
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 768px) {
section.flow ._flowBox ._ttlArea ._flowNum {
padding: 0;
width: 25%;
font-size: 16px;
font-size: 1.6rem; } }
section.flow ._flowBox ._ttlArea ._flowNum strong {
color: #E78900;
font-weight: bold;
font-size: 36px;
font-size: 3.6rem;
font-style: italic; }
@media screen and (max-width: 768px) {
section.flow ._flowBox ._ttlArea ._flowNum strong {
float: none;
font-size: 24px;
font-size: 2.4rem; } }
section.flow ._flowBox ._ttlArea ._flowImg {
margin-left: -100px;
position: absolute;
left: 50%;
top: 0;
width: 200px;
height: 200px; }
@media screen and (max-width: 768px) {
section.flow ._flowBox ._ttlArea ._flowImg {
margin: 0 auto;
position: static;
clear: both; } }
section.flow ._flowBox ._ttlArea ._flowImg img {
border-radius: 100px;
width: 100%;
height: auto; }
section.flow ._flowBox ._ttlArea ._flowTtl {
padding-right: 1em;
float: right;
line-height: 1.8;
clear: none;
width: calc(50% - 100px - 1em);
font-size: 30px;
font-size: 3.0rem;
text-align: right; }
@media screen and (max-width: 768px) {
section.flow ._flowBox ._ttlArea ._flowTtl {
margin-bottom: 20px;
padding: 0 0 4px;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
line-height: 1.4;
width: 70%;
font-size: 20px;
font-size: 2.0rem;
text-align: left; } }
section.flow ._flowBox ._flowCont {
margin: 0 auto;
width: 80%;
background: #f7f7f7; }
@media screen and (max-width: 768px) {
section.flow ._flowBox ._flowCont {
width: 100%; } }
section.flow ._flowBox ._flowCont ul {
padding: 5%; }
section.flow ._flowBox ._flowCont ul li {
padding-bottom: .5em;
padding-left: 1.3em;
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
text-align: left;
text-indent: -1.3em; }
@media screen and (max-width: 768px) {
section.flow ._flowBox ._flowCont ul li {
font-size: 14px;
font-size: 1.4rem; } }
section.flow ._flowBox ._flowCont ul li::before {
content: '◇'; }
section.flow ._flowBox ._flowCont ul li:last-child {
padding-bottom: 0; }
section.flow ._flowBox ._flowCont ul li._caution {
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem; }
section.flow ._flowBox ._flowCont ul li._caution::before {
content: ''; }
section.menu {
margin-bottom: 60px; }
@media screen and (max-width: 768px) {
section.menu {
margin-bottom: 80px; } }
.frontPage section.menu {
margin-bottom: 120px; }
@media screen and (max-width: 768px) {
.frontPage section.menu {
margin: 0 auto 60px;
width: 90%; } }
@media screen and (max-width: 768px) {
section.menu ._ttl {
margin-bottom: 25px; } }
section.menu ._treatmentCont ._suffer {
margin: 0;
padding: 0;
width: 75%; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._suffer {
width: 100%; } }
section.menu ._treatmentCont ._concept {
margin-top: -115px;
margin-bottom: 80px;
padding: 80px 40px 40px;
border: 10px solid #4f4c4a;
box-sizing: border-box;
width: 100%; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._concept {
margin-top: -50px;
margin-bottom: 60px;
padding: 55px 5% 5%;
border: 4px solid #4f4c4a;
width: 100%; } }
section.menu ._treatmentCont ._concept ._subTtl {
margin: 0 0 30px;
line-height: 1.6;
font-size: 28px;
font-size: 2.8rem;
text-align: right; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._concept ._subTtl {
font-size: 16px;
font-size: 1.6rem;
text-align: center; } }
section.menu ._treatmentCont ._concept ._subTtl ._emphasis {
line-height: 1.2;
font-size: 54px;
font-size: 5.4rem;
font-weight: 800; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._concept ._subTtl ._emphasis {
font-size: 28px;
font-size: 2.8rem; } }
section.menu ._treatmentCont ._concept ._policy {
margin-top: -55px; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._concept ._policy {
margin-top: 0;
margin-bottom: 10px; } }
section.menu ._treatmentCont ._concept ._policy dt {
margin-bottom: 20px;
padding: 10px 20px;
display: block;
background: #fff100;
color: #4f4c4a;
line-height: 1.8;
font-size: 20px;
font-size: 2.0rem; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._concept ._policy dt {
padding: 8px 20px;
font-size: 16px;
font-size: 1.6rem; } }
section.menu ._treatmentCont ._concept ._policy dd {
margin: 0 auto;
line-height: 1.8;
width: calc(100% - 40px);
font-size: 18px;
font-size: 1.8rem;
text-align: left; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._concept ._policy dd {
width: 95%;
font-size: 14px;
font-size: 1.4rem; } }
section.menu ._treatmentCont ._frequently ._subTtl {
margin-bottom: 30px;
padding: 20px;
line-height: 1.4;
background: #f7f7f7;
font-size: 24px;
font-size: 2.4rem;
text-align: left; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._frequently ._subTtl {
font-size: 18px;
font-size: 1.8rem;
text-align: center; } }
section.menu ._treatmentCont ._frequently ._listCont {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
width: calc(100% - 40px);
font-size: 0; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._frequently ._listCont {
width: 100%; } }
section.menu ._treatmentCont ._frequently ._listCont li {
border: 1px solid #eee;
box-sizing: border-box;
border-radius: 10px;
vertical-align: top; }
section.menu ._treatmentCont ._frequently ._listCont li:nth-of-type(odd) {
margin: 0 1% 20px 0;
width: 49%; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._frequently ._listCont li:nth-of-type(odd) {
margin: 0 0 20px;
width: 100%; } }
section.menu ._treatmentCont ._frequently ._listCont li:nth-of-type(even) {
margin: 0 0 20px 1%;
width: 49%; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._frequently ._listCont li:nth-of-type(even) {
margin: 0 0 20px;
width: 100%; } }
section.menu ._treatmentCont ._frequently ._listCont li ._frame {
padding: 25px 20px 10px; }
section.menu ._treatmentCont ._frequently ._listCont li ._frame dt {
margin: 0 0 10px;
padding-bottom: 10px;
box-sizing: border-box;
line-height: 1.4;
font-size: 18px;
font-size: 1.8rem;
font-weight: 800; }
@media screen and (max-width: 768px) {
section.menu ._treatmentCont ._frequently ._listCont li ._frame dt {
font-size: 16px;
font-size: 1.6rem; } }
section.menu ._treatmentCont ._frequently ._listCont li ._frame dt a {
color: #4f4c4a; }
section.menu ._treatmentCont ._frequently ._listCont li ._frame dt a:hover, section.menu ._treatmentCont ._frequently ._listCont li ._frame dt a:active {
text-decoration: underline; }
section.menu ._treatmentCont ._frequently ._listCont li ._frame dd {
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 768px) {
.frontPage section.price {
margin: 60px auto 80px;
width: 90%; } }
section.staff ._inner {
margin-bottom: 120px; }
section.staff ._inner::after {
content: "";
clear: both;
display: block; }
section.staff ._portrait {
float: right;
line-height: 0;
width: 38%;
font-size: 0;
vertical-align: top; }
@media screen and (max-width: 768px) {
section.staff ._portrait {
margin: 0 auto 40px;
float: none;
width: 85%; } }
section.staff ._name {
margin-top: 25px;
padding: 20px;
line-height: 1.8;
background: #d3b77a;
font-size: 0; }
@media screen and (max-width: 768px) {
section.staff ._name {
padding: 10px; } }
section.staff ._name ._kanji, section.staff ._name ._kana {
display: inline;
color: #fff;
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
text-align: center;
vertical-align: middle; }
section.staff ._name ._kanji {
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 768px) {
section.staff ._name ._kanji {
font-size: 18px;
font-size: 1.8rem; } }
section.staff ._name ._kana {
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
section.staff ._name ._kana {
font-size: 14px;
font-size: 1.4rem; } }
section.staff ._position {
margin: 0;
padding: 20px;
line-height: 1.8;
color: #fff;
background: #d3b77a;
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-size: 16px;
font-size: 1.6rem;
text-align: right; }
@media screen and (max-width: 768px) {
section.staff ._position {
padding: 10px;
font-size: 14px;
font-size: 1.4rem; } }
section.staff ._personalData {
margin: 0;
padding: 0;
float: left;
width: 55%; }
@media screen and (max-width: 768px) {
section.staff ._personalData {
margin: 0 auto;
width: 100%; } }
section.staff ._personalData ._detail {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 0; }
section.staff ._personalData ._detail dt, section.staff ._personalData ._detail dd {
padding: 20px 5px;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
display: inline-block;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
section.staff ._personalData ._detail dt, section.staff ._personalData ._detail dd {
font-size: 14px;
font-size: 1.4rem; } }
section.staff ._personalData ._detail dt {
margin: 0 10px 0 0;
line-height: 1.6;
width: calc(30% - 10px);
font-weight: 800;
text-align: right; }
@media screen and (max-width: 768px) {
section.staff ._personalData ._detail dt {
width: calc(35% - 10px); } }
section.staff ._personalData ._detail dd {
margin: 0;
line-height: 1.6;
width: 70%;
text-align: left; }
@media screen and (max-width: 768px) {
section.staff ._personalData ._detail dd {
width: 65%; } }
section.staff ._personalData ._appeal {
margin-top: 40px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 0; }
section.staff ._personalData ._appeal dt, section.staff ._personalData ._appeal dd {
display: block;
width: 100%;
line-height: 1.4;
font-size: 16px;
font-size: 1.6rem; }
section.staff ._personalData ._appeal dt {
margin-bottom: 20px;
padding: 20px;
border: 2px solid #d3b77a;
box-sizing: border-box; }
@media screen and (max-width: 768px) {
section.staff ._personalData ._appeal dt {
padding: 20px 10px;
border: 1px solid #d3b77a; } }
section.staff ._personalData ._appeal dd {
margin-bottom: 40px;
padding: 0 20px;
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 768px) {
section.staff ._personalData ._appeal dd {
padding: 0 10px; } }
section.staff ._personalData ._appeal dd:last-child {
margin-bottom: 0; }
section.symptom {
margin: 0;
padding: 60px 0 80px; }
section.symptom ._inwrap {
margin: 0 auto;
width: 960px; }
@media screen and (max-width: 960px) {
section.symptom ._inwrap {
width: 90%; } }
section.symptom ._inwrap ._ttl {
margin-bottom: 40px;
line-height: 1.6;
color: #000;
font-size: 30px;
font-size: 3rem;
text-align: center;
letter-spacing: 1px; }
@media screen and (max-width: 768px) {
section.symptom ._inwrap ._ttl {
font-size: 24px;
font-size: 2.4rem; } }
section.access {
margin: 0;
padding: 0 0 80px; }
.frontPage section.access {
padding: 60px 0 80px;
background: #f7f7f7; }
section.access ._inwrap {
margin: 0 auto;
width: 960px; }
@media screen and (max-width: 960px) {
section.access ._inwrap {
width: 90%; } }
@media screen and (max-width: 768px) {
section.access ._inwrap {
width: 100%; } }
@media screen and (max-width: 768px) {
.frontPage section.access ._inwrap {
width: 90%; } }
section.access ._inwrap ._ttl {
margin-bottom: 40px;
line-height: 1.6;
color: #000;
font-size: 30px;
font-size: 3rem;
text-align: center;
letter-spacing: 1px; }
@media screen and (max-width: 768px) {
section.access ._inwrap ._ttl {
font-size: 24px;
font-size: 2.4rem; } }
section.access ._inwrap ._address {
margin: 0 0 30px;
padding: 20px 40px;
box-sizing: border-box;
line-height: 1.8;
background: #f7f7f7;
font-size: 16px;
font-size: 1.6rem;
text-align: left; }
@media screen and (max-width: 768px) {
section.access ._inwrap ._address {
padding: 10px 20px;
font-size: 14px;
font-size: 1.4rem; } }
.frontPage section.access ._inwrap ._address {
background: #fff; }
section.access ._inwrap ._address ._station {
padding: 0 10px;
display: inline-block;
background: #EDD634;
color: #333; }
section.access ._inwrap ._gmap {
margin: 0 auto; }
section.access ._inwrap ._subTtl {
margin: 120px auto 80px;
padding: 40px;
border-top: 2px solid #d3b77a;
border-bottom: 2px solid #d3b77a;
box-sizing: border-box;
line-height: 1.8;
width: 80%;
font-size: 24px;
font-size: 2.4rem;
text-align: center; }
@media screen and (max-width: 768px) {
section.access ._inwrap ._subTtl {
margin: 120px auto 40px;
border-top: 1px solid #d3b77a;
border-bottom: 1px solid #d3b77a;
width: 80%;
font-size: 18px;
font-size: 1.8rem; } }
section.access ._inwrap ._directions {
margin: 0 auto;
width: 80%; }
@media screen and (max-width: 768px) {
section.access ._inwrap ._directions {
width: 90%; } }
section.access ._inwrap ._directions li {
margin: 0 0 80px;
padding: 0;
position: relative;
width: 100%; }
@media screen and (max-width: 768px) {
section.access ._inwrap ._directions li {
margin-bottom: 40px; } }
section.access ._inwrap ._directions li::before {
content: '';
border-bottom: 1px solid #333;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px; }
@media screen and (max-width: 768px) {
section.access ._inwrap ._directions li::before {
display: none; } }
section.access ._inwrap ._directions li dl {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
width: 100%;
font-size: 0; }
section.access ._inwrap ._directions li dl::after {
content: "";
clear: both;
display: block; }
section.access ._inwrap ._directions li dl::before {
content: '';
margin-top: .5em;
padding-left: 1em;
display: inline-block;
line-height: 1.4;
width: calc(50% - 100px - 1em);
color: #d3b77a;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 48px;
font-size: 4.8rem;
font-weight: 800;
font-style: italic;
vertical-align: middle; }
@media screen and (max-width: 768px) {
section.access ._inwrap ._directions li dl::before {
margin: 0 auto;
padding: 0;
display: block;
width: 100%;
text-align: center; } }
section.access ._inwrap ._directions li dl dt {
margin: 0;
display: inline-block;
width: 200px;
height: 200px;
vertical-align: middle; }
@media screen and (max-width: 768px) {
section.access ._inwrap ._directions li dl dt {
margin: 0 auto;
display: block; } }
section.access ._inwrap ._directions li dl dt img {
border-radius: 100px;
width: 100%;
height: auto; }
section.access ._inwrap ._directions li dl dd {
margin: 0;
margin-top: 2em;
width: calc(50% - 100px - 1em);
display: inline-block;
line-height: 1.6;
font-size: 16px;
font-size: 1.6rem;
text-align: right;
vertical-align: middle; }
@media screen and (max-width: 768px) {
section.access ._inwrap ._directions li dl dd {
display: block;
width: 100%;
font-size: 14px;
font-size: 1.4rem;
text-align: center; } }
section.access ._inwrap ._directions li:first-child dl::before {
content: '1'; }
section.access ._inwrap ._directions li:nth-of-type(2) dl::before {
content: '2'; }
section.access ._inwrap ._directions li:nth-of-type(3) dl::before {
content: '3'; }
section.access ._inwrap ._directions li:nth-of-type(4) dl::before {
content: '4'; }
section.access ._inwrap ._directions li:last-child {
margin-bottom: 0; }
section .contactForm dl {
padding: 30px 0;
border-bottom: 1px solid #eee;
box-sizing: border-box; }
section .contactForm dl::after {
content: "";
clear: both;
display: block; }
section .contactForm dl dt, section .contactForm dl dd {
padding: 10px 0;
color: #666;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal; }
section .contactForm dl dt {
margin-right: 2%;
display: block;
position: relative;
float: left;
text-align: right;
width: calc(25% - 2%);
vertical-align: middle; }
@media screen and (max-width: 768px) {
section .contactForm dl dt {
margin: 0 auto 10px;
padding: 0;
float: none;
width: calc(100% - 4%);
font-size: 14px;
font-size: 1.4rem;
text-align: left; } }
section .contactForm dl dt span._essential::after {
content: '*';
color: #ff0000;
position: absolute;
right: -11px;
top: 11px;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal; }
@media screen and (max-width: 768px) {
section .contactForm dl dt span._essential::after {
left: -11px;
top: 0; } }
section .contactForm dl dt span.en {
color: #999;
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
font-size: 12px;
font-size: 1.2rem; }
section .contactForm dl dd {
padding: 10px 2%;
float: right;
width: calc(70% - 4%);
vertical-align: middle; }
@media screen and (max-width: 768px) {
section .contactForm dl dd {
margin: 0 auto;
padding: 0;
float: none;
width: calc(100% - 4%); } }
section .contactForm dl dd textarea {
width: 90%; }
section .contactForm dl dd span label {
font-weight: normal; }
section .contactForm dl dd span input, section .contactForm dl dd span textarea {
padding: 1%;
box-sizing: border-box;
line-height: 1.6;
width: 100%;
height: auto;
font-size: 14px;
font-size: 1.4rem; }
section .contactForm p._caution {
margin-bottom: 10px;
text-align: left;
font-size: 12px;
font-size: 1.2rem; }
section .contactForm p._caution span {
color: #ff0000; }
section .contactForm p._confirm {
margin: 40px 0;
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
text-align: center; }
section .contactForm p._confirm span {
display: inline; }
section .contactForm p input[type=submit] {
margin: 20px auto 0;
padding: 30px 0;
border: 1px solid #8dd1b9;
border-radius: 10px;
display: block;
width: 40%;
color: #fff;
background: #8dd1b9;
font-size: 16px;
font-size: 1.6rem;
cursor: pointer; }
@media screen and (max-width: 768px) {
section .contactForm p input[type=submit] {
padding: 20px;
width: 70%; } }
section .contactForm p input[type=submit]:hover, section .contactForm p input[type=submit]:focus {
color: #8dd1b9;
background: #fff; }
section.privacy ._privacyPolicy {
margin: 0;
padding: 40px;
border: 1px solid #eee;
box-sizing: border-box;
background: #f7f7f7; }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy {
padding: 10% 5%; } }
section.privacy ._privacyPolicy ._lead {
margin: 0 auto 40px;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem; }
section.privacy ._privacyPolicy ._ppWrap {
margin: 0 auto 60px; }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._ppWrap {
margin-bottom: 40px; } }
section.privacy ._privacyPolicy ._ppWrap:last-child {
margin-bottom: 0; }
section.privacy ._privacyPolicy ._ppWrap ._ttl {
margin-bottom: 20px;
padding: 20px;
line-height: 1.6;
color: #333;
background: #fff;
font-size: 24px;
font-size: 2.4rem;
text-align: left; }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._ppWrap ._ttl {
padding: 10px 15px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 800; } }
section.privacy ._privacyPolicy ._ppWrap ._ppCont {
margin: 0 auto;
width: 95%; }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont {
width: 90%; } }
section.privacy ._privacyPolicy ._ppWrap ._ppCont ul li {
margin-bottom: 1em;
padding-left: 1em;
line-height: 1.6;
font-size: 16px;
font-size: 16px;
text-indent: -1em; }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont ul li {
font-size: 14px;
font-size: 1.4rem; } }
section.privacy ._privacyPolicy ._ppWrap ._ppCont ul li:last-child {
margin-bottom: 0; }
section.privacy ._privacyPolicy ._ppWrap ._ppCont ul li::before {
content: '◇'; }
section.privacy ._privacyPolicy ._ppWrap ._ppCont dl dt, section.privacy ._privacyPolicy ._ppWrap ._ppCont dl dd {
line-height: 1.6;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont dl dt, section.privacy ._privacyPolicy ._ppWrap ._ppCont dl dd {
font-size: 14px;
font-size: 1.4rem; } }
section.privacy ._privacyPolicy ._ppWrap ._ppCont dl dt {
margin-bottom: 1em; }
.bnrArea {
margin: 0;
padding: 0;
width: 100%; }
@media screen and (max-width: 768px) {
.bnrArea {
margin-left: -5.555%;
padding: 40px 0;
width: 111.111%;
background: #f7f7f7; } }
.frontPage .bnrArea {
padding: 80px 0;
background: #f7f7f7; }
@media screen and (max-width: 768px) {
.frontPage .bnrArea {
margin-left: 0;
padding: 40px 0;
width: 100%; } }
.bnrArea ._inwrap {
margin: 0 auto;
width: 95%;
background-image: url(//yotsubain.com/wp/wp-content/themes/smiling-owl/images/common/bg_pat_dia_yel.png);
background-repeat: repeat;
background-position: center;
background-size: 200px 200px; }
.bnrArea ._inwrap::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 960px) {
.bnrArea ._inwrap {
width: 90%; } }
.frontPage .bnrArea ._inwrap {
width: 960px; }
@media screen and (max-width: 960px) {
.frontPage .bnrArea ._inwrap {
width: 90%; } }
.bnrArea ._separate {
margin: 40px 0;
width: calc(50% - 20px); }
@media screen and (max-width: 768px) {
.bnrArea ._separate {
margin: 0;
padding: 40px;
width: calc(100% - 80px); } }
.frontPage .bnrArea ._separate {
margin: 40px;
width: calc(50% - 60px); }
@media screen and (max-width: 768px) {
.frontPage .bnrArea ._separate {
margin: 0;
padding: 40px;
width: calc(100% - 80px); } }
.bnrArea ._separate:first-of-type {
margin: 40px 20px 40px 0;
float: left; }
@media screen and (max-width: 768px) {
.bnrArea ._separate:first-of-type {
margin: 0;
float: none; } }
.frontPage .bnrArea ._separate:first-of-type {
margin: 40px 20px 40px 40px;
float: left; }
@media screen and (max-width: 768px) {
.frontPage .bnrArea ._separate:first-of-type {
margin: 0;
float: none; } }
.bnrArea ._separate:nth-of-type(2) {
margin: 40px 0 40px 20px;
float: right; }
@media screen and (max-width: 768px) {
.bnrArea ._separate:nth-of-type(2) {
margin: 0;
padding-top: 0;
float: none; } }
.frontPage .bnrArea ._separate:nth-of-type(2) {
margin: 40px 40px 40px 20px;
float: right; }
@media screen and (max-width: 768px) {
.frontPage .bnrArea ._separate:nth-of-type(2) {
margin: 0;
padding-top: 0;
float: none; } }
.bnrArea ._sepTtl {
margin-bottom: 10px;
line-height: 1.4;
font-size: 24px;
font-size: 2.4rem;
text-align: left; }
@media screen and (max-width: 768px) {
.bnrArea ._sepTtl {
margin-bottom: 20px;
margin-left: -40px;
padding: 20px;
width: calc(100% + 40px);
background: #f7f7f7;
font-size: 18px;
font-size: 1.8rem; } }
.bnrArea ._treSymLead {
margin-bottom: 20px;
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem;
text-align: left; }
.bnrArea ._bnr {
margin: 0 auto;
width: 100%; }
.bnrArea ._bnr a {
display: block;
box-sizing: border-box; }
.bnrArea ._bnr a img {
width: 100%;
height: auto; }
.bnrArea ._bnr a:hover img, .bnrArea ._bnr a:active img {
opacity: .9; }
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
padding: 20px;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem; }
.pagination {
margin-top: 40px; }
.pagination ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch; }
.pagination ul li {
margin: 0; }
.pagination ul li span {
border: 1px solid #d3b77a;
box-sizing: border-box;
display: none;
line-height: 40px;
font-size: 14px;
font-size: 1.4rem;
text-align: center; }
body.symArcPage .pagination ul li span {
border: 1px solid #8dd1b9; }
body.treArcPage .pagination ul li span {
border: 1px solid #4765C7; }
.pagination ul li .page-numbers {
border-top: 1px solid #d3b77a;
border-bottom: 1px solid #d3b77a;
border-left: 1px solid #d3b77a;
box-sizing: border-box;
display: block;
line-height: 40px;
width: 40px;
height: 40px;
color: #4f4c4a;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
transition: none; }
.pagination ul li .page-numbers:hover, .pagination ul li .page-numbers:active {
color: #fff;
background: #d3b77a;
transition: none; }
.pagination ul li .page-numbers.current {
color: #fff;
background: #d3b77a; }
body.symArcPage .pagination ul li .page-numbers {
border-top: 1px solid #8dd1b9;
border-bottom: 1px solid #8dd1b9;
border-left: 1px solid #8dd1b9; }
body.symArcPage .pagination ul li .page-numbers:hover, body.symArcPage .pagination ul li .page-numbers:active {
color: #fff;
background: #8dd1b9; }
body.symArcPage .pagination ul li .page-numbers.current {
color: #fff;
background: #8dd1b9; }
body.treArcPage .pagination ul li .page-numbers {
border-top: 1px solid #4765C7;
border-bottom: 1px solid #4765C7;
border-left: 1px solid #4765C7; }
body.treArcPage .pagination ul li .page-numbers:hover, body.treArcPage .pagination ul li .page-numbers:active {
color: #fff;
background: #4765c7; }
body.treArcPage .pagination ul li .page-numbers.current {
color: #fff;
background: #4765C7; }
body.voiArcPage .pagination ul li .page-numbers {
border-top: 1px solid #FF874E;
border-bottom: 1px solid #FF874E;
border-left: 1px solid #FF874E; }
body.voiArcPage .pagination ul li .page-numbers:hover, body.voiArcPage .pagination ul li .page-numbers:active {
color: #fff;
background: #ff874e; }
body.voiArcPage .pagination ul li .page-numbers.current {
color: #fff;
background: #FF874E; }
.pagination ul li:last-of-type span, .pagination ul li:last-of-type a {
border-right: 1px solid #d3b77a; }
body.symArcPage .pagination ul li:last-of-type span, body.symArcPage .pagination ul li:last-of-type a {
border-right: 1px solid #8dd1b9; }
body.treArcPage .pagination ul li:last-of-type span, body.treArcPage .pagination ul li:last-of-type a {
border-right: 1px solid #4765C7; }
.priceCont::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 768px) {
.priceCont {
margin: 0 auto;
width: 100%; } }
.priceCont ._ttl {
margin-bottom: 40px;
padding: 30px;
border-bottom: 4px solid #d3b77a;
line-height: 1.4;
background: #f7f7f7;
font-size: 24px;
font-size: 2.4rem;
font-weight: normal;
text-align: left; }
@media screen and (max-width: 768px) {
.priceCont ._ttl {
padding: 20px;
margin-bottom: 20px;
font-size: 18px;
font-size: 1.8rem;
text-align: center; } }
.priceCont ._ttl._joint {
margin-top: 80px; }
@media screen and (max-width: 768px) {
.priceCont ._ttl._joint {
margin-top: 40px; } }
.priceCont ._ttl span {
font-size: 14px;
font-size: 1.4rem; }
.priceCont ._paragraph {
margin: 0 auto 20px;
line-height: 1.6;
width: 90%;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
.priceCont ._paragraph {
width: 100%;
font-size: 14px;
font-size: 1.4rem; } }
.priceCont ._paragraph._caution {
margin-top: 20px;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 768px) {
.priceCont ._paragraph._caution {
font-size: 12px;
font-size: 1.2rem; } }
.priceCont ._tbl {
margin: 0 auto 10px;
width: 90%; }
@media screen and (max-width: 768px) {
.priceCont ._tbl {
width: 100%; } }
.priceCont ._tbl tr th, .priceCont ._tbl tr td {
padding: 1.5% 0;
border: 1px solid #eee;
font-size: 16px;
font-size: 1.6rem;
vertical-align: middle; }
@media screen and (max-width: 768px) {
.priceCont ._tbl tr th, .priceCont ._tbl tr td {
padding: 20px 0;
font-size: 12px;
font-size: 1.2rem; } }
.priceCont ._tbl tr th sup, .priceCont ._tbl tr td sup {
font-size: 85px;
font-size: 0.85rem;
vertical-align: baseline; }
.priceCont ._tbl tr th {
background: #d3b77a; }
.priceCont ._tbl tr td {
text-align: center; }
.priceCont ._tbl tr td._bg {
background: rgba(211, 183, 122, 0.15); }
.priceCont ._tbl tr._tblTtl th, .priceCont ._tbl tr._tblTtl td {
width: 20%; }
.priceCont ._tbl tr._tblTtl th {
color: #fff;
background: #4f4c4a;
text-align: center; }
.priceCont ._phtArea {
margin: 0 2% 4% 4%;
float: right;
width: 30%; }
.priceCont ._detailArea {
margin: 0 2%; }
.priceCont ._detailArea dl dt, .priceCont ._detailArea dl dd {
line-height: 1.6; }
.priceCont ._detailArea dl dt {
margin-bottom: 15px;
padding-bottom: 0;
padding-right: 0.5em;
padding-left: 0.5em;
border-left: 7px solid #40444d;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
vertical-align: middle; }
.priceCont ._detailArea dl.about {
padding-bottom: 2em; }
.priceCont ._detailArea dl.about dt::before {
padding-right: 7px;
font-family: FontAwesome;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
vertical-align: middle; }
.priceCont ._detailArea dl.recommend dt::before {
padding-right: 7px;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
vertical-align: middle; }
.priceCont ._detailArea dl ul {
margin: 0; }
.priceCont ._detailArea dl ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
list-style: none; }
.priceCont ._detailArea dl.related-post {
padding-top: 4em; }
.priceCont ._detailArea dl.related-post::after {
content: "";
clear: both;
display: block; }
.priceCont ._detailArea dl.related-post dt {
display: block;
vertical-align: middle;
border: none;
float: left;
width: 7em; }
.priceCont ._detailArea dl.related-post dt:after {
padding-left: 0.5em;
content: '\f101'; }
.priceCont ._detailArea dl.related-post dd {
display: block;
vertical-align: middle;
float: left; }
.priceCont ._detailArea dl.related-post dd a:hover, .priceCont ._detailArea dl.related-post dd a:active {
text-decoration: underline; }
.priceCont .priceSection {
margin: 80px 0 0; }
.priceCont .priceSection ._paragraph {
margin: 0 auto 20px;
line-height: 1.6;
width: 95%;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 600px) {
.priceCont .priceSection ._paragraph {
width: 100%;
font-size: 14px;
font-size: 1.4rem; } }
.priceCont .priceSection ._paragraph._caution {
margin-top: 20px;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 600px) {
.priceCont .priceSection ._paragraph._caution {
font-size: 12px;
font-size: 1.2rem; } }
.priceCont .priceSection ._inner {
margin: 0 0 40px; }
@media screen and (max-width: 600px) {
.priceCont .priceSection ._inner {
margin: 0 auto 40px;
width: 95%; } }
.priceCont .priceSection ._listBox {
margin: 40px auto 0;
padding: 30px 20px 20px;
border: 4px solid #009b63;
box-sizing: border-box;
position: relative;
width: 95%;
font-size: 0; }
@media screen and (max-width: 600px) {
.priceCont .priceSection ._listBox {
border: 2px solid #009b63;
width: 100%; } }
.priceCont .priceSection ._listBox dt, .priceCont .priceSection ._listBox dd {
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 600px) {
.priceCont .priceSection ._listBox dt, .priceCont .priceSection ._listBox dd {
font-size: 14px;
font-size: 1.4rem; } }
.priceCont .priceSection ._listBox dt {
padding: 10px 15px;
display: block;
border-radius: 10px;
position: absolute;
top: -25px;
left: 30px;
color: #fff;
background: #009b63; }
@media screen and (max-width: 600px) {
.priceCont .priceSection ._listBox dt {
left: 15px; } }
.priceCont .priceSection ._listBox dd {
display: inline-block;
line-height: 2.4;
width: 50%; }
@media screen and (max-width: 600px) {
.priceCont .priceSection ._listBox dd {
display: block;
width: 100%; } }
.priceCont .priceSection ._listBox dd::before {
content: '・'; }
.priceCont .priceSection ._subTtl {
margin: 0 auto 15px;
padding: 30px 20px;
border: 1px solid #d3b77a;
box-sizing: border-box;
line-height: 1.4;
color: #333;
width: 95%;
font-size: 20px;
font-size: 2.0rem;
font-weight: 800; }
@media screen and (max-width: 600px) {
.priceCont .priceSection ._subTtl {
padding: 20px;
font-size: 16px;
font-size: 1.6rem;
width: 100%; } }
.gbp {
margin: -10px auto 0; }
@media screen and (min-width: 768px) {
.gbp {
margin: -80px auto 0;
width: 100%; } }
.importantNotices {
margin: 0 auto 40px;
width: 100%; }
@media screen and (min-width: 768px) {
.importantNotices {
margin: 0 auto 40px;
width: 100%; } }
.importantNotices .importantNotices-ttl {
margin: 0;
padding: 12px 10px 10px;
line-height: 1.5;
color: #fff;
background: #e0660d;
font-size: 16px;
font-size: 1.6rem;
text-align: center; }
@media screen and (min-width: 768px) {
.importantNotices .importantNotices-ttl {
font-size: 24px;
font-size: 2.4rem; } }
.importantNotices .importantNotices-cont {
margin: 0 auto;
padding: 10px;
border: 3px solid #e0660d;
box-sizing: border-box;
width: 100%;
background: #fff; }
@media screen and (min-width: 768px) {
.importantNotices .importantNotices-cont {
padding: 20px;
border: 4px solid #e0660d; } }
.importantNotices .importantNotices-cont-txt {
margin: 0 0 .25em;
line-height: 1.6;
color: #000;
font-size: 12px;
font-size: 1.2rem;
text-align: left; }
.importantNotices .importantNotices-cont-note li {
margin: 0 0 .25em;
padding-left: 1em;
line-height: 1.6;
color: #000;
font-size: 12px;
font-size: 1.2rem;
text-indent: -1em;
text-align: left; }
@media screen and (min-width: 768px) {
.importantNotices .importantNotices-cont-note li {
letter-spacing: 1px; } }
.importantNotices .importantNotices-cont-note li:last-of-type {
margin-bottom: 0; }
.importantNotices .importantNotices-cont-note li a:hover, .importantNotices .importantNotices-cont-note li a:active {
text-decoration: underline; }
.importantNotices .importantNotices-cont-note li strong {
border-radius: 6px;
background: linear-gradient(transparent 0%, #fcf5c9 0%);
font-weight: bold; }
@media screen and (max-width: 768px) {
section.inclineBlock._minusDeg::before {
width: 180%;
height: 90%;
margin: 7.5% -30% 0; } }
.recruit-content {
margin: 0 auto;
width: 80%;
max-width: 640px; }
@media screen and (max-width: 768px) {
.recruit-content {
width: 100%; } }
.recruit-content table {
width: 100%; }
.recruit-content table.defStyle th, .recruit-content table.defStyle td {
padding: 20px;
line-height: 1.4;
border: 1px solid #ccc;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 768px) {
.recruit-content table.defStyle th, .recruit-content table.defStyle td {
padding: 20px 10px; } }
.recruit-content table.defStyle th {
background: #fafafa; }@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Open Sans Regular"), local("OpenSans-Regular"), url(https://cdn.trustindex.io/assets/fonts/opensans/cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Open Sans Regular"), local("OpenSans-Regular"), url(https://cdn.trustindex.io/assets/fonts/opensans/cyrillic.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Open Sans Regular"), local("OpenSans-Regular"), url(https://cdn.trustindex.io/assets/fonts/opensans/greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Open Sans Regular"), local("OpenSans-Regular"), url(https://cdn.trustindex.io/assets/fonts/opensans/greek.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Open Sans Regular"), local("OpenSans-Regular"), url(https://cdn.trustindex.io/assets/fonts/opensans/vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Open Sans Regular"), local("OpenSans-Regular"), url(https://cdn.trustindex.io/assets/fonts/opensans/latin-ext.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Open Sans Regular"), local("OpenSans-Regular"), url(https://cdn.trustindex.io/assets/fonts/opensans/latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Open Sans Bold"), local("OpenSans-Bold"), url(https://cdn.trustindex.io/assets/fonts/opensans/cyrillic-ext2.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Open Sans Bold"), local("OpenSans-Bold"), url(https://cdn.trustindex.io/assets/fonts/opensans/cyrillic2.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Open Sans Bold"), local("OpenSans-Bold"), url(https://cdn.trustindex.io/assets/fonts/opensans/greek-ext2.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Open Sans Bold"), local("OpenSans-Bold"), url(https://cdn.trustindex.io/assets/fonts/opensans/greek2.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Open Sans Bold"), local("OpenSans-Bold"), url(https://cdn.trustindex.io/assets/fonts/opensans/vietnamese2.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Open Sans Bold"), local("OpenSans-Bold"), url(https://cdn.trustindex.io/assets/fonts/opensans/latin-ext2.woff2) format("woff2");unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Open Sans Bold"), local("OpenSans-Bold"), url(https://cdn.trustindex.io/assets/fonts/opensans/latin2.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}.ti-amp-iframe-body{background:#ffffff}.ti-widget.ti-goog{width:100%;display:block;overflow:hidden;text-align:left;direction:ltr;box-sizing:border-box}.ti-widget.ti-goog *,.ti-widget.ti-goog *:after{box-sizing:border-box}.ti-widget.ti-goog *:before,.ti-widget.ti-goog *:after{-webkit-box-ordinal-group:1 !important;content:unset}.ti-widget.ti-goog:before{display:none !important}.ti-widget.ti-goog .ti-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ti-widget.ti-goog a{text-decoration:underline !important;color:inherit}.ti-widget.ti-goog a.ti-header{text-decoration:none !important}.ti-widget.ti-goog a[href="#"]:not(.ti-show-original-text),.ti-widget.ti-goog a:not([href]){text-decoration:none !important;pointer-events:none}.ti-widget.ti-goog .ti-widget-container,.ti-widget.ti-goog .ti-widget-container *{font-family:"Open sans";font-size:14px;line-height:1.4em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ti-widget.ti-goog strong,.ti-widget.ti-goog strong *{font-weight:bold}.ti-widget.ti-goog .ti-widget-container{display:block;color:#000000;margin-bottom:15px}.ti-widget.ti-goog .ti-widget-container .ti-name{font-weight:bold;font-size:14px;overflow:hidden;padding-right:25px;white-space:nowrap;text-overflow:ellipsis;color:#000000;margin-bottom:2px}.ti-widget.ti-goog .ti-widget-container .ti-name a{text-decoration:none !important;font-size:inherit}.ti-widget.ti-goog .ti-widget-container .ti-name a:hover{text-decoration:underline !important}.ti-widget.ti-goog .ti-widget-container .ti-date{color:#000000;opacity:0.5;font-size:11.2px !important}.ti-widget.ti-goog .ti-profile-img{margin:0 15px 0 0 !important}.ti-widget.ti-goog .ti-profile-img img{width:40px !important;height:40px !important;padding:0px !important;display:block;border-radius:30px;min-width:initial !important;max-width:initial !important;object-fit:cover;object-position:top}.ti-widget.ti-goog .ti-profile-img .ti-profile-img-sprite{display:inline-block;float:left;background:white;background-repeat:no-repeat;width:40px;height:40px;border-radius:30px}.ti-widget.ti-goog .ti-profile-details{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;margin:0 !important;display:flex;flex-direction:column;justify-content:center}.ti-widget.ti-goog .ti-stars{margin-top:3px;white-space:nowrap;display:block}.ti-widget.ti-goog .ti-star{width:17px;height:17px;display:inline-block;margin:0 !important;margin-right:1px !important;background-size:contain;background-repeat:no-repeat}.ti-widget.ti-goog .ti-star:before,.ti-widget.ti-goog .ti-star:after{content:none !important}.ti-widget.ti-goog .ti-footer{margin-top:15px;padding-top:0px;text-align:center;line-height:1.45em}.ti-widget.ti-goog .ti-footer .ti-name{color:#000000;font-size:15px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis}.ti-widget.ti-goog .ti-footer .ti-stars{margin-bottom:3px;margin-top:0px;line-height:0}.ti-widget.ti-goog .ti-footer .ti-profile-details{padding-top:4px}.ti-widget.ti-goog .ti-footer .ti-inner{padding-bottom:10px}.ti-widget.ti-goog .ti-footer-link-block{margin-top:10px;color:#000000}.ti-widget.ti-goog .ti-footer-link-block a{font-size:13.3px;padding-right:10px;opacity:0.7;text-decoration:underline !important;color:inherit !important}.ti-widget.ti-goog .ti-footer-link-block a:hover{opacity:1}.ti-widget.ti-goog .ti-footer-filter-text{font-size:15px !important;color:#000000;margin-bottom:0 !important;padding:0 15px;text-align:left;margin:12px 28px}.ti-widget.ti-goog .ti-footer-filter-text:empty{margin:0 !important}@media (max-width:479px){.ti-widget.ti-goog .ti-footer-filter-text{text-align:center !important}}.ti-widget.ti-goog .star-lg .ti-star{width:30px !important;height:30px !important}.ti-widget.ti-goog .ti-d-none{display:none !important}.ti-widget.ti-goog.ti-icon-size1 .ti-review-header:after{width:25px;height:25px}.ti-widget.ti-goog.ti-icon-size1 .ti-widget-container .ti-name{padding-left:30px}.ti-widget.ti-goog.ti-icon-size2 .ti-review-header:after{width:30px;height:30px}.ti-widget.ti-goog.ti-icon-size2 .ti-widget-container .ti-name{padding-left:35px}.ti-widget.ti-goog .ti-rating-text,.ti-widget.ti-goog .ti-rating-text strong,.ti-widget.ti-goog .ti-rating-text strong a,.ti-widget.ti-goog .ti-rating-text strong span,.ti-widget.ti-goog .ti-rating-text span strong,.ti-widget.ti-goog .ti-rating-text span,.ti-widget.ti-goog .ti-footer,.ti-widget.ti-goog .ti-footer strong,.ti-widget.ti-goog .ti-footer span,.ti-widget.ti-goog .ti-footer strong a{font-size:14px;color:#000000}.ti-widget.ti-goog .ti-large-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0 !important}.ti-widget.ti-goog .ti-large-logo .ti-v-center{-ms-flex-item-align:center !important;align-self:center !important;text-align:center;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.ti-widget.ti-goog .ti-large-logo img{margin:auto;padding:0 !important;display:block !important;position:relative}.ti-widget.ti-goog .nowrap{white-space:nowrap;display:inline-block;margin:0 2px}.ti-widget.ti-goog .nowrap:first-of-type{margin-left:0}.ti-widget.ti-goog .nowrap:last-of-type{margin-right:0}.ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner>.ti-stars,.ti-widget.ti-goog .ti-reviews-container-wrapper .ti-popup-inner>.ti-stars{margin-bottom:8px;margin-top:15px;text-align:left}.ti-widget.ti-goog .ti-reviews-container-wrapper{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0 20px;padding-top:5px}.ti-widget.ti-goog .ti-col-1 .ti-review-item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ti-widget.ti-goog .ti-widget-container{display:-ms-flexbox;display:flex;flex-wrap:nowrap;align-items:center;-ms-flex-wrap:nowrap;-ms-flex-align:center}.ti-widget.ti-goog .ti-col-1{-ms-flex-wrap:wrap;flex-wrap:wrap}.ti-widget.ti-goog .ti-col-1 .ti-reviews-container,.ti-widget.ti-goog .ti-col-1 .ti-footer{margin-top:0px;padding-right:0px;margin-bottom:30px;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ti-widget.ti-goog .ti-col-2 .ti-footer,.ti-widget.ti-goog .ti-col-2 .ti-reviews-container{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ti-widget.ti-goog .ti-col-2 .ti-review-item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ti-widget.ti-goog .ti-col-3 .ti-footer{-ms-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%}.ti-widget.ti-goog .ti-col-3 .ti-reviews-container{-ms-flex:0 0 66.666%;flex:0 0 66.666%;max-width:66.666%}.ti-widget.ti-goog .ti-col-3 .ti-review-item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.ti-widget.ti-goog .ti-col-4 .ti-footer{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ti-widget.ti-goog .ti-col-4 .ti-reviews-container{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.ti-widget.ti-goog .ti-col-4 .ti-review-item{-ms-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%}.ti-widget.ti-goog .ti-col-5 .ti-footer{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.ti-widget.ti-goog .ti-col-5 .ti-reviews-container{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.ti-widget.ti-goog .ti-col-5 .ti-review-item{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.ti-widget.ti-goog .ti-col-6 .ti-footer{-ms-flex:0 0 16.666%;flex:0 0 16.666%;max-width:16.666%}.ti-widget.ti-goog .ti-col-6 .ti-reviews-container{-ms-flex:0 0 83.333%;flex:0 0 83.333%;max-width:83.333%}.ti-widget.ti-goog .ti-col-6 .ti-review-item{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.ti-widget.ti-goog .ti-col-7 .ti-footer{-ms-flex:0 0 14.286%;flex:0 0 14.286%;max-width:14.286%}.ti-widget.ti-goog .ti-col-7 .ti-reviews-container{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.ti-widget.ti-goog .ti-col-7 .ti-review-item{-ms-flex:0 0 16.666%;flex:0 0 16.666%;max-width:16.666%}.ti-widget.ti-goog .ti-col-8 .ti-footer{-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.ti-widget.ti-goog .ti-col-8 .ti-reviews-container{-ms-flex:0 0 85.714%;flex:0 0 85.714%;max-width:85.714%}.ti-widget.ti-goog .ti-col-8 .ti-review-item{-ms-flex:0 0 14.286%;flex:0 0 14.286%;max-width:14.286%}.ti-widget.ti-goog .ti-col-9 .ti-footer{-ms-flex:0 0 11.111%;flex:0 0 11.111%;max-width:11.111%}.ti-widget.ti-goog .ti-col-9 .ti-reviews-container{-ms-flex:0 0 88.889%;flex:0 0 88.889%;max-width:88.889%}.ti-widget.ti-goog .ti-col-9 .ti-review-item{-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}.ti-widget.ti-goog .ti-col-10 .ti-footer{-ms-flex:0 0 10%;flex:0 0 10%;max-width:10%}.ti-widget.ti-goog .ti-col-10 .ti-reviews-container{-ms-flex:0 0 90%;flex:0 0 90%;max-width:90%}.ti-widget.ti-goog .ti-col-10 .ti-review-item{-ms-flex:0 0 11.111%;flex:0 0 11.111%;max-width:11.111%}.ti-widget.ti-goog .ti-reviews-container{position:relative;display:block}.ti-widget.ti-goog .ti-read-more{display:block;padding:5px 0 0;text-align:left}.ti-widget.ti-goog .ti-read-more span{display:inline-block;font-weight:400;white-space:nowrap;font-size:13.5px;color:#000000;opacity:0.5;text-decoration:none !important;transition:color 300ms ease-out;cursor:pointer}.ti-widget.ti-goog .ti-read-more span:hover{opacity:1;text-decoration:underline !important}.ti-widget.ti-goog .ti-review-item{padding:0 8px;transition:transform 300ms ease-out}.ti-widget.ti-goog .ti-review-item .ti-inner{border-radius:4px}.ti-widget.ti-goog .ti-review-item>.ti-inner{border-style:solid !important;border-color:#ffffff !important;background:#ffffff !important;border-radius:4px !important;padding:20px !important;margin:0 !important;display:block;position:relative}.ti-widget.ti-goog .ti-review-item .ti-polarity .ti-polarity-icon{position:relative;margin:0;text-indent:3px;display:inline-block;width:15px;height:15px}.ti-widget.ti-goog .ti-review-item .ti-recommendation .ti-recommendation-icon{position:relative;margin:0 5px;margin-bottom:-3px;text-indent:3px;display:inline-block;width:15px;height:15px}.ti-widget.ti-goog .ti-review-item .ti-recommendation .ti-recommendation-icon:first-child{margin-left:0}.ti-widget.ti-goog .ti-review-item .ti-recommendation .ti-recommendation-title{font-weight:700;font-size:13px !important;opacity:0.8;position:relative;top:-1px}.ti-widget.ti-goog .ti-review-item .ti-recommendation+.ti-dummy-stars{display:none}.ti-widget.ti-goog .ti-review-item .ti-stars{height:17px}.ti-widget.ti-goog .ti-review-content{display:-webkit-box;-webkit-box-orient:vertical;line-height:21.75px;height:87px;font-size:15px;text-align:left;transition:height 0.5s;font-style:normal;-webkit-line-clamp:4;overflow:hidden;padding-right:0}.ti-widget.ti-goog .ti-review-content .ti-show-original-text{font-size:inherit !important}.ti-widget.ti-goog .ti-review-content .ti-stars{margin-bottom:5px}.ti-widget.ti-goog .ti-review-content strong{font-size:inherit;color:inherit;font-weight:normal !important}.ti-widget.ti-goog .ti-review-header{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:relative}.ti-widget.ti-goog .ti-review-header:after{content:"";display:block;width:20px;height:20px;position:absolute;right:0px;background-repeat:no-repeat;background-position:center center}.ti-widget.ti-goog .ti-highlight{padding:1px 2px;margin:0;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;background-color:transparent !important;background-image:linear-gradient(#fbe049, #fbe049);background-size:100% 19px;background-position:bottom;background-repeat:no-repeat;color:#000 !important;font-size:inherit !important}@media (min-width:480px){.ti-widget.ti-goog .ti-review-item:hover{-webkit-transform:translate(0, -5px);-ms-transform:translate(0, -5px);transform:translate(0, -5px)}}.ti-widget.ti-goog .ti-ai-summary-item{color:#000000}.ti-widget.ti-goog .ti-ai-summary-item .ti-review-content{-webkit-line-clamp:5;margin-top:16.25px;height:108.75px !important}.ti-widget.ti-goog .ti-ai-summary-item .ti-review-content .ti-summary-list{margin-bottom:0;padding-left:0;list-style:none;font-size:inherit}.ti-widget.ti-goog .ti-ai-summary-item .ti-review-content .ti-summary-list li{list-style:inherit;margin-bottom:0;padding-left:20px;position:relative;font-size:inherit}.ti-widget.ti-goog .ti-ai-summary-item .ti-review-content .ti-summary-list li:last-child{margin-bottom:0}.ti-widget.ti-goog .ti-ai-summary-item .ti-review-content .ti-summary-list li:before{display:block;content:"";width:10px;height:5px;border-left:solid 2px #000000;border-bottom:solid 2px #000000;transform:rotate(-45deg);position:absolute;left:0;top:7.5px}.ti-widget.ti-goog .ti-ai-summary-item .ti-profile-img{margin-right:13px !important}.ti-widget.ti-goog .ti-ai-summary-item .ti-profile-img img:not(.ti-ai-profile-img){display:inline-block;vertical-align:middle;border:2px solid #ffffff}.ti-widget.ti-goog .ti-ai-summary-item .ti-profile-img img:not(.ti-ai-profile-img):not(:first-child){margin-left:-12px}.ti-widget.ti-goog .ti-ai-summary-item>.ti-inner{background:linear-gradient(115deg, #E0F6FE 0%, #EED8F1 100%) !important}.ti-widget.ti-goog .ti-ai-summary-item .ti-profile-img img:not(.ti-ai-profile-img){border-color:white}.ti-widget.ti-goog .ti-ai-summary-item .ti-name,.ti-widget.ti-goog .ti-ai-summary-item .ti-date,.ti-widget.ti-goog .ti-ai-summary-item .ti-read-more span{color:#000000}.ti-widget.ti-goog.ti-custom-stars [class*="source-"] .ti-star.e,.ti-widget.ti-goog.ti-custom-stars [class*="source-"] .ti-star.f{background-image:none}.ti-widget.ti-goog.ti-custom-stars .ti-star{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-image:url(https://cdn.trustindex.io/assets/platform/Trustindex/star/s.svg);-webkit-mask-image:url(https://cdn.trustindex.io/assets/platform/Trustindex/star/s.svg)}.ti-widget.ti-goog.ti-custom-stars .ti-star:not(.e):not(.h){background:#f6bb06}.ti-widget.ti-goog.ti-custom-stars .ti-star.h{background:#f6bb06;background:-webkit-linear-gradient(90deg, #f6bb06 50%, #cccccc 50%) !important;background:linear-gradient(90deg, #f6bb06 50%, #cccccc 50%) !important}.ti-widget.ti-goog.ti-custom-stars .ti-star.e{background:#ccc !important}.ti-widget.ti-goog[data-language="ar"] .ti-name,.ti-widget.ti-goog[data-language="ar"] .ti-date,.ti-widget.ti-goog[data-language="ar"] .ti-profile-details .ti-text,.ti-widget.ti-goog[data-language="ar"] .ti-review-content,.ti-widget.ti-goog[data-language="ar"] .ti-review-text,.ti-widget.ti-goog[data-language="ar"] .ti-read-more,.ti-widget.ti-goog[data-language="ar"] .ti-footer,.ti-widget.ti-goog[data-language="ar"] .ti-rating-text,.ti-widget.ti-goog[data-language="ar"] .ti-footer-filter-text,.ti-widget.ti-goog[data-language="ar"] .ti-header-write-btn,.ti-widget.ti-goog[data-language="ar"] .ti-widget-header .ti-tab-item[data-source="all"] .ti-item-label,.ti-widget.ti-goog[data-language="ar"] .ti-header-rating-text,.ti-widget.ti-goog[data-language="ar"] .ti-rating-name,.ti-widget.ti-goog[data-language="ar"] .ti-header .ti-text,.ti-widget.ti-goog[data-language="ar"] .ti-load-more-reviews-button,.ti-widget.ti-goog[data-language="he"] .ti-name,.ti-widget.ti-goog[data-language="he"] .ti-date,.ti-widget.ti-goog[data-language="he"] .ti-profile-details .ti-text,.ti-widget.ti-goog[data-language="he"] .ti-review-content,.ti-widget.ti-goog[data-language="he"] .ti-review-text,.ti-widget.ti-goog[data-language="he"] .ti-read-more,.ti-widget.ti-goog[data-language="he"] .ti-footer,.ti-widget.ti-goog[data-language="he"] .ti-rating-text,.ti-widget.ti-goog[data-language="he"] .ti-footer-filter-text,.ti-widget.ti-goog[data-language="he"] .ti-header-write-btn,.ti-widget.ti-goog[data-language="he"] .ti-widget-header .ti-tab-item[data-source="all"] .ti-item-label,.ti-widget.ti-goog[data-language="he"] .ti-header-rating-text,.ti-widget.ti-goog[data-language="he"] .ti-rating-name,.ti-widget.ti-goog[data-language="he"] .ti-header .ti-text,.ti-widget.ti-goog[data-language="he"] .ti-load-more-reviews-button,.ti-widget.ti-goog[data-language="fa"] .ti-name,.ti-widget.ti-goog[data-language="fa"] .ti-date,.ti-widget.ti-goog[data-language="fa"] .ti-profile-details .ti-text,.ti-widget.ti-goog[data-language="fa"] .ti-review-content,.ti-widget.ti-goog[data-language="fa"] .ti-review-text,.ti-widget.ti-goog[data-language="fa"] .ti-read-more,.ti-widget.ti-goog[data-language="fa"] .ti-footer,.ti-widget.ti-goog[data-language="fa"] .ti-rating-text,.ti-widget.ti-goog[data-language="fa"] .ti-footer-filter-text,.ti-widget.ti-goog[data-language="fa"] .ti-header-write-btn,.ti-widget.ti-goog[data-language="fa"] .ti-widget-header .ti-tab-item[data-source="all"] .ti-item-label,.ti-widget.ti-goog[data-language="fa"] .ti-header-rating-text,.ti-widget.ti-goog[data-language="fa"] .ti-rating-name,.ti-widget.ti-goog[data-language="fa"] .ti-header .ti-text,.ti-widget.ti-goog[data-language="fa"] .ti-load-more-reviews-button{direction:rtl}.ti-widget.ti-goog[data-language="ar"] .ti-stars,.ti-widget.ti-goog[data-language="ar"] .ti-footer .ti-row,.ti-widget.ti-goog[data-language="he"] .ti-stars,.ti-widget.ti-goog[data-language="he"] .ti-footer .ti-row,.ti-widget.ti-goog[data-language="fa"] .ti-stars,.ti-widget.ti-goog[data-language="fa"] .ti-footer .ti-row{direction:ltr}.ti-widget.ti-goog ::-webkit-scrollbar{width:4px;border-radius:3px}.ti-widget.ti-goog ::-webkit-scrollbar-track{background:rgba(85, 85, 85, 0.1)}.ti-widget.ti-goog ::-webkit-scrollbar-thumb{background:rgba(85, 85, 85, 0.6)}.ti-widget.ti-goog ::-webkit-scrollbar-thumb:hover{background:#555}.ti-verified-review{display:inline-block;background:url(https://cdn.trustindex.io/assets/icon/trustindex-verified-icon.svg);background-size:contain;width:15px;height:15px;margin:0 !important;margin-left:7px !important;position:relative;z-index:2}.ti-verified-review:only-child{margin-left:0 !important}.ti-verified-review .ti-verified-tooltip{color:#fff !important;background-color:#6f6f6f !important;padding:0 10px;border-radius:4px;font-size:11px !important;line-height:22px !important;font-weight:500;display:inline-block;position:absolute;left:0;margin-left:25px;top:-4px;white-space:nowrap;opacity:0;transition:all 0.3s ease-in-out}.ti-verified-review .ti-verified-tooltip:before{width:0;height:0;border-style:solid;border-width:5px 5px 5px 0;border-color:transparent #6f6f6f transparent transparent;content:"";position:absolute;left:-5px;top:50%;margin-top:-5px}.ti-verified-review:hover .ti-verified-tooltip{opacity:1;margin-left:20px}.ti-recommendation+.ti-verified-review{top:2px}.ti-widget .source-Google .ti-review-header:after{background-image:url(https://cdn.trustindex.io/assets/platform/Google/icon.svg);background-size:100% 100%}.ti-widget .source-Google.ti-tab-item:before,.ti-widget .source-Google.ti-write-btn-dropdown-item:before{background-image:url(https://cdn.trustindex.io/assets/platform/Google/icon.svg);background-size:100% 100%}.ti-widget .source-Google .ti-header-logo-img{height:25px !important;top:-2px}.ti-widget .source-Google .ti-star.f{background-image:url(https://cdn.trustindex.io/assets/platform/Google/star/f.svg)}.ti-widget .source-Google .ti-star.e{background-image:url(https://cdn.trustindex.io/assets/platform/Google/star/e.svg)}.ti-widget .source-Google .ti-star.h{background-image:url(https://cdn.trustindex.io/assets/platform/Google/star/h.svg)}.ti-widget .star-lg .ti-star{width:30px;height:30px}.ti-widget .ti-header .ti-star{width:20px;height:20px}.ti-widget .source-Trustpilot .ti-review-header:after,.ti-widget .source-Trustpilot .ti-inner:after,.ti-widget .source-Trustpilot .ti-review-content:after,.ti-widget .source-Trustpilot .ti-platform-icon:after,.ti-widget .source-Trustpilot .ti-icon{display:none !important}.ti-widget .source-Trustpilot.ti-tab-item:before,.ti-widget .source-Trustpilot.ti-write-btn-dropdown-item:before{display:none !important}.ti-widget.ti-goog.ti-no-logo .ti-review-header:after{background:none !important}.ti-widget.ti-goog.ti-no-stars .ti-star.f{background-image:url(https://cdn.trustindex.io/assets/platform/Trustindex/star/f.svg) !important}.ti-widget.ti-goog.ti-no-stars .ti-star.e{background-image:url(https://cdn.trustindex.io/assets/platform/Trustindex/star/e.svg) !important}.ti-widget.ti-goog.ti-no-stars .ti-star.h{background-image:url(https://cdn.trustindex.io/assets/platform/Trustindex/star/h.svg) !important}.ti-widget.ti-goog.ti-no-stars .ti-recommendation{display:none}.ti-widget.ti-goog.ti-no-stars .ti-recommendation+.ti-dummy-stars{display:inline}.ti-widget.ti-goog{overflow:visible !important}.ti-widget.ti-goog .ti-review-item>.ti-inner,.ti-widget.ti-goog .ti-load-more-reviews-button{box-shadow:1px 1px 7px 0px rgba(0, 0, 0, 0.13), 0px 0px 2px 0px rgba(0, 0, 0, 0.05);border-top-width:0px !important;border-bottom-width:0px !important;border-left-width:0px !important;border-right-width:0px !important;background-color:white !important;backdrop-filter:blur(0px)}.ti-widget.ti-goog .ti-reviews-container-wrapper{padding-top:12px !important;padding-bottom:12px !important}.ti-widget.ti-goog .ti-widget-header{margin-bottom:4px !important}.ti-widget.ti-goog .ti-footer{padding-right:20px;-ms-flex-item-align:top !important;align-self:top !important;line-height:1.45em;margin-top:0;text-align:left}.ti-widget.ti-goog .ti-footer .ti-profile-details{padding-top:0;overflow:unset}.ti-widget.ti-goog .ti-footer .ti-profile-details .ti-name{white-space:normal;padding-right:0 !important;margin-bottom:5px}.ti-widget.ti-goog .ti-footer .ti-profile-img{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.ti-widget.ti-goog .ti-footer .ti-profile-img img{width:65px !important;height:65px !important;border-radius:4px !important;object-fit:contain;object-position:top}.ti-widget.ti-goog .ti-footer .ti-stars{margin-bottom:5px}.ti-widget.ti-goog .ti-footer .ti-stars .ti-star{width:20px;height:20px}.ti-widget.ti-goog .ti-rating-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ti-widget.ti-goog .ti-rating-text a,.ti-widget.ti-goog .ti-rating-text strong{text-decoration:none !important;font-weight:normal !important}.ti-widget.ti-goog .ti-footer-link-block{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.ti-widget.ti-goog .ti-review-content{height:87px !important}.ti-widget.ti-goog .ti-reviews-container-wrapper{padding-bottom:1px}.ti-widget.ti-goog .ti-footer-filter-text{text-align:right}@media (max-width:479px){.ti-widget.ti-goog .ti-footer .ti-row{text-align:center;justify-content:center}.ti-widget.ti-goog .ti-footer .ti-row .ti-footer-link-block a:last-of-type{padding-right:0}.ti-widget.ti-goog .ti-footer .ti-row .ti-profile-details{-webkit-box-flex:initial;-ms-flex:initial;flex:initial}}.ti-widget.ti-goog .ti-header-write-btn-container{margin-top:12px;position:relative}.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn{display:inline-block;background-color:#4285f4;padding:9.5px 17.5px;border-radius:4px;border-style:solid;border-color:#4285f4;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;color:#ffffff;font-weight:bold;text-decoration:none !important;line-height:1;font-size:13px}.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn:hover{background-color:#1266f1;border-color:#1266f1}.ti-widget.ti-goog .ti-header-write-btn-container .ti-write-btn-dropdown{display:none;top:32px;left:0;margin-top:11px;position:absolute;background-color:#ffffff;border-radius:4px;z-index:1;box-shadow:0px 2px 11px 0px rgba(0, 0, 0, 0.1)}.ti-widget.ti-goog .ti-header-write-btn-container .ti-write-btn-dropdown.ti-active{display:block}.ti-widget.ti-goog .ti-header-write-btn-container .ti-write-btn-dropdown .ti-write-btn-dropdown-inner{display:block;min-width:140px;max-height:209px;overflow-y:auto}.ti-widget.ti-goog .ti-header-write-btn-container .ti-write-btn-dropdown:before{position:absolute;content:"";top:-7px;left:10px;border:7px solid transparent;border-top-width:0;border-bottom-color:#ffffff;box-shadow:0 -11px 11px 0px rgba(0, 0, 0, 0.1);z-index:1}.ti-widget.ti-goog .ti-header-write-btn-container .ti-write-btn-dropdown a{display:block;padding:14px 17px;padding-left:42px;text-decoration:none !important;line-height:1;font-size:13px !important;transition:background-color 0.2s ease-in-out;white-space:nowrap;position:relative;color:#000000}.ti-widget.ti-goog .ti-header-write-btn-container .ti-write-btn-dropdown a:not(:last-child){border-bottom:solid 1px #eeeeee}.ti-widget.ti-goog .ti-header-write-btn-container .ti-write-btn-dropdown a:before{content:"";display:inline-block;position:absolute;left:17px;top:50%;transform:translateY(-50%);width:18px;height:18px}.ti-widget.ti-goog .ti-header-write-btn-container .ti-write-btn-dropdown a:hover{background-color:#f3f3f3}.ti-widget.ti-goog .ti-controls{display:block;margin-top:-15px;width:100%;position:absolute;height:0px;z-index:1;top:50%}.ti-widget.ti-goog .ti-controls .ti-next,.ti-widget.ti-goog .ti-controls .ti-prev{position:absolute;display:inline-block;width:20px;height:30px;padding-top:20px;padding-bottom:20px;display:block;opacity:1;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out}.ti-widget.ti-goog .ti-controls .ti-next:hover,.ti-widget.ti-goog .ti-controls .ti-prev:hover{cursor:pointer;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.ti-widget.ti-goog .ti-controls .ti-next:before,.ti-widget.ti-goog .ti-controls .ti-prev:before{content:"";background:#cccccc;width:17px;height:3px;display:block;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-radius:2px;position:absolute}.ti-widget.ti-goog .ti-controls .ti-next:after,.ti-widget.ti-goog .ti-controls .ti-prev:after{content:"";background:#cccccc;width:17px;height:3px;display:block;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-radius:2px;position:absolute}.ti-widget.ti-goog .ti-controls .ti-next{right:2px}.ti-widget.ti-goog .ti-controls .ti-next:after{top:18px;right:0px}.ti-widget.ti-goog .ti-controls .ti-next:before{top:8px;right:0px}.ti-widget.ti-goog .ti-controls .ti-prev{left:2px}.ti-widget.ti-goog .ti-controls .ti-prev:after{top:8px;left:0px}.ti-widget.ti-goog .ti-controls .ti-prev:before{top:18px;left:0px}@media (max-width:479px){.ti-widget.ti-goog .ti-controls{top:calc(50% - 19px)}}.ti-widget.ti-goog .ti-controls-line{display:none;margin:20px auto;width:150px;height:3px;border-radius:3px;background:rgba(204, 204, 204, 0.35);position:relative;overflow:hidden}.ti-widget.ti-goog .ti-controls-line .dot{position:absolute;left:0;top:0;display:inline-block;width:25px;padding-left:4px;padding-right:4px;height:100%;border-radius:3px;background:#cccccc;transition:width 0.2s, left 0.2s}@media (max-width:479px){.ti-widget.ti-goog .ti-controls-line{display:block !important}}.ti-widget.ti-goog .ti-controls-dots{display:none;margin-top:10px;margin-bottom:10px;text-align:center}.ti-widget.ti-goog .ti-controls-dots .dot{display:inline-block;width:10px;height:10px;background:#cccccc;border-radius:20px;padding:4px;opacity:0.4}.ti-widget.ti-goog .ti-controls-dots .dot.active{opacity:1}@media (max-width:479px){.ti-widget.ti-goog .ti-controls-dots{display:block !important}}.ti-clickable-link{cursor:pointer}