@charset "UTF-8";
 @font-face {
font-family: 'Billabong';
src: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/_font/Billabong.eot?#iefix) format("embedded-opentype"), url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/_font/Billabong.woff) format("woff"), url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/_font/Billabong.ttf) format("truetype");
letter-spacing: 10px; } @font-face {
font-family: 'Christopherhand';
src: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/_font/Christopherhand.eot?#iefix) format("embedded-opentype"), url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/_font/Christopherhand.woff) format("woff"), url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/_font/Christopherhand.ttf) format("truetype"); }
.futuraPt-book {
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal; }
.futuraPt-book-oblique {
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: italic; }
.futuraPt-bold {
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: normal; }
.futuraPt-bold-oblique {
font-family: futura-pt-bold, sans-serif;
font-weight: 700;
font-style: italic; }
.futuraPt-medium {
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal; }
.futuraPt-medium-oblique {
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: italic; }
.futuraPt-light {
font-family: futura-pt, sans-serif;
font-weight: 300;
font-style: normal; }
.dnpShuei {
font-family: dnp-shuei-4go-std,sans-serif;
font-weight: 500;
font-style: normal; }
.tenMincho {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: normal; }
.tenMincho-italic {
font-family: ten-mincho-text, serif;
font-weight: 400;
font-style: italic; }
.gibsonBold {
font-family: canada-type-gibson, sans-serif;
font-weight: 700;
font-style: normal; }
.gibsonRegular {
font-family: canada-type-gibson, sans-serif;
font-weight: 400;
font-style: normal; }
.gibsonSemiBold {
font-family: canada-type-gibson, sans-serif;
font-weight: 600;
font-style: normal; }
.gibsonMedium {
font-family: canada-type-gibson, sans-serif;
font-weight: 500;
font-style: normal; }
.nikkatsu {
font-family: ro-nikkatsu-sei-kai-std, serif;
font-weight: 400;
font-style: normal; }
.gloria {
font-family: gloria-hallelujah, sans-serif;
font-weight: 400;
font-style: normal; }
.gillsansSemiBold {
font-family: gill-sans-nova, sans-serif;
font-weight: 600;
font-style: normal; }
.gillsansMedium {
font-family: gill-sans-nova, sans-serif;
font-weight: 500;
font-style: normal; }
.gillsansLight {
font-family: gill-sans-nova, sans-serif;
font-weight: 300;
font-style: normal; } 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: inline; } }
.sp-disnone {
display: inline; }
@media screen and (max-width: 600px) {
.sp-disnone {
display: none; } }
.fR {
float: right; }
.fL {
float: left; }
.fwN {
font-weight: normal; }
.fwB {
font-weight: bold; }
.ta-r {
text-align: right; }
.ta-c {
text-align: center; }
.ta-l {
text-align: left; }
html {
font-size: 62.5%;
-webkit-overflow-scrolling: touch; }
body {
line-height: 1.4;
color: #333;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-size: 10px;
font-size: 1.0rem;
background: #fff;
-webkit-text-size-adjust: 100%; }
.opening {
background: #1e2975;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9000; }
.opening p {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 9999;
width: 320px; }
@media screen and (max-width: 768px) {
.opening p {
width: 50%; } }
h1 {
font-size: 18px;
font-size: 1.8rem; }
p {
font-size: 16px;
font-size: 1.6rem; }
img {
width: 100%;
height: auto; }
small.supplement {
padding-top: 0.5em;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem; }
small.supplement.indent {
padding-left: 1em;
display: block;
text-indent: -1em; }
a {
border: none;
color: #1d3994;
text-decoration: none; }
a:hover, a:active {
color: #1d3994;
text-decoration: none; }
a.hover__underline {
border: none;
text-decoration: none; }
a.hover__underline:hover, a.hover__underline:active {
border-bottom: 1px solid;
text-decoration: none; }
a:visited {
color: #1d3994; }
a.hover__opacity img {
opacity: 1; }
a.hover__opacity.opacity-5:hover img, a.hover__opacity.opacity-5:active img {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5; }
a.hover__opacity.opacity-6:hover img, a.hover__opacity.opacity-6:active img {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6; }
a.hover__opacity.opacity-7:hover img, a.hover__opacity.opacity-7:active img {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7; }
a.hover__opacity.opacity-8:hover img, a.hover__opacity.opacity-8:active img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8; }
a.hover__opacity.opacity-9:hover img, a.hover__opacity.opacity-9:active img {
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9; }
._postMore {
margin-top: 10px;
padding: 0;
box-sizing: border-box;
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem;
text-align: center; }
@media screen and (max-width: 768px) {
._postMore {
margin-top: 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: #f2911e; }
h2.hCommonSty strong.fc-blu {
color: #2935A7; }
h2.hCommonSty.hCommonSty-color-red {
background-image: url(//shinjo-seikotsuin.com/wp/wp-content/themes/smiling-owl-shinjo/images/line_ttl_red.png); }
h2.hCommonSty.hCommonSty-color-grn {
background-image: url(//shinjo-seikotsuin.com/wp/wp-content/themes/smiling-owl-shinjo/images/line_ttl_green.png); }
h2.hCommonSty.hCommonSty-color-blu {
background-image: url(//shinjo-seikotsuin.com/wp/wp-content/themes/smiling-owl-shinjo/images/line_ttl_blue.png); }
h2.hCommonSty.hCommonSty-color-pur {
background-image: url(//shinjo-seikotsuin.com/wp/wp-content/themes/smiling-owl-shinjo/images/line_ttl_purple.png); }
h2.hCommonSty.hCommonSty-color-yel {
background-image: url(//shinjo-seikotsuin.com/wp/wp-content/themes/smiling-owl-shinjo/images/line_ttl_yellow.png); }
h2.hCommonSty.hCommonSty-color-ora {
background-image: url(//shinjo-seikotsuin.com/wp/wp-content/themes/smiling-owl-shinjo/images/line_ttl_orange.png); }
h2.hCommonSty.hCommonSty-color-red, h2.hCommonSty.hCommonSty-color-grn, h2.hCommonSty.hCommonSty-color-blu, h2.hCommonSty.hCommonSty-color-pur, h2.hCommonSty.hCommonSty-color-yel, h2.hCommonSty.hCommonSty-color-ora {
background-repeat: no-repeat;
background-size: 168px 5px;
background-position: center bottom; }
h3.hCommonSty {
margin-bottom: 1em;
border-bottom: 1px dashed #333;
line-height: 1.8;
font-size: 24px;
font-size: 2.4rem; }
h3.hCommonSty::before {
padding-right: 5px;
content: '◆'; }
a.hover--underLine-center {
position: relative;
display: inline-block;
text-decoration: none; }
a.hover--underLine-center::after {
position: absolute;
bottom: -4px;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #1d3994;
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s; }
a.hover--underLine-center:hover::after {
transform: scale(1, 1); }
.hover--flashing {
border: none;
width: 300px;
height: 200px;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden; }
.hover--flashing:hover {
border: none; }
.hover--flashing:hover img {
border: none;
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s; }
@-webkit-keyframes flash {
0% {
opacity: .4; }
100% {
opacity: 1; } }
@keyframes flash {
0% {
opacity: .4; }
100% {
opacity: 1; } }
.sectionInner {
margin: 0 auto;
width: 768px; }
.txtBox {
margin: 0 auto;
width: 96%; }
.txtBox p {
line-height: 1.8;
font-size: 16px;
font-size: 1.6rem; }
.leadTxt p {
padding-bottom: 1em;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem; }
.anchorTop {
position: fixed;
bottom: 30px;
right: 5%;
width: 48px;
height: 99px; }
.anchorTop .anchorTop__link img {
opacity: 0.7; }
.anchorTop .anchorTop__link:hover img, .anchorTop .anchorTop__link:active img {
opacity: 0.9; }
.weekend {
color: blue; }
.holiday {
color: red; }
.tax {
font-size: 12px;
font-size: 1.2rem;
vertical-align: baseline; }
.storeBox {
margin: 20px auto 0;
padding: 10px;
border: 10px solid #eee;
box-sizing: border-box;
display: table;
width: 100%; }
@media screen and (min-width: 768px) {
.storeBox {
margin: 40px auto;
border: 4px solid #eee;
padding: 20px; } }
@media screen and (min-width: 1040px) {
.storeBox {
border: 8px solid #eee;
width: 1040px; } }
.mainCont .storeBox {
margin-top: 0;
border: 4px solid #1e2975;
display: block;
background: #fff; }
@media screen and (min-width: 768px) {
.mainCont .storeBox {
display: none; } }
.storeBox .storeBox-info {
margin: 0 auto 20px;
display: block;
width: 100%; }
@media screen and (min-width: 768px) {
.storeBox .storeBox-info {
margin: 0 auto;
display: table-cell;
width: 40%;
vertical-align: middle; } }
.mainCont .storeBox .storeBox-info {
margin-bottom: 0; }
.storeBox .storeBox-info-logo {
margin: 0 auto 5px;
width: 75%; }
@media screen and (min-width: 768px) {
.storeBox .storeBox-info-logo {
margin: 0 auto 10px;
width: 75%; } }
.storeBox .storeBox-info-logo img {
width: 100%;
height: auto; }
.storeBox .storeBox-info-address {
text-align: center; }
.storeBox .storeBox-info-address span {
display: block; }
.storeBox .storeBox-info-address ._note {
margin-bottom: 2px;
display: block;
line-height: 1.4;
font-size: 16px;
font-size: 1.6rem;
font-weight: 800; }
@media screen and (min-width: 768px) {
.storeBox .storeBox-info-address ._note {
margin-bottom: 0;
font-size: 18px;
font-size: 1.8rem; } }
.storeBox .storeBox-info-address ._tel {
margin: 0 0 8px;
display: inline-table;
line-height: 1.2;
position: relative;
text-align: center; }
.storeBox .storeBox-info-address ._tel::before {
content: '';
margin-left: -1.5em;
margin-right: 4px;
display: inline-table;
width: 36px;
height: 36px;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_tel_b.png);
background-repeat: no-repeat;
background-size: 100%;
vertical-align: bottom; }
@media screen and (min-width: 768px) {
.storeBox .storeBox-info-address ._tel::before {
width: 40px;
height: 40px; } }
.storeBox .storeBox-info-address ._tel ._num {
font-family: gloria-hallelujah, sans-serif;
font-weight: 400;
font-style: normal;
display: inline-table;
font-size: 32px;
font-size: 3.2rem;
font-weight: 800;
vertical-align: bottom;
letter-spacing: 3px;
white-space: nowrap; }
@media screen and (min-width: 768px) {
.storeBox .storeBox-info-address ._tel ._num {
line-height: 1;
font-size: 36px;
font-size: 3.6rem; } }
.storeBox .storeBox-info-address ._address {
line-height: 1.6;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (min-width: 768px) {
.storeBox .storeBox-info-address ._address {
font-size: 12px;
font-size: 1.2rem; } }
.mainCont .storeBox .storeBox-info-address ._address {
margin-bottom: 10px; }
.storeBox .storeBox-map {
position: relative;
padding-top: 30px;
padding-bottom: 56.25%;
width: 100%;
height: 0;
overflow: hidden; }
@media screen and (min-width: 768px) {
.storeBox .storeBox-map {
margin: 0;
padding: 0;
display: table-cell;
width: calc(100% - 40px);
vertical-align: middle; } }
.storeBox .storeBox-map iframe, .storeBox .storeBox-map object, .storeBox .storeBox-map embed {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%; }
@media screen and (min-width: 768px) {
.storeBox .storeBox-map iframe, .storeBox .storeBox-map object, .storeBox .storeBox-map embed {
width: calc(100% - 20px); } }
.receptionTime {
margin: 0;
padding: 0;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
box-sizing: border-box;
width: 100%; }
@media screen and (min-width: 768px) {
.receptionTime {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd; } }
.receptionTime thead th {
font-weight: bold; }
.receptionTime thead th:first-of-type {
background: #fff; }
.receptionTime tbody th {
background: #fff; }
.receptionTime th, .receptionTime td {
padding: 8px 0;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
line-height: 1.2;
color: #000;
width: calc(70% / 8);
background: #fff;
font-size: 12px;
font-size: 12px;
text-align: center;
vertical-align: middle; }
@media screen and (min-width: 768px) {
.receptionTime th, .receptionTime td {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd; } }
@media screen and (min-width: 768px) {
.frontInfoModule-reception .receptionTime th, .frontInfoModule-reception .receptionTime td {
padding: 10px;
line-height: 1.6;
font-size: 16px;
font-size: 16px; } }
.receptionTime th .holiday, .receptionTime td .holiday {
color: red; }
.receptionTime th {
background: #eee; }
.receptionTime th:first-child {
width: 30%;
white-space: nowrap; }
.storeBox .receptionTime {
margin: 0 0 10px; }
.globalHeader-navigation-reception .receptionTime th, .globalHeader-navigation-reception .receptionTime td {
padding: 8px 0;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (min-width: 768px) {
.globalHeader-navigation-reception .receptionTime th, .globalHeader-navigation-reception .receptionTime td {
font-size: 14px;
font-size: 1.4rem; } }
.globalFooter-reception .receptionTime {
margin: 0 0 20px;
width: 100%; }
@media screen and (min-width: 768px) {
.globalFooter-reception .receptionTime {
margin-bottom: 20px; } }
@media screen and (min-width: 768px) {
.globalFooter-reception .receptionTime {
margin-left: 0;
width: 100%; } }
.globalFooter-reception .receptionTime th, .globalFooter-reception .receptionTime td {
padding: 8px 0;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (min-width: 768px) {
.globalFooter-reception .receptionTime th, .globalFooter-reception .receptionTime td {
font-size: 12px;
font-size: 1.2rem; } }
.instagram {
padding: 20px 0 80px;
border-top: 4px solid #1e2975;
box-sizing: border-box;
width: 100%;
background: #eee;
background: #a151be;
background: -webkit-linear-gradient(left, rgba(161, 81, 190, 0.1) 0%, rgba(217, 144, 110, 0.1) 60%, rgba(206, 70, 106, 0.1) 100%);
background: linear-gradient(to right, rgba(161, 81, 190, 0.1) 0%, rgba(217, 144, 110, 0.1) 60%, rgba(206, 70, 106, 0.1) 100%); }
@media screen and (max-width: 768px) {
.instagram {
margin-top: 0;
padding: 2px 0 20px;
border-top: 4px solid #1e2975; } }
.instagram ._ttl {
margin: 0 0 20px;
line-height: 1.8;
color: #1e2975;
font-family: 'Billabong';
font-size: 64px;
font-size: 6.4rem;
text-align: center;
letter-spacing: 2px; }
@media screen and (max-width: 768px) {
.instagram ._ttl {
margin-bottom: 0;
font-size: 40px;
font-size: 4rem; } }
.instagram ._ttl span {
padding: .25em .5em .15em;
border: 4px solid #1e2975;
box-sizing: border-box;
display: inline-block;
position: relative;
line-height: 1;
color: #1e2975;
background: #f8ca24;
letter-spacing: 4px;
transform: rotate(-5deg); }
@media screen and (max-width: 768px) {
.instagram ._ttl span {
border: 2px solid #1e2975;
font-size: 30px;
font-size: 3rem;
letter-spacing: 0; } }
.instagram ._ttl span::before {
content: '';
position: absolute;
top: -39px;
left: 15%;
width: 2px;
height: 39px;
background: #1e2975;
transform: rotate(5deg); }
@media screen and (max-width: 768px) {
.instagram ._ttl span::before {
top: -22px;
width: 1px;
height: 22px; } }
.instagram ._ttl span::after {
content: '';
position: absolute;
top: -22px;
right: 16%;
width: 2px;
height: 22px;
background: #1e2975;
transform: rotate(5deg); }
@media screen and (max-width: 768px) {
.instagram ._ttl span::after {
top: -13px;
width: 1px;
height: 13px; } }
.instagram ._box {
margin: 0 auto;
padding: 0;
width: 1040px;
background: transparent; }
@media screen and (max-width: 1040px) {
.instagram ._box {
width: 100%; } }
.instagram ._box ._mask {
position: absolute;
margin: 0 auto;
padding: 25px;
display: block;
width: 1040px;
height: 990px; }
@media screen and (max-width: 768px) {
.instagram ._box ._mask {
padding: 10px;
width: calc(100% - 20px);
height: 360px; } }
.instagram ._box ._mask img {
width: 100%;
height: auto; }
.instagram ._box iframe {
margin: 0 auto;
padding: 25px;
display: block;
width: 990px;
height: 990px;
background: #fafafa; }
@media screen and (max-width: 768px) {
.instagram ._box iframe {
padding: 10px;
width: calc(100% - 20px) !important;
height: 360px; } }
header.globalHeader {
margin: 0 auto;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 100; }
@media screen and (max-width: 768px) {
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); } }
header.globalHeader .globalHeader-description {
margin: 0 auto;
padding: 5px 0;
line-height: 1.6;
width: 100%;
color: #fff;
background: #1e2975; }
@media screen and (max-width: 768px) {
header.globalHeader .globalHeader-description {
padding: 3px 2px 2px;
line-height: 1.4;
color: #fff;
width: 100%;
font-size: 10px;
font-size: 1rem;
background: #1e2975;
text-align: left; } }
header.globalHeader .globalHeader-description ._inner {
margin: 0 auto;
width: 90%;
max-width: calc(1040px - 20px);
font-size: 12px;
font-size: 1.2rem; }
@media screen and (max-width: 768px) {
header.globalHeader .globalHeader-description ._inner {
margin: 0 auto;
width: calc(100% - 2.5%);
font-size: 85px;
font-size: 0.85rem; } }
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: #f8ca24;
background-repeat: no-repeat;
background-size: 50px;
background-position: center 5px;
color: #4f4c4a;
line-height: 1.2;
box-shadow: 2px 2px 4px #ccc;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
white-space: normal; }
header.globalHeader ._wire ._mail a:hover, header.globalHeader ._wire ._mail a:active {
background-color: #fff100; }
header.globalHeader ._wire._pc {
box-sizing: border-box;
display: block; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._pc {
display: none; } }
header.globalHeader ._wire._pc ._logoInfo {
margin: 0 auto;
width: 100%;
background: #1e2975; }
header.globalHeader ._wire._pc ._logoInfo ._inner {
margin: 0 auto;
width: 90%;
max-width: calc(1040px - 20px);
background: #1e2975; }
header.globalHeader ._wire._pc ._logoInfo ._inner::after {
content: "";
clear: both;
display: block; }
header.globalHeader ._wire._pc ._logoInfo ._catchLogo {
margin-top: 4px;
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); } }
header.globalHeader ._wire._pc ._logoInfo ._logo {
margin: 0;
width: 70%;
max-width: 280px; }
header.globalHeader ._wire._pc ._logoInfo ._logo img {
width: 100%;
height: auto; }
header.globalHeader ._wire._pc ._logoInfo ._catchcopy {
margin: 0;
line-height: 1.4;
color: #fff;
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 12px;
border: 1px solid #fff;
border-top: none;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-sizing: border-box;
float: right;
width: 70%;
max-width: 280px;
background: transparent; }
header.globalHeader ._wire._pc ._logoInfo ._info ._tel {
font-size: 28px;
font-size: 2.8rem;
font-family: gloria-hallelujah, sans-serif;
font-weight: 400;
font-style: normal;
padding-left: 14%;
padding-bottom: 4px;
display: block;
position: relative;
line-height: 1.1;
color: #fff;
letter-spacing: 3px;
white-space: nowrap; }
@media screen and (max-width: 1280px) {
header.globalHeader ._wire._pc ._logoInfo ._info ._tel {
font-size: 7px;
font-size: 2.1875vw; } }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._pc ._logoInfo ._info ._tel {
font-size: 20px;
font-size: 2rem; } }
header.globalHeader ._wire._pc ._logoInfo ._info ._tel::before {
content: '';
padding-top: 12%;
position: absolute;
top: 0;
left: 0;
width: 12%;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_tel_y.png);
background-repeat: no-repeat;
background-size: cover;
background-position: left top; }
@media screen and (max-width: 1280px) {
header.globalHeader ._wire._pc ._logoInfo ._info ._tel::before {
padding-top: 2.5vw;
width: 2.5vw; } }
header.globalHeader ._wire._pc ._logoInfo ._info ._time::after {
content: "";
clear: both;
display: block; }
header.globalHeader ._wire._pc ._logoInfo ._info ._time dt, header.globalHeader ._wire._pc ._logoInfo ._info ._time dd {
line-height: 1.2;
color: #fff;
font-size: 12px;
font-size: 1.2rem; }
header.globalHeader ._wire._pc ._logoInfo ._info ._time dt {
padding: 0 1% 0 0;
border-right: 1px solid #fff;
box-sizing: border-box;
float: left;
width: 14%; }
header.globalHeader ._wire._pc ._logoInfo ._info ._time dd {
padding: 0 0 0 1%;
float: right;
width: 83%; }
header.globalHeader ._wire._pc ._globalNavi {
margin: 0;
padding: 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
box-sizing: border-box;
width: 100%;
background: #fff; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu {
margin: 0 auto;
padding: 0;
position: relative;
width: 90%;
max-width: calc(1040px - 20px);
list-style: none;
font-size: 0; }
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: #fff;
font-size: 13px;
font-size: 1.3rem;
text-align: center;
transition: all ease .25s; }
@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: #fff; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu li ._parent {
padding: 13px 0;
display: block;
width: 100%;
color: #fff;
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%;
background: #f5f5f5; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd li {
margin: 0;
padding: 0;
border: 1px solid #eee;
border-top: none;
border-bottom: none;
display: block;
width: 100%; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd li:last-child {
border-bottom: 1px solid #eee; }
header.globalHeader ._wire._pc ._globalNavi ._ddMenu ._layer2nd li a {
position: relative;
background: #f5f5f5;
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: #fff; }
@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._pc._styleW ._logoInfo {
background: #fff; }
header.globalHeader ._wire._pc._styleW ._logoInfo ._inner {
background: transparent; }
header.globalHeader ._wire._pc._styleW ._logoInfo ._catchcopy {
color: #1e2975; }
header.globalHeader ._wire._pc._styleW ._logoInfo ._info {
border: 2px solid #1e2975;
border-top: none; }
header.globalHeader ._wire._pc._styleW ._logoInfo ._info ._tel {
color: #1e2975; }
header.globalHeader ._wire._pc._styleW ._logoInfo ._info ._time dt {
border-right: 1px solid #1e2975;
color: #1e2975; }
header.globalHeader ._wire._pc._styleW ._logoInfo ._info ._time dd {
color: #1e2975; }
header.globalHeader ._wire._pc._styleW ._globalNavi {
background: #f5f5f5; }
header.globalHeader ._wire._pc._styleW ._globalNavi ._ddMenu li a {
color: #1e2975; }
header.globalHeader ._wire._pc._styleW ._globalNavi ._ddMenu li ._parent {
color: #1e2975; }
header.globalHeader ._wire._sp {
display: none; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._sp {
display: block; } }
header.globalHeader ._wire._sp ._inwrap {
width: 100%;
background: #fff; }
header.globalHeader ._wire._sp ._desLogo {
display: none; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._sp ._desLogo {
margin: 0;
padding: 0 0 0 2.5%;
display: block;
float: left;
width: calc(100% - 50px - 2.5%);
min-height: calc(50px - 6px);
background: #fff; } }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._sp ._desLogo ._logoin {
margin: 0;
padding: 2px 0;
line-height: 0;
display: block;
max-width: 180px;
font-size: 0; } }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._sp ._desLogo ._description {
margin: 0;
padding: 0;
line-height: 0;
line-height: 1;
color: #1e2975;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-size: 0;
font-size: 10px;
font-size: 1rem; } }
header.globalHeader ._wire._sp ._globalNavi {
background: #1e2975; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._sp ._globalNavi {
display: none;
position: absolute;
top: 0;
width: 100%;
height: 100vh;
overflow-y: scroll !important; }
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: #f5f5f5;
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: #f2911e;
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 #f8ca24;
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%; }
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: #fff;
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(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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;
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 {
border-bottom: 1px solid #fff;
box-sizing: border-box;
width: 100%; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion li._col a {
padding: 1.6em 5%;
width: 90%; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion._irre li:nth-of-type(even) {
border-right: 1px solid #eee;
box-sizing: border-box; }
header.globalHeader ._wire._sp ._globalNavi ._nav li ._accordion._irre li:nth-of-type(odd) {
border-right: none;
box-sizing: border-box; } }
header.globalHeader ._wire._sp .menuTrigger {
display: none; }
@media screen and (max-width: 768px) {
header.globalHeader ._wire._sp .menuTrigger {
margin-right: 0;
display: block;
display: inline-block;
transition: all .4s;
border: 1px solid #1e2975;
border-top: none;
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: #1e2975;
width: 22px;
height: 2px;
left: 0;
right: 0;
margin: auto; }
header.globalHeader ._wire._sp .menuTrigger span:nth-of-type(1) {
top: 11px; }
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: 21px; }
header.globalHeader ._wire._sp .menuTrigger.active span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
top: 10px; }
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);
bottom: 20px; }
header.globalHeader ._wire._sp .menuTrigger ._menu {
position: absolute;
bottom: 2px;
left: 0;
line-height: 1.4;
color: #1e2975;
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: 1640px) {
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, #f8ca24, #fff100);
background: -moz-linear-gradient(0, #f8ca24, #fff100);
background: -o-linear-gradient(0, #f8ca24, #fff100);
background: linear-gradient(0, #f8ca24, #fff100); }
section.inclineBlock._plusDeg._gradationY_ref::before {
background: -webkit-linear-gradient(0, #fff100, #f8ca24);
background: -moz-linear-gradient(0, #fff100, #f8ca24);
background: -o-linear-gradient(0, #fff100, #f8ca24);
background: linear-gradient(0, #fff100, #f8ca24); }
section.inclineBlock._plusDeg._gradationYG::before {
background: -webkit-linear-gradient(0, #f8ca24 0, #9bba18 7.5%, #D27506 100%);
background: -moz-linear-gradient(0, #f8ca24 0, #9bba18 7.5%, #D27506 100%);
background: -o-linear-gradient(0, #f8ca24 0, #9bba18 7.5%, #D27506 100%);
background: linear-gradient(0, #f8ca24 0, #9bba18 7.5%, #D27506 100%); }
section.inclineBlock._plusDeg._gradationG::before {
background: -webkit-linear-gradient(0, #F7A645 0, #f2911e 15%, #D27506 100%);
background: -moz-linear-gradient(0, #F7A645 0, #f2911e 15%, #D27506 100%);
background: -o-linear-gradient(0, #F7A645 0, #f2911e 15%, #D27506 100%);
background: linear-gradient(0, #F7A645 0, #f2911e 15%, #D27506 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: #f2911e; }
section.inclineBlock._plusDeg._bgGlgt::before {
background: rgba(247, 166, 69, 0.8); }
section.inclineBlock._plusDeg._bgGdrk::before {
background: #D27506; }
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: 1640px) {
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, #FFBB69, #FFD669);
background: -moz-linear-gradient(0, #FFBB69, #FFD669);
background: -o-linear-gradient(0, #FFBB69, #FFD669);
background: linear-gradient(0, #FFBB69, #FFD669); }
section.inclineBlock._minusDeg._gradationYG::before {
background: -webkit-linear-gradient(0, #f8ca24, #D27506);
background: -moz-linear-gradient(0, #f8ca24, #D27506);
background: -o-linear-gradient(0, #f8ca24, #D27506);
background: linear-gradient(0, #f8ca24, #D27506); }
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: 1640px) {
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: 1640px) {
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: 960px;
height: 100%;
color: #fff;
text-align: center; }
@media screen and (max-width: 960px) {
section.inclineBlock ._inwrap {
width: 90%; } }
.animation {
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 100%;
background: #fff;
overflow: hidden; }
.animation._bdrOpacity img {
border: 0 solid #fff;
box-sizing: border-box;
-webkit-transition: .1s all ease-in-out;
transition: .1s all ease-in-out; }
.animation._bdrOpacity:hover img, .animation._bdrOpacity:active img {
border: 4px solid #fff;
box-sizing: border-box;
-webkit-transition: .1s all ease-in-out;
transition: .1s all ease-in-out; }
@media screen and (max-width: 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 50%, #f8ca24 50%); }
@media screen and (max-width: 768px) {
.marker._yellow {
background: linear-gradient(transparent 50%, #fff 50%); } }
.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: 80px;
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 #f8ca24;
box-sizing: border-box;
float: left;
background: #f8ca24; }
footer.globalFooter ._items ._insurance {
border: 1px solid #FFBB69;
box-sizing: border-box;
float: right;
background: #FFBB69; }
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: 12px;
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 ._caution {
margin: 0 0 24px;
padding: 0;
width: 100%;
font-size: 0; }
footer.globalFooter ._caution::after {
content: "";
clear: both;
display: block; }
footer.globalFooter ._caution dt, footer.globalFooter ._caution dd {
float: left;
line-height: 1.4;
font-size: 12px;
font-size: 1.2rem; }
footer.globalFooter ._caution dt {
margin-right: .5em;
padding: 0 2px;
color: #fff;
background: #F7A645; }
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; } }
@media screen and (max-width: 768px) {
#globalFooter {
padding-bottom: 60px; } }
#globalFooter .globalFooter-infoArea {
margin: 0 0 9.375vw;
font-size: 0; }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea {
margin: 0 auto 60px;
width: 90%; } }
#globalFooter .globalFooter-infoArea-info {
margin: 0 4.6875%;
display: inline-block;
width: 50%;
vertical-align: top; }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info {
display: block;
width: 100%; } }
#globalFooter .globalFooter-infoArea-info ._decTxt {
font-family: gill-sans-nova, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 120px;
font-size: 12rem;
margin: 0 0 20px;
line-height: 1;
color: #1e2975;
letter-spacing: 8px; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info ._decTxt {
font-size: 30px;
font-size: 9.375vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._decTxt {
font-size: 60px;
font-size: 6rem; } }
#globalFooter .globalFooter-infoArea-info ._ttl {
font-size: 28px;
font-size: 2.8rem;
margin: 0 auto 1.5vw;
padding: 0 0 2vw;
position: relative;
line-height: 1.4;
color: #000;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: 600;
text-align: left;
letter-spacing: 8px; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info ._ttl {
font-size: 7px;
font-size: 2.1875vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._ttl {
font-size: 20px;
font-size: 2rem; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._ttl {
margin-bottom: 16px;
padding-bottom: 20px;
letter-spacing: 2px; } }
#globalFooter .globalFooter-infoArea-info ._ttl::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 80px;
height: 8px;
background: #000;
z-index: -1; }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._ttl::after {
width: 56px;
height: 6px; } }
#globalFooter .globalFooter-infoArea-info ._subTxt {
font-size: 20px;
font-size: 2rem;
margin: 0 auto 1.5vw;
line-height: 1.8;
font-weight: 600;
letter-spacing: 4px; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info ._subTxt {
font-size: 5px;
font-size: 1.5625vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._subTxt {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._subTxt {
margin-bottom: 20px; } }
#globalFooter .globalFooter-infoArea-info ._iconList {
margin: 0 auto 20px;
width: 100%; }
#globalFooter .globalFooter-infoArea-info ._iconList li {
font-size: 18px;
font-size: 1.8rem;
padding: 10px 0;
display: inline-block;
width: 47.5%;
color: #fff;
text-align: center;
vertical-align: top; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info ._iconList li {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._iconList li {
font-size: 14px;
font-size: 1.4rem; } }
#globalFooter .globalFooter-infoArea-info ._iconList li._jiko {
margin: 0 2.5% 0 0;
background: #1e2975; }
#globalFooter .globalFooter-infoArea-info ._iconList li._hoken {
margin: 0 0 0 2.5%;
background: #C01020; }
#globalFooter .globalFooter-infoArea-info ._tblWrap {
margin: 0 0 1.5vw;
width: 100%; }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._tblWrap {
margin-bottom: 20px; } }
#globalFooter .globalFooter-infoArea-info table._time {
margin: 0 auto 1.5vw;
border-top: 1px solid #bfbfbf;
border-left: 1px solid #bfbfbf;
box-sizing: border-box;
width: 100%; }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info table._time {
margin-bottom: 20px; } }
#globalFooter .globalFooter-infoArea-info table._time th, #globalFooter .globalFooter-infoArea-info table._time td {
font-size: 16px;
font-size: 1.6rem;
padding: .75em 0;
border-right: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
box-sizing: border-box;
line-height: 1.6;
width: 10.4%;
font-weight: 600;
text-align: center;
vertical-align: middle;
white-space: nowrap; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info table._time th, #globalFooter .globalFooter-infoArea-info table._time td {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info table._time th, #globalFooter .globalFooter-infoArea-info table._time td {
font-size: 12px;
font-size: 1.2rem; } }
#globalFooter .globalFooter-infoArea-info table._time th:first-of-type {
width: 27.2%; }
#globalFooter .globalFooter-infoArea-info table._time thead th {
background: #eee; }
#globalFooter .globalFooter-infoArea-info table._time thead th._blank {
background: none; }
#globalFooter .globalFooter-infoArea-info table._time tbody th {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info table._time tbody th {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info table._time tbody th {
font-size: 12px;
font-size: 1.2rem; } }
#globalFooter .globalFooter-infoArea-info table._time tbody td {
color: #1e2975; }
#globalFooter .globalFooter-infoArea-info table._time tbody td._weekendTime {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info table._time tbody td._weekendTime {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info table._time tbody td._weekendTime {
font-size: 12px;
font-size: 1.2rem; } }
#globalFooter .globalFooter-infoArea-info ._caution {
margin: 0 auto 3vw;
display: table;
width: 100%;
font-size: 0; }
#globalFooter .globalFooter-infoArea-info ._caution ._left {
font-size: 14px;
font-size: 1.4rem;
display: table-cell;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
vertical-align: middle; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info ._caution ._left {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._caution ._left {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._caution ._left {
margin-bottom: 10px;
display: block;
width: 100%; } }
#globalFooter .globalFooter-infoArea-info ._caution ._right {
font-size: 14px;
font-size: 1.4rem;
padding: 10px 0;
border-radius: 10px;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
color: #fff;
background: #1e2975;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
text-align: center; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info ._caution ._right {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._caution ._right {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._caution ._right {
padding: 5px 0;
display: block;
width: 100%; } }
#globalFooter .globalFooter-infoArea-info ._txt {
font-size: 12px;
font-size: 1.2rem;
line-height: 2;
width: calc(100% + 8%);
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info ._txt {
font-size: 3px;
font-size: 0.9375vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._txt {
font-size: 10px;
font-size: 1rem; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._txt {
width: 100%;
font-size: 12px;
font-size: 1.2rem; } }
#globalFooter .globalFooter-infoArea-info._open {
margin: 0 4.6875%;
width: calc(50% - 9.375%); }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info._open {
margin: 0 auto 40px;
width: 100%; } }
#globalFooter .globalFooter-infoArea-info._access {
margin: 0 0 0 8.333%;
width: calc(50% - 8.333%); }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info._access {
margin: 0 auto 40px;
width: 100%; } }
#globalFooter .globalFooter-infoArea-info ._menuTtl {
font-size: 18px;
font-size: 1.8rem;
margin: 0 0 1.5rem;
padding: 1rem 2rem;
border-radius: 10px;
line-height: 1.4;
width: auto;
color: #4f4c4a;
background: #f8ca24;
font-weight: 600;
text-align: center; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info ._menuTtl {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._menuTtl {
font-size: 14px;
font-size: 1.4rem; } }
#globalFooter .globalFooter-infoArea-info ._menuList li {
font-size: 16px;
font-size: 1.6rem;
margin: 0 2rem 0 0;
display: inline;
line-height: 1.6; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-infoArea-info ._menuList li {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-infoArea-info ._menuList li {
font-size: 12px;
font-size: 1.2rem; } }
#globalFooter .globalFooter-contact {
margin: 0;
width: 100%;
background: #1e2975; }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-contact {
position: fixed;
bottom: 0;
z-index: 50; } }
#globalFooter .globalFooter-contact-ttl {
font-family: canada-type-gibson, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 70px;
font-size: 7rem;
line-height: 2;
color: #fff;
text-align: center;
letter-spacing: 16px; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-contact-ttl {
font-size: 17.5px;
font-size: 5.46875vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-contact-ttl {
font-size: 48px;
font-size: 4.8rem; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-contact-ttl {
letter-spacing: 10px;
font-size: 36px;
font-size: 3.6rem; } }
#globalFooter .globalFooter-contact-box {
margin: 0 auto;
display: table;
width: 94%;
max-width: 1160px;
font-size: 0; }
#globalFooter .globalFooter-contact-box a {
font-size: 22px;
font-size: 2.2rem;
padding: 3.5vw 0;
border: 1px solid #fff;
box-sizing: border-box;
display: table-cell;
position: relative;
line-height: 1.6;
color: #000;
width: calc(50% - 1px);
background: #fff;
text-align: center;
vertical-align: middle; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-contact-box a {
font-size: 5.5px;
font-size: 1.71875vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-contact-box a {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-contact-box a {
font-size: 12px;
font-size: 1.2rem; } }
#globalFooter .globalFooter-contact-box a::after {
content: '';
margin-top: -12px;
position: absolute;
top: 50%;
right: 17.65%;
width: 26px;
height: 24px;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_arrow_r.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: 18.86% top;
transition: all ease .25s; }
@media screen and (max-width: 960px) {
#globalFooter .globalFooter-contact-box a::after {
right: 5%; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-contact-box a::after {
margin-top: -6px;
right: 2.5%;
width: 13px;
height: 12px; } }
#globalFooter .globalFooter-contact-box a:hover::after, #globalFooter .globalFooter-contact-box a:active::after {
right: 15%; }
#globalFooter .globalFooter-contact-box a._lineCont {
border-right: 1px solid #1e2975; }
#globalFooter .globalFooter-contact-box a._lineCont::before {
content: '';
margin-top: -32px;
position: absolute;
top: 50%;
left: 18.86%;
width: 64px;
height: 64px;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_line.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top; }
@media screen and (max-width: 960px) {
#globalFooter .globalFooter-contact-box a._lineCont::before {
left: 5%; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-contact-box a._lineCont::before {
margin-top: -16px;
left: 2.5%;
width: 32px;
height: 32px; } }
#globalFooter .globalFooter-contact-box a._telCont {
border-left: 1px solid #1e2975; }
#globalFooter .globalFooter-contact-box a._telCont::before {
content: '';
margin-top: -32px;
position: absolute;
top: 50%;
left: 18.86%;
width: 64px;
height: 64px;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_tel.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top; }
@media screen and (max-width: 960px) {
#globalFooter .globalFooter-contact-box a._telCont::before {
left: 5%; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-contact-box a._telCont::before {
margin-top: -16px;
left: 2.5%;
width: 32px;
height: 32px; } }
#globalFooter .globalFooter-copyright {
font-size: 14px;
font-size: 1.4rem;
margin: 0;
padding: 1.2rem 0;
display: block;
line-height: 2;
color: #fff;
background: #1e2975;
text-align: center;
letter-spacing: 2px; }
@media screen and (max-width: 1280px) {
#globalFooter .globalFooter-copyright {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
#globalFooter .globalFooter-copyright {
font-size: 12px;
font-size: 1.2rem; } }
.fade_off {
opacity: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s; }
.fade_off._lr {
transform: translate(100px, 0); }
.fade_off._rl {
transform: translate(-100px, 0); }
.fade_off._ud {
transform: translate(0, -100px); }
.fade_off._du {
transform: translate(0, 100px); }
.fade_on {
opacity: 1; }
.fade_on._lr, .fade_on._rl, .fade_on._ud, .fade_on._du {
transform: translate(0, 0); }
h2.cmnTtl {
font-size: 64px;
font-size: 6.4rem;
font-family: gill-sans-nova, sans-serif;
font-weight: 800;
font-style: normal;
margin: 0 0 4vw;
letter-spacing: 4px; }
@media screen and (max-width: 1280px) {
h2.cmnTtl {
font-size: 16px;
font-size: 5vw; } }
@media screen and (max-width: 768px) {
h2.cmnTtl {
font-size: 30px;
font-size: 3rem; } }
@media screen and (max-width: 768px) {
h2.cmnTtl {
margin-bottom: 4rem; } }
h2.cmnTtl .cmnTtl-ja {
font-size: 18px;
font-size: 1.8rem;
margin: .6em 0 0;
display: block;
color: #aaa;
font-weight: normal; }
@media screen and (max-width: 1280px) {
h2.cmnTtl .cmnTtl-ja {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
h2.cmnTtl .cmnTtl-ja {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 768px) {
h2.cmnTtl .cmnTtl-ja {
letter-spacing: 3px; } }
h2.cmnTtl._bubble {
margin: 0 auto 6vw;
position: relative;
width: 35%;
min-width: 460px;
max-width: 600px;
text-align: center; }
@media screen and (max-width: 1040px) {
h2.cmnTtl._bubble {
width: 40%;
min-width: auto; } }
@media screen and (max-width: 768px) {
h2.cmnTtl._bubble {
margin-bottom: 80px;
width: 80%;
min-width: auto; } }
h2.cmnTtl._bubble::before {
content: '';
padding-top: 26.728%;
position: absolute;
top: .75em;
left: 0;
width: 100%;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/bg_bubble.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
z-index: -1; }
@media screen and (max-width: 1480px) {
h2.cmnTtl._bubble::before {
top: .85em; } }
@media screen and (max-width: 768px) {
h2.cmnTtl._bubble::before {
top: .75em; } }
h2.cmnTtl._bubble .cmnTtl-en {
font-size: 64px;
font-size: 6.4rem;
font-family: gill-sans-nova, sans-serif;
font-weight: 800;
font-style: normal;
display: block;
line-height: 1.2;
color: #f8ca24; }
@media screen and (max-width: 1280px) {
h2.cmnTtl._bubble .cmnTtl-en {
font-size: 16px;
font-size: 5vw; } }
@media screen and (max-width: 768px) {
h2.cmnTtl._bubble .cmnTtl-en {
font-size: 30px;
font-size: 3rem; } }
@media screen and (max-width: 1280px) {
h2.cmnTtl._bubble .cmnTtl-en {
font-size: 16px;
font-size: 5vw; } }
@media screen and (max-width: 768px) {
h2.cmnTtl._bubble .cmnTtl-en {
font-size: 30px;
font-size: 9.375vw; } }
h2.cmnTtl._bubble .cmnTtl-ja {
font-size: 36px;
font-size: 3.6rem;
margin-top: .9vw;
display: block;
line-height: 1.4;
color: #fff;
font-weight: 800; }
@media screen and (max-width: 1280px) {
h2.cmnTtl._bubble .cmnTtl-ja {
font-size: 9px;
font-size: 2.8125vw; } }
@media screen and (max-width: 768px) {
h2.cmnTtl._bubble .cmnTtl-ja {
font-size: 25px;
font-size: 2.5rem; } }
@media screen and (max-width: 1640px) {
h2.cmnTtl._bubble .cmnTtl-ja {
margin-top: .45vw; } }
@media screen and (max-width: 768px) {
h2.cmnTtl._bubble .cmnTtl-ja {
font-size: 18px;
font-size: 5.625vw; } }
main.mainCont {
width: 100%;
-webkit-animation: contentScale 2.6s forwards;
animation: contentScale 2.6s forwards; }
main.mainCont.frontCont .firstview {
margin: 0 0 60px;
padding: 2% 0 4%;
position: relative;
width: 100%;
background-image: -moz-linear-gradient(0deg, transparent, transparent 20%, #1e2975 20%, #1e2975 100%);
background-image: -webkit-linear-gradient(0deg, transparent, transparent 20%, #1e2975 20%, #1e2975 100%);
background-image: linear-gradient(90deg, transparent, transparent 20%, #1e2975 20%, #1e2975 100%); }
@media screen and (max-width: 1480px) {
main.mainCont.frontCont .firstview {
background-image: -moz-linear-gradient(0deg, transparent, transparent 13%, #1e2975 13%, #1e2975 100%);
background-image: -webkit-linear-gradient(0deg, transparent, transparent 13%, #1e2975 13%, #1e2975 100%);
background-image: linear-gradient(90deg, transparent, transparent 13%, #1e2975 13%, #1e2975 100%); } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview {
margin-bottom: 0;
padding: 10px 0;
background-image: -moz-linear-gradient(0deg, transparent, transparent 15%, #1e2975 15%, #1e2975 100%);
background-image: -webkit-linear-gradient(0deg, transparent, transparent 15%, #1e2975 15%, #1e2975 100%);
background-image: linear-gradient(90deg, transparent, transparent 15%, #1e2975 15%, #1e2975 100%); } }
main.mainCont.frontCont .firstview-slider {
margin: 0 auto;
position: relative;
display: none;
width: 86.25%;
font-size: 0; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-slider {
display: none; } }
main.mainCont.frontCont .firstview-slider.slick-initialized {
display: block; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-slider.slick-initialized {
display: none; } }
main.mainCont.frontCont .firstview-slider li {
position: relative;
width: 100%; }
main.mainCont.frontCont .firstview-slider li img {
border-radius: 10px;
display: block; }
main.mainCont.frontCont .firstview-slider._sp {
display: none; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-slider._sp {
display: none;
width: 88%; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-slider._sp.slick-initialized {
display: block; } }
main.mainCont.frontCont .fiestview-slider-dots {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
margin: 0;
position: absolute;
left: 0;
bottom: -30px;
width: 100%; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .fiestview-slider-dots {
bottom: 10px; } }
main.mainCont.frontCont .fiestview-slider-dots li {
margin: 0 15px;
display: inline-block;
width: 10px;
height: 10px; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .fiestview-slider-dots li {
margin: 0 10px; } }
main.mainCont.frontCont .fiestview-slider-dots li button {
padding: 0;
border: none;
border-radius: 2px;
width: 10px;
height: 10px;
background: #fff;
font-size: 0;
box-shadow: none;
cursor: pointer; }
main.mainCont.frontCont .fiestview-slider-dots li button:hover, main.mainCont.frontCont .fiestview-slider-dots li button:active {
background: #f8ca24; }
main.mainCont.frontCont .fiestview-slider-dots li.slick-active button {
background: #f8ca24; }
main.mainCont.frontCont .firstview-icons {
position: absolute;
top: 2%;
right: 1vw;
width: 10vw;
height: 10vw;
font-size: 0; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-icons {
margin-top: 10px;
position: relative;
bottom: auto;
left: auto;
width: 100%;
height: 100%;
font-size: 0; } }
main.mainCont.frontCont .firstview-icons li {
font-size: 4px;
font-size: 1.25vw;
margin: 0 0 1vw;
padding: 57.5% 0 0;
border: 1px solid #1e2975;
border-radius: 10px;
display: block;
line-height: 1.2;
position: relative;
width: 100%;
height: calc(100% - 57.5%);
background-color: #fff;
font-weight: 600;
text-align: center; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-icons li {
font-size: 11.5px;
font-size: 3.59375vw;
margin: 0;
padding: calc(25vw * .575) 0 0;
border-right: none;
border-radius: 0;
display: inline-block;
width: calc(100% / 4 - 1px);
height: calc(25% * .575);
height: calc(25vw * .425);
vertical-align: top;
white-space: nowrap;
overflow: hidden; } }
main.mainCont.frontCont .firstview-icons li::before {
content: '';
background-repeat: no-repeat;
background-size: contain;
background-position: center top; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-icons li::before {
background-size: cover; } }
main.mainCont.frontCont .firstview-icons li:first-of-type::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_work.webp); }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-icons li:first-of-type::before {
padding-top: 100%;
height: auto; } }
main.mainCont.frontCont .firstview-icons li:nth-of-type(2)::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_finger.webp); }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-icons li:nth-of-type(2)::before {
padding-top: 100%;
height: auto; } }
main.mainCont.frontCont .firstview-icons li:nth-of-type(3)::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_mom.webp); }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-icons li:nth-of-type(3)::before {
padding-top: 100%;
height: auto; } }
main.mainCont.frontCont .firstview-icons li:nth-of-type(4)::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_calender.webp); }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-icons li:nth-of-type(4)::before {
padding-top: 100%;
height: auto; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .firstview-icons li:nth-of-type(4) {
margin-right: 0; } }
main.mainCont.frontCont .information {
margin: 0 auto 60px;
width: 90%;
max-width: 1480px; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .information {
margin: 3rem auto; } }
main.mainCont.frontCont .information-cont {
width: 100%;
font-size: 0; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .information-cont {
max-width: 100%;
min-width: 100%;
overflow: scroll hidden;
white-space: nowrap; } }
main.mainCont.frontCont .information-cont-article {
margin: 0 2% 0 0;
display: inline-block;
width: calc(100% / 4 - 2%);
vertical-align: top; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .information-cont-article {
margin: 0 10% 10% 0;
width: 70%;
white-space: normal; } }
main.mainCont.frontCont .information-cont-article:last-of-type {
margin-right: 0; }
main.mainCont.frontCont .information-cont-article .article-link {
display: block; }
main.mainCont.frontCont .information-cont-article .article-link:hover .article-eyecatch img, main.mainCont.frontCont .information-cont-article .article-link:active .article-eyecatch img {
width: 110%;
height: 110%;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
transition-duration: .2s; }
main.mainCont.frontCont .information-cont-article .article-eyecatch {
margin: 0 0 3vw;
padding-top: 100%;
display: inline-block;
position: relative;
width: 100%;
background: #fff;
vertical-align: top;
transform: none;
overflow: hidden; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .information-cont-article .article-eyecatch {
margin-bottom: 2rem; } }
main.mainCont.frontCont .information-cont-article .article-eyecatch img {
display: block;
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
overflow: hidden;
z-index: 10;
transition: .2s ease-in-out;
transition-duration: .2s; }
main.mainCont.frontCont .information-cont-article .article-cat {
font-size: 24px;
font-size: 2.4rem;
font-family: gill-sans-nova, sans-serif;
font-weight: 500;
font-style: normal;
margin: 0 0 1.5vw;
line-height: 1.4;
color: #333;
text-transform: capitalize;
letter-spacing: 2px; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .information-cont-article .article-cat {
font-size: 6px;
font-size: 1.875vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .information-cont-article .article-cat {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .information-cont-article .article-cat {
margin-bottom: 2rem; } }
main.mainCont.frontCont .information-cont-article .article-ttl {
font-size: 24px;
font-size: 2.4rem;
margin: 0 0 1.5vw;
line-height: 1.4;
min-height: 3em;
font-weight: 800; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .information-cont-article .article-ttl {
font-size: 6px;
font-size: 1.875vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .information-cont-article .article-ttl {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .information-cont-article .article-ttl {
margin-bottom: 2rem; } }
main.mainCont.frontCont .information-cont-article .article-date {
font-size: 18px;
font-size: 1.8rem;
font-family: gill-sans-nova, sans-serif;
font-weight: 500;
font-style: normal;
color: #333;
line-height: 1.4; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .information-cont-article .article-date {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .information-cont-article .article-date {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.frontCont .about {
margin: 0 0 10vw;
position: relative;
width: 100%;
background: -webkit-linear-gradient(90deg, #f8ca24, #f8ca24 38%, transparent 38%, transparent 100%);
background: linear-gradient(90deg, #f8ca24, #f8ca24 38%, transparent 38%, transparent 100%); }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .about {
margin-bottom: 60px;
background: -webkit-linear-gradient(90deg, #f8ca24, #f8ca24 62%, transparent 62%, transparent 100%);
background: linear-gradient(90deg, #f8ca24, #f8ca24 62%, transparent 62%, transparent 100%); } }
main.mainCont.frontCont .about::before {
content: '';
padding-top: calc(24% / 1.032);
position: absolute;
left: 16.35%;
bottom: -1px;
width: 24%;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/front/img_about.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top; }
@media screen and (max-width: 1640px) {
main.mainCont.frontCont .about::before {
padding-top: calc(28.32% / 1.032);
left: 12.44%;
bottom: -1px;
width: 28.32%; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .about::before {
padding-top: calc(65% / 1.032);
left: 3.5%;
top: -10vw;
width: 65%; } }
main.mainCont.frontCont .about-wire {
margin: 0 auto;
width: 90%;
max-width: 1640px; }
main.mainCont.frontCont .about-inner {
margin: 0 auto;
padding: 2.5vw 0 2.5vw 43.54%;
position: relative;
width: calc(100% - 43.54%); }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .about-inner {
padding: 4rem 0 4rem 17.5%;
padding-top: calc(47.5vw / 1.032);
width: calc(100% - 17.5%);
z-index: 10; } }
main.mainCont.frontCont .about-ttl {
font-family: gill-sans-nova, sans-serif;
font-weight: 800;
font-style: normal;
font-size: 64px;
font-size: 6.4rem;
margin: 0 0 .5em;
line-height: 1.6;
color: #000;
letter-spacing: 4px; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .about-ttl {
font-size: 16px;
font-size: 5vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .about-ttl {
font-size: 30px;
font-size: 3rem; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .about-ttl {
margin-left: -.5em;
padding: 0 .5em;
background: #f5f5f5; } }
main.mainCont.frontCont .about-ttl-ja {
font-size: 24px;
font-size: 2.4rem;
color: #f8ca24;
letter-spacing: 4px; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .about-ttl-ja {
font-size: 6px;
font-size: 1.875vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .about-ttl-ja {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .about-ttl-ja {
letter-spacing: 2px; } }
main.mainCont.frontCont .about-description {
font-size: 36px;
font-size: 3.6rem;
margin: 0 0 1em;
line-height: 1.4;
font-weight: 800; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .about-description {
font-size: 9px;
font-size: 2.8125vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .about-description {
font-size: 25px;
font-size: 2.5rem; } }
main.mainCont.frontCont .about-txt {
font-size: 18px;
font-size: 1.8rem;
line-height: 2; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .about-txt {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .about-txt {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.frontCont .point {
margin: 0 auto 10vw; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point {
margin-bottom: 60px; } }
main.mainCont.frontCont .point-wire {
margin: 0 auto;
position: relative;
width: 100%; }
main.mainCont.frontCont .point-wire::before {
content: '';
position: absolute;
right: 0;
top: 3.11%;
width: 100%;
height: 93.78%;
background: -webkit-linear-gradient(90deg, transparent, transparent 21.3%, #f3f6fa 21.3%, #f3f6fa 100%);
background: linear-gradient(90deg, transparent, transparent 21.3%, #f3f6fa 21.3%, #f3f6fa 100%);
z-index: -10; }
main.mainCont.frontCont .point-box {
margin: 0 auto 2.5rem;
position: relative;
width: 90%;
max-width: 1040px;
background: #fff;
font-size: 0;
box-shadow: 0px 0px 10px rgba(30, 41, 117, 0.2); }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box {
width: 90%; } }
main.mainCont.frontCont .point-box:last-of-type {
margin-bottom: 0; }
main.mainCont.frontCont .point-box-img {
display: inline-block;
position: relative;
width: 34%;
vertical-align: middle;
z-index: 10; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box-img {
display: block;
width: 100%; } }
main.mainCont.frontCont .point-box-img img {
z-index: 10; }
main.mainCont.frontCont .point-box-img ._deco {
font-size: 48px;
font-size: 4.8rem;
font-family: 'Christopherhand';
src: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/_font/Christopherhand.eot?#iefix) format("embedded-opentype"), url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/_font/Christopherhand.woff) format("woff"), url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/_font/Christopherhand.ttf) format("truetype");
position: absolute;
left: 6%;
bottom: 12%;
line-height: 1;
color: #f8ca24;
transform: rotate(-10deg);
letter-spacing: 2px; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .point-box-img ._deco {
font-size: 12px;
font-size: 3.75vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box-img ._deco {
font-size: 24px;
font-size: 2.4rem; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box-img ._deco {
font-size: 36px;
font-size: 11.25vw;
bottom: auto;
top: 12%; } }
main.mainCont.frontCont .point-box-detail {
margin: 0 5% 0 6%;
display: inline-block;
width: calc(100% - 34% - 5% - 6%);
vertical-align: middle; }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box-detail {
margin: 0 auto;
padding: 2rem 0 4rem;
display: block;
width: 85%; } }
main.mainCont.frontCont .point-box-detail ._ttl {
font-size: 28px;
font-size: 2.8rem;
margin: 0 0 .5em;
line-height: 1.4;
color: #1e2975;
text-align: left;
letter-spacing: 2px; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .point-box-detail ._ttl {
font-size: 7px;
font-size: 2.1875vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box-detail ._ttl {
font-size: 20px;
font-size: 2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box-detail ._ttl {
margin-top: -4rem;
margin-bottom: 2.5rem;
position: relative;
background: #fff;
z-index: 10; } }
main.mainCont.frontCont .point-box-detail ._ttl ._en {
font-size: 18px;
font-size: 1.8rem;
font-family: gill-sans-nova, sans-serif;
font-weight: 600;
font-style: normal;
margin: 0 0 .5em;
display: block;
color: #1e2975; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .point-box-detail ._ttl ._en {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box-detail ._ttl ._en {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box-detail ._ttl ._en {
padding: 1rem 2rem 1rem; } }
main.mainCont.frontCont .point-box-detail ._txt {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8;
text-align: left; }
@media screen and (max-width: 1280px) {
main.mainCont.frontCont .point-box-detail ._txt {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box-detail ._txt {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.frontCont .point-box-detail ._txt {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont .pageTtl {
margin: 0;
position: relative;
border: none;
width: 100%;
height: 360px;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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 {
font-size: 24px;
font-size: 2.4rem;
margin-top: -8px;
position: absolute;
top: 37.5%;
left: 0;
color: #fff;
width: 100%;
font-weight: normal;
text-align: center;
letter-spacing: 4px; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont .pageTtl ._ttl {
font-size: 6px;
font-size: 1.875vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .pageTtl ._ttl {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont .pageTtl ._ttl {
line-height: 1.4; } }
main.mainCont.underlayCont .pageTtl ._ttl ._en {
font-size: 64px;
font-size: 6.4rem;
font-family: gill-sans-nova, sans-serif;
font-weight: 800;
font-style: normal;
display: block;
letter-spacing: 12px; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont .pageTtl ._ttl ._en {
font-size: 16px;
font-size: 5vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .pageTtl ._ttl ._en {
font-size: 30px;
font-size: 3rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont .pageTtl ._ttl ._en {
font-size: 36px;
font-size: 3.6rem;
letter-spacing: 6px; } }
main.mainCont.underlayCont .pageTtl._menu {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/menu/fv_bg.jpg);
background-repeat: no-repeat;
background-position: 70% top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._staff {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/staff/fv_bg.jpg);
background-repeat: no-repeat;
background-position: 70% top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._price {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/price/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._access {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/access/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._post {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/post/fv_bg.jpg);
background-repeat: no-repeat;
background-position: 30% top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._contact {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/contact/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._symptom {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/symptom/fv_bg.jpg);
background-repeat: no-repeat;
background-position: 55% top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._treatment {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/treatment/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._voice {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/voice/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._privacy {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/privacy/fv_bg.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._faq {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/faq/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._search {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/search/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl._notfound {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/404/fv_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
main.mainCont.underlayCont .pageTtl ._ttl ._en {
display: block;
text-transform: uppercase; }
main.mainCont.underlayCont .breadcrumbs {
margin: 0 auto 80px;
padding: 5px 0;
border-bottom: 1px solid #eee;
box-sizing: border-box;
line-height: 1.4;
width: 100%;
background: #fff;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont .breadcrumbs {
padding: 0; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont .breadcrumbs {
margin: 0 0 40px;
position: relative;
width: 100%; } }
main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame {
margin: 0 auto;
width: 1040px; }
@media screen and (max-width: 1040px) {
main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame {
padding: 5px 1%;
width: 98%; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont .breadcrumbs .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 .breadcrumbs-frame::-webkit-scrollbar {
display: none; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame::after {
display: block;
content: "";
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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 .breadcrumbs-frame-inner {
padding: 5px 0; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame-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 .breadcrumbs-frame-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 .breadcrumbs-frame-inner li {
line-height: 1.4;
font-size: 11px;
font-size: 1.1rem; } }
main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame-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 .breadcrumbs-frame-inner li::after {
font-size: 11px;
font-size: 1.1rem; } }
main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame-inner li:last-child {
padding-right: 1em; }
main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame-inner li:last-child::after {
display: none; }
main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame-inner li a, main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame-inner li span {
line-height: 1.4;
font-size: 12px;
font-size: 1.2rem; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame-inner li a, main.mainCont.underlayCont .breadcrumbs .breadcrumbs-frame-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: 60px auto 120px;
width: 90%;
max-width: 1040px; }
main.mainCont.underlayCont ._wrap::after {
content: "";
clear: both;
display: block; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._wrap {
margin: 0 auto 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 #d2cbc2;
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 {
font-size: 14px;
font-size: 1.4rem;
margin: 0 auto 60px;
line-height: 1.8;
width: 90%; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._page ._lead {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._page ._lead {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._page ._lead {
margin-bottom: 3rem; } }
main.mainCont.underlayCont ._content._post {
font-size: 0; }
main.mainCont.underlayCont ._content._post ._detaTtl {
margin: 0 0 40px;
padding: 25px;
border-left: 1px solid #d2cbc2;
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._post ._detaTtl {
padding: 15px;
font-size: 16px;
font-size: 1.6rem; } }
.symArcPage main.mainCont.underlayCont ._content._post ._detaTtl {
margin-bottom: 20px;
border-left: 1px solid #8dd1b9; }
.treArcPage main.mainCont.underlayCont ._content._post ._detaTtl {
margin-bottom: 20px;
border-left: 1px solid #404AAB; }
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: none; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._lead .sp-disnone {
display: inline-block; } }
main.mainCont.underlayCont ._content._post ._lead .pc-disnone {
display: inline-block; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._lead .pc-disnone {
display: none; } }
main.mainCont.underlayCont ._content._post ._ttl {
margin-bottom: 26px;
padding: 25px;
border: 4px solid #1e2975;
line-height: 1.5;
color: #fff;
background: #1e2975;
font-size: 24px;
font-size: 2.4rem;
font-weight: 600;
text-align: left;
box-shadow: 2px 2px 4px #ccc; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._content._post ._ttl {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._ttl {
margin-bottom: 20px;
padding: 20px;
border: 4px solid #1e2975; } }
.symArcPage main.mainCont.underlayCont ._content._post ._ttl {
border: 2px solid #8dd1b9;
border-right: 2px solid #fff100;
border-left: 2px solid #fff100; }
.treArcPage main.mainCont.underlayCont ._content._post ._ttl {
border: 2px solid #404AAB;
border-right: 2px solid #fff100;
border-left: 2px solid #fff100; }
main.mainCont.underlayCont ._content._post ._ttl a {
color: #1e2975; }
.archivePage main.mainCont.underlayCont ._content._post ._ttl a:first-letter {
color: #f2911e; }
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: calc(-1 * 2.2rem - 4px);
right: 0;
font-size: 0; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._date {
top: calc(-1 * 2.2rem); } }
main.mainCont.underlayCont ._content._post ._date ._time {
margin-right: 0;
padding: .5em 1.5em;
line-height: 1.2;
display: inline-block;
color: #1e2975;
background: #eee;
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;
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: #fff;
min-width: 4.5em;
background: #1e2975;
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;
font-size: 10px;
font-size: 1rem; } }
.symArcPage main.mainCont.underlayCont ._content._post ._date ._category {
color: #fff;
background: #1e2975; }
.treArcPage main.mainCont.underlayCont ._content._post ._date ._category {
color: #fff;
background: #1e2975; }
main.mainCont.underlayCont ._content._post ._frame {
padding: 4rem;
border: 1px solid #eee;
border-top: 4px solid #1e2975;
border-bottom: 4px solid #1e2975;
box-shadow: 2px 2px 4px #ccc;
position: relative; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._frame {
padding: 2rem; } }
main.mainCont.underlayCont ._content._post ._frame img {
width: auto;
height: auto; }
main.mainCont.underlayCont ._content._post ._frame::before {
content: '';
border-left: 2px solid #1e2975;
box-sizing: border-box;
position: absolute;
left: 20%;
top: -31px;
width: 2px;
height: 31px; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._frame::before {
top: -26px;
height: 26px; } }
main.mainCont.underlayCont ._content._post ._frame::after {
content: '';
border-right: 2px solid #1e2975;
box-sizing: border-box;
position: absolute;
right: 20%;
top: -31px;
width: 2px;
height: 31px; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._frame::after {
top: -26px;
height: 26px; } }
main.mainCont.underlayCont ._content._post ._frame ._img {
margin: 0 0 4rem;
width: 100%;
height: auto; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame ._img {
margin-bottom: 2rem; } }
main.mainCont.underlayCont ._content._post ._frame ._img img {
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._post ._frame p {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 2em;
line-height: 2; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame p {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame p {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._frame p {
margin-bottom: 2em;
line-height: 1.8; } }
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%; }
@media screen and (max-width: 768px) {
.symArcPage main.mainCont.underlayCont ._content._post ._postList, .treArcPage main.mainCont.underlayCont ._content._post ._postList {
width: 98%; } }
main.mainCont.underlayCont ._content._post ._postList ._ttl {
padding: 0;
border: none;
background-repeat: no-repeat;
background-position: right center;
background-size: 130px; }
@media screen and (max-width: 600px) {
main.mainCont.underlayCont ._content._post ._postList ._ttl {
background-size: 80px; } }
main.mainCont.underlayCont ._content._post ._postList ._ttl a {
border: 2px solid #1e2975;
border-right: 2px solid #f8ca24;
border-left: 2px solid #f8ca24;
border-radius: 50px;
padding: 2rem;
display: block; }
main.mainCont.underlayCont ._content._post ._postList ._ttl a:first-letter {
color: #1e2975; }
main.mainCont.underlayCont ._content._post ._postList ._ttl a:hover, main.mainCont.underlayCont ._content._post ._postList ._ttl a:active {
border: 2px solid #1e2975; }
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 #d2cbc2;
box-sizing: border-box;
border-radius: 5px;
display: inline;
color: #d2cbc2;
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: #d2cbc2; }
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: 4px solid #8dd1b9;
box-sizing: border-box;
border-radius: 10px;
width: 100%;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/bg_pat_dia_grn.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: 768px) {
main.mainCont.underlayCont ._content._symptomCont ._article {
border: 2px solid #8dd1b9; } }
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 #f2911e;
box-sizing: border-box;
color: #f2911e;
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: #f2911e;
background: #f5f5f5;
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 #34AB81;
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 #8dd1b9;
line-height: 1.4;
font-size: 20px;
font-size: 2.0rem;
text-align: left; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom ._ttl ._kana {
font-size: 22px;
font-size: 2.2rem; }
@media screen and (max-width: 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 section {
margin: 0 0 60px;
padding: 0; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section:last-child {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check {
margin-top: 20px; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._example {
margin: 0 0 20px;
padding: 0;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem;
text-align: left; }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._check ._subTtl {
margin: 0 auto 20px;
padding: 20px;
border-radius: 10px;
box-sizing: border-box;
display: inline-block;
position: relative;
line-height: 1.2;
color: #fff;
background: #34AB81;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
box-shadow: 2px 2px 4px #eee; }
@media screen and (max-width: 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(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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: #34AB81;
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: #f2911e;
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(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/symptom/icn_waterdrop.png);
background-repeat: no-repeat;
background-position: 2.5% center;
background-size: 25px 25px; } }
main.mainCont.underlayCont ._content._symptomCont ._article._symptom section._reason ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
line-height: 1.2;
color: #fff;
background: #34AB81;
font-size: 26px;
font-size: 2.6rem; }
@media screen and (max-width: 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: #FFBB69;
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 {
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 #f2911e;
border-radius: 7px;
box-sizing: border-box;
line-height: 1.5;
color: #f2911e;
background-color: #fff;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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: #34AB81;
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: #8dd1b9;
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 #f2911e;
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 #f2911e;
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 #f2911e;
box-sizing: border-box;
float: right;
color: #f2911e;
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: #f2911e;
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: #f2911e; }
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: #f2911e;
background-color: #eee;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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 #f2911e;
background-color: #fff;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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: #1e2975; }
@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: #1e2975;
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: #f2911e;
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 #f2911e;
box-sizing: border-box;
border-radius: 3px;
float: left;
color: #ffffbf;
background: #f2911e; }
main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a:hover, main.mainCont.underlayCont ._content._symptomCont ._previousNextLink ._next a:active {
border: 1px solid #f2911e;
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: 4px solid #404AAB;
box-sizing: border-box;
border-radius: 10px;
width: 100%;
background: #fafafa;
background-color: #fafafa;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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: 768px) {
main.mainCont.underlayCont ._content._treatmentCont ._article {
border: 2px solid #404AAB; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment ._ttl {
margin-bottom: 40px;
padding: 15px 20px;
border-left: 8px solid #404AAB;
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 #404AAB;
line-height: 1.4;
font-size: 20px;
font-size: 2.0rem;
text-align: left; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment ._img {
width: 100%; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment ._img img {
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._about {
margin-top: 0;
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._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(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_power_b.png);
background-repeat: no-repeat;
background-position: 3% center;
background-size: 40px 40px;
font-size: 18px;
font-size: 1.8rem; }
@media screen and (max-width: 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(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/icn_power_b.png);
background-repeat: no-repeat;
background-position: 2.5% 20px;
background-size: 30px 30px; } }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._treatmentCont ._article._treatment section._recommend ._subTtl {
margin-bottom: 20px;
padding: 12px 20px;
line-height: 1.2;
color: #fff;
background: #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: #eee; }
main.mainCont.underlayCont ._content._voiceCont > ._ttl {
margin: 0 0 20px;
padding: 25px;
border-left: 1px solid #F7A645;
box-sizing: border-box;
line-height: 1.4;
background: #f5f5f5;
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 {
font-size: 14px;
font-size: 1.4rem;
margin: 0 auto 60px;
line-height: 1.8;
width: 95%; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._voiceCont ._lead {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._voiceCont ._lead {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._voiceCont ._lead {
margin-bottom: 3rem; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox {
margin-bottom: 20px;
padding: 0 40px 40px;
border: 10px solid #f5f5f5;
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 #f5f5f5; } }
main.mainCont.underlayCont ._content._voiceCont ._voiceBox::before {
content: '';
margin-top: -60px;
position: absolute;
top: 0;
left: 20px;
width: 70px;
height: 78px;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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: #f5f5f5;
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: #f5f5f5;
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._voiceCont ._noEntry {
font-size: 16px;
font-size: 1.6rem;
padding: 2.4rem;
background: #f5f5f5; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._voiceCont ._noEntry {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._voiceCont ._noEntry {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont ._content._faqCont > ._ttl {
margin: 0 0 20px;
padding: 25px;
border-left: 1px solid #d2cbc2;
box-sizing: border-box;
line-height: 1.4;
background: #f5f5f5;
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 #d2cbc2;
box-sizing: border-box;
line-height: 1.4;
color: #d2cbc2;
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 60px 20px 40px;
border-radius: 40px;
border: 4px solid #d2cbc2;
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: #d2cbc2;
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;
margin: 0 auto;
padding: 20px;
border: 4px solid #d2cbc2;
box-sizing: border-box;
position: relative;
color: #4f4c4a;
width: calc(100% - 100px);
background: rgba(210, 203, 194, 0.1); }
@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 #d2cbc2;
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 #d2cbc2;
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 {
font-size: 24px;
font-size: 2.4rem;
font-family: gill-sans-nova, sans-serif;
font-weight: 600;
font-style: normal;
margin-bottom: 20px;
padding: 25px;
border: 4px solid #1e2975;
box-sizing: border-box;
line-height: 1.5;
color: #1e2975;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/bg_pat_dia_bei.png);
background-repeat: repeat;
background-position: center;
background-size: 200px 200px;
text-align: center;
letter-spacing: 2px; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._sideNav ._ttl {
font-size: 6px;
font-size: 1.875vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._sideNav ._ttl {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._sideNav ._ttl {
padding: 20px; } }
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: 4px solid #4f4c4a; }
main.mainCont.underlayCont ._sideNav ._ttl._sym a {
padding: 25px;
display: block;
color: #fff;
background: none;
background: #4f4c4a;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 4px; }
@media screen and (max-width: 960px) {
main.mainCont.underlayCont ._sideNav ._ttl._sym a {
padding: 20px; } }
main.mainCont.underlayCont ._sideNav ._ttl._tre {
padding: 0;
border: none; }
main.mainCont.underlayCont ._sideNav ._ttl._tre a {
padding: 25px;
display: block;
color: #fff;
background: none;
background: #4f4c4a;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 4px; }
@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-top: 4px solid #1e2975;
border-bottom: 4px solid #1e2975;
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: -24px;
border-left: 2px solid #1e2975;
box-sizing: border-box;
width: 2px;
height: 20px; }
main.mainCont.underlayCont ._sideNav ._inwrap::after {
content: '';
position: absolute;
right: 20%;
top: -24px;
border-right: 2px solid #1e2975;
box-sizing: border-box;
width: 2px;
height: 20px; }
main.mainCont.underlayCont ._sideNav ._inwrap._sym {
border-top: 4px solid #4f4c4a;
border-bottom: 4px solid #4f4c4a; }
main.mainCont.underlayCont ._sideNav ._inwrap._sym::before {
border-left: 2px solid #4f4c4a; }
main.mainCont.underlayCont ._sideNav ._inwrap._sym::after {
border-right: 2px solid #4f4c4a; }
main.mainCont.underlayCont ._sideNav ._inwrap._tre {
border-top: 4px solid #4f4c4a;
border-bottom: 4px solid #4f4c4a; }
main.mainCont.underlayCont ._sideNav ._inwrap._tre::before {
border-left: 2px solid #4f4c4a; }
main.mainCont.underlayCont ._sideNav ._inwrap._tre::after {
border-right: 2px solid #4f4c4a; }
main.mainCont.underlayCont ._sideNav ._catTtl {
margin-bottom: 0; }
main.mainCont.underlayCont ._sideNav ._catTtl a {
padding: 25px 20px;
display: block;
line-height: 1.2;
color: #1e2975;
background: rgba(210, 203, 194, 0.25);
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
text-align: center; }
@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(210, 203, 194, 0.15); }
main.mainCont.underlayCont ._sideNav ._postTtl {
box-sizing: border-box; }
main.mainCont.underlayCont ._sideNav ._postTtl li {
width: 100%;
font-size: 0; }
main.mainCont.underlayCont ._sideNav ._postTtl li:last-of-type {
margin-bottom: 0; }
main.mainCont.underlayCont ._sideNav ._postTtl li a {
padding: 20px 20px 20px calc(20px + 1.8em);
border-bottom: 1px solid #eee;
box-sizing: border-box;
display: block;
line-height: 1.2;
width: 100%;
color: #333;
font-size: 14px;
font-size: 1.4rem;
text-indent: -1.8em;
vertical-align: top; }
@media screen and (max-width: 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: #f5f5f5; }
main.mainCont.underlayCont ._sideNav ._postTtl li:last-of-type a {
border-bottom: none; }
main.mainCont.underlayCont ._sideNav ._postTtl:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none; }
main.mainCont.underlayCont ._sideNav ._postArchive li {
padding: 0;
border-bottom: 1px solid #eee;
box-sizing: border-box; }
main.mainCont.underlayCont ._sideNav ._postArchive li a {
padding: 20px 20px 20px calc(20px + 1.6em);
border-bottom: 1px solid #eee;
box-sizing: border-box;
display: block;
line-height: 1.2;
width: 100%;
color: #333;
font-size: 16px;
font-size: 1.6rem;
text-indent: -1.6em;
vertical-align: top; }
@media screen and (max-width: 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: #f5f5f5; }
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: 90%;
max-width: 1040px; }
@media screen and (max-width: 960px) {
section ._inwrap {
width: 90%; } }
section h2._ttl {
letter-spacing: 4px; }
section ._ttl {
font-size: 42px;
font-size: 4.2rem;
margin-bottom: 40px;
line-height: 1.6;
color: #000;
font-weight: 600;
text-align: center; }
@media screen and (max-width: 1280px) {
section ._ttl {
font-size: 10.5px;
font-size: 3.28125vw; } }
@media screen and (max-width: 768px) {
section ._ttl {
font-size: 24px;
font-size: 2.4rem; } }
section ._ttl ._enTtl {
margin-top: 20px;
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: 2rem;
padding-top: 1.6rem;
font-size: 12px;
font-size: 1.2rem; } }
section ._ttl ._enTtl::before {
content: '';
margin-left: -10px;
border-radius: 10px;
box-sizing: border-box;
position: absolute;
left: 50%;
top: -15px;
background: #ccc;
width: 80px;
height: 1px;
width: 20px;
height: 20px; }
@media screen and (max-width: 768px) {
section ._ttl ._enTtl::before {
margin-left: -5px;
border-radius: 5px;
top: -10px;
width: 10px;
height: 10px; } }
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(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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: 1640px) {
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: 1640px) {
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 #5a63b7;
border-bottom: 1px solid #5a63b7;
box-sizing: border-box;
float: left;
line-height: 1.6;
color: #5a63b7;
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;
color: #5a63b7;
width: 70%;
font-size: 16px;
font-size: 1.6rem;
text-align: center; } }
section.latestNews ._listLink {
margin-top: -80px;
float: right; }
@media screen and (max-width: 600px) {
section.latestNews ._listLink {
margin-top: -24px; } }
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: 2px solid #fff;
border-radius: 10px;
box-sizing: border-box;
position: absolute;
bottom: -10px;
right: -10px;
width: 100%;
height: 100%;
z-index: 1; }
@media screen and (max-width: 600px) {
section.latestNews ._moduleCont ._postThumb::after {
border: 2px solid #fff;
bottom: -10px;
right: -10px; } }
section.latestNews ._moduleCont ._postThumb img {
border-radius: 10px;
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.5em;
max-height: 2.5em;
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 {
margin-left: 4%;
display: inline-block;
width: 54.16%;
max-width: 960px;
vertical-align: middle; }
@media screen and (max-width: 1280px) {
section.forFirst ._img {
margin-left: 2%;
width: 65%; } }
@media screen and (max-width: 600px) {
section.forFirst ._img {
margin-left: 2%;
width: 75%; } }
@media screen and (max-width: 600px) {
section.forFirst ._img {
margin: 0;
display: block;
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(242, 145, 30, 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(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/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: 60px;
border: 20px solid #f5f5f5;
position: relative;
box-sizing: border-box;
z-index: 20;
width: 840px;
background: rgba(255, 255, 255, 0.9); }
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: 30px;
line-height: 1.6;
color: #F7A645;
font-size: 28px;
font-size: 2.8rem;
font-weight: normal;
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: 1em;
line-height: 2.4;
font-family: "HiraMinPro-W6", "HiraMinProN-W6", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", "YuMincho", 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: #f5f5f5; }
@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: #f2911e;
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: #F7A645;
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: #F7A645;
letter-spacing: 5px;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: skewY(6deg);
-ms-transform: skewY(6deg);
transform: skewY(6deg);
position: absolute;
top: -5%;
left: 20%; }
@media screen and (max-width: 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-size: 28px;
font-size: 2.8rem;
background-color: #f2911e;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/bg_pat02.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-blend-mode: luminosity;
text-align: center;
letter-spacing: 2px; }
@media screen and (max-width: 960px) {
section.strongPoint ._subTtl {
font-size: 24px;
font-size: 2.4rem; } }
@media screen and (max-width: 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: "Monaco", "Andale Mono", monospace, "Times New Roman", Times, serif;
font-size: 60px;
font-size: 6.0rem;
font-weight: normal;
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: 24px;
font-size: 2.4rem;
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-top: 4px solid #FFD669;
box-sizing: border-box;
position: relative;
width: 65%;
background: #f5f5f5;
background: rgba(255, 187, 105, 0.1); }
@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 #FFD669;
width: 100%; } }
section.strongPoint ._lead::before {
content: '';
border-left: 2px solid #FFD669;
position: absolute;
width: 2px;
height: 45px;
left: 25%;
top: -45px; }
@media screen and (max-width: 600px) {
section.strongPoint ._lead::before {
border-left: 1px solid #FFD669;
top: -25px;
height: 25px; } }
section.strongPoint ._lead::after {
content: '';
border-right: 2px solid #FFD669;
position: absolute;
width: 2px;
height: 45px;
right: 25%;
top: -45px; }
@media screen and (max-width: 600px) {
section.strongPoint ._lead::after {
border-right: 1px solid #FFD669;
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;
float: none;
width: 80%; } }
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: "HiraMinPro-W6", "HiraMinProN-W6", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", "YuMincho", 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: 14px;
font-size: 1.4rem;
text-align: left; } }
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 rgba(255, 187, 105, 0.1);
box-sizing: border-box;
display: inline-block;
position: relative;
width: calc(50% - 2%);
box-shadow: 2px 2px 4px #eee; }
@media screen and (max-width: 960px) {
section.strongPoint ._strPoiBox ._pointBox {
display: block;
width: 100%; } }
@media screen and (max-width: 600px) {
section.strongPoint ._strPoiBox ._pointBox {
border: 10px solid rgba(255, 187, 105, 0.1);
padding: 35px 20px 20px;
display: block;
width: 100%; } }
section.strongPoint ._strPoiBox ._pointBox:first-of-type::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(2)::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(3)::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(4)::before {
content: '';
margin-top: -50px;
margin-left: -35px;
position: absolute;
left: 50%;
top: 0;
width: 70px;
height: 78px;
background-repeat: no-repeat;
background-position: center;
background-size: 70px 78px; }
@media screen and (max-width: 600px) {
section.strongPoint ._strPoiBox ._pointBox:first-of-type::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(2)::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(3)::before, section.strongPoint ._strPoiBox ._pointBox:nth-of-type(4)::before {
margin-top: -30px;
margin-left: -25px;
width: 50px;
height: 56px;
background-repeat: no-repeat;
background-position: center;
background-size: 50px 56px; } }
section.strongPoint ._strPoiBox ._pointBox:first-of-type::before {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/front/icn_reason1.png); }
section.strongPoint ._strPoiBox ._pointBox:nth-of-type(2)::before {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/front/icn_reason2.png); }
section.strongPoint ._strPoiBox ._pointBox:nth-of-type(3)::before {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/front/icn_reason3.png); }
section.strongPoint ._strPoiBox ._pointBox:nth-of-type(4)::before {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/front/icn_reason4.png); }
section.strongPoint ._strPoiBox ._pointTtl {
margin-bottom: 30px;
padding-bottom: 10px;
border-bottom: 1px dotted;
line-height: 1.6;
color: #f2911e;
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 #d2cbc2;
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 #d2cbc2;
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: #d2cbc2;
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.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: 1px solid #ccc;
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::before {
content: "";
margin: auto;
border-style: solid;
border-color: #ccc transparent transparent transparent;
border-width: 8px 8px 0 8px;
line-height: 0;
position: absolute;
right: -8px;
bottom: -4px;
left: auto;
width: 0px;
height: 0px;
font-size: 0;
transform: rotate(-90deg); }
@media screen and (max-width: 768px) {
section.flow ._flowBox ._ttlArea::before {
display: none; } }
section.flow ._flowBox ._ttlArea ._flowNum {
font-family: gill-sans-nova, sans-serif;
font-weight: 600;
font-style: normal;
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: #F2B81E;
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: 0 0 4px;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
line-height: 1.4;
width: 70%;
font-size: 20px;
font-size: 2.0rem;
text-align: left; } }
section.flow ._flowBox ._flowCont {
margin: 0 auto;
width: 80%;
background: #f5f5f5; }
@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: 16px;
font-size: 1.6rem;
text-align: left;
text-indent: -1.3em; }
@media screen and (max-width: 600px) {
section.flow ._flowBox ._flowCont ul li {
font-size: 14px;
font-size: 1.4rem; } }
section.flow ._flowBox ._flowCont ul li::before {
content: '◇'; }
section.flow ._flowBox ._flowCont ul li:last-child {
padding-bottom: 0; }
section.flow ._flowBox ._flowCont ul li._caution {
line-height: 1.8;
font-size: 14px;
font-size: 1.4rem; }
section.flow ._flowBox ._flowCont ul li._caution::before {
content: ''; }
section.menu {
margin-bottom: 60px; }
@media screen and (max-width: 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: 90%; } }
@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 {
width: 100%; } }
section.menu ._treatmentCont ._concept {
margin-top: -100px;
margin-bottom: 80px;
padding: 80px 40px 40px;
border: 4px solid #4f4c4a;
box-sizing: border-box;
width: 100%; }
@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 #4f4c4a;
width: 100%; } }
section.menu ._treatmentCont ._concept ._subTtl {
margin: 0 0 30px;
line-height: 1.6;
font-size: 28px;
font-size: 2.8rem;
text-align: right; }
@media screen and (max-width: 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: #f5f5f5;
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%; } }
section.staff {
margin-bottom: 0; }
@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 {
padding: 20px;
line-height: 1.8;
background: #1e2975;
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: "HiraMinPro-W6", "HiraMinProN-W6", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", "YuMincho", 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: #1e2975;
font-family: "HiraMinPro-W6", "HiraMinProN-W6", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "游明朝", "YuMincho", 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 #4f4c4a;
box-sizing: border-box;
position: relative; }
@media screen and (max-width: 600px) {
section.staff ._personalData ._appeal dt {
padding: 15px 10px;
font-size: 14px;
font-size: 1.4rem;
text-align: center; } }
section.staff ._personalData ._appeal dt::before {
content: '';
border: 1px solid #4f4c4a;
position: absolute;
top: -8px;
left: -8px;
width: 100%;
height: 100%;
background: rgba(255, 241, 166, 0.1);
z-index: -1; }
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;
background: #f5f5f5; }
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: #fff; }
section.access ._inwrap ._address ._station {
padding: 0 10px;
display: inline-block;
background: #EDD634;
color: #333; }
section.access ._inwrap ._gmap {
margin: 0 auto; }
section.access ._inwrap ._gmap iframe {
border: none;
width: 100%;
height: 420px; }
section.access ._inwrap ._subTtl {
margin: 120px auto 80px;
padding: 40px;
border-top: 2px solid #d2cbc2;
border-bottom: 2px solid #d2cbc2;
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 #d2cbc2;
border-bottom: 1px solid #d2cbc2;
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: #d2cbc2;
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 #FFBB69;
border-radius: 10px;
display: block;
width: 40%;
color: #fff;
background: #FFBB69;
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: #FFBB69;
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: #f5f5f5; }
@media screen and (max-width: 600px) {
section.privacy ._privacyPolicy {
padding: 3rem 0; } }
section.privacy ._privacyPolicy ._lead {
font-size: 14px;
font-size: 1.4rem;
margin: 0 auto 40px;
line-height: 1.4; }
@media screen and (max-width: 1280px) {
section.privacy ._privacyPolicy ._lead {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._lead {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._lead {
margin-bottom: 3rem; } }
section.privacy ._privacyPolicy ._ppWrap {
margin: 0 auto 3rem; }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._ppWrap {
margin-bottom: 3rem; } }
section.privacy ._privacyPolicy ._ppWrap:last-child {
margin-bottom: 0; }
section.privacy ._privacyPolicy ._ppWrap ._ttl {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 20px;
padding: 20px;
line-height: 1.6;
color: #333;
background: #fff;
text-align: left; }
@media screen and (max-width: 1280px) {
section.privacy ._privacyPolicy ._ppWrap ._ttl {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._ppWrap ._ttl {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 960px) {
section.privacy ._privacyPolicy ._ppWrap ._ttl {
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);
text-align: center; } }
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 {
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 3rem;
line-height: 1.8; }
@media screen and (max-width: 1280px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont p {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont p {
font-size: 12px;
font-size: 1.2rem; } }
section.privacy ._privacyPolicy ._ppWrap ._ppCont p:last-child {
margin-bottom: 0; }
section.privacy ._privacyPolicy ._ppWrap ._ppCont ul li {
font-size: 14px;
font-size: 1.4rem;
padding-left: 1em;
line-height: 1.8;
text-indent: -1em; }
@media screen and (max-width: 1280px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont ul li {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont ul li {
font-size: 12px;
font-size: 1.2rem; } }
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 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6; }
@media screen and (max-width: 1280px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont dl dt, section.privacy ._privacyPolicy ._ppWrap ._ppCont dl dd {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
section.privacy ._privacyPolicy ._ppWrap ._ppCont dl dt, section.privacy ._privacyPolicy ._ppWrap ._ppCont dl dd {
font-size: 12px;
font-size: 1.2rem; } }
section.privacy ._privacyPolicy ._ppWrap ._ppCont dl dt {
margin-bottom: 1rem; }
.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(255, 187, 105, 0.1); } }
.frontPage .bnrArea {
padding: 80px 0;
background: #a151be;
background: -webkit-linear-gradient(left, rgba(161, 81, 190, 0.1) 0%, rgba(217, 144, 110, 0.1) 60%, rgba(206, 70, 106, 0.1) 100%);
background: linear-gradient(to right, rgba(161, 81, 190, 0.1) 0%, rgba(217, 144, 110, 0.1) 60%, rgba(206, 70, 106, 0.1) 100%); }
@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: #f2911e;
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 #1e2975; }
body.treArcPage .pagination ul li span {
border: 1px solid #1e2975; }
body.symArcPage .pagination ul li span {
border: 1px solid #1e2975; }
.pagination ul li .page-numbers {
border-top: 1px solid #1e2975;
border-bottom: 1px solid #1e2975;
border-left: 1px solid #1e2975;
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: #1e2975;
transition: none; }
.pagination ul li .page-numbers.current {
color: #fff;
background: #1e2975; }
.pagination ul li .page-numbers.prev, .pagination ul li .page-numbers.next {
width: 60px; }
body.symArcPage .pagination ul li .page-numbers {
border-top: 1px solid #1e2975;
border-bottom: 1px solid #1e2975;
border-left: 1px solid #1e2975; }
body.symArcPage .pagination ul li .page-numbers:hover, body.symArcPage .pagination ul li .page-numbers:active {
color: #fff;
background: #1e2975; }
body.symArcPage .pagination ul li .page-numbers.current {
color: #fff;
background: #1e2975; }
body.treArcPage .pagination ul li .page-numbers {
border-top: 1px solid #1e2975;
border-bottom: 1px solid #1e2975;
border-left: 1px solid #1e2975; }
body.treArcPage .pagination ul li .page-numbers:hover, body.treArcPage .pagination ul li .page-numbers:active {
color: #fff;
background: #1e2975; }
body.treArcPage .pagination ul li .page-numbers.current {
color: #fff;
background: #1e2975; }
body.voiArcPage .pagination ul li .page-numbers {
border-top: 1px solid #F7A645;
border-bottom: 1px solid #F7A645;
border-left: 1px solid #F7A645; }
body.voiArcPage .pagination ul li .page-numbers:hover, body.voiArcPage .pagination ul li .page-numbers:active {
color: #fff;
background: #f7a645; }
body.voiArcPage .pagination ul li .page-numbers.current {
color: #fff;
background: #F7A645; }
.pagination ul li:last-of-type span, .pagination ul li:last-of-type a {
border-right: 1px solid #1e2975; }
body.symArcPage .pagination ul li:last-of-type span, body.symArcPage .pagination ul li:last-of-type a {
border-right: 1px solid #1e2975; }
body.treArcPage .pagination ul li:last-of-type span, body.treArcPage .pagination ul li:last-of-type a {
border-right: 1px solid #1e2975; }
body.treArcPage .pagination ul li:last-of-type span, body.treArcPage .pagination ul li:last-of-type a {
border-right: 1px solid #F7A645; }
.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: #f5f5f5;
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 #1e2975;
box-sizing: border-box;
line-height: 1.4;
color: #1e2975;
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 #f5f5f5;
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 #1e2975;
box-sizing: border-box;
position: relative;
width: 95%;
font-size: 0; }
@media screen and (max-width: 600px) {
.priceCont ._listBox {
border: 2px solid #1e2975;
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: #1e2975; }
@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 ._kaisuken {
margin: 40px auto 0;
padding: 30px 20px 20px;
border: 6px solid #f5f5f5;
box-sizing: border-box;
position: relative;
width: 95%; }
@media screen and (max-width: 768px) {
.priceCont ._kaisuken {
width: 100%; } }
.priceCont ._kaisuken p {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 1em;
line-height: 1.6;
padding: 10px 15px;
display: block;
border-radius: 10px;
position: absolute;
top: -25px;
left: 30px;
color: #fff;
background: #5D7559; }
@media screen and (max-width: 1280px) {
.priceCont ._kaisuken p {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
.priceCont ._kaisuken p {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
.priceCont ._kaisuken p {
left: 15px; } }
.priceCont ._kaisuken p::before {
content: '＼'; }
.priceCont ._kaisuken p::after {
content: '／'; }
.priceCont ._kaisuken dl {
font-size: 0; }
.priceCont ._kaisuken dl dt, .priceCont ._kaisuken dl dd {
font-size: 18px;
font-size: 1.8rem;
margin: 0;
padding: .5em 0;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
display: inline-block;
line-height: 2.4;
text-align: left; }
@media screen and (max-width: 1280px) {
.priceCont ._kaisuken dl dt, .priceCont ._kaisuken dl dd {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
.priceCont ._kaisuken dl dt, .priceCont ._kaisuken dl dd {
font-size: 14px;
font-size: 1.4rem; } }
.priceCont ._kaisuken dl dt:last-of-type, .priceCont ._kaisuken dl dd:last-of-type {
border-bottom: none; }
.priceCont ._kaisuken dl dt {
padding-right: 1em;
width: 5em;
font-weight: bold;
text-align: right; }
.priceCont ._kaisuken dl dd {
width: calc(100% - 5em); }
.priceCont ._tbl {
margin: 0 auto 10px;
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(210, 203, 194, 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 ._tbl tr._tblTtl._sejutsufee th {
width: calc(calc(100% - 40%) / 3); }
.priceCont ._tbl tr._tblTtl._sejutsufee th:first-of-type {
width: 40%; }
.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 #1e2975;
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 #d2cbc2;
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 #d2cbc2;
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 #d2cbc2;
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: #d2cbc2;
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 #d2cbc2;
box-sizing: border-box;
line-height: 1.4;
color: #d2cbc2;
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 #FFD669;
box-sizing: border-box;
position: relative;
width: 95%;
font-size: 0; }
@media screen and (max-width: 600px) {
._treatmentCoupon ._listBox {
border: 2px solid #FFD669;
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: #FFD669; }
@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: '・'; }
main.mainCont.underlayCont ._content._post .postCont-article {
margin: 0 0 calc(2.2rem + 0px);
padding: 0;
position: relative;
display: inline-block;
width: 100%;
background: #fff;
font-size: 0;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05); }
@media screen and (min-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article {
margin: 0 0 calc(2.2rem + 4px);
width: 100%; } }
main.mainCont.underlayCont ._content._post .postCont-article:last-of-type {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._post .postCont-article a {
padding: 0;
border: 4px solid #1e2975;
box-sizing: border-box;
display: block;
position: relative;
width: 100%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article a {
border: 3px solid #1e2975; } }
main.mainCont.underlayCont ._content._post .postCont-article a .postCont-article-date {
position: absolute;
top: calc(-1 * 2.2rem - 8px);
right: -4px;
font-size: 0; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article a .postCont-article-date {
top: calc(-1 * 2.2rem - 3px);
right: -3px; } }
main.mainCont.underlayCont ._content._post .postCont-article a .postCont-article-date ._time {
margin-right: 0;
padding: .5em 1.5em;
line-height: 1.2;
display: inline-block;
background: #eee;
font-size: 12px;
font-size: 1.2rem;
text-align: center; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article a .postCont-article-date ._time {
font-size: 10px;
font-size: 1rem; } }
main.mainCont.underlayCont ._content._post .postCont-article a .postCont-article-date ._category {
padding: .5em 1.5em;
line-height: 1.2;
display: inline-block;
color: #fff;
min-width: 4.5em;
background: #1e2975;
font-size: 12px;
font-size: 1.2rem;
text-align: center; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article a .postCont-article-date ._category {
font-size: 10px;
font-size: 1rem; } }
main.mainCont.underlayCont ._content._post .postCont-article a .postCont-article-ttl {
font-size: 18px;
font-size: 1.8rem;
border-bottom: none;
max-height: 1.4em;
overflow: hidden; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post .postCont-article a .postCont-article-ttl {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article a .postCont-article-ttl {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (min-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article a .postCont-article-ttl {
max-height: auto; } }
main.mainCont.underlayCont ._content._post .postCont-article a:hover, main.mainCont.underlayCont ._content._post .postCont-article a:active {
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out; }
main.mainCont.underlayCont ._content._post .postCont-article a:hover::after, main.mainCont.underlayCont ._content._post .postCont-article a:active::after {
content: '';
border-top: 16px solid transparent;
border-right: 16px solid #1e2975;
display: block;
position: absolute;
right: 4px;
bottom: 4px;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article a:hover::after, main.mainCont.underlayCont ._content._post .postCont-article a:active::after {
border-top: 8px solid transparent;
border-right: 8px solid #1e2975; } }
main.mainCont.underlayCont ._content._post .postCont-article a:hover .postCont-article-image, main.mainCont.underlayCont ._content._post .postCont-article a:hover .postCont-article-noImage, main.mainCont.underlayCont ._content._post .postCont-article a:active .postCont-article-image, main.mainCont.underlayCont ._content._post .postCont-article a:active .postCont-article-noImage {
overflow: hidden; }
main.mainCont.underlayCont ._content._post .postCont-article a:hover .postCont-article-image img, main.mainCont.underlayCont ._content._post .postCont-article a:hover .postCont-article-noImage img, main.mainCont.underlayCont ._content._post .postCont-article a:active .postCont-article-image img, main.mainCont.underlayCont ._content._post .postCont-article a:active .postCont-article-noImage img {
width: 110%;
height: 110%;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
transition-duration: .2s; }
main.mainCont.underlayCont ._content._post .postCont-article a:hover .postCont-article-more, main.mainCont.underlayCont ._content._post .postCont-article a:active .postCont-article-more {
border: 1px solid #ccc;
color: #fff;
background: #1d3994;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out; }
main.mainCont.underlayCont ._content._post .postCont-article a:hover .postCont-article-detail ._ttl, main.mainCont.underlayCont ._content._post .postCont-article a:active .postCont-article-detail ._ttl {
text-decoration: underline; }
main.mainCont.underlayCont ._content._post .postCont-article-image, main.mainCont.underlayCont ._content._post .postCont-article-noImage {
margin: 0 5% 0 0;
padding-top: 35%;
display: inline-block;
position: relative;
width: 35%;
background: #fff;
vertical-align: top;
transform: none;
overflow: hidden; }
main.mainCont.underlayCont ._content._post .postCont-article-image img, main.mainCont.underlayCont ._content._post .postCont-article-noImage img {
display: block;
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
overflow: hidden;
z-index: 10;
transition: .2s ease-in-out;
transition-duration: .2s; }
main.mainCont.underlayCont ._content._post .postCont-article-detail {
padding: 1.5rem 20px 1.5rem 0;
display: inline-block;
width: calc(60% - 20px);
vertical-align: top; }
@media screen and (min-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article-detail {
padding: 36px 20px 20px 0; } }
main.mainCont.underlayCont ._content._post .postCont-article-detail .postCont-article-detail-ttl {
font-size: 18px;
font-size: 1.8rem;
margin: 0;
line-height: 1.4;
font-weight: 600;
text-align: left; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post .postCont-article-detail .postCont-article-detail-ttl {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article-detail .postCont-article-detail-ttl {
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._post .postCont-article-detail .postCont-article-detail-honbun {
margin: 1rem 0 0;
line-height: 1.4;
color: #333;
max-height: 4.8rem;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
overflow: hidden; }
@media screen and (min-width: 768px) {
main.mainCont.underlayCont ._content._post .postCont-article-detail .postCont-article-detail-honbun {
margin: 2rem 0 0;
max-height: 7.8rem;
font-size: 14px;
font-size: 1.4rem; } }
main.mainCont.underlayCont ._content._post .postCont-article-more {
padding: 4px 8px;
border: 1px dashed #AF32C2;
box-sizing: border-box;
position: absolute;
right: 0;
bottom: 0;
line-height: 1.6;
color: #1d3994;
background: #fff;
font-size: 10px;
font-size: 1rem;
letter-spacing: 0; }
main.mainCont.underlayCont ._content._post ._frame ._tag {
margin: 2rem 0 0; }
main.mainCont.underlayCont ._content._post ._frame ._tag ._tagTtl {
font-size: 14px;
font-size: 1.4rem;
margin: 0 .5rem .5rem 0;
padding: 0;
display: inline-block;
color: #4f4c4a;
vertical-align: middle; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame ._tag ._tagTtl {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame ._tag ._tagTtl {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont ._content._post ._frame ._tag a {
font-size: 14px;
font-size: 1.4rem;
margin: 0 .5rem .5rem 0;
padding: .5rem 1rem;
border: 1px solid #1e2975;
border-radius: 4px;
display: inline-block;
color: #fff;
background: #1e2975;
vertical-align: middle; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame ._tag a {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame ._tag a {
font-size: 12px;
font-size: 1.2rem; } }
main.mainCont.underlayCont ._content._post ._frame ._tag a:hover, main.mainCont.underlayCont ._content._post ._frame ._tag a:active {
color: #1e2975;
background: #fff; }
.yarpp-related {
margin: 40px auto !important;
width: 100%; }
.yarpp-related h3 {
margin: 0 0 20px !important;
padding: 0 0 0 1rem !important;
border-left: 5px solid #1e2975 !important;
display: block !important;
line-height: 1.8 !important;
color: #1e2975 !important;
font-weight: bold !important;
font-size: 18px !important; }
@media screen and (max-width: 768px) {
.yarpp-related h3 {
margin: 0 0 15px !important;
font-size: 16px !important; } }
.yarpp-related .yarpp-thumbnails-horizontal {
margin: 0;
padding: 0;
display: block;
line-height: 0;
width: 100%;
font-size: 0; }
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail {
margin: 0 2% 20px 0;
padding: 0;
border: none;
display: inline-block;
width: 48%;
height: auto; }
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail:nth-of-type(even) {
margin: 0 0 20px 2%; }
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail img.attachment-thumbnail {
margin: 0;
padding: 0;
display: block;
width: 100% !important;
height: 180px !important;
background: #1e2975;
object-fit: cover;
transition: all ease .25s; }
@media screen and (max-width: 768px) {
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail img.attachment-thumbnail {
height: 100px !important; } }
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title {
font-size: 16px;
font-size: 1.6rem;
margin: 0 !important;
padding: 10px 0 0 !important;
display: block;
line-height: 1.4;
width: 100%; }
@media screen and (max-width: 1280px) {
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title {
font-size: 14px;
font-size: 1.4rem;
padding: 5px 0 0 !important; } }
@media screen and (max-width: 768px) and (max-width: 1280px) {
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) and (max-width: 768px) {
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title {
font-size: 12px;
font-size: 1.2rem; } }
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail:hover img.attachment-thumbnail, .yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail:active img.attachment-thumbnail {
opacity: .9; }
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail:hover .yarpp-thumbnail-title, .yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail:active .yarpp-thumbnail-title {
text-decoration: underline; }
.searchform {
margin: 0 auto;
display: block;
width: 90%;
max-width: 640px; }
.searchform .searchform__form {
margin: 2em 0;
position: relative;
line-height: 1; }
.searchform .searchform__field {
font-size: 14px;
font-size: 1.4rem;
box-sizing: border-box;
width: 100%;
padding: 1em 1.5em;
border: 4px solid #eee;
border-radius: 9999px;
background-color: white; }
@media screen and (max-width: 1280px) {
.searchform .searchform__field {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
.searchform .searchform__field {
font-size: 12px;
font-size: 1.2rem; } }
.searchform .searchform__submit {
font-size: 14px;
font-size: 1.4rem;
position: absolute;
top: 50%;
right: 1.5em;
display: block;
padding: 0;
cursor: pointer;
transform: translateY(-50%);
color: #333;
width: 4em;
border: none;
background: transparent; }
@media screen and (max-width: 1280px) {
.searchform .searchform__submit {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
.searchform .searchform__submit {
font-size: 12px;
font-size: 1.2rem; } }
.searchform .searchform__submit:hover, .searchform .searchform__submit:active {
opacity: .6; }
main.mainCont.underlayCont ._content._post ._frame .post_section {
margin: 0 auto 80px;
width: 100%; }
main.mainCont.underlayCont ._content._post ._frame .post_section:last-of-type {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_paragraph:last-of-type {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_block {
margin: 0 auto 80px;
width: 100%; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ttl {
font-size: 36px;
font-size: 3.6rem;
margin: 0 0 3rem;
padding: 1.5rem 0 1.5rem 1rem;
border-bottom: 5px dotted #1e2975;
box-sizing: border-box;
position: relative;
line-height: 1.4;
color: #333;
font-weight: normal;
text-align: left;
letter-spacing: 4px; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ttl {
font-size: 9px;
font-size: 2.8125vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ttl {
font-size: 25px;
font-size: 2.5rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ttl {
font-size: 30px;
font-size: 3rem;
font-size: calc(0.6vw * 3);
padding: 2rem 0 1.5rem; } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ttl {
font-size: calc(1.8vw * 3); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_subTtl {
font-size: 18px;
font-size: 1.8rem;
margin: 0 0 30px;
padding: 1.5rem 0 1.5rem 28px;
border-top: 3px solid #eee;
border-bottom: 3px solid #eee;
position: relative;
line-height: 1.4;
color: #333;
font-weight: bold;
text-align: left; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_subTtl {
font-size: 4.5px;
font-size: 1.40625vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_subTtl {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_subTtl {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
margin-bottom: 15px;
padding: 1.5rem 0 1.5rem 2rem;
border-top: 2px solid #eee;
border-bottom: 2px solid #eee; } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_subTtl {
font-size: calc(1.8vw * 2); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_subTtl::before {
content: '';
margin-top: -3px;
position: absolute;
left: 0;
top: 0;
width: 9px;
height: calc(100% + 6px);
background: #1e2975; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_subTtl::before {
margin-top: -2px;
width: 6px;
height: calc(100% + 4px); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_miniTtl {
font-size: 20px;
font-size: 2rem;
margin: 0 0 30px;
padding: 1.5rem;
border: none;
border-bottom: 3px dotted #1e2975;
position: relative;
line-height: 1.4;
color: #333;
font-weight: bold;
text-align: left; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_miniTtl {
font-size: 5px;
font-size: 1.5625vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_miniTtl {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_miniTtl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
margin-bottom: 20px;
padding-top: 0;
padding-left: 0; } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_miniTtl {
font-size: calc(1.8vw * 2.4); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_subTtl_indent {
padding-right: 1em;
padding-left: 3em;
position: relative;
text-indent: -2em; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number {
padding-left: 2.5em;
position: relative; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number {
padding-left: 3em;
width: calc(111.111% - 3em);
margin-left: -5.555%; } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number::after {
font-size: 14px;
font-size: 1.4rem;
content: '1';
margin: auto;
position: absolute;
display: inline-block;
background: transparent;
border: 1px solid #333;
color: #333;
font-family: 'Arial',sans-serif;
font-weight: bold;
border-radius: 50%;
left: 2rem;
top: 0;
bottom: 0;
width: calc(calc(1.6rem * 1.4) - 2px);
height: calc(calc(1.6rem * 1.4) - 2px);
line-height: calc(1.6rem * 1.4);
font-weight: bold;
text-align: center; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number::after {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number::after {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number::after {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
left: 1.5rem;
width: calc(calc(1.8vw * 2.8) - 2px);
height: calc(calc(1.8vw * 2.8) - 2px);
line-height: calc(1.8vw * 2.8); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number::after {
font-size: calc(1.8vw * 1.6); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:first-of-type::after {
content: '1'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:nth-of-type(2)::after {
content: '2'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:nth-of-type(3)::after {
content: '3'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:nth-of-type(4)::after {
content: '4'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:nth-of-type(5)::after {
content: '5'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:nth-of-type(6)::after {
content: '6'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:nth-of-type(7)::after {
content: '7'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:nth-of-type(8)::after {
content: '8'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:nth-of-type(9)::after {
content: '9'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:nth-of-type(10)::after {
content: '10'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_anchor_number:nth-of-type(11)::after {
content: '11'; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_leadTxt {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.8; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_leadTxt {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_leadTxt {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_leadTxt {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_leadTxt {
font-size: calc(1.8vw * 2); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_paragraph {
font-size: 15px;
font-size: 1.5rem;
margin: 0 0 3rem;
line-height: 2.4;
letter-spacing: .05em; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_paragraph {
font-size: 3.75px;
font-size: 1.17188vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_paragraph {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_paragraph {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
line-height: 2.1; } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_paragraph {
font-size: calc(1.8vw * 1.8); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_paragraph._mbL {
margin-bottom: 6rem; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_paragraph._mb {
margin-bottom: 3rem !important; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_paragraph._sep {
margin-bottom: 4.5rem;
padding-bottom: 4.5rem;
border-bottom: 1px dashed #ccc;
box-sizing: border-box; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_emphasis {
background-color: #ffff66;
font-weight: bold; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl {
margin: 0 0 3rem; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dt {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 1em;
padding: .5em 1.5em;
border: 1px dashed #1e2975;
box-sizing: border-box;
display: inline-block;
position: relative;
line-height: 1.4;
color: #1e2975;
width: auto;
background: transparent;
font-weight: bold; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dt {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dt {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dt {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dt {
font-size: calc(1.8vw * 2); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dt::after {
content: '';
margin-bottom: -1.6rem;
margin-left: -.8rem;
border-top: 0.8rem solid #1e2975;
border-right: .8rem solid transparent;
border-bottom: .8rem solid transparent;
border-left: .8rem solid transparent;
position: absolute;
bottom: 0;
left: 50%;
z-index: -1; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dd {
font-size: 16px;
font-size: 1.6rem;
padding: 1em;
border: 1px dashed #1e2975;
box-sizing: border-box;
line-height: 1.8; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dd {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dd {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dd {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl dd {
font-size: calc(1.8vw * 2); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl._mtN {
margin-top: -1.5rem; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_flex {
width: 100%;
font-size: 0; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto {
padding: 0 1.5% 40px;
display: inline-block;
width: calc(calc(100% / 2) - 3%);
vertical-align: top; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_img {
margin: 0 0 10px; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_img img {
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child dt {
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 10px;
padding: 4px 0;
line-height: 1.8;
background: #f7f7f7;
font-weight: bold; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child dt {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child dt {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child dt {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child dt {
font-size: calc(1.8vw * 1.8); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child dd {
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 20px;
padding: 0;
line-height: 1.8; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child dd {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child dd {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child dd {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child dd {
font-size: calc(1.8vw * 1.8); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_howto_child:last-of-type dd {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain {
padding: 0 1.5% 40px;
display: inline-block;
width: calc(calc(100% / 2) - 3%);
vertical-align: top; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain dt {
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 10px;
padding: 4px 0;
line-height: 1.8;
background: #f7f7f7;
font-weight: bold; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain dt {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain dt {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain dt {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain dt {
font-size: calc(1.8vw * 1.8); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain dd {
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 20px;
padding: 0;
line-height: 1.8; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain dd {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain dd {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain dd {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain dd {
font-size: calc(1.8vw * 1.8); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain__text {
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 20px;
padding: 0;
line-height: 1.8; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain__text {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain__text {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain__text {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_dl_explain__text {
font-size: calc(1.8vw * 1.8); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul_ttl {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 1rem;
padding-left: 1em;
line-height: 1.4;
color: #333;
font-weight: bold;
text-indent: -1em;
letter-spacing: .05em; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul_ttl {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul_ttl {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul_ttl {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul_ttl {
font-size: calc(1.8vw * 2); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul_ttl::before {
content: '■';
color: rgba(30, 41, 117, 0.4); }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul {
margin: 0 0 3rem;
padding: 3rem 6rem 3rem 3rem;
border: 3px solid rgba(30, 41, 117, 0.4);
box-sizing: border-box;
border-radius: 8px;
display: inline-block;
font-size: 0;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul {
padding: 3rem 3rem 3rem 2rem; } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul li {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 2rem;
padding-left: 1em;
line-height: 1.4;
color: #333;
font-weight: bold;
text-indent: -1em;
letter-spacing: .05em;
list-style: none; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul li {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul li {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul li {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul li {
font-size: calc(1.8vw * 2); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul li:last-of-type {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul._checkbox li {
padding-left: 3rem;
line-height: 1.4;
background-repeat: no-repeat;
background-size: calc(1.6rem * 1.4);
background-position: left top;
list-style: none;
text-indent: 0; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul._checkbox li {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
background-repeat: no-repeat;
background-size: calc(1.8vw * 2 * 1.4); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul._checkbox li {
font-size: calc(1.8vw * 2); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul._checkbox li::marker {
display: none;
list-style-type: none; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul._checkbox._pink li {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/img/common/icn_cb_p.png); }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ul._checkbox._blue li {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/img/common/icn_cb_b.png); }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol {
margin: 0 0 3rem;
padding: 3rem 6rem 3rem 3rem;
border: 3px solid rgba(30, 41, 117, 0.4);
box-sizing: border-box;
border-radius: 8px;
display: inline-block;
font-size: 0;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
list-style-type: none !important;
counter-reset: num; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol {
padding: 3rem 3rem 3rem 2rem; } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 2rem;
padding: 0 0 0 3rem;
position: relative;
line-height: 1.4;
font-weight: bold; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li {
font-size: calc(1.8vw * 2); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li::before {
font-size: 14px;
font-size: 1.4rem;
position: absolute;
counter-increment: num;
content: counter(num);
display: inline-block;
background: transparent;
border: 1px solid #c78590;
color: #c78590;
font-family: 'Arial',sans-serif;
font-weight: bold;
border-radius: 50%;
top: 0;
left: 0;
width: calc(calc(1.6rem * 1.4) - 2px);
height: calc(calc(1.6rem * 1.4) - 2px);
line-height: calc(1.6rem * 1.4);
font-weight: bold;
text-align: center; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li::before {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li::before {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li::before {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
width: calc(calc(1.8vw * 2.8) - 2px);
height: calc(calc(1.8vw * 2.8) - 2px);
line-height: calc(1.8vw * 2.8); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li::before {
font-size: calc(1.8vw * 1.6); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_ol li:last-of-type {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index {
margin: 0 0 6rem;
padding: 8rem 6rem 4rem 3rem;
border: 1px dashed #333333;
box-sizing: border-box;
border-radius: 0;
display: inline-block;
position: relative;
font-size: 0;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
list-style-type: none !important;
counter-reset: num; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index {
padding: 8rem 2rem 4rem 2rem; } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index::before {
font-size: 14px;
font-size: 1.4rem;
content: '目次 -index-';
position: absolute;
top: 3rem;
left: 3rem;
color: #333;
font-weight: bold;
text-align: left;
text-decoration: underline; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index::before {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index::before {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index::before {
top: 3rem;
left: 2rem; } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index::before._mg0 {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li {
font-size: 14px;
font-size: 1.4rem;
margin: 0 0 2rem;
padding: 0 0 0 3rem;
position: relative;
line-height: 1.4;
font-weight: bold; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li {
font-size: calc(1.8vw * 1.8); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li::before {
font-size: 14px;
font-size: 1.4rem;
margin: auto;
position: absolute;
counter-increment: num;
content: counter(num);
display: inline-block;
background: transparent;
border: 1px solid #333;
color: #333;
font-family: 'Arial',sans-serif;
font-weight: bold;
border-radius: 50%;
top: 0;
bottom: 0;
left: 0;
width: calc(calc(1.6rem * 1.4) - 2px);
height: calc(calc(1.6rem * 1.4) - 2px);
line-height: calc(1.6rem * 1.4);
font-weight: bold;
text-align: center; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li::before {
font-size: 3.5px;
font-size: 1.09375vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li::before {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li::before {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
width: calc(calc(1.8vw * 2.8) - 2px);
height: calc(calc(1.8vw * 2.8) - 2px);
line-height: calc(1.8vw * 2.8); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li::before {
font-size: calc(1.8vw * 1.6); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_index li:last-of-type {
margin-bottom: 0; }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_img {
margin: 0 0 3rem;
width: 70%; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .post_img {
margin-bottom: 1.5rem;
width: 100%; } }
main.mainCont.underlayCont ._content._post ._frame .post_section .post_img img {
width: 100%;
height: auto; }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList {
margin: 0;
padding: 0;
width: 100%;
font-size: 0; }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li {
margin: 0 2.5% 2.5% 0;
display: inline-block;
position: relative;
width: calc(calc(100% - 5%) / 3);
vertical-align: top; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li {
width: calc(calc(100% - 2.5%) / 2); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li:nth-of-type(3n) {
margin-right: 0; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li:nth-of-type(2n) {
margin-right: 0; } }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a {
display: block;
position: relative;
overflow: hidden;
transition: all ease .25s; }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a::before {
content: '';
position: absolute;
left: 1.5rem;
top: 1.5rem;
transition: all ease .25s;
width: calc(100% - 3rem);
height: 1px;
background: rgba(255, 255, 255, 0.75);
z-index: 10; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a::before {
left: 2.5vw;
top: 2.5vw;
width: calc(100% - 5vw); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a::after {
content: '';
position: absolute;
left: 1.5rem;
bottom: 1.5rem;
transition: all ease .25s;
width: calc(100% - 3rem);
height: 1px;
background: rgba(255, 255, 255, 0.75);
z-index: 10; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a::after {
left: 2.5vw;
bottom: 2.5vw;
width: calc(100% - 5vw); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_thumbnail {
margin: 0;
display: block;
position: relative;
width: 100%;
height: auto;
font-size: 0;
transition: all ease .25s; }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_thumbnail::before {
content: '';
position: absolute;
left: 1.5rem;
top: 1.5rem;
transition: all ease .25s;
width: 1px;
height: calc(100% - 3rem);
background: rgba(255, 255, 255, 0.75);
z-index: 10; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_thumbnail::before {
left: 2.5vw;
top: 2.5vw;
height: calc(100% - 5vw); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_thumbnail::after {
content: '';
position: absolute;
right: 1.5rem;
top: 1.5rem;
transition: all ease .25s;
width: 1px;
height: calc(100% - 3rem);
background: rgba(255, 255, 255, 0.75);
z-index: 10; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_thumbnail::after {
right: 2.5vw;
top: 2.5vw;
height: calc(100% - 5vw); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_thumbnail img {
position: relative;
width: 100%;
height: auto;
transition: all ease .25s; }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_thumbnail img:hover, main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_thumbnail img:active {
transform: scale(1.1, 1.1); }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_ttl {
font-size: 24px;
font-size: 2.4rem;
margin-top: -2em;
padding: 1em 0;
display: block;
position: absolute;
left: 1.5rem;
top: 50%;
line-height: 1.4;
color: #fff;
width: auto;
width: calc(100% - 3rem);
height: auto;
font-weight: bold;
text-align: center;
transition: all ease .25s; }
@media screen and (max-width: 1280px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_ttl {
font-size: 6px;
font-size: 1.875vw; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_ttl {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4); } }
@media screen and (max-width: 768px) and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a .postList_ttl {
font-size: calc(1.8vw * 2.4); } }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a:hover, main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a:active {
box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2); }
main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a:hover .postList_ttl, main.mainCont.underlayCont ._content._post ._frame .post_section .postList li a:active .postList_ttl {
left: -5.555%;
width: 111.111%;
background: rgba(30, 41, 117, 0.25);
transform: rotate(-10deg); }
main.mainCont.underlayCont ._content._post ._frame .post_eyecatch {
margin: 0 0 30px;
width: 100%;
height: auto; }
@media screen and (max-width: 768px) {
main.mainCont.underlayCont ._content._post ._frame .post_eyecatch {
margin-bottom: 20px; } }
main.mainCont.underlayCont ._content._post ._frame .post_eyecatch img {
width: 100%;
height: auto; }
.about_interview {
margin: 80px auto 40px;
width: 90%;
max-width: 800px; }
.about_interview__block {
margin: 0 auto 20px;
width: 100%; }
.about_interview__image {
position: relative;
width: 120px;
height: 120px;
background: white;
z-index: 10; }
@media screen and (max-width: 768px) {
.about_interview__image {
width: 90px;
height: 90px; } }
.about_interview__image::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: calc(60px / 2 * tan(60deg));
width: 60px;
clip-path: polygon(50% 0, 100% 100%, 0 100%);
background: #eee;
transform: rotate(100deg);
z-index: -1; }
.about_interview__image img {
border-radius: 9999px;
border: 2px solid #eee;
box-sizing: border-box;
width: 100%;
height: auto;
background: white; }
.about_interview__image--interviewer {
margin: 0 0 8px auto; }
.about_interview__image--interviewer::before {
content: '';
position: absolute;
background: #ffc9d2; }
.about_interview__image--interviewer img {
border: 4px solid #ffc9d2; }
@media screen and (max-width: 768px) {
.about_interview__image--interviewer img {
border: 2px solid #ffc9d2; } }
.about_interview__image--aoyagi {
margin: 0 auto 8px 0; }
.about_interview__image--aoyagi::before {
content: '';
position: absolute;
bottom: 0;
left: auto;
right: 0;
background: #b1b6de;
transform: rotate(-100deg); }
.about_interview__image--aoyagi img {
border: 4px solid #b1b6de; }
@media screen and (max-width: 768px) {
.about_interview__image--aoyagi img {
border: 2px solid #b1b6de; } }
.about_interview__comment {
font-size: 16px;
font-size: 1.6rem;
margin: 0;
padding: 40px 40px 40px 60px;
border: 2px solid #eee;
border-radius: 8px;
box-sizing: border-box;
position: relative;
line-height: 1.8;
width: 100%; }
@media screen and (max-width: 1280px) {
.about_interview__comment {
font-size: 4px;
font-size: 1.25vw; } }
@media screen and (max-width: 768px) {
.about_interview__comment {
font-size: 12px;
font-size: 1.2rem; } }
@media screen and (max-width: 768px) {
.about_interview__comment {
padding: 25px 25px 25px 40px;
font-size: 13px;
font-size: 1.3rem; } }
.about_interview__comment::before {
content: '';
font-size: 24px;
font-size: 2.4rem;
position: absolute;
top: 36px;
left: calc(60px - 1.25em);
line-height: 1.4;
font-weight: bold; }
@media screen and (max-width: 1280px) {
.about_interview__comment::before {
font-size: 6px;
font-size: 1.875vw; } }
@media screen and (max-width: 768px) {
.about_interview__comment::before {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 768px) {
.about_interview__comment::before {
font-size: 24px;
font-size: 2.4rem;
top: 20px;
left: calc(40px - 1.05em); } }
.about_interview__comment--interviewer {
border: 2px solid #ffc9d2; }
.about_interview__comment--interviewer::before {
content: 'Q';
color: #ffc9d2; }
.about_interview__comment--aoyagi {
border: 2px solid #b1b6de; }
.about_interview__comment--aoyagi::before {
content: 'A';
color: #b1b6de; }
.conversion-bar {
display: none; }
@media screen and (max-width: 768px) {
.conversion-bar {
display: block;
padding: 5px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #1e2975;
visibility: visible;
font-size: 0;
z-index: 100; } }
body.p-contact .conversion-bar, body.p-complete .conversion-bar, body.p-j-contact .conversion-bar, body.p-j-complete .conversion-bar {
display: none !important; }
@media screen and (max-width: 768px) {
body.p-contact .conversion-bar, body.p-complete .conversion-bar, body.p-j-contact .conversion-bar, body.p-j-complete .conversion-bar {
display: none !important; } }
.conversion-bar__icon {
display: none; }
@media screen and (max-width: 768px) {
.conversion-bar__icon {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
margin: 0 5px 0 0;
padding: 2.5% 0 2.5% 17.5%;
border: 2px solid #999;
box-sizing: border-box;
display: inline-block;
line-height: 1.3;
color: #fff !important;
width: calc(calc(100% - 15px) / 2);
font-weight: bold;
background-repeat: no-repeat;
background-size: 40%;
background-position: left center;
text-align: left;
letter-spacing: 1px; } }
@media screen and (max-width: 768px) and (max-width: 768px) {
.conversion-bar__icon {
font-size: calc(1.8vw * 1.8); } }
.conversion-bar__icon.conversion-bar__phone {
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/ftr_cv_tel.png);
background-position: -1% center; }
.conversion-bar__icon.conversion-bar__button {
position: relative;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/ftr_cv_form.png); }
.conversion-bar__icon.conversion-bar__button::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #ff3cac), to(#562b7c));
background: -webkit-gradient(linear, left top, right top, from(#054fb2), to(#fe0c76));
background: linear-gradient(90deg, #054fb2, #fe0c76);
z-index: -1; }
.conversion-bar__icon:last-of-type {
margin-right: 0; }
.conversion-bar__icon.conversion-bar__appeal {
border: none;
position: relative;
background-image: url(//shinjo-seikotsuin.com/wp-content/themes/smiling-owl-shinjo/images/common/ftr_cv_hima.png); }