@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; }
.btnAnimation {
margin: 1em 0.8em;
position: relative;
padding: .65em 1.5em;
border: none;
background-color: transparent;
cursor: pointer;
outline: none;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (max-width: 600px) {
.btnAnimation {
margin: 1em 0;
font-size: 12px;
font-size: 1.2rem; } }
.btnAnimation._cross {
padding: 1.5em 2em;
color: #1d3994; }
.btnAnimation._cross._cross::after, .btnAnimation._cross._cross::before {
content: '';
display: block;
position: absolute;
width: 20%;
height: 40%;
border: 1px solid;
transition: all 0.6s ease;
border-radius: 1px; }
.btnAnimation._cross._cross::after {
bottom: 0;
right: 0;
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: #1d3994;
border-right-color: #1d3994; }
.btnAnimation._cross._cross::before {
top: 0;
left: 0;
border-bottom-color: transparent;
border-right-color: transparent;
border-top-color: #1d3994;
border-left-color: #1d3994; }
.btnAnimation._cross._cross:hover:after, .btnAnimation._cross._cross:hover:before {
width: 105%;
height: 110%; }
.btnAnimation._topBtm {
color: #1d3994; }
.btnAnimation._topBtm._topBtm:after, .btnAnimation._topBtm._topBtm:before {
content: '';
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background-color: #1d3994;
transition: all 0.3s ease;
transform: scale(0.85); }
.btnAnimation._topBtm._topBtm:hover:before {
top: 0;
transform: scale(1); }
.btnAnimation._topBtm._topBtm:hover:after {
transform: scale(1); }
.btnAnimation._crossOver {
padding: 1em 1.5em;
color: #1d3994; }
.btnAnimation._crossOver._crossOver::after, .btnAnimation._crossOver._crossOver::before {
content: '';
display: block;
position: absolute;
width: 20%;
height: 20%;
border: 1px solid;
transition: all 0.6s ease;
border-radius: 1px; }
.btnAnimation._crossOver._crossOver::after {
bottom: 0;
right: 0;
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: #1d3994;
border-right-color: #1d3994; }
.btnAnimation._crossOver._crossOver::before {
top: 0;
left: 0;
border-bottom-color: transparent;
border-right-color: transparent;
border-top-color: #1d3994;
border-left-color: #1d3994; }
.btnAnimation._crossOver._crossOver:hover:after, .btnAnimation._crossOver._crossOver:hover:before {
border-bottom-color: #1d3994;
border-right-color: #1d3994;
border-top-color: #1d3994;
border-left-color: #1d3994;
width: 101%;
height: 104%; }  .bg-gradient1 span, .bg-gradient1:before {
background: #52A0FD;
background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%); }
.bg-gradient2 span, .bg-gradient2:before {
background: #44ea76;
background: linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%); }
.bg-gradient3 span, .bg-gradient3:before {
background: #fa6c9f;
background: linear-gradient(to right, #fa6c9f 0%, #ffe140 80%, #ffe140 100%); } .wrapper {
margin: 5% auto;
text-align: center;
-webkit-transform-style: perserve-3d;
transform-style: perserve-3d;
perspecive: 800px; }
a {
text-decoration: none; }
a:hover, a:focus, a:active {
text-decoration: none; } .fancy-button {
display: inline-block;
margin: 30px;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-size: 17px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #ffffff;
position: relative; }
.fancy-button:before {
content: '';
display: inline-block;
height: 40px;
position: absolute;
bottom: -5px;
left: 30px;
right: 30px;
z-index: -1;
border-radius: 30em;
-webkit-filter: blur(20px) brightness(0.95);
filter: blur(20px) brightness(0.95);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.3s ease-out; }
.fancy-button i {
margin-top: -1px;
margin-right: 20px;
font-size: 1.265em;
vertical-align: middle; }
.fancy-button span {
display: inline-block;
padding: 18px 60px;
border-radius: 50em;
position: relative;
z-index: 2;
will-change: transform, filter;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: all 0.3s ease-out; }
.fancy-button:focus, .fancy-button:active {
color: #ffffff; }
.fancy-button:hover {
color: #ffffff; }
.fancy-button:hover span {
-webkit-filter: brightness(1.05) contrast(1.05);
filter: brightness(1.05) contrast(1.05);
-webkit-transform: scale(0.95);
transform: scale(0.95); }
.fancy-button:hover:before {
bottom: 0;
-webkit-filter: blur(10px) brightness(0.95);
filter: blur(10px) brightness(0.95); }
.fancy-button.pop-onhover:before {
opacity: 0;
bottom: 10px; }
.fancy-button.pop-onhover:hover:before {
bottom: -7px;
opacity: 1;
-webkit-filter: blur(20px);
filter: blur(20px); }
.fancy-button.pop-onhover:hover span {
-webkit-transform: scale(1.04);
transform: scale(1.04); }
.fancy-button.pop-onhover:hover:active span {
-webkit-filter: brightness(1) contrast(1);
filter: brightness(1) contrast(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: all 0.15s ease-out; }
.fancy-button.pop-onhover:hover:active:before {
bottom: 0;
-webkit-filter: blur(10px) brightness(0.95);
filter: blur(10px) brightness(0.95);
transition: all 0.2s ease-out; }
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: 600px) {
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: 600px) {
._postMore {
margin-top: 18px; } }
._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: #1CB57B; }
h2.hCommonSty strong.fc-blu {
color: #2935A7; }
h2.hCommonSty.hCommonSty-color-red {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl/images/line_ttl_red.png); }
h2.hCommonSty.hCommonSty-color-grn {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl/images/line_ttl_green.png); }
h2.hCommonSty.hCommonSty-color-blu {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl/images/line_ttl_blue.png); }
h2.hCommonSty.hCommonSty-color-pur {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl/images/line_ttl_purple.png); }
h2.hCommonSty.hCommonSty-color-yel {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl/images/line_ttl_yellow.png); }
h2.hCommonSty.hCommonSty-color-ora {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl/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: 600px; }
.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; }
.tax {
font-size: 12px;
font-size: 1.2rem;
vertical-align: baseline; }
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: 600px) {
header.globalHeader {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
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: #FF6A27;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/hdr_icn_mail.png);
background-repeat: no-repeat;
background-size: 50px;
background-position: center 5px;
color: #fff;
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: #FF4F00; }
header.globalHeader ._wire._pc {
box-sizing: border-box;
display: block; }
@media screen and (max-width: 600px) {
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: calc(1040px - 40px);
background: #fff; }
header.globalHeader ._wire._pc ._logoInfo ._inner::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 1040px) {
header.globalHeader ._wire._pc ._logoInfo ._inner {
width: 95%; } }
@media screen and (max-width: 960px) {
header.globalHeader ._wire._pc ._logoInfo ._inner {
width: calc(100% - 20px); } }
header.globalHeader ._wire._pc ._logoInfo ._catchLogo {
margin-top: 12px;
float: left;
width: 480px; }
@media screen and (max-width: 980px) {
header.globalHeader ._wire._pc ._logoInfo ._catchLogo {
width: 440px; } }
@media screen and (max-width: 960px) {
header.globalHeader ._wire._pc ._logoInfo ._catchLogo {
width: calc(100% - 90px - 240px - 48px); } }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._pc ._logoInfo ._catchLogo {
width: 42%; } }
header.globalHeader ._wire._pc ._logoInfo ._logo {
margin: 0;
width: 295px; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._pc ._logoInfo ._logo {
width: 100%; } }
header.globalHeader ._wire._pc ._logoInfo ._logo img {
width: 100%;
height: auto; }
header.globalHeader ._wire._pc ._logoInfo ._catchcopy {
margin: 0;
line-height: 1.4;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (max-width: 960px) {
header.globalHeader ._wire._pc ._logoInfo ._catchcopy {
font-size: 10px;
font-size: 1rem; } }
header.globalHeader ._wire._pc ._logoInfo ._info {
margin-bottom: 8px;
padding: 8px 24px;
border: 1px solid #FF6A27;
border-top: none;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
float: right;
width: 238px;
background: #fff;
box-shadow: 2px 2px 4px #ccc; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._pc ._logoInfo ._info {
padding: 8px 12px;
width: 35%; } }
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: #333;
font-size: 12px;
font-size: 1.2rem;
white-space: nowrap; }
header.globalHeader ._wire._pc ._logoInfo ._info ._time dt {
padding: 0;
border-right: 1px solid #ccc;
box-sizing: border-box;
float: left;
width: 13%; }
header.globalHeader ._wire._pc ._logoInfo ._info ._time dd {
padding: 0;
float: right;
width: 85%; }
header.globalHeader ._wire._pc ._globalNavi {
margin: 0;
padding: 0;
border-top: 1px solid rgba(141, 209, 185, 0.25);
border-bottom: 1px solid rgba(141, 209, 185, 0.25);
box-sizing: border-box;
width: 100%;
background: #fff;
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(85, 200, 157, 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(85, 200, 157, 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: 600px) {
header.globalHeader ._wire._sp {
display: block;
background: #fff; } }
header.globalHeader ._wire._sp ._inwrap {
width: 100%;
background: #fff; }
header.globalHeader ._wire._sp ._desLogo {
display: none; }
@media screen and (max-width: 600px) {
header.globalHeader ._wire._sp ._desLogo {
margin: 6px 0 0 2.5%;
display: block;
float: left;
width: calc(100% - 60px - 2.5%);
min-height: calc(50px - 6px); } }
@media screen and (max-width: 600px) {
header.globalHeader ._wire._sp ._desLogo ._logoin {
margin: 2px 0 0;
padding: 0;
line-height: 0;
display: block;
max-width: 210px;
font-size: 0; } }
@media screen and (max-width: 600px) {
header.globalHeader ._wire._sp ._desLogo ._description {
margin-top: 6px;
padding-left: 2px;
line-height: 0;
line-height: 1;
font-family: Century Gothic, "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
font-size: 0;
font-size: 10px;
font-size: 1rem; } }
@media screen and (max-width: 600px) {
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: 4px;
margin-bottom: 3px;
line-height: 1.4;
color: #333;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
letter-spacing: 1px; }
header.globalHeader ._wire._sp ._globalNavi ._info ._message {
margin-bottom: 2px;
line-height: 1.2;
color: #1CB57B;
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;
width: 100%;
text-align: center;
white-space: nowrap;
line-height: 1.2;
color: #333;
font-size: 12px;
font-size: 1.2rem; }
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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/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: 600px) {
header.globalHeader ._wire._sp .menuTrigger {
margin-right: 0;
display: block;
display: inline-block;
transition: all .4s;
border: 1px solid #55C89D;
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: #55C89D;
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: #37BC8A;
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: 600px) {
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%, #00AE6C 100%);
background: -moz-linear-gradient(0, #ffd700 0, #9bba18 7.5%, #00AE6C 100%);
background: -o-linear-gradient(0, #ffd700 0, #9bba18 7.5%, #00AE6C 100%);
background: linear-gradient(0, #ffd700 0, #9bba18 7.5%, #00AE6C 100%); }
section.inclineBlock._plusDeg._gradationG::before {
background: -webkit-linear-gradient(0, #37BC8A 0, #1CB57B 15%, #00AE6C 100%);
background: -moz-linear-gradient(0, #37BC8A 0, #1CB57B 15%, #00AE6C 100%);
background: -o-linear-gradient(0, #37BC8A 0, #1CB57B 15%, #00AE6C 100%);
background: linear-gradient(0, #37BC8A 0, #1CB57B 15%, #00AE6C 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: #1CB57B; }
section.inclineBlock._plusDeg._bgGlgt::before {
background: rgba(55, 188, 138, 0.8); }
section.inclineBlock._plusDeg._bgGdrk::before {
background: #00AE6C; }
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: 600px) {
section.inclineBlock._minusDeg::before {
width: 140%;
height: 90%;
margin: 7.5% -20% 0; } }
section.inclineBlock._minusDeg._gradationY::before {
background: -webkit-linear-gradient(0, #8dd1b9, #1CB57B);
background: -moz-linear-gradient(0, #8dd1b9, #1CB57B);
background: -o-linear-gradient(0, #8dd1b9, #1CB57B);
background: linear-gradient(0, #8dd1b9, #1CB57B); }
section.inclineBlock._minusDeg._gradationYG::before {
background: -webkit-linear-gradient(0, #ffd700, #00AE6C);
background: -moz-linear-gradient(0, #ffd700, #00AE6C);
background: -o-linear-gradient(0, #ffd700, #00AE6C);
background: linear-gradient(0, #ffd700, #00AE6C); }
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: 600px) {
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: 600px) {
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: 1040px;
height: 100%;
color: #fff;
text-align: center; }
@media screen and (max-width: 1040px) {
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: 600px) {
.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: 600px) {
footer.globalFooter {
margin-top: 0; } }
.frontPage footer.globalFooter {
margin-top: 0; }
footer.globalFooter ._inwrap {
margin: 24px auto;
width: calc(1040px - 40px); }
footer.globalFooter ._inwrap::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 1040px) {
footer.globalFooter ._inwrap {
width: 95%; } }
@media screen and (max-width: 960px) {
footer.globalFooter ._inwrap {
width: 90%; } }
@media screen and (max-width: 600px) {
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: 600px) {
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: 2px; }
@media screen and (max-width: 960px) {
footer.globalFooter ._address {
letter-spacing: 0; } }
@media screen and (max-width: 600px) {
footer.globalFooter ._address {
letter-spacing: 2px; } }
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; }
@media screen and (max-width: 960px) {
footer.globalFooter ._items ._traffic, footer.globalFooter ._items ._insurance {
font-size: 16px;
font-size: 1.6rem; } }
footer.globalFooter ._items ._traffic {
border: 1px solid #FFC26D;
box-sizing: border-box;
float: left;
background: #FFC26D; }
footer.globalFooter ._items ._insurance {
border: 1px solid #55C89D;
box-sizing: border-box;
float: right;
background: #55C89D; }
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: 8px 0;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
line-height: 1.2;
color: #333;
width: 10%;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
vertical-align: middle; }
@media screen and (max-width: 960px) {
footer.globalFooter ._table th, footer.globalFooter ._table td {
font-size: 10px;
font-size: 10px; } }
@media screen and (max-width: 600px) {
footer.globalFooter ._table th, footer.globalFooter ._table td {
font-size: 12px;
font-size: 12px; } }
footer.globalFooter ._table th {
background: #f7f7f7; }
footer.globalFooter ._table th:first-child {
width: 30%; }
footer.globalFooter ._table td {
background: #fff; }
footer.globalFooter ._annotation {
display: block;
line-height: 1.4;
text-align: left;
font-size: 10px;
font-size: 1rem; }
footer.globalFooter ._caution {
margin: 0 0 20px;
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: #37BC8A; }
footer.globalFooter ._tel {
margin-top: 15px;
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: 600px) {
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; }
@media screen and (max-width: 960px) {
footer.globalFooter ._menuArea ._list li {
margin-bottom: .5em; } }
footer.globalFooter ._menuArea ._list li a {
line-height: 1.4;
color: #333;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 960px) {
footer.globalFooter ._menuArea ._list li a {
font-size: 14px;
font-size: 1.4rem; } }
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: 600px) {
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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/contact/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont .pageTtl {
height: 280px; } }
@media screen and (max-width: 600px) {
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: 960px) {
main.mainCont.underlayCont .pageTtl ._ttl {
font-size: 30px;
font-size: 3.0rem; } }
@media screen and (max-width: 600px) {
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: 960px) {
main.mainCont.underlayCont .pageTtl ._ttl ._en {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont .pageTtl ._ttl ._en {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont .pageTtl._menu {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/menu/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._staff {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/staff/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._price {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/price/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._access {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/access/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._post {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/post/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._contact {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/contact/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._symptom {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/symptom/fv_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._treatment {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/treatment/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._voice {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/voice/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._privacy {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/privacy/fv_bg.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._faq {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/faq/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._notfound {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/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 60px;
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: 960px) {
main.mainCont.underlayCont .breadcrumbs {
padding: 0; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont .breadcrumbs {
margin: 0 0 20px;
position: relative;
width: 100%; } }
main.mainCont.underlayCont .breadcrumbs ._frame {
margin: 0 auto;
width: calc(1040px - 40px); }
@media screen and (max-width: 1040px) {
main.mainCont.underlayCont .breadcrumbs ._frame {
padding: 5px 1%;
width: 98%; } }
@media screen and (max-width: 600px) {
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: 600px) {
main.mainCont.underlayCont .breadcrumbs ._frame::after {
display: block;
content: "";
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/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: 600px) {
main.mainCont.underlayCont .breadcrumbs ._inner {
padding: 5px 5% 5px 3.5%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
overflow-x: scroll; } }
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: 600px) {
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: 600px) {
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: 600px) {
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: calc(1040px - 40px); }
main.mainCont.underlayCont ._wrap::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 1040px) {
main.mainCont.underlayCont ._wrap {
width: 95%; } }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._wrap {
width: 90%; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._wrap {
padding-bottom: 60px; } }
main.mainCont.underlayCont ._content {
position: relative;
float: left;
width: 64%; }
@media screen and (max-width: 600px) {
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: 600px) {
main.mainCont.underlayCont ._content._page ._404Ttl, main.mainCont.underlayCont ._content._page ._thxTtl {
margin-bottom: 20px;
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: 600px) {
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: 1px solid #eee;
border-left: 1px solid #8dd1b9;
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: 600px) {
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 #FFA627; }
.treArcPage main.mainCont.underlayCont ._content._post ._detaTtl {
margin-bottom: 20px;
border-left: 1px solid #2935A7; }
main.mainCont.underlayCont ._content._post ._lead {
margin: 0 auto 1em;
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 ._lead:last-of-type {
margin-bottom: 60px; }
main.mainCont.underlayCont ._content._post ._lead .sp-disnone {
display: inline-block; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._lead .sp-disnone {
display: none; } }
main.mainCont.underlayCont ._content._post ._lead .pc-disnone {
display: none; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._lead .pc-disnone {
display: inline-block; } }
main.mainCont.underlayCont ._content._post ._ttl {
margin-bottom: 26px;
padding: 25px 40px;
border: 2px solid #8dd1b9;
border-right: 2px solid #ffeb80;
border-left: 2px solid #ffeb80;
border-radius: 50px;
line-height: 1.2;
background: #fff;
color: #4f4c4a;
font-size: 20px;
font-size: 2.0rem;
text-align: left;
box-shadow: 2px 2px 4px #eee; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._content._post ._ttl {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._ttl {
margin-top: 40px;
margin-bottom: 20px;
padding: 20px;
border: 1px solid #8dd1b9;
border-right: 1px solid #fff100;
border-left: 1px solid #fff100;
border-radius: 48px; } }
main.mainCont.underlayCont ._content._post ._ttl:first-letter {
color: #1CB57B; }
.symArcPage main.mainCont.underlayCont ._content._post ._ttl {
border: 2px solid #FFB44B;
border-right: 2px solid #fff100;
border-left: 2px solid #fff100; }
.symArcPage main.mainCont.underlayCont ._content._post ._ttl:first-letter {
color: #FFA627; }
.treArcPage main.mainCont.underlayCont ._content._post ._ttl {
border: 2px solid #5a63b7;
border-right: 2px solid #fff100;
border-left: 2px solid #fff100; }
.treArcPage main.mainCont.underlayCont ._content._post ._ttl:first-letter {
color: #2935A7; }
main.mainCont.underlayCont ._content._post ._ttl a {
color: #4f4c4a; }
.archivePage main.mainCont.underlayCont ._content._post ._ttl a:first-letter {
color: #1CB57B; }
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: 600px) {
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: #ffeb80;
font-size: 12px;
font-size: 1.2rem;
text-align: center; }
@media screen and (max-width: 600px) {
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: #ffeb80;
min-width: 4.5em;
background: #4f4c4a;
font-size: 12px;
font-size: 1.2rem;
text-align: center; }
@media screen and (max-width: 600px) {
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: #FFA627; }
.treArcPage main.mainCont.underlayCont ._content._post ._date ._category {
color: #fff;
background: #2935A7; }
main.mainCont.underlayCont ._content._post ._frame {
padding: 40px;
border: 2px solid #8dd1b9;
border-right: 2px solid #ffeb80;
border-left: 2px solid #ffeb80;
border-radius: 40px;
position: relative;
background: #fff; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._frame {
padding: 20px;
border: 1px solid #ffeb80;
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 #ffeb80;
box-sizing: border-box;
position: absolute;
left: 20%;
top: -27px;
width: 2px;
height: 27px; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._frame::before {
border-left: 1px solid #ffeb80;
top: -22px;
height: 22px; } }
main.mainCont.underlayCont ._content._post ._frame::after {
content: '';
border-right: 1px solid #ffeb80;
box-sizing: border-box;
position: absolute;
right: 20%;
top: -27px;
width: 2px;
height: 27px; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._frame::after {
border-right: 1px solid #ffeb80;
top: -22px;
height: 22px; } }
main.mainCont.underlayCont ._content._post ._frame p {
margin-bottom: 2em;
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._frame p {
margin-bottom: 2em;
line-height: 1.8;
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;
max-width: 100%;
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: 600px) {
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: 600px) {
main.mainCont.underlayCont ._content._symptomCont {
margin-bottom: 60px;
float: none;
width: 100%; } }
main.mainCont.underlayCont ._content._symptomCont ._article {
padding: 40px;
border: 2px solid #FFC26D;
box-sizing: border-box;
border-radius: 30px;
width: 100%;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/bg_pat_dia_yel.png);
background-repeat: repeat;
background-position: left top;
background-size: 200px 200px; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._content._symptomCont ._article {
padding: 25px 20px; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._symptomCont ._article {
border: 1px solid #FFC26D;
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: 600px) {
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 #FFA627;
box-sizing: border-box;
color: #FFA627;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 600px) {
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: #FFA627;
background: #f7f7f7;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 600px) {
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: 600px) {
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 #FFC26D;
box-sizing: border-box;
background: none;
line-height: 1.2;
color: #333;
font-size: 30px;
font-size: 3.0rem; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom ._ttl {
padding: 8px 15px;
border-left: 4px solid #FFC26D;
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: 600px) {
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 ._img img {
box-sizing: border-box; }
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: #8dd1b9;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
box-shadow: 2px 2px 4px #eee; }
@media screen and (max-width: 600px) {
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: 600px) {
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: 600px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList::before {
top: 5px;
font-size: 10px;
font-size: 1rem;
text-align: center; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList._goHospital::before {
content: 'このような症状がある方はすぐ病院で検査を受けてください';
color: #f00;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._checkList._goHospital::before {
top: 5px;
font-size: 10px;
font-size: 1rem; } }
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: 600px) {
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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/symptom/icn_checkbox.png);
background-repeat: no-repeat;
background-size: 39px 27px; }
@media screen and (max-width: 600px) {
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: #FFB44B;
font-size: 26px;
font-size: 2.6rem; }
@media screen and (max-width: 600px) {
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: 600px) {
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: 600px) {
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: #2935A7;
font-size: 24px;
font-size: 2.4rem;
text-align: center; }
@media screen and (max-width: 600px) {
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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/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: 600px) {
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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/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: #FFB44B;
font-size: 26px;
font-size: 2.6rem; }
@media screen and (max-width: 600px) {
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: 600px) {
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: 600px) {
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;
box-sizing: border-box;
border-radius: 7px;
position: relative;
line-height: 1.2;
color: #fff;
background: #55C89D;
font-size: 26px;
font-size: 2.6rem;
text-align: center; }
@media screen and (max-width: 600px) {
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: 600px) {
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 {
border: none;
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: 600px) {
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: 600px) {
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 #1CB57B;
border-radius: 7px;
box-sizing: border-box;
line-height: 1.5;
color: #1CB57B;
background-color: #fff;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/icn_power_o.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: 600px) {
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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/icn_power_o.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: 600px) {
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: #FFB44B;
font-size: 26px;
font-size: 2.6rem; }
@media screen and (max-width: 600px) {
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: 600px) {
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: #FFC26D;
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: 600px) {
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 #1CB57B;
box-sizing: border-box;
border-radius: 15px;
display: inline-block;
width: 48.38%;
vertical-align: top; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._symptomCont ._articleList {
margin: 0 auto 20px;
border: 1px solid #1CB57B;
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: 600px) {
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: 600px) {
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: 600px) {
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 #1CB57B;
box-sizing: border-box;
float: right;
color: #1CB57B;
line-height: 1.4;
font-size: 13px;
font-size: 1.3rem; }
@media screen and (max-width: 600px) {
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: #1CB57B;
font-size: 20px;
font-size: 2.0rem; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._symptomCont ._articleList ._ttl {
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._content._symptomCont ._articleList ._ttl a {
color: #1CB57B; }
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: #1CB57B;
background-color: #eee;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/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: 600px) {
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 #1CB57B;
background-color: #fff;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/icn_arrow_r_b.png);
background-repeat: no-repeat;
background-position: 6% center;
background-size: 11px 18px; }
@media screen and (max-width: 600px) {
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: 600px) {
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: 600px) {
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: #1CB57B;
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 #1CB57B;
box-sizing: border-box;
border-radius: 3px;
float: left;
color: #ffffbf;
background: #1CB57B; }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a:hover, main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a:active {
border: 1px solid #1CB57B;
background: #fff; }
main.mainCont.underlayCont ._content._treatmentCont {
float: left;
width: 64%;
font-size: 0; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._treatmentCont {
margin-bottom: 60px;
float: none;
width: 100%; } }
main.mainCont.underlayCont ._content._treatmentCont ._article {
padding: 40px;
border: 1px solid #2935A7;
box-sizing: border-box;
border-radius: 30px;
width: 100%;
background: #fafafa;
background-color: #fafafa;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/bg_pat_dia_blu.png);
background-repeat: repeat;
background-position: left top;
background-size: 200px 200px; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._content._treatmentCont ._article {
padding: 25px 20px; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._treatmentCont ._article {
border: 1px solid #2935A7;
border-radius: 20px; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment ._ttl {
margin-bottom: 40px;
padding: 15px 20px;
border-left: 8px solid #2935A7;
box-sizing: border-box;
background: none;
line-height: 1.2;
color: #333;
font-size: 30px;
font-size: 3.0rem; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment ._ttl {
margin-bottom: 20px;
padding: 8px 15px;
border-left: 4px solid #2935A7;
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 {
box-sizing: border-box;
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._about {
margin-top: 0;
margin-bottom: 40px; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._about ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
line-height: 1.2;
color: #fff;
background-color: #404AAB;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 600px) {
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: 600px) {
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._movie {
margin: 0;
padding: 0;
width: 100%; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._movie ._subTtl {
margin: 0;
padding: 20px 10px;
box-sizing: border-box;
line-height: 1.2;
color: #182491;
background: #fff;
font-weight: 700;
font-size: 18px;
font-size: 1.8rem; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._movie ._subTtl {
border: none;
background: none;
padding: 15px 0;
font-size: 16px;
font-size: 1.6rem; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._movie ._subTtl::before {
content: '◎'; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._movie ._content {
margin: 0 0 40px;
position: relative;
width: 100%;
padding-top: 56.25%; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._movie ._content iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._check {
margin-bottom: 40px; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._check ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
line-height: 1.2;
color: #fff;
background: #404AAB;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 600px) {
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: 600px) {
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 #404AAB;
border-radius: 7px;
box-sizing: border-box;
line-height: 1.5;
color: #2935A7;
background-color: #fff;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/icn_power_y.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: 600px) {
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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/icn_power_y.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: #404AAB;
font-size: 24px;
font-size: 2.4rem; }
@media screen and (max-width: 600px) {
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: 600px) {
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._recommendList li {
width: 48%; } }
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: 600px) {
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: #fafafa; }
main.mainCont.underlayCont ._content._voiceCont > ._ttl {
margin: 0 0 20px;
padding: 25px;
border-left: 1px solid #37BC8A;
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: 600px) {
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: 600px) {
main.mainCont.underlayCont ._content._voiceCont ._lead {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox {
margin-bottom: 20px;
padding: 0 40px 40px;
border: 10px solid #f7f7f7;
box-sizing: border-box;
position: relative;
width: 100%; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox {
margin: 0 auto 40px;
padding: 5%;
padding-top: 0;
border: 5px solid #f7f7f7; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox::before {
content: '';
margin-top: -60px;
position: absolute;
top: 0;
left: 20px;
width: 70px;
height: 78px;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/voice/icn_voice.png);
background-repeat: no-repeat;
background-position: center;
background-size: 70px 78px; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox::before {
margin-top: -30px;
left: 10px;
width: 50px;
height: 56px;
background-size: 50px 56px; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._ttl {
margin: 0 0 20px;
margin-left: -40px;
padding: 25px;
line-height: 1.4;
color: #333;
background: #fafafa;
font-size: 18px;
font-size: 1.8rem;
text-align: left;
width: calc(100% + 30px); }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._ttl {
margin-bottom: 20px;
margin-left: -5.555%;
padding: 25px 15px;
line-height: 1.4;
color: #333;
width: calc(111.111% - 30px);
background: rgba(255, 241, 166, 0.3);
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
text-align: center; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._img {
padding: 0 5% 0 0;
float: left;
width: 40%; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._img {
margin: 0 auto 20px;
padding: 0;
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._joint::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._joint::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: none;
width: 100%; }
@media screen and (max-width: 600px) {
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 15px;
padding: 0;
float: right;
width: 55%;
font-size: 0; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal {
float: none;
width: 100%; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal dt, main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal dd {
margin: 15px 0 0;
display: inline-block;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem;
vertical-align: top; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal dt:first-of-type, main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal dd:first-of-type {
margin-top: 0; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal dt {
width: 30%;
font-weight: 800;
text-align: left; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._personal dd {
width: 65%;
text-align: left; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._impressions {
margin: 15px 0 0;
padding: 0; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._impressions {
margin-top: 0; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._impressions dt, main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._impressions dd {
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail ._impressions dt {
font-weight: 800; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail._noimg ._personal {
float: none;
width: 100%; }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail._noimg ._personal dt {
width: 20%; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail._noimg ._personal dt {
width: 30%; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail._noimg ._personal dd {
width: 75%; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail._noimg ._personal dd {
width: 65%; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox ._detail._noimg ._impressions {
margin-top: 15px; }
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 960px) {
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: 960px) {
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dt {
padding: 20px 60px 20px 30px;
line-height: 1.6;
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._faqCont ._category ._accordion dt {
padding: 15px 40px 15px 15px;
border-radius: 30px;
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: 600px) {
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: 600px) {
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: 960px) {
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: 600px) {
main.mainCont.underlayCont ._sideNav {
margin: 0 auto;
float: none;
width: 85%; } }
main.mainCont.underlayCont ._sideNav._left {
float: left; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._sideNav._left {
float: none; } }
main.mainCont.underlayCont ._sideNav._right {
float: right; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._sideNav._right {
float: none; } }
main.mainCont.underlayCont ._sideNav ._ttl {
margin-bottom: 20px;
padding: 25px;
border-top: 1px solid #8dd1b9;
border-bottom: 1px solid #8dd1b9;
box-sizing: border-box;
line-height: 1.5;
color: #8dd1b9;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/bg_pat_dia_grn.png);
background-repeat: repeat;
background-position: center;
background-size: 200px 200px;
font-size: 22px;
font-size: 2.2rem;
text-align: center; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._sideNav ._ttl {
padding: 20px;
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._sideNav ._ttl {
font-size: 18px;
font-size: 1.8rem; } }
main.mainCont.underlayCont ._sideNav ._ttl a {
font-size: 20px;
font-size: 2.0rem; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._sideNav ._ttl a {
padding: 20px;
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 600px) {
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 #FFB44B;
border-bottom: 1px solid #FFB44B; }
main.mainCont.underlayCont ._sideNav ._ttl._sym a {
padding: 25px;
display: block;
color: #FFB44B;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/bg_pat_dia_yel.png);
background-repeat: repeat;
background-position: center;
background-size: 200px 200px; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._sideNav ._ttl._sym a {
padding: 20px; } }
main.mainCont.underlayCont ._sideNav ._ttl._tre {
padding: 0;
border-top: 1px solid #2935A7;
border-bottom: 1px solid #2935A7; }
main.mainCont.underlayCont ._sideNav ._ttl._tre a {
padding: 25px;
display: block;
color: #2935A7;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/bg_pat_dia_blu.png);
background-repeat: repeat;
background-position: center;
background-size: 200px 200px; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._sideNav ._ttl._tre a {
padding: 20px; } }
main.mainCont.underlayCont ._sideNav ._ttl._joint {
margin-top: 60px; }
main.mainCont.underlayCont ._sideNav ._inwrap {
margin: 0 auto;
border: 1px solid #f5f5f5;
border-top: 1px solid #8dd1b9;
border-bottom: 1px solid #8dd1b9;
box-sizing: border-box;
position: relative;
width: 100%; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._sideNav ._inwrap {
width: 100%; } }
main.mainCont.underlayCont ._sideNav ._inwrap::before {
content: '';
position: absolute;
left: 20%;
top: -21px;
border-left: 1px solid #ddd;
box-sizing: border-box;
width: 1px;
height: 20px; }
main.mainCont.underlayCont ._sideNav ._inwrap::after {
content: '';
position: absolute;
right: 20%;
top: -21px;
border-right: 1px solid #ddd;
box-sizing: border-box;
width: 1px;
height: 20px; }
main.mainCont.underlayCont ._sideNav ._inwrap._sym {
border-top: 1px solid #FFB44B;
border-bottom: 1px solid #FFB44B; }
main.mainCont.underlayCont ._sideNav ._inwrap._tre {
border-top: 1px solid #2935A7;
border-bottom: 1px solid #2935A7; }
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(141, 209, 185, 0.1);
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._sideNav ._catTtl a {
padding: 20px;
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._sideNav ._catTtl a:hover, main.mainCont.underlayCont ._sideNav ._catTtl a:active {
background: rgba(141, 209, 185, 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 #f5f5f5;
box-sizing: border-box;
display: block;
line-height: 1.2;
width: 100%;
background: #fff;
color: #333;
font-size: 14px;
font-size: 1.4rem;
text-indent: -1.8em;
vertical-align: top; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._sideNav ._postTtl li a {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._sideNav ._postTtl li a {
padding-left: calc(20px + 1.9em);
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: rgba(255, 253, 235, 0.5); }
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%;
background: #fff;
color: #333;
font-size: 16px;
font-size: 1.6rem;
text-indent: -1.6em;
vertical-align: top; }
@media screen and (max-width: 600px) {
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: rgba(255, 253, 235, 0.5); }
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: #FF6A27;
font-size: 12px;
font-size: 1.2rem;
text-align: center; }
main.mainCont.underlayCont ._sideNavi {
float: left;
width: 27%; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._sideNavi {
margin: 0 auto;
float: none;
width: 100%; } }
section {
margin: 80px 0 100px; }
@media screen and (max-width: 600px) {
section {
margin: 60px 0 80px; } }
section section {
margin: 0; }
section ._inwrap {
margin: 0 auto;
width: 960px; }
@media screen and (max-width: 960px) {
section ._inwrap {
width: 90%; } }
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
section.firstView {
height: 100vh;
background: #fff; } }
@media screen and (max-width: 600px) and (max-width: 600px) {
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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/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: 600px) {
.frontPage section.firstView::after {
display: none;
width: 100%; } }
section.firstView ._description {
display: none; }
@media screen and (max-width: 600px) {
section.firstView ._description {
margin: 10px 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: 60px;
float: left;
width: 25%;
max-width: 540px; }
@media screen and (max-width: 1280px) {
section.firstView ._inwrap {
margin-top: 60px;
width: 30%; } }
@media screen and (max-width: 960px) {
section.firstView ._inwrap {
margin-top: 60px; } }
@media screen and (max-width: 600px) {
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: 1440px) {
section.firstView ._logo {
width: 70%; } }
@media screen and (max-width: 1280px) {
section.firstView ._logo {
width: 70%; } }
@media screen and (max-width: 960px) {
section.firstView ._logo {
width: 75%; } }
@media screen and (max-width: 600px) {
section.firstView ._logo {
margin-top: 30px;
margin-bottom: 20px;
width: 65%; } }
section.firstView ._clinicInfo {
display: none; }
@media screen and (max-width: 600px) {
section.firstView ._clinicInfo {
margin: 0 auto 15px;
display: block;
line-height: 1.6;
color: #333;
width: 90%;
font-size: 16px;
font-size: 1.6rem;
text-align: center; } }
section.firstView ._clinicInfo ._tel {
margin: 0 10px 0 0;
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;
line-height: 1.4;
vertical-align: middle;
font-size: 14px;
font-size: 1.4rem;
text-align: left; }
section.firstView ._clinicInfo ._map {
margin: 0 0 0 10px;
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: 1440px) {
section.firstView ._icnList {
width: 70%; } }
@media screen and (max-width: 1280px) {
section.firstView ._icnList {
width: 70%; } }
@media screen and (max-width: 960px) {
section.firstView ._icnList {
width: 75%; } }
@media screen and (max-width: 600px) {
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: 600px) {
section.firstView ._icnList li {
width: 24%; } }
section.firstView ._icnList li:nth-child(odd) {
margin-right: 2%; }
@media screen and (max-width: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
section.latestNews ._separate ._moduleCont {
width: 100%; } }
@media screen and (max-width: 600px) {
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: 600px) {
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: 600px) {
section.latestNews ._separate._news ._moduleCont:nth-child(2) {
margin: 0; } }
@media screen and (max-width: 600px) {
section.latestNews ._separate._blog {
margin-top: 80px; } }
section.latestNews ._separate._blog ._moduleCont:first-child {
margin: 0;
margin-right: 16.215%; }
@media screen and (max-width: 600px) {
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: 600px) {
section.latestNews ._separate._blog ._moduleCont:nth-child(2) {
margin: 0; } }
section.latestNews ._ttl {
margin-bottom: 40px;
padding: 15px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
box-sizing: border-box;
float: left;
line-height: 1.6;
color: #fff;
width: calc(100% - 30px);
font-size: 24px;
font-size: 2.4rem;
text-align: left; }
@media screen and (max-width: 960px) {
section.latestNews ._ttl {
padding: 10px;
font-size: 18px;
font-size: 1.8rem; } }
@media screen and (max-width: 600px) {
section.latestNews ._ttl {
margin: 0 auto 40px;
padding: 15px;
float: none;
width: 85%;
font-size: 16px;
font-size: 1.6rem;
text-align: left; } }
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; }
section.latestNews ._listLink:hover, section.latestNews ._listLink:active {
color: #00AE6C;
background: #fff; }
@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: 600px) {
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: 600px) {
section.latestNews ._moduleCont:nth-child(3n+1) {
margin-right: 0; } }
section.latestNews ._moduleCont:nth-child(3n) {
margin-left: 15%; }
@media screen and (max-width: 600px) {
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; }
@media screen and (max-width: 960px) {
section.latestNews ._moduleCont ._postCat {
padding: 0; } }
@media screen and (max-width: 600px) {
section.latestNews ._moduleCont ._postCat {
padding: 0 5px; } }
section.latestNews ._moduleCont ._postThumb {
padding-top: 100%;
position: relative;
clear: both;
width: 100%;
height: 100%; }
@media screen and (max-width: 600px) {
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: 600px) {
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;
object-fit: cover; }
@media screen and (max-width: 600px) {
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.7em;
max-height: 2.7em;
overflow: hidden; }
@media screen and (max-width: 960px) {
section.latestNews ._moduleCont ._postTtl {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 600px) {
section.latestNews ._moduleCont ._postTtl {
margin-top: 0;
margin-bottom: 10px;
line-height: 1.2;
min-height: auto;
max-height: auto;
overflow: visible;
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.4;
color: #000;
font-size: 14px;
font-size: 1.4rem;
text-align: left; }
@media screen and (max-width: 960px) {
section.latestNews ._moduleCont ._postTxt {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 600px) {
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 {
padding-left: 4%;
border-bottom: 40px solid #f7f7f7;
box-sizing: border-box;
display: inline-block;
line-height: 0;
width: 54.16%;
max-width: 960px;
vertical-align: middle; }
@media screen and (max-width: 1280px) {
section.forFirst ._img {
padding-left: 2%;
width: 65%; } }
@media screen and (max-width: 960px) {
section.forFirst ._img {
margin-left: -4%;
padding: 0;
width: 80%; } }
@media screen and (max-width: 600px) {
section.forFirst ._img {
margin: 0;
display: block;
border: none;
width: 100%; } }
section.forFirst ._img img {
box-sizing: border-box; }
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(28, 181, 123, 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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/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: -120px 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.feature {
margin-top: 120px;
padding-top: 80px;
padding-bottom: 80px;
background: #f7f7f7; }
@media screen and (max-width: 960px) {
section.feature {
margin-bottom: 80px; } }
@media screen and (max-width: 600px) {
section.feature {
margin-top: 60px;
margin-bottom: 40px;
padding-top: 60px;
padding-bottom: 20px; } }
@media screen and (max-width: 600px) {
section.feature ._inwrap {
margin: 0 auto;
width: 90%; } }
section.feature ._bodycopy {
margin-bottom: 20px;
line-height: 1.4;
color: #1CB57B;
font-size: 36px;
font-size: 3.6rem;
font-weight: 800;
text-align: center; }
@media screen and (max-width: 960px) {
section.feature ._bodycopy {
font-size: 24px;
font-size: 2.4rem; } }
section.feature ._leadTxt {
margin-bottom: 30px;
line-height: 1.4;
font-size: 16px;
font-size: 1.6rem;
text-align: center; }
@media screen and (max-width: 600px) {
section.feature ._leadTxt {
font-size: 14px;
font-size: 1.4rem;
text-align: left; } }
section.feature ._featureBox {
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.feature ._featureBox li {
margin: 0 2% 20px;
display: inline-block;
width: calc(33.333% - 4%);
vertical-align: top; }
@media screen and (max-width: 600px) {
section.feature ._featureBox li {
margin: 0 auto 40px;
width: 90%; } }
section.feature ._featureBox li:nth-of-type(2) ._subTtl, section.feature ._featureBox li:nth-of-type(3) ._subTtl, section.feature ._featureBox li:nth-of-type(4) ._subTtl, section.feature ._featureBox li:nth-of-type(6) ._subTtl {
padding-top: calc(10px + .65em);
padding-bottom: calc(10px + .65em); }
section.feature ._featureBox ._img {
width: 100%; }
section.feature ._featureBox ._img img {
width: 100%;
height: auto; }
section.feature ._featureBox ._subTtl {
position: relative;
margin: -30px auto 20px;
padding: 10px;
line-height: 1.4;
color: #fff;
width: 75%;
background: #37BC8A;
font-size: 16px;
font-size: 1.6rem;
text-align: center; }
section.feature ._featureBox ._txt {
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem; }
section.strongPoint {
margin-bottom: 0;
position: relative; }
@media screen and (max-width: 600px) {
section.strongPoint {
margin: 0 auto;
width: 100%; } }
@media screen and (max-width: 600px) {
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: 600px) {
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: #37BC8A;
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%;
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); }
@media screen and (max-width: 960px) {
section.strongPoint ._ttl {
top: -30px;
left: 10%; } }
@media screen and (max-width: 600px) {
section.strongPoint ._ttl {
padding: 16px 2px;
top: 0;
left: 7.5%;
z-index: 10; } }
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: 960px) {
section.strongPoint ._ttl span {
font-size: 18px;
font-size: 1.8rem; } }
@media screen and (max-width: 600px) {
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-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-size: 28px;
font-size: 2.8rem;
background-color: #1CB57B;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/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;
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); }
@media screen and (max-width: 960px) {
section.strongPoint ._subTtl {
font-size: 24px;
font-size: 2.4rem; } }
@media screen and (max-width: 600px) {
section.strongPoint ._subTtl {
margin-top: -10px;
margin-bottom: 20px;
padding-top: 15px;
padding-bottom: 10px;
margin-left: -5.555%;
line-height: 1.4;
width: calc(100% / 0.9);
font-size: 18px;
font-size: 1.8rem;
letter-spacing: 1px; } }
section.strongPoint ._emphasis {
padding-bottom: 10px;
display: block;
line-height: 1.2;
color: #4f4c4a;
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-size: 60px;
font-size: 6.0rem;
font-weight: 800;
letter-spacing: 4px; }
@media screen and (max-width: 960px) {
section.strongPoint ._emphasis {
font-size: 40px;
font-size: 4.0rem; } }
@media screen and (max-width: 600px) {
section.strongPoint ._emphasis {
padding-bottom: .1em;
padding-left: .3em;
line-height: 1.4;
font-size: 28px;
font-size: 2.8rem;
letter-spacing: 1px; } }
section.strongPoint ._emphasis ._notEmphasis {
padding-left: 4px;
font-size: 48px;
font-size: 4.8rem;
vertical-align: baseline; }
@media screen and (max-width: 600px) {
section.strongPoint ._emphasis ._notEmphasis {
font-size: 32px;
font-size: 3.2rem; } }
section.strongPoint ._lead {
margin: 0 auto 60px;
padding: 30px 5%;
border: 2px solid #eee;
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: 600px) {
section.strongPoint ._lead {
margin-bottom: 30px;
padding: 20px;
border-top: 2px solid #eee;
width: 100%; } }
section.strongPoint ._lead::before {
content: '';
border-left: 1px solid #eee;
position: absolute;
width: 2px;
height: 41px;
left: 25%;
top: -41px; }
@media screen and (max-width: 600px) {
section.strongPoint ._lead::before {
border-left: 1px solid #eee;
top: -25px;
height: 25px; } }
section.strongPoint ._lead::after {
content: '';
border-right: 1px solid #eee;
position: absolute;
width: 2px;
height: 41px;
right: 25%;
top: -41px; }
@media screen and (max-width: 600px) {
section.strongPoint ._lead::after {
border-right: 1px solid #eee;
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: 600px) {
section.strongPoint ._lead ._img {
margin: 0 auto 10px;
float: none;
width: 100%; } }
section.strongPoint ._lead ._txt {
padding: 0;
float: left;
width: 55%; }
@media screen and (max-width: 600px) {
section.strongPoint ._lead ._txt {
padding-top: 1em;
float: none;
width: 100%; } }
section.strongPoint ._lead ._txt p {
padding-bottom: 1em;
line-height: 1.8;
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: 600px) {
section.strongPoint ._lead ._txt p {
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
text-align: center; } }
section.strongPoint ._lead ._txt p:last-of-type {
padding-bottom: 0; }
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 #f7f7f7;
box-sizing: border-box;
display: inline-block;
position: relative;
width: calc(50% - 2%); }
@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 #f7f7f7;
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(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/front/icn_reason1.png); }
section.strongPoint ._strPoiBox ._pointBox:nth-of-type(2)::before {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/front/icn_reason2.png); }
section.strongPoint ._strPoiBox ._pointBox:nth-of-type(3)::before {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/front/icn_reason3.png); }
section.strongPoint ._strPoiBox ._pointBox:nth-of-type(4)::before {
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/front/icn_reason4.png); }
section.strongPoint ._strPoiBox ._pointTtl {
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px dotted;
line-height: 1.6;
color: #FF6A27;
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: 600px) {
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: 600px) {
section.strongPoint ._boxList ._content {
margin: 0 0 100px;
width: 100%; } }
@media screen and (max-width: 600px) {
section.strongPoint ._boxList ._content:nth-child(2) {
margin-top: 0; } }
@media screen and (max-width: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
section.strongPoint ._boxList ._content ._txt {
font-size: 14px;
font-size: 1.4rem; } }
section.kodawariPoint {
margin: 0;
padding: 60px 0 100px;
width: 100%;
background: #f7f7f7; }
@media screen and (max-width: 768px) {
section.kodawariPoint {
padding-top: 40px;
overflow: hidden; } }
section.kodawariPoint ._ttl {
padding-bottom: 10px;
position: relative;
line-height: 1.6;
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-size: 36px;
font-size: 3.6rem;
letter-spacing: 8px; }
@media screen and (max-width: 768px) {
section.kodawariPoint ._ttl {
line-height: 1.2;
font-size: 24px;
font-size: 2.4rem; } }
section.kodawariPoint ._ttl::before {
content: '';
margin-bottom: -40px;
margin-right: -60px;
position: absolute;
bottom: 0;
right: 0;
width: 400px;
height: 257px;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/front/img_inchou.png);
background-repeat: no-repeat;
background-size: 400px 257px;
background-position: right bottom; }
@media screen and (max-width: 768px) {
section.kodawariPoint ._ttl::before {
margin-bottom: -40px;
margin-right: -30%;
width: 280px;
height: 179px;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/front/img_inchou.png);
background-repeat: no-repeat;
background-size: 280px 179px;
background-position: right bottom; } }
section.kodawariPoint ._ttl span {
position: relative; }
section.kodawariPoint ._ttl ._emphasis {
line-height: 1.4;
color: #1CB57B;
font-size: 72px;
font-size: 7.2rem;
font-style: italic;
text-decoration: underline; }
@media screen and (max-width: 768px) {
section.kodawariPoint ._ttl ._emphasis {
line-height: 1;
font-size: 64px;
font-size: 6.4rem; } }
section.kodawariPoint ._kodPoiBox {
margin: 0 auto 30px;
padding: 30px 5%;
border: 1px solid #eee;
box-sizing: border-box;
position: relative;
width: calc($bp-browser - 10%);
background-color: #fff;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/bg_pat_dia_grn.png);
background-size: 175px;
background-repeat: repeat;
background-position: center top; }
@media screen and (max-width: 768px) {
section.kodawariPoint ._kodPoiBox {
padding: 12.5% 10%; } }
section.kodawariPoint ._kodPoiBox::before {
content: '';
position: absolute;
top: -8px;
left: -8px; border-top: 40px solid #1CB57B;
border-right: 40px solid transparent;
border-bottom: 40px solid transparent;
border-left: 40px solid #1CB57B;
line-height: 40px; }
@media screen and (max-width: 768px) {
section.kodawariPoint ._kodPoiBox::before {
border-top: 32px solid #1CB57B;
border-right: 32px solid transparent;
border-bottom: 32px solid transparent;
border-left: 32px solid #1CB57B;
line-height: 32px; } }
section.kodawariPoint ._kodPoiBox::after {
content: '';
position: absolute;
top: -8px;
left: -8px;
color: #fff100;
width: 40px;
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
font-size: 36px;
font-size: 3.6rem;
font-style: italic;
text-align: center; }
@media screen and (max-width: 768px) {
section.kodawariPoint ._kodPoiBox::after {
width: 40px;
font-size: 28px;
font-size: 2.8rem; } }
section.kodawariPoint ._kodPoiBox:first-of-type::after {
content: '1'; }
section.kodawariPoint ._kodPoiBox:nth-of-type(2)::after {
content: '2'; }
section.kodawariPoint ._kodPoiBox:nth-of-type(3)::after {
content: '3'; }
section.kodawariPoint ._kodPoiBox:nth-of-type(4)::after {
content: '4'; }
section.kodawariPoint ._kodPoiBox:nth-of-type(5)::after {
content: '5'; }
section.kodawariPoint ._kodPoiBox:last-of-type {
margin-bottom: 0; }
section.kodawariPoint ._kodPoiBox ._pointTtl {
line-height: 1.8;
color: #000;
font-size: 24px;
font-size: 2.4rem;
font-weight: 800; }
@media screen and (max-width: 768px) {
section.kodawariPoint ._kodPoiBox ._pointTtl {
margin-bottom: 20px;
line-height: 1.4;
font-size: 21px;
font-size: 2.1rem; } }
section.kodawariPoint ._kodPoiBox ._pointTxt p {
line-height: 1.8;
font-size: 18px;
font-size: 1.8rem; }
@media screen and (max-width: 768px) {
section.kodawariPoint ._kodPoiBox ._pointTxt p {
font-size: 16px;
font-size: 1.6rem; } }
section.flow {
margin-top: 0;
padding-top: 80px; }
@media screen and (max-width: 600px) {
section.flow {
padding-top: 40px; } }
section.flow ._ttl {
margin-bottom: 100px;
font-size: 36px;
font-size: 3.6rem; }
@media screen and (max-width: 600px) {
section.flow ._ttl {
margin-bottom: 20px;
font-size: 24px;
font-size: 2.4rem; } }
section.flow ._flowBox {
margin-bottom: 120px; }
@media screen and (max-width: 600px) {
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: 10px solid #f7f7f7;
box-sizing: border-box;
width: 100%; }
section.flow ._flowBox ._ttlArea::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 600px) {
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: 600px) {
section.flow ._flowBox ._ttlArea ._flowNum {
padding: 0;
width: 25%;
font-size: 16px;
font-size: 1.6rem; } }
section.flow ._flowBox ._ttlArea ._flowNum strong {
color: #FFA627;
font-weight: bold;
font-size: 36px;
font-size: 3.6rem;
font-style: italic; }
@media screen and (max-width: 600px) {
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: 600px) {
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: 960px) {
section.flow ._flowBox ._ttlArea ._flowTtl {
font-size: 20px;
font-size: 2.0rem; } }
@media screen and (max-width: 600px) {
section.flow ._flowBox ._ttlArea ._flowTtl {
margin-bottom: 20px;
padding: 3px 0 4px;
border: none;
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: 600px) {
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: 18px;
font-size: 1.8rem;
text-align: left;
text-indent: -1.3em; }
@media screen and (max-width: 600px) {
section.flow ._flowBox ._flowCont ul li {
line-height: 1.6;
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: 600px) {
section.menu {
margin-top: 40px;
margin-bottom: 80px; } }
.frontPage section.menu {
margin-bottom: 120px; }
@media screen and (max-width: 960px) {
.frontPage section.menu {
margin-bottom: 0; } }
@media screen and (max-width: 600px) {
.frontPage section.menu {
margin: 0 auto 60px;
width: 100%; } }
@media screen and (max-width: 960px) {
section.menu ._inwrap {
width: 100%; } }
@media screen and (max-width: 600px) {
section.menu ._inwrap {
width: 100%; } }
@media screen and (max-width: 960px) {
.frontPage section.menu ._inwrap {
width: 90%; } }
@media screen and (max-width: 600px) {
.frontPage section.menu ._inwrap {
width: 100%; } }
@media screen and (max-width: 600px) {
section.menu ._ttl {
margin-bottom: 25px; } }
section.menu ._treatmentCont ._suffer {
margin: 0;
padding: 0;
width: 75%; }
@media screen and (max-width: 600px) {
section.menu ._treatmentCont ._suffer {
margin: 0 auto 15px;
width: 90%; } }
section.menu ._treatmentCont ._concept {
margin-top: -100px;
margin-bottom: 80px;
padding: 80px 40px 40px;
border: 20px solid #f7f7f7;
box-sizing: border-box;
width: 100%;
background: #fff; }
@media screen and (max-width: 960px) {
section.menu ._treatmentCont ._concept {
padding-top: 100px; } }
@media screen and (max-width: 600px) {
section.menu ._treatmentCont ._concept {
margin-top: -50px;
margin-bottom: 60px;
padding: 55px 5% 5%;
border: 1px solid #fff;
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: 960px) {
section.menu ._treatmentCont ._concept ._subTtl {
font-size: 18px;
font-size: 1.8rem; } }
@media screen and (max-width: 600px) {
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: 960px) {
section.menu ._treatmentCont ._concept ._subTtl ._emphasis {
font-size: 36px;
font-size: 3.6rem; } }
@media screen and (max-width: 600px) {
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: 600px) {
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: 960px) {
section.menu ._treatmentCont ._concept ._policy dt {
padding: 4px 8px;
font-size: 18px;
font-size: 1.8rem; } }
@media screen and (max-width: 600px) {
section.menu ._treatmentCont ._concept ._policy dt {
padding: 8px 20px;
font-size: 16px;
font-size: 1.6rem;
text-align: center; } }
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
section.price {
margin-top: 40px; } }
@media screen and (max-width: 600px) {
.frontPage section.price {
margin: 60px auto 80px;
width: 90%; } }
@media screen and (max-width: 960px) {
section.price ._inwrap {
width: 100%; } }
@media screen and (max-width: 600px) {
section.staff {
margin-top: 40px; } }
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: 600px) {
section.staff ._portrait {
margin: 0 auto 40px;
float: none;
width: 85%; } }
section.staff ._name {
margin-top: 25px;
padding: 20px;
line-height: 1.8;
background: #55C89D;
font-size: 0; }
@media screen and (max-width: 600px) {
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: 960px) {
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: 960px) {
section.staff ._name ._kana {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 600px) {
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: #55C89D;
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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 #55C89D;
background-image: url(//oojimain.com/wp/wp-content/themes/smiling-owl-1.1.0/images/common/bg_pat_dia_grn.png);
background-repeat: repeat;
background-size: 200px 200px;
background-position: center;
box-sizing: border-box; }
@media screen and (max-width: 600px) {
section.staff ._personalData ._appeal dt {
padding: 15px 10px;
border: 1px solid #55C89D;
font-size: 14px;
font-size: 1.4rem;
text-align: center; } }
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: 600px) {
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: 600px) {
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; }
section.access ._inwrap {
margin: 0 auto;
width: 960px; }
@media screen and (max-width: 960px) {
section.access ._inwrap {
width: 100%; } }
@media screen and (max-width: 600px) {
section.access ._inwrap {
width: 100%; } }
@media screen and (max-width: 960px) {
.frontPage section.access ._inwrap {
width: 90%; } }
@media screen and (max-width: 600px) {
.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: 600px) {
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: 600px) {
section.access ._inwrap ._address {
padding: 10px 20px;
font-size: 14px;
font-size: 1.4rem; } }
.frontPage section.access ._inwrap ._address {
background: #f7f7f7; }
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 ._gmap iframe {
border: none;
width: 100%;
height: 420px; }
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: 600px) {
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: center;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 600px) {
section .contactForm p._caution {
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 #55C89D;
border-radius: 10px;
display: block;
width: 40%;
color: #fff;
background: #55C89D;
font-size: 16px;
font-size: 1.6rem;
cursor: pointer; }
@media screen and (max-width: 600px) {
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: #55C89D;
background: #fff; }
@media screen and (max-width: 600px) {
section.privacy {
margin-top: 40px; } }
@media screen and (max-width: 960px) {
section.privacy ._inwrap {
width: 100%; } }
section.privacy ._privacyPolicy {
margin: 0;
padding: 40px;
border: 1px solid #eee;
box-sizing: border-box;
background: #f7f7f7; }
@media screen and (max-width: 600px) {
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: 600px) {
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: 960px) {
section.privacy ._privacyPolicy ._ppWrap ._ttl {
font-size: 16px;
font-size: 1.6rem;
font-weight: 800; } }
@media screen and (max-width: 600px) {
section.privacy ._privacyPolicy ._ppWrap ._ttl {
margin-left: -5.555%;
padding: 20px 15px;
width: calc(111.111% - 30px); } }
section.privacy ._privacyPolicy ._ppWrap ._ppCont {
margin: 0 auto;
width: 95%; }
@media screen and (max-width: 600px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont {
width: 90%; } }
section.privacy ._privacyPolicy ._ppWrap ._ppCont p {
margin-bottom: 1em;
line-height: 1.6;
font-size: 16px;
font-size: 16px; }
@media screen and (max-width: 600px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont p {
font-size: 14px;
font-size: 1.4rem; } }
section.privacy ._privacyPolicy ._ppWrap ._ppCont p:last-child {
margin-bottom: 0; }
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: 600px) {
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: 600px) {
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: 600px) {
.bnrArea {
margin-left: -5.555%;
padding: 60px 0;
width: 111.111%;
background: rgba(85, 200, 157, 0.05); } }
.frontPage .bnrArea {
padding: 80px 0;
background: rgba(85, 200, 157, 0.1); }
@media screen and (max-width: 600px) {
.frontPage .bnrArea {
margin-left: 0;
padding: 40px 0;
width: 100%; } }
.bnrArea ._inwrap {
margin: 0 auto;
border: 10px solid #fff;
box-sizing: border-box;
width: 95%;
background: rgba(255, 255, 255, 0.3); }
.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 ._ttl {
display: none; }
.frontPage .bnrArea ._ttl {
display: block; }
.bnrArea ._bodycopy {
margin: 0 0 20px;
line-height: 1.6;
color: #1CB57B;
font-size: 24px;
font-size: 2.4rem;
text-align: center; }
@media screen and (max-width: 600px) {
.bnrArea ._bodycopy {
margin: 0 auto 20px;
width: 90%;
font-size: 16px;
font-size: 1.6rem;
text-align: left; } }
.frontPage .bnrArea ._bodycopy {
margin-bottom: 40px; }
.bnrArea ._separate {
margin: 40px 0;
width: calc(50% - 20px); }
@media screen and (max-width: 600px) {
.bnrArea ._separate {
margin: 0;
padding: 20px;
width: calc(100% - 40px); } }
.frontPage .bnrArea ._separate {
margin: 40px;
width: calc(50% - 60px); }
@media screen and (max-width: 600px) {
.frontPage .bnrArea ._separate {
margin: 0;
padding: 20px;
width: calc(100% - 40px); } }
.bnrArea ._separate:first-of-type {
margin: 40px 20px 40px 0;
float: left; }
@media screen and (max-width: 600px) {
.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: 600px) {
.frontPage .bnrArea ._separate:first-of-type {
margin: 0;
padding-top: 15px;
float: none; } }
.bnrArea ._separate:nth-of-type(2) {
margin: 40px 0 40px 20px;
float: right; }
@media screen and (max-width: 600px) {
.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: 600px) {
.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: 600px) {
.bnrArea ._sepTtl {
margin-bottom: 20px;
margin-left: -40px;
padding: 20px;
width: calc(100% + 40px);
background: #fff;
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%; }
@media screen and (max-width: 600px) {
.bnrArea ._bnr {
margin-left: -5.555%;
width: 111.111%; } }
.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, div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
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 {
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 #5a63b7; }
body.treArcPage .pagination ul li span {
border: 1px solid #404AAB; }
body.symArcPage .pagination ul li span {
border: 1px solid #37BC8A; }
.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 #5a63b7;
border-bottom: 1px solid #5a63b7;
border-left: 1px solid #5a63b7; }
body.symArcPage .pagination ul li .page-numbers:hover, body.symArcPage .pagination ul li .page-numbers:active {
color: #fff;
background: #55c89d; }
body.symArcPage .pagination ul li .page-numbers.current {
color: #fff;
background: #55C89D; }
body.treArcPage .pagination ul li .page-numbers {
border-top: 1px solid #404AAB;
border-bottom: 1px solid #404AAB;
border-left: 1px solid #404AAB; }
body.treArcPage .pagination ul li .page-numbers:hover, body.treArcPage .pagination ul li .page-numbers:active {
color: #fff;
background: #404aab; }
body.treArcPage .pagination ul li .page-numbers.current {
color: #fff;
background: #404AAB; }
body.voiArcPage .pagination ul li .page-numbers {
border-top: 1px solid #37BC8A;
border-bottom: 1px solid #37BC8A;
border-left: 1px solid #37BC8A; }
body.voiArcPage .pagination ul li .page-numbers:hover, body.voiArcPage .pagination ul li .page-numbers:active {
color: #fff;
background: #37bc8a; }
body.voiArcPage .pagination ul li .page-numbers.current {
color: #fff;
background: #37BC8A; }
.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 #5a63b7; }
body.treArcPage .pagination ul li:last-of-type span, body.treArcPage .pagination ul li:last-of-type a {
border-right: 1px solid #404AAB; }
.priceCont::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 600px) {
.priceCont {
margin: 0 auto;
width: 100%; } }
.priceCont .priceSection {
margin: 0 0 80px; }
@media screen and (max-width: 600px) {
.priceCont .priceSection {
margin-bottom: 60px; } }
.priceCont ._ttl {
margin-bottom: 40px;
padding: 30px;
line-height: 1.4;
background: #f7f7f7;
font-size: 24px;
font-size: 2.4rem;
font-weight: normal;
text-align: left; }
@media screen and (max-width: 600px) {
.priceCont ._ttl {
padding: 20px;
margin-bottom: 25px;
font-size: 18px;
font-size: 1.8rem;
text-align: center; } }
.priceCont ._ttl._joint {
margin-top: 80px; }
@media screen and (max-width: 600px) {
.priceCont ._ttl._joint {
margin-top: 40px; } }
.priceCont ._subTtl {
margin: 0 auto 20px;
padding: 0 10px 15px 10px;
border-bottom: 1px solid #404AAB;
box-sizing: border-box;
line-height: 1.4;
color: #404AAB;
width: 95%;
font-size: 20px;
font-size: 2.0rem; }
@media screen and (max-width: 600px) {
.priceCont ._subTtl {
padding-bottom: 10px;
font-size: 16px;
font-size: 1.6rem;
width: 100%; } }
.priceCont ._cautionBox {
margin: 0 auto;
padding: 30px;
border: 8px solid #f7f7f7;
box-sizing: border-box;
width: 95%; }
@media screen and (max-width: 600px) {
.priceCont ._cautionBox {
padding: 5%;
width: 100%; } }
.priceCont ._cautionBox ._caution {
margin: 0;
width: 100%; }
.priceCont ._caution {
margin: 0 auto 20px;
width: 95%; }
@media screen and (max-width: 600px) {
.priceCont ._caution {
width: 100%; } }
.priceCont ._caution li {
padding-left: 1em;
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem;
text-indent: -1em; }
@media screen and (max-width: 600px) {
.priceCont ._caution li {
font-size: 14px;
font-size: 1.4rem; } }
.priceCont ._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 ._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: 600px) {
.priceCont ._paragraph._caution {
font-size: 12px;
font-size: 1.2rem; } }
.priceCont ._inner {
margin: 0 0 80px; }
@media screen and (max-width: 600px) {
.priceCont ._inner {
margin-bottom: 60px; } }
.priceCont ._listBox {
margin: 40px auto 0;
padding: 30px 20px 20px;
border: 4px solid #5a63b7;
box-sizing: border-box;
position: relative;
width: 95%;
font-size: 0; }
@media screen and (max-width: 600px) {
.priceCont ._listBox {
border: 2px solid #5a63b7;
width: 100%; } }
.priceCont ._listBox dt, .priceCont ._listBox dd {
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 600px) {
.priceCont ._listBox dt, .priceCont ._listBox dd {
font-size: 14px;
font-size: 1.4rem; } }
.priceCont ._listBox dt {
padding: 10px 15px;
display: block;
border-radius: 10px;
position: absolute;
top: -25px;
left: 30px;
color: #fff;
background: #5a63b7; }
@media screen and (max-width: 600px) {
.priceCont ._listBox dt {
left: 15px; } }
.priceCont ._listBox dd {
display: inline-block;
line-height: 2.4;
width: 50%; }
@media screen and (max-width: 600px) {
.priceCont ._listBox dd {
display: block;
width: 100%; } }
.priceCont ._listBox dd::before {
content: '・'; }
.priceCont ._tbl {
margin: 0 auto 60px;
width: 95%; }
@media screen and (max-width: 600px) {
.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: 960px) {
.priceCont ._tbl tr th, .priceCont ._tbl tr td {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 600px) {
.priceCont ._tbl tr th, .priceCont ._tbl tr td {
padding: 20px 0; } }
.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: rgba(211, 183, 122, 0.5); }
.priceCont ._tbl tr td {
text-align: center; }
.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; }
._treatmentCoupon {
margin-top: 40px;
margin-bottom: 0;
padding: 40px;
border: 1px solid #d3b77a;
box-sizing: border-box;
border-radius: 30px;
position: relative; }
@media screen and (max-width: 600px) {
._treatmentCoupon {
margin-top: 25px;
padding: 25px 20px;
border-radius: 20px; } }
._treatmentCoupon::before {
content: '';
position: absolute;
top: -41px;
left: 20%;
width: 1px;
height: 40px;
border-left: 1px solid #d3b77a;
box-sizing: border-box; }
@media screen and (max-width: 600px) {
._treatmentCoupon::before {
top: -26px;
height: 25px; } }
._treatmentCoupon::after {
content: '';
position: absolute;
top: -41px;
right: 20%;
width: 1px;
height: 40px;
border-right: 1px solid #d3b77a;
box-sizing: border-box; }
@media screen and (max-width: 600px) {
._treatmentCoupon::after {
top: -26px;
height: 25px; } }
._treatmentCoupon ._ttl {
margin-bottom: 40px;
padding: 30px;
line-height: 1.4;
color: #fff;
background: #d3b77a;
font-size: 24px;
font-size: 2.4rem;
font-weight: normal;
text-align: center; }
@media screen and (max-width: 600px) {
._treatmentCoupon ._ttl {
padding: 20px;
margin-bottom: 25px;
font-size: 18px;
font-size: 1.8rem;
text-align: center; } }
._treatmentCoupon ._ttl._joint {
margin-top: 80px; }
@media screen and (max-width: 600px) {
._treatmentCoupon ._ttl._joint {
margin-top: 40px; } }
._treatmentCoupon ._subTtl {
margin: 0 auto 20px;
padding: 0 10px 15px 10px;
border-bottom: 1px solid #d3b77a;
box-sizing: border-box;
line-height: 1.4;
color: #d3b77a;
width: 95%;
font-size: 20px;
font-size: 2.0rem; }
@media screen and (max-width: 600px) {
._treatmentCoupon ._subTtl {
padding-bottom: 10px;
font-size: 16px;
font-size: 1.6rem;
width: 100%; } }
._treatmentCoupon ._subTtl._joint {
margin-top: 80px; }
@media screen and (max-width: 600px) {
._treatmentCoupon ._subTtl._joint {
margin-top: 40px; } }
._treatmentCoupon ._txtArea {
margin: 0 auto 20px;
width: 95%; }
._treatmentCoupon ._txtArea p {
margin-bottom: 2em;
line-height: 1.6;
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 600px) {
._treatmentCoupon ._txtArea p {
width: 100%;
font-size: 14px;
font-size: 1.4rem; } }
._treatmentCoupon ._txtArea p._caution {
margin-top: 20px;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (max-width: 600px) {
._treatmentCoupon ._txtArea p._caution {
font-size: 12px;
font-size: 1.2rem; } }
._treatmentCoupon ._txtArea p:last-of-type {
margin-bottom: 0; }
._treatmentCoupon ._listBox {
margin: 40px auto 0;
padding: 30px 20px 20px;
border: 4px solid #FFC26D;
box-sizing: border-box;
position: relative;
width: 95%;
font-size: 0; }
@media screen and (max-width: 600px) {
._treatmentCoupon ._listBox {
border: 2px solid #FFC26D;
width: 100%; } }
._treatmentCoupon ._listBox dt, ._treatmentCoupon ._listBox dd {
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 600px) {
._treatmentCoupon ._listBox dt, ._treatmentCoupon ._listBox dd {
font-size: 14px;
font-size: 1.4rem; } }
._treatmentCoupon ._listBox dt {
padding: 10px 15px;
display: block;
border-radius: 10px;
position: absolute;
top: -25px;
left: 30px;
background: #FFC26D; }
@media screen and (max-width: 600px) {
._treatmentCoupon ._listBox dt {
left: 15px; } }
._treatmentCoupon ._listBox dd {
display: block;
line-height: 2.4;
width: 100%; }
._treatmentCoupon ._listBox dd::before {
content: '・'; }
.importantNotices {
margin: 0 auto 40px;
margin-left: -5.555%;
width: 111.111%; }
@media screen and (min-width: 768px) {
.importantNotices {
margin: -40px auto 40px;
width: 100%; } }
.importantNotices .importantNotices-ttl {
margin: 0;
padding: 12px 10px 10px;
line-height: 1.5;
color: #fff;
background: #e0660d;
font-size: 18px;
font-size: 1.8rem;
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.8;
color: #000;
font-size: 14px;
font-size: 1.4rem;
text-align: left; }
.importantNotices .importantNotices-cont-note li {
margin: 0 0 .25em;
padding-left: 1em;
line-height: 1.8;
color: #000;
font-size: 14px;
font-size: 1.4rem;
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; }