@charset "UTF-8";
@charset "UTF-8";

 body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
margin: 0;
padding: 0; }
article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
display: block; }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box; } html {
font-size: 62.5%;
overflow-y: scroll;
overflow-x: hidden; }
html, body {
width: 100%;
min-height: 100%; }
body {
font-family: "Quattrocento Sans", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
font-size: 10px;
font-size: 1.4rem;
line-height: 1.6;
color: #0e357f; }
@media only screen and (min-width: 768px) {
body {
letter-spacing: 3px;
font-weight: 300; }
.sp {
display: none !important; } }
@media only screen and (max-width: 767px) {
body {
letter-spacing: 1px; }
.pc {
display: none !important; }
select,
textarea,
input[type='url'],
input[type='text'],
input[type='date'],
input[type='tel'],
input[type='email'],
input[type='submit'] {
-webkit-appearance: none; } }
span.link,
a {
color: #0e357f;
text-decoration: none;
-webkit-transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
cursor: pointer; }
@media only screen and (min-width: 768px) {
a:hover {
text-decoration: none;
opacity: 0.7; }
img.grow {
-webkit-transition: 200ms ease;
transition: 200ms ease; }
img.grow:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05); } } dt, h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: 500; }
p {
line-height: 1.6; } ol, ul, li {
list-style: none;
zoom: 1;
overflow: hidden; } table {
font-size: 100%;
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
vertical-align: top;
font-weight: normal; }
dl, dt, dd {
zoom: 1;
overflow: hidden; } fieldset {
border: none; }
input, textarea, select, label {
font-size: 100%;
font-family: "Quattrocento Sans", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
vertical-align: middle;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0; }
@media only screen and (max-width: 767px) {
input, textarea, select {
font-size: 1.6rem;
-webkit-box-sizing: border-box;
box-sizing: border-box; } }
button {
font-family: "Quattrocento Sans", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; }
label {
cursor: pointer; }
textarea {
overflow: auto; }
legend {
display: none; } img {
border: none;
vertical-align: middle; }
object {
vertical-align: middle;
outline: none; }
em {
font-style: italic; }
small {
font-size: 100%;
letter-spacing: 1px; }
i {
font-style: normal; }
u {
text-decoration: none; }
abbr, acronym {
border: none;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal; }
address, caption, cite, code, dfn, var {
font-weight: normal;
font-style: normal; }
sup {
font-size: 1em;
vertical-align: text-top; }
sub {
font-size: 0.8rem;
vertical-align: text-bottom;
position: relative;
bottom: -2px; }
hr {
display: none; }
div:focus,
img:focus,
textarea:focus,
a:focus,
button:focus,
input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none; } .editor {
word-break: break-all; }
.editor strong {
font-weight: bold; }
.editor em {
font-style: italic; }
.editor blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px; } .editor .aligncenter {
display: block;
margin: 0 auto; }
.editor a {
text-decoration: underline; }
.editor a:hover {
text-decoration: none; }
.editor figure figcaption {
margin-top: 15px;
font-size: 1.2rem; }
.editor .alignright {
float: right;
margin-left: 20px;
margin-bottom: 5px; }
.editor .alignleft {
float: left;
margin-right: 20px;
margin-bottom: 5px; }
.editor img[class*="wp-image-"],
.editor img[class*="attachment-"] {
height: auto;
max-width: 100%; }
.editor .clearfix {
overflow: hidden;
zoom: 1; }
.editor .clearfix:after {
content: "";
display: block;
clear: both; }
@media only screen and (max-width: 767px) {
.editor .alignright {
float: none;
margin-left: 0px;
margin-bottom: 10px; }
.editor .alignleft {
float: none;
margin-right: 0px;
margin-bottom: 10px; } } #wrap {
position: relative; }
@media only screen and (min-width: 768px) {
#wrap {
min-width: 1000px;
background: url(/commons/images/commons/bg_head.png) repeat-x top;
background-size: 100% 80px; } #content header#header {
margin-bottom: 24px; }
header#header {
height: 120px;
padding: 10px;
position: relative;
z-index: 2; }
header#header .header-in {
width: 1100px;
margin: 0 auto;
padding-right: 270px;
position: relative; }
header#header .header-in:after {
content: "";
display: block;
clear: both; }
header#header .header-in .header-logo {
float: left;
text-align: left;
padding-bottom: 5px; }
header#header .header-in .header-logo .sub_ttl {
display: block;
font-size: 1.0rem;
text-align: right; }
header#header .info-box {
width: 562px;
height: 22px;
position: absolute;
left: 0;
bottom: 0;
background: #F3F5F8;
overflow: hidden; }
header#header .info-box .ttl {
font-size: 1rem;
letter-spacing: 1px;
text-align: center;
line-height: 22px;
background: #E6EBF2;
width: 100px;
float: left; }
header#header .info-box .info-body {
width: 462px;
float: right; }
header#header .info-box .info-body .item {
font-size: 1rem;
letter-spacing: 1px;
line-height: 12px;
padding: 5px 10px; }
header#header .info-box .info-body .item span {
letter-spacing: 2px; }
header#header .info-box .info-body .item span:after {
content: "-";
opacity: 0.5;
display: inline-block;
margin: 0 2px; }
header#header .info-box .info-body .item a {
display: block;
padding-right: 22px;
position: relative; }
header#header .info-box .info-body .item a:after {
content: '\e800';
text-align: center;
font-family: 'fontello';
position: absolute;
right: 0;
top: 0;
line-height: 12px;
width: 10px; }
header#header .sub-nav {
width: 80px;
font-size: 1rem;
letter-spacing: 0;
float: right; }
header#header .sub-nav ul {
padding-top: 30px; }
header#header .sub-nav ul li {
padding-top: 10px; }
nav.header-nav {
width: 1100px;
margin: 0 auto 40px;
clear: both; }
nav.header-nav ul {
padding: 10px 20px; }
nav.header-nav ul li {
width: 17%;
text-align: center;
float: left;
position: relative; }
nav.header-nav ul li:nth-of-type(3) {
width: 14%; }
nav.header-nav ul li:nth-of-type(5) {
width: 16%; }
nav.header-nav ul li:nth-of-type(6) {
width: 22%; }
nav.header-nav ul li:nth-of-type(7) {
width: 14%; }
nav.header-nav ul li:nth-of-type(7):after {
display: none; }
nav.header-nav ul li:after {
content: "";
width: 1px;
height: 30px;
background: #0e357f;
position: absolute;
right: 0;
top: 50%;
margin-top: -15px; }
nav.header-nav ul li a {
display: block;
letter-spacing: 2px;
font-size: 1.5rem; }
nav.header-nav ul li a small {
font-size: 1rem;
color: #a0a9c1;
display: block; }
nav.header-nav .tel-box {
width: 1100px;
height: 120px;
position: absolute;
top: 0;
right: 50%;
margin-right: -500px;
padding: 20px 20px 20px 760px;
z-index: 1; }
nav.header-nav .tel-box .tel {
font-size: 1.1rem;
line-height: 1;
letter-spacing: 2px; }
nav.header-nav .tel-box .tel a {
font-size: 2.5rem; }
nav.header-nav .tel-box dl {
font-size: 1rem;
letter-spacing: 1px; }
nav.header-nav .tel-box dl dd, nav.header-nav .tel-box dl dt {
font-weight: 300;
display: inline; }
nav.header-nav .tel-box dl dd {
font-size: 1.1rem; }
nav.header-nav .tel-box p {
font-size: 1rem;
letter-spacing: 0px;
border-top: 1px solid rgba(13, 52, 125, .2);
padding: 5px;
margin-top: 5px; }
nav.header-nav .tel-box p b {
background: #fff;
font-weight: 300;
display: inline-block;
margin-right: 3px;
padding: 2px 4px 0 4px; }
nav.header-nav .tel-box:after {
content: "";
width: 260px;
height: 120px;
background: #cfd7e5;
position: absolute;
right: 0;
top: 0;
opacity: 0.7;
z-index: -1; } main.container {
clear: both;
background: #f5f7f9; }
main.container:after {
clear: both;
content: "";
display: block; }
main.container header.container-header {
text-align: center;
padding: 15px 0 5px;
position: relative;
background: #fff; }
main.container header.container-header:after {
position: absolute;
left: 0;
bottom: -60px;
width: 100%;
height: 60px;
content: "";
background: url(/commons/images/commons/bg-nami.png) no-repeat top;
background-size: 100% 60px; }
main.container header.container-header h2 {
font-size: 2.4rem;
line-height: 1.2;
letter-spacing: 5px;
font-weight: 400;
margin-bottom: 5px; }
main.container header.container-header small {
display: block;
color: #a0a9c1;
font-size: 1rem;
line-height: 1; }
main.container .pankuzu {
padding-top: 60px;
width: 1100px;
margin: 0 auto 30px;
text-align: right; }
main.container .pankuzu ul li {
font-size: 1.1rem;
letter-spacing: 1px;
display: inline-block; }
main.container .pankuzu ul li a:after {
content: "\e805";
font-family: "fontello";
margin-left: 6px;
display: inline-block;
opacity: 0.5; }
main.container .page-content {
clear: both;
padding-bottom: 50px; }
main.container .page-content .page-header {
text-align: center;
padding-bottom: 30px; }
main.container .page-content .page-header h3 {
font-size: 2rem;
line-height: 1.2;
font-weight: 400; }
main.container .page-content .page-header h3 span {
position: relative; }
main.container .page-content .page-header h3 span:before {
content: "";
width: 30px;
height: 1px;
background: #a0a9c1;
position: absolute;
left: -40px;
top: 50%; }
main.container .page-content .page-header h3 span:after {
content: "";
width: 30px;
height: 1px;
background: #a0a9c1;
position: absolute;
right: -40px;
top: 50%; }
main.container .page-content .page-header small {
color: #a0a9c1;
font-size: 1rem;
letter-spacing: 1px; }
main.container .page-content .page-content-body {
width: 1100px;
margin: 0 auto;
clear: both; }
.select {
height: 36px;
overflow: hidden;
background: #fff;
border: 1px solid #e7ebf2;
border-radius: 0px;
position: relative; }
.select:after {
width: 26px;
height: 16px;
line-height: 16px;
text-align: center;
content: "\e800";
font-family: "fontello";
border-left: 1px solid #e7ebf2;
background: #fff;
top: 50%;
margin-top: -8px;
right: 0;
position: absolute; }
.select > select {
width: 130%;
line-height: 36px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
border-radius: 0;
border: 0;
margin: 0;
padding: 0 30px 0 10px;
background: #fff;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.select > select::-ms-expand {
display: none; }
.select > select:focus {
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none; }
.flow-area .question-btn a {
background: #369fbf !important; }
.online-btn {
width: 450px;
margin: 0 auto;
text-align: center;
padding: 10px 0 60px; }
.online-btn a {
display: block;
background: #0e357f;
color: #fff;
padding: 20px 0;
text-align: center;
line-height: 30px;
position: relative; }
.online-btn a i {
margin-right: 10px;
font-size: 3rem; }
.content-footer-btn {
max-width: 960px;
margin: 0px auto 25px;
background: #f5f7f9;
padding: 20px 20px 20px; }
.content-footer-btn .btn-ttl {
font-size: 1.6rem;
text-align: center;
margin-bottom: 5px; }
.content-footer-btn .btn-ttl::before, .content-footer-btn .btn-ttl::after {
content: " - "; }
.content-footer-btn ul li {
width: 49%;
float: left;
padding: 5px; }
.content-footer-btn ul li:nth-of-type(3n+2) {
margin: 0 0.5%; }
.content-footer-btn ul li a {
display: block;
background: #0e357f;
color: #fff;
padding: 20px 0;
text-align: center;
line-height: 30px;
position: relative; }
.content-footer-btn ul li a i {
margin-left: 10px;
font-size: 2rem; } footer#footer {
background: #3E5D98;
text-align: center;
clear: both; }
footer#footer .inner {
width: 1100px;
margin: 0 auto;
padding: 40px; }
footer#footer .inner:after {
content: "";
display: block;
clear: both; }
footer#footer .inner .footer-content {
width: 570px;
float: left; }
footer#footer .inner .footer-content .content-btn {
padding: 0 0 20px 0;
overflow: hidden; }
footer#footer .inner .footer-content .content-btn .btn {
width: 25%;
float: left; }
footer#footer .inner .footer-content .content-btn .btn a {
color: #fff;
line-height: 16px;
display: block; }
footer#footer .inner .footer-content .content-btn .btn i {
width: 120px;
height: 120px;
border-radius: 50%;
line-height: 120px;
margin: 0 auto 12px;
font-size: 4rem;
color: #0e357f;
background: #fff;
display: block; }
footer#footer .inner .footer-content .content-btn .btn span {
font-size: 1.1rem;
display: block; }
footer#footer .inner .footer-content .tel-box {
color: #fff;
border-top: 1px solid rgba(255, 255, 255, .3);
padding: 20px 0;
clear: both;
overflow: hidden; }
footer#footer .inner .footer-content .tel-box .ttl {
font-size: 1rem;
line-height: 1;
text-align: center;
margin-right: 10px;
letter-spacing: 1px;
float: left;
background: #0e357f;
color: #fff;
margin-top: 5px;
padding: 8px 5px 4px; }
footer#footer .inner .footer-content .tel-box .tel {
float: left;
font-size: 1rem;
margin-right: 15px; }
footer#footer .inner .footer-content .tel-box .tel a {
font-size: 3rem;
line-height: 1;
letter-spacing: 1px;
color: #fff; }
footer#footer .inner .footer-content .tel-box .info {
float: left;
text-align: left;
letter-spacing: 1px;
font-size: 1rem;
line-height: 1.3; }
footer#footer .inner .schedule-box {
width: 300px;
float: right; }
footer#footer .inner .schedule-box .ttl {
color: #fff;
font-size: 1.3rem;
padding-bottom: 8px; }
footer#footer .inner .schedule-box .ttl span {
font-size: 1.2rem;
display: block; }
footer#footer .inner .schedule-box p {
font-size: 1.1rem;
text-align: left;
color: #fff; }
footer#footer .inner .banner-box {
margin: 20px 0 0; }
footer#footer .inner .banner-box a {
display: block; }
footer#footer .inner .banner-box span {
position: relative;
display: inline-block; }
footer#footer .inner .banner-box span:after {
content: "COMING SOON";
background: rgba(62, 94, 152, .8);
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 80px;
text-align: center; }
footer#footer nav {
padding: 20px 0;
font-size: 1rem;
background: #F3F5F7;
text-align: center; }
footer#footer .copy {
font-size: 1rem;
letter-spacing: 1px;
padding: 20px 0;
background: #fff; }
#fbBtn a {
width: 60px;
height: 60px;
font-size: 2rem;
text-align: center;
letter-spacing: 0;
line-height: 60px;
border-radius: 50%;
background: rgba(255, 255, 255, .7);
border: 1px solid rgba(13, 52, 125, .7);
position: fixed;
right: 10px;
bottom: 60px;
z-index: 11; }
#pgTop a {
width: 60px;
height: 60px;
font-size: 1.8rem;
text-align: center;
letter-spacing: 0;
line-height: 60px;
border-radius: 50%;
background: rgba(13, 52, 125, .7);
color: #fff;
position: fixed;
right: 10px;
bottom: 130px;
z-index: 11; } }
.soon {
font-size: 2rem;
text-align: center;
padding: 15% 0 25%;
opacity: 0.5; }
.schedule-box .calender {
background: #fff;
padding: 5px;
margin-bottom: 10px; }
.schedule-box .calender table {
width: 100%; }
.schedule-box .calender table th {
text-align: center;
font-size: 1.2rem;
line-height: 30px; }
.schedule-box .calender table tr td {
width: 14.3%;
font-size: 1.2rem;
background: #E5EAF2;
text-align: center;
line-height: 32px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff; }
.schedule-box .calender table tr td:nth-of-type(1) {
width: 14.2%;
background: #FDF0E5;
border-right: none; }
.schedule-box .calender table tr td:nth-of-type(7) {
background: #CFD7E3; }
.schedule-box .calender table tr td {
position: relative; }
.schedule-box .calender table tr td:nth-of-type(1):after, .schedule-box .calender table tr td:nth-of-type(5):after {
content: "";
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #0e357f;
top: 50%;
left: 50%;
line-height: 1;
margin-top: -12px;
margin-left: -12px; }
.schedule-box .calender table tr td.none:after {
display: none; }
.button {
margin: 40px auto 0;
text-align: center;
letter-spacing: normal; }
@media only screen and (max-width: 950px) {
.button {
margin: 8% 0 0; } }
.button a, .button div {
display: inline-block;
font-size: 1.5rem;
font-weight: 500;
padding: 1.5rem 4rem;
border: solid 2px #17367A;
background: #FFF;
border-radius: 80px;
cursor: pointer;
min-width: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 950px) {
.button a, .button div {
font-size: 3.7vw;
letter-spacing: -.09em;
padding: 2rem 1em;
min-width: 80%; } }
.button .link__movie span {
padding: .5rem 0 .5rem 3rem;
background: url(/commons/images/renewal2021/common/icon_movie.png) no-repeat 2% center;
background-size: auto 90%; }
.button .link__page span {
padding-right: 2rem;
background: url(/commons/images/renewal2021/common/icon_linkarrow.png) no-repeat right center;
background-size: auto 90%; }
.button .link__tel span {
padding-left: 2rem;
background: url(/commons/images/renewal2021/common/icon_tel.svg) no-repeat left center;
background-size: auto 90%; }
.button .link__contact span {
padding-left: 2rem;
background: url(/commons/images/renewal2021/common/icon_contact.svg) no-repeat left center;
background-size: auto 90%; }
.button .link__pc span {
padding-left: 2rem;
background: url(/commons/images/renewal2021/common/icon_pc.svg) no-repeat left center;
background-size: auto 90%; }
.button--highlight a, .button--highlight div {
background: #4FA9E0;
border-color: #4FA9E0;
color: #FFF; }
.button--highlight .link__page span {
padding-right: 2rem;
background: url(/commons/images/renewal2021/common/icon_linkarrow_w.png) no-repeat right center;
background-size: auto 16px; }
@media only screen and (max-width: 767px) {
#wrap {
background: url(/commons/images/commons/bg_head.png) repeat-x 50% 0;
background-size: 130% 48px;
letter-spacing: 1px; }
header#header:after {
content: "";
display: block;
clear: both; }
header#header .header-in {
text-align: left; }
header#header .header-in .header-logo {
padding: 5px 0 15px 5px; }
header#header .header-in .header-logo .sub_ttl {
display: block;
font-size: 1.0rem;
text-align: center; }
header#header .header-in .header-logo img {
width: 74%;
height: auto; }
header#header .header-in p {
font-size: 0.7rem;
color: #fff;
letter-spacing: 0;
line-height: 1.1;
padding-right: 60px; }
header#header .header-in p br {
display: none; }
header#header .sp-menu {
width: 60px;
height: 50px;
letter-spacing: 0px;
text-align: center;
position: absolute;
top: 0px;
right: 0px;
z-index: 1001;
padding-top: 10px;
font-size: 1rem;
display: block; }
header#header .sp-menu span {
width: 25px;
height: 2px;
background: rgba(13, 52, 125, .5);
border-radius: 2px;
display: block;
margin: 0px auto 6px; }
header#header .sp-menu:after {
font-size: 9px;
font-size: 0.9rem;
content: "メニュー";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center; }
header#header .info-box {
height: 18px;
background: #F3F5F8;
overflow: hidden;
margin: 0 0.8rem 10px;
position: relative; }
header#header .info-box .ttl {
font-size: 1rem;
letter-spacing: 1px;
text-align: center;
line-height: 18px;
background: #E6EBF2;
width: 86px;
position: absolute;
left: 0;
top: 0; }
header#header .info-box .info-body {
padding-left: 86px; }
header#header .info-box .info-body .item {
font-size: 1rem;
height: 18px;
overflow: hidden;
letter-spacing: 1px;
line-height: 18px;
padding: 0px 5px; }
header#header .info-box .info-body .item span {
letter-spacing: 1px; }
header#header .info-box .info-body .item span:after {
content: "-";
opacity: 0.5;
display: inline-block;
margin: 0 2px; }
header#header .info-box .info-body .item a {
display: block;
padding-right: 12px;
position: relative; }
header#header .info-box .info-body .item a:after {
content: '\e800';
text-align: center;
font-family: 'fontello';
position: absolute;
right: 0;
top: 0;
line-height: 18px;
width: 10px; }
.header-nav {
width: 100%;
height: 0;
position: absolute;
background: #0e357f;
color: #fff;
top: 0;
right: 0;
text-align: left;
z-index: -1; }
.header-nav * {
height: 0;
opacity: 0; }
.header-nav ul li {
border-bottom: 1px solid rgba(255, 255, 255, .1); }
.header-nav ul li a {
font-size: 1.5rem;
line-height: 30px;
letter-spacing: 1px;
padding: 10px 20px;
display: block;
color: #fff;
position: relative; }
.header-nav ul li a:before {
content: "\e805";
font-family: 'fontello';
margin-right: 5px; }
.header-nav ul li a:hover {
opacity: 0.5; }
.header-nav ul li a small {
position: absolute;
right: 15px;
font-size: 0.9rem;
top: 50%;
margin-top: -15px;
color: #071E5C; }
.header-nav.on {
height: auto;
z-index: 1000; }
.header-nav.on * {
height: auto;
opacity: 1; }
.header-nav .tel-box {
text-align: center;
color: #0e357f;
background: rgba(255, 255, 255, .85);
margin: 10px 10px 1px;
padding: 10px;
z-index: 1; }
.header-nav .tel-box .tel {
font-size: 1.1rem;
line-height: 1;
letter-spacing: 3px; }
.header-nav .tel-box .tel a {
font-size: 3rem; }
.header-nav .tel-box dl {
font-size: 1rem;
letter-spacing: 1px; }
.header-nav .tel-box dl dd, .header-nav .tel-box dl dt {
font-weight: 300;
display: inline; }
.header-nav .tel-box dl dd {
font-size: 1.1rem; }
.header-nav .tel-box p {
font-size: 1rem;
letter-spacing: 0px;
border-top: 1px solid rgba(13, 52, 125, .2);
padding: 5px 5px 0;
margin-top: 5px; }
.header-nav .tel-box p b {
background: #fff;
font-weight: 300;
display: inline-block;
margin-right: 3px;
padding: 2px 4px 0 4px; }
.header-nav .contact-btn {
margin: 0 10px; }
.header-nav .contact-btn a {
text-align: center;
font-size: 1.5rem;
line-height: 48px;
background: #fff;
display: block; }
.header-nav .contact-btn a i {
font-size: 1.8rem;
margin-right: 5px;
position: relative;
bottom: -3px; }
.header-nav .content-btn {
overflow: hidden;
padding: 20px 5px;
text-align: center; }
.header-nav .content-btn .btn {
width: 25%;
font-size: 1.2rem;
float: left; }
.header-nav .content-btn .btn:nth-of-type(1) a {
line-height: 28px; }
.header-nav .content-btn .btn a {
color: #fff;
line-height: 14px;
display: block; }
.header-nav .content-btn .btn i {
width: 60px;
height: 60px;
border-radius: 50%;
line-height: 60px;
margin: 0 auto 12px;
font-size: 4rem;
color: #0e357f;
background: #fff;
display: block; }
.header-nav .content-btn .btn span {
font-size: 0.9rem;
display: block; }
.header-nav .close-btn {
background: #06205F;
line-height: 40px;
text-align: center; } main.container {
clear: both;
background: #f5f7f9; }
main.container:after {
clear: both;
content: "";
display: block; }
main.container header.container-header {
text-align: center;
padding: 1.5rem 0 .5rem;
position: relative;
background: #fff; }
main.container header.container-header:after {
position: absolute;
left: 0;
bottom: -40px;
bottom: -4rem;
width: 100%;
height: 40px;
height: 4rem;
content: "";
background: url(/commons/images/commons/bg-nami.png) no-repeat 50% 0;
background-size: 150% 28px; }
main.container header.container-header h2 {
font-size: 2rem;
line-height: 1.2;
letter-spacing: 5px;
font-weight: 400;
margin-bottom: .5rem; }
main.container header.container-header small {
display: block;
color: #a0a9c1;
font-size: 0.9rem;
line-height: 1; }
main.container .pankuzu {
padding-top: 3rem;
margin: 0 1rem 1rem;
text-align: right; }
main.container .pankuzu ul li {
font-size: 1.1rem;
line-height: 1.2;
letter-spacing: 1px;
display: inline-block; }
main.container .pankuzu ul li a:after {
content: "\e805";
font-family: "fontello";
margin-left: 6px;
margin-left: .6rem;
display: inline-block;
opacity: 0.5; }
main.container .page-content {
clear: both;
padding-bottom: 2rem; }
main.container .page-content .page-header {
text-align: center;
padding-bottom: 1.5rem; }
main.container .page-content .page-header h3 {
font-size: 1.8rem;
line-height: 1.2;
font-weight: 400; }
main.container .page-content .page-header h3 span {
position: relative; }
main.container .page-content .page-header h3 span:before {
content: "";
width: 15px;
width: 1.5rem;
height: 1px;
background: #a0a9c1;
position: absolute;
left: -20px;
left: -2rem;
top: 50%; }
main.container .page-content .page-header h3 span:after {
content: "";
width: 15px;
width: 1.5rem;
height: 1px;
background: #a0a9c1;
position: absolute;
right: -20px;
right: -2rem;
top: 50%; }
main.container .page-content .page-header small {
color: #a0a9c1;
font-size: 1rem;
letter-spacing: 1px; }
main.container .page-content .page-content-body {
margin: 0 auto;
clear: both; }
.select {
height: 3.6rem;
overflow: hidden;
background: #fff;
border: 1px solid #e7ebf2;
border-radius: 3px;
position: relative; }
.select:after {
width: 26px;
width: 2.6rem;
height: 16px;
height: 1.6rem;
line-height: 16px;
line-height: 1.6rem;
color: #e7ebf2;
text-align: center;
content: "\e800";
font-family: "fontello";
border-left: 1px solid #e7ebf2;
background: #fff;
top: 50%;
margin-top: -8px;
margin-top: -.8rem;
right: 0;
position: absolute; }
.select > select {
width: 130%;
line-height: 3.6rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
border-radius: 0;
border: 0;
margin: 0;
padding: 0 3rem 0 1rem;
background: #fff;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.select > select::-ms-expand {
display: none; }
.select > select:focus {
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none; }
.flow-area .question-btn a {
background: #369fbf !important; }
.online-btn {
margin: 0 .5rem 2rem;
text-align: center; }
.online-btn a {
display: block;
background: #0e357f;
color: #fff;
padding: 2rem 0;
text-align: center;
line-height: 3rem;
position: relative; }
.online-btn a i {
margin-right: .5rem;
font-size: 3rem; }
.content-footer-btn {
margin: 0 auto 1.5rem;
background: #f5f7f9;
padding: 1.5rem 1.5rem 1.5rem; }
.content-footer-btn .btn-ttl {
font-size: 1.3rem;
text-align: center;
margin-bottom: .3rem; }
.content-footer-btn .btn-ttl::before, .content-footer-btn .btn-ttl::after {
content: " - "; }
.content-footer-btn ul li {
padding: 5px; }
.content-footer-btn ul li:nth-of-type(3n+2) {
margin: 0 0.5%; }
.content-footer-btn ul li a {
display: block;
background: #0e357f;
color: #fff;
padding: 20px 0;
text-align: center;
line-height: 30px;
position: relative; }
.content-footer-btn ul li a i {
margin-left: 10px;
font-size: 2rem; }
footer#footer {
background: #3E5D98;
text-align: center;
clear: both; }
footer#footer .inner {
padding: 3rem 1rem 1rem; }
footer#footer .inner:after {
content: "";
display: block;
clear: both; }
footer#footer .inner .footer-content .content-btn {
overflow: hidden;
padding-bottom: 2rem; }
footer#footer .inner .footer-content .content-btn .btn {
letter-spacing: 1px;
width: 25%;
font-size: 1.2rem;
float: left; }
footer#footer .inner .footer-content .content-btn .btn:nth-of-type(1) a {
line-height: 2.8rem; }
footer#footer .inner .footer-content .content-btn .btn a {
color: #fff;
line-height: 1.4rem;
display: block; }
footer#footer .inner .footer-content .content-btn .btn i {
width: 6rem;
height: 6rem;
border-radius: 50%;
line-height: 6rem;
margin: 0 auto 1.2rem;
font-size: 4rem;
color: #0e357f;
background: #fff;
display: block; }
footer#footer .inner .footer-content .content-btn .btn span {
font-size: 0.9rem;
display: block; }
footer#footer .inner .footer-content .tel-box {
color: #fff;
text-align: center;
border-top: 1px solid rgba(255, 255, 255, .3);
padding: 1rem 0 0rem;
margin-bottom: 1.5rem;
clear: both; }
footer#footer .inner .footer-content .tel-box:nth-last-of-type(1) {
border-bottom: 1px solid rgba(255, 255, 255, .3);
padding: 1rem 0 1.5rem; }
footer#footer .inner .footer-content .tel-box.box-last {
height: auto !important; }
footer#footer .inner .footer-content .tel-box .ttl {
font-size: 1rem;
line-height: 1;
text-align: center;
letter-spacing: 1px;
background: #0e357f;
color: #fff;
margin-bottom: .8rem;
padding: .8rem .8rem .4rem;
display: inline-block; }
footer#footer .inner .footer-content .tel-box .tel {
font-size: 1rem;
margin-bottom: .8rem; }
footer#footer .inner .footer-content .tel-box .tel a {
font-size: 3rem;
line-height: 1;
letter-spacing: 3px;
color: #fff; }
footer#footer .inner .footer-content .tel-box .info {
display: inline-block;
text-align: left;
letter-spacing: 1px;
font-size: 1rem;
line-height: 1.3; }
footer#footer .inner .schedule-box .ttl {
color: #fff;
font-size: 1.3rem;
padding-bottom: .8rem; }
footer#footer .inner .schedule-box .ttl span {
font-size: 1.2rem;
display: block; }
footer#footer .inner .schedule-box p {
font-size: 1rem;
text-align: left;
color: #fff; }
footer#footer .inner .schedule-box .calender {
background: #fff;
padding: .5rem;
margin-bottom: .5rem; }
footer#footer .inner .schedule-box .calender table {
width: 100%; }
footer#footer .inner .schedule-box .calender table th {
text-align: center;
font-size: 1.2rem;
line-height: 3rem; }
footer#footer .inner .schedule-box .calender table tr td {
width: 14.3%;
font-size: 1.2rem;
background: #E5EAF2;
text-align: center;
line-height: 3.2rem;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff; }
footer#footer .inner .schedule-box .calender table tr td:nth-of-type(1) {
width: 14.2%;
background: #FDF0E5;
border-right: none; }
footer#footer .inner .schedule-box .calender table tr td:nth-of-type(7) {
background: #CFD7E3; }
footer#footer .inner .banner-box {
text-align: center;
padding: 1rem 0; }
footer#footer .inner .banner-box img {
max-width: 300px;
height: auto; }
footer#footer .inner .banner-box a {
display: block; }
footer#footer .inner .banner-box span {
position: relative;
display: inline-block; }
footer#footer .inner .banner-box span:after {
content: "COMING SOON";
background: rgba(62, 94, 152, .8);
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 65px;
text-align: center; }
footer#footer nav {
padding: 2rem 0;
font-size: 1rem;
background: #F3F5F7;
text-align: center; }
footer#footer .copy {
font-size: 1rem;
letter-spacing: 1px;
padding: 20px 0;
background: #fff; }
.call-btn2 a {
width: 4rem;
height: 4rem;
font-size: 1.6rem;
text-align: center;
line-height: 4rem;
border-radius: 50%;
background: #0e3481;
color: #FFFDC8;
position: fixed;
right: 0.5rem;
bottom: 5.5rem;
z-index: 100; }
.call-btn2 a span {
color: #0e357f;
font-size: .9rem;
position: absolute;
top: -2rem;
line-height: 1rem;
width: 100%;
left: 0;
text-align: center;
letter-spacing: 0; }
.call-btn a {
width: 4rem;
height: 4rem;
font-size: 1.6rem;
text-align: center;
line-height: 4rem;
border-radius: 50%;
background: rgba(13, 52, 125, .8);
color: #fff;
position: fixed;
right: 0.5rem;
bottom: 12rem;
z-index: 100; }
#fbBtn a {
width: 4rem;
height: 4rem;
font-size: 1.6rem;
text-align: center;
line-height: 4rem;
border-radius: 50%;
background: rgba(255, 255, 255, .7);
border: 1px solid rgba(13, 52, 125, .7);
position: fixed;
right: 0.5rem;
bottom: 1rem;
z-index: 100; }
#pgTop a {
border-top: 1px solid rgba(13, 52, 125, .15);
font-size: 1rem;
text-align: center;
line-height: 1.2;
background: #fff;
padding: 0.5rem 0 1rem 0;
display: block; }
#pgTop a i {
display: block;
font-size: 2rem; } }
@font-face {
font-family: 'fontello';
src: url(/commons/font/fontello.eot?59802370);
src: url(/commons/font/fontello.eot?59802370#iefix) format("embedded-opentype"), url(/commons/font/fontello.woff2?59802370) format("woff2"), url(/commons/font/fontello.woff?59802370) format("woff"), url(/commons/font/fontello.ttf?59802370) format("truetype"), url(/commons/font/fontello.svg?59802370#fontello) format("svg");
font-weight: normal;
font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-right: .1em;
margin-left: .1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-d:before {
content: '\e800'; }
.icon-l:before {
content: '\e801'; }
.icon-u:before {
content: '\e802'; }
.icon-thesis:before {
content: '\e803'; }
.icon-tel:before {
content: '\e804'; }
.icon-r:before {
content: '\e805'; }
.icon-recruit:before {
content: '\e806'; }
.icon-column:before {
content: '\e807'; }
.icon-arrow:before {
content: '\e80a'; }
.icon-faq:before {
content: '\e80b'; }
.icon-aftercare:before {
content: '\e80c'; }
.icon-chat:before {
content: '\e80d'; }
.icon-clip:before {
content: '\e80e'; }
.icon-men:before {
content: '\e80f'; }
.icon-women:before {
content: '\e810'; }
.icon-injection:before {
content: '\e811'; }
.icon-phone:before {
content: '\e813'; }
.icon-scope:before {
content: '\e814'; }
.icon-fb:before {
content: '\f09a'; }   html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none; } .remodal,
[data-remodal-id] {
display: none; } .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none; } .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch; }
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: ""; } .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%; }
.remodal-is-initialized { display: inline-block; }   .remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
filter: blur(3px); } .remodal-overlay {
background: rgba(0, 0, 0, .9); }
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes; }
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes; } .remodal-wrapper {
padding: 10px 10px 0; } .remodal {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #fff; }
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards; }
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes; }
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes; } .remodal,
.remodal-wrapper:after {
vertical-align: middle; } .remodal-close {
position: absolute;
top: 0;
right: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
color: #fff;
border: 0;
outline: 0;
background: transparent; }
.remodal-close:hover,
.remodal-close:focus {
color: #333; }
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
right: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center; } .remodal-confirm,
.remodal-cancel {
width: 45px;
height: 45px;
line-height: 45px;
font: inherit;
overflow: visible;
color: #fff;
background: #000;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
position: absolute;
top: 50%;
margin-top: -62px;
border: 0;
outline: 0; }
.remodal-confirm {
right: 35px; }
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #333; }
.remodal-cancel {
left: 35px; }
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #333; } .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0; } @-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0; }
to {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-filter: blur(0);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
filter: blur(0); } }
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0; }
to {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-filter: blur(0);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
filter: blur(0); } }
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
-webkit-filter: blur(0);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
filter: blur(0); } }
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
-webkit-filter: blur(0);
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
filter: blur(0); } }
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1; }
to {
opacity: 0; } } @media only screen and (min-width: 641px) {
.remodal {
max-width: 870px; } }
.remodal img {
max-width: 100%;
height: auto; }
.remodal h4 {
font-size: 2rem;
letter-spacing: 3px;
text-align: center;
padding-top: 30px; }
@media only screen and (max-width: 767px) {
.remodal {
padding: 35px 0 0 0; }
.remodal h4 {
font-size: 1.3rem;
padding: 14px 0; }
.remodal .remodal-confirm {
right: 0px;
bottom: 0;
top: auto;
margin: 0; }
.remodal .remodal-cancel {
left: 0px;
bottom: 0;
top: auto;
margin: 0; } } .lt-ie9 .remodal-overlay {
background: #2b2e38; }
.lt-ie9 .remodal {
width: 870px; }

body {
padding-top: 120px;
}
@media only screen and (max-width: 767px) {
body {
padding-top: 68px;
}
}
main {
padding-bottom: 1px;
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
main {
margin-top: 20px;
}
}
main.container--pink {
background: #FFF2F2;
}
main.container--pink .lpcontents {
color: #7A4809;
}
@media only screen and (min-width: 768px) {
header#header {
height: 140px;
padding: 15px 10px;
}
header#header .sub-nav {
width: 160px;
}
header#header .sub-nav ul {
padding-top: 7px;
}
}
@media only screen and (max-width: 767px) {
footer#footer nav {
line-height: 2.4;
}
}
.d_pc {
display: inline-block;
}
.d_sp {
display: none;
}
@media only screen and (max-width: 414px) {
.d_pc {
display: none;
}
.d_sp {
display: inline-block;
}
}
.floating_button {
position: fixed;
right: 0;
top: 180px;
z-index: 1000;
width: 58px;
border-radius: 4px 0 0 4px;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.floating_button {
display: none;
}
}
.floating_button a {
display: block;
padding: 30px 20px;
font-size: 1.6rem;
background: #013c7c;
color: #FFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
footer#footer .inner .footer-content .tel-box .in-bnr {
display: inline-block;
float: left;
margin-right: 10px;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .tel-box .in-bnr {
float: none;
display: block;
width: 100%;
margin: 0 auto 10px;
}
}
.mb5 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.youtube {
width: 680px;
margin: 50px auto;
}
@media only screen and (max-width: 767px) {
.youtube {
width: 100%;
}
}
.youtube_inner {
width: 100%;
padding-top: 56.25%;
position: relative;
}
.youtube_inner iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.add_links {
width: 690px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.add_links {
width: 90%;
margin: 0 auto 8%;
}
}
.add_links .links_uper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
padding-bottom: 20px;
border-bottom: solid 1px #25498c;
}
@media only screen and (max-width: 767px) {
.add_links .links_uper {
display: block;
padding-bottom: 0;
border-style: none;
}
}
.add_links .links_uper .link {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
font-weight: 400;
position: relative;
}
@media only screen and (max-width: 767px) {
.add_links .links_uper .link {
border: solid 1px #25498c;
margin: 4% auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.add_links .links_uper .link a {
padding: 50px 0;
display: block;
}
@media only screen and (max-width: 767px) {
.add_links .links_uper .link a {
padding: 60px 0;
}
}
.add_links .links_uper .link:first-child::after {
content: "";
display: block;
width: 1px;
height: 90%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: #25498c;
}
@media only screen and (max-width: 767px) {
.add_links .links_uper .link:first-child::after {
display: none;
}
}
.add_links .links_uper .link.link_qa a::before {
content: "";
display: block;
width: 47px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/commons/ico_comment.png) no-repeat center;
background-size: auto 100%;
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: auto;
}
@media only screen and (max-width: 767px) {
.add_links .links_uper .link.link_qa a::before {
top: 20px;
}
}
.add_links .links_uper .link.link_qa a::after {
content: "";
display: block;
width: 30px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/commons/arrow_circle.png) no-repeat center;
background-size: 100% auto;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
margin: auto;
}
@media only screen and (max-width: 767px) {
.add_links .links_uper .link.link_qa a::after {
bottom: 20px;
}
}
.add_links .links_uper .link.link_contact a::before {
content: "";
display: block;
width: 34px;
height: 33px;
background: url(//okuno-y-clinic.com/commons/images/commons/ico_mail.png) no-repeat center;
background-size: auto 100%;
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: auto;
}
@media only screen and (max-width: 767px) {
.add_links .links_uper .link.link_contact a::before {
top: 20px;
}
}
.add_links .links_uper .link.link_contact a::after {
content: "";
display: block;
width: 30px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/commons/arrow_circle.png) no-repeat center;
background-size: 100% auto;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
margin: auto;
}
@media only screen and (max-width: 767px) {
.add_links .links_uper .link.link_contact a::after {
bottom: 20px;
}
}
.add_links .links_bottom {
padding: 20px 0;
}
@media only screen and (max-width: 767px) {
.add_links .links_bottom {
padding: 4% 0;
}
}
.add_links .links_bottom .link_tel {
width: 55%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.add_links .links_bottom .link_tel {
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#256094), to(#013c7c));
background: linear-gradient(to bottom, #256094 0%, #013c7c 100%);
border: solid 2px #FFF;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
padding: 0 5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 80px;
}
}
.add_links .links_bottom .link_tel a {
display: inline-block;
padding: 10px 0 10px 55px;
background: url(//okuno-y-clinic.com/commons/images/commons/ico_tel.png) no-repeat left center;
background-size: 45px auto;
}
@media only screen and (max-width: 767px) {
.add_links .links_bottom .link_tel a {
color: #FFF;
padding: 20px 0 20px 70px;
}
}
.add_links .links_bottom .link_tel a span {
display: block;
font-size: 1.2rem;
font-weight: 400;
}
.add_links .links_bottom .link_tel a img {
width: 320px;
}
@media only screen and (max-width: 767px) {
.add_links .links_bottom .link_tel a img {
width: 95%;
margin: 2% 0;
}
}
.wp-pagenavi {
padding-bottom: 60px;
text-align: center;
font-size: 1.4rem;
}
@media only screen and (max-width: 414px) {
.wp-pagenavi {
padding: 8% 0;
}
}
.wp-pagenavi span, .wp-pagenavi a {
text-align: center;
padding: 0.5em 0.6em;
margin: 0 0.5em;
}
.wp-pagenavi span.nextpostslink, .wp-pagenavi span.previouspostslink, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink {
background: #0e357f;
color: #FFF;
}
.wp-pagenavi span.current, .wp-pagenavi a.current {
border-bottom: solid 1px #0e357f;
}
.page-content .page-content-body dl.step_li {
padding-top: 30px;
margin-top: -30px;
border-style: none;
}
@media only screen and (max-width: 414px) {
.page-content .page-content-body dl.step_li {
padding-top: 5%;
margin-top: -5%;
}
}
.page-content .page-content-body dl.step_li:nth-of-type(4):before {
top: -53px;
z-index: 1;
}
@media only screen and (max-width: 414px) {
.page-content .page-content-body dl.step_li:nth-of-type(4):before {
top: -48px;
top: -3rem;
}
}
.page-content .page-content-body dl.step_li dt {
border: solid 1px #0e357f;
}
.page-content .page-content-body dl.step_li dd {
border-right: solid 1px #0e357f;
border-left: solid 1px #0e357f;
border-bottom: solid 1px #0e357f;
}
.about-area .area-inner:before {
top: -200px !important;
right: 280px;
}
.about-area .area-inner {
width: 1260px;
}
@media only screen and (max-width: 767px) {
.about-area .area-inner {
border-style: none;
width: auto;
width: initial;
}
}
.about-area header {
padding-bottom: 1px;
margin-bottom: 40px;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.about-area header {
border-bottom-style: none;
margin-bottom: 4%;
}
}
.about-area .youtube {
position: relative;
max-width: 740px;
padding-top: 30.6%;
margin: 40px auto 60px;
}
@media only screen and (max-width: 767px) {
.about-area .youtube {
padding-top: 54%;
margin: 4% 2% 6%;
max-width: none;
max-width: initial;
width: 96%;
}
}
.about-area .youtube .player {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.about-area .youtube .thumb {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
z-index: 2;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.about-area .youtube .thumb {
width: 100%;
height: auto;
}
}
.about-area .youtube iframe {
width: 100%;
height: 100%;
}
.hl_ {
text-align: center;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.hl_ {
margin-bottom: 4%;
}
}
.hl_ .jp {
display: block;
font-size: 2.6rem;
font-weight: 400;
line-height: 1.2;
-webkit-margin-after: 3px;
margin-block-end: 3px;
}
.hl_ .en {
display: block;
font-size: 1rem;
color: #a0a9c1;
}
.about_main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.about_main {
display: block;
border-width: 2px;
margin: 0 2%;
}
}
.about_main .col2 {
width: 50%;
position: relative;
}
@media only screen and (max-width: 767px) {
.about_main .col2 {
width: 100%;
}
}
.about_main .col2 a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.about_main .col2 a:hover + .hls {
background: #FFF;
color: #0e357f;
}
.about_main .col2 a:hover + .hls + .col_body {
opacity: 0.7;
}
.about_main .col2 .hls {
text-align: center;
background: #0e357f;
color: #FFF;
padding: 0.5em;
}
.about_main .col2 .hls .jp {
display: block;
font-size: 2.2rem;
font-weight: 400;
}
@media only screen and (max-width: 767px) {
.about_main .col2 .hls .jp {
font-size: 2.4rem;
}
}
.about_main .col2 .hls .en {
display: block;
font-size: 1rem;
color: #a0a9c1;
}
.about_main .col2 .col_body {
padding: 58px 66px;
}
@media only screen and (max-width: 767px) {
.about_main .col2 .col_body {
padding: 10%;
}
}
.about_main .col2 .col_body .link_txt {
background: rgba(255, 255, 255, .8);
font-size: 2.4rem;
line-height: 1.2;
font-weight: 400;
padding: 0.4em 0.5em 0.2em 0.5em;
position: relative;
}
@media only screen and (max-width: 767px) {
.about_main .col2 .col_body .link_txt {
font-size: 1.8rem;
line-height: 1.4;
}
}
.about_main .col2 .col_body .link_txt::after {
content: "";
display: block;
width: 30px;
height: 30px;
background: url(/commons/images/top/arrow_b.png) no-repeat;
background-size: 100% auto;
position: absolute;
right: 4%;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 1;
}
.about_main .col2.col_fnv .col_body {
background: url(/commons/images/top/cover01.jpg) no-repeat center;
background-size: cover;
}
.about_main .col2.col_an .col_body {
background: url(/commons/images/top/cover02.jpg) no-repeat center;
background-size: cover;
}
.about_main .col1 {
width: 100%;
}
.about_main .col1 .hls {
text-align: center;
padding: 0.5em;
position: relative;
margin-bottom: 20px;
}
.about_main .col1 .hls .jp {
color: #0e357f;
display: block;
font-size: 2.2rem;
font-weight: 400;
}
@media only screen and (max-width: 767px) {
.about_main .col1 .hls .jp {
font-size: 2.4rem;
}
}
.about_main .col1 .hls .en {
display: block;
font-size: 1rem;
color: #a0a9c1;
}
@media only screen and (max-width: 767px) {
.about_main .col1 .hls .en {
font-size: 1.3rem;
}
}
.about_main .col1 .case_lists {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: visible;
}
.about_main .col1 .case_lists .c_list {
width: 23%;
border-radius: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.about_main .col1 .case_lists .c_list:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
@media only screen and (max-width: 767px) {
.about_main .col1 .case_lists .c_list {
width: 48%;
margin-bottom: 4%;
}
}
.about_main .col1 .case_lists .c_list.case1 a {
background: url(/commons/images/top/cover03.jpg) no-repeat center;
background-size: cover;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.about_main .col1 .case_lists .c_list.case2 a {
background: url(/commons/images/top/cover04.jpg) no-repeat center;
background-size: cover;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.about_main .col1 .case_lists .c_list.case3 {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.about_main .col1 .case_lists .c_list.case3 a {
background: url(/commons/images/top/cover05.jpg) no-repeat center;
background-size: cover;
}
.about_main .col1 .case_lists .c_list.case4 a {
background: url(/commons/images/top/cover06.jpg) no-repeat center;
background-size: cover;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.about_main .col1 .case_lists .c_list a {
display: block;
text-align: center;
color: #FFF;
font-weight: 400;
padding: 80px 0;
text-align: center;
}
@media only screen and (max-width: 767px) {
.about_main .col1 .case_lists .c_list a {
padding: 25% 0;
}
}
.about_main .col1 .case_lists .c_list a .case_name {
display: inline-block;
border: solid 2px #FFF;
padding: 0.4em 0.5em 0.2em 0.6em;
border-radius: 4px;
font-size: 1.6rem;
-webkit-filter: drop-shadow(0 0 2px rgb(0, 0, 0));
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
filter: drop-shadow(0 0 2px rgb(0, 0, 0));
background: transparent;
margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
.about_main .col1 .case_lists .c_list a .case_name {
font-size: 1.3rem;
}
}
.about_main .col1 .case_lists .c_list a .case_num {
display: block;
font-size: 2rem;
-webkit-filter: drop-shadow(0 0 2px rgb(0, 0, 0));
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
filter: drop-shadow(0 0 2px rgb(0, 0, 0));
}
@media only screen and (max-width: 767px) {
.about_main .col1 .case_lists .c_list a .case_num {
font-size: 1.2rem;
position: relative;
padding-bottom: 1.8em;
}
.about_main .col1 .case_lists .c_list a .case_num::after {
content: "";
width: 20px;
height: 20px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
background: url(/commons/images/top/arrow_w.png) no-repeat center;
background-size: 100% auto;
}
}
.flow-area.renew {
background: #F5F7F9;
padding: 40px 0;
}
.flow-area.renew header {
padding-bottom: 0;
margin-bottom: 30px;
}
.flow-area.renew header h2 {
font-size: 2.2rem;
font-weight: 400;
}
.flow-area.renew ol li {
position: relative;
}
.flow-area.renew ol li:hover {
background: #0e357f;
color: #FFF;
}
.flow-area.renew ol li a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
.contact_area {
padding: 80px 0 40px;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.contact_area {
padding: 0 0 10%;
}
}
.contact_area .inner {
max-width: 1000px;
margin: 0 auto;
border: solid 2px #0e357f;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 40px 50px;
position: relative;
}
@media only screen and (max-width: 767px) {
.contact_area .inner {
max-width: none;
max-width: initial;
border-style: none;
padding: 0;
}
}
.contact_area .inner .hl__ {
padding: 0.5em 1em;
font-size: 2.2rem;
font-weight: 400;
position: absolute;
top: 0;
left: 50%;
background: #FFF;
border: solid 2px #0e357f;
z-index: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
.contact_area .inner .hl__ {
background: #0e357f;
color: #FFF;
position: static;
-webkit-transform: none;
transform: none;
text-align: center;
margin-bottom: 4%;
}
}
.contact_area .inner .lead {
text-align: center;
font-size: 2rem;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.contact_area .inner .lead {
font-size: 1.6rem;
text-align: left;
margin: 0 2% 4%;
}
.contact_area .inner .lead br {
display: none;
}
}
.contact_area .inner .c_btn_l {
text-align: center;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.contact_area .inner .c_btn_l {
margin-bottom: 8%;
}
}
.contact_area .inner .c_btn_l a {
display: inline-block;
background: #e7711b;
border: solid 1px #e7711b;
color: #FFF;
font-size: 2.6rem;
min-width: 660px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50px;
padding: 0.5em;
color: #FFF;
}
.contact_area .inner .c_btn_l a:hover {
background: #FFF;
color: #e7711b;
}
@media only screen and (max-width: 767px) {
.contact_area .inner .c_btn_l a {
min-width: 0;
min-width: initial;
margin: 0 3%;
display: block;
font-size: 2rem;
padding: 1em 0.5em;
}
}
.contact_area .inner .hls__ {
text-align: center;
font-size: 2.2rem;
font-weight: 400;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.contact_area .inner .hls__ {
font-size: 1.8rem;
margin-bottom: 4%;
}
}
.contact_area .inner .hls__ span {
display: inline-block;
padding: 0.5em 0;
min-width: 360px;
border-top: solid 2px #0e357f;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.contact_area .inner .hls__ span {
min-width: 0;
min-width: initial;
padding: 0.5em 2em;
}
}
.contact_area .inner .c_btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.contact_area .inner .c_btns {
display: block;
}
}
.contact_area .inner .c_btns .c_b {
width: 50%;
text-align: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.contact_area .inner .c_btns .c_b {
width: 94%;
margin: 0 auto 6%;
}
}
.contact_area .inner .c_btns .c_b a {
font-size: 2rem;
color: #FFF;
display: inline-block;
padding: 0.8em 0;
width: 95%;
background: -webkit-gradient(linear, left top, left bottom, from(#256094), to(#013c7c));
background: linear-gradient(to bottom, #256094 0%, #013c7c 100%);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
box-shadow: 0 0 10px rgba(0, 0, 0, .6);
border-radius: 50px;
}
@media only screen and (max-width: 767px) {
.contact_area .inner .c_btns .c_b a {
font-size: 1.6rem;
padding: 1em 0.5em;
width: auto;
width: initial;
display: block;
}
}
.contact_area .inner .c_btns .c_b_l {
width: 100%;
text-align: center;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.contact_area .inner .c_btns .c_b_l {
width: 94%;
margin: 0 auto 4%;
}
}
.contact_area .inner .c_btns .c_b_l a {
font-size: 2rem;
color: #FFF;
display: inline-block;
padding: 0.8em 0;
width: 75%;
background: -webkit-gradient(linear, left top, left bottom, from(#256094), to(#013c7c));
background: linear-gradient(to bottom, #256094 0%, #013c7c 100%);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
border-radius: 50px;
}
@media only screen and (max-width: 767px) {
.contact_area .inner .c_btns .c_b_l a {
font-size: 1.4rem;
padding: 1em 0.5em;
width: auto;
display: block;
}
}
.c_footer {
padding: 0 0 40px;
}
@media only screen and (max-width: 767px) {
.c_footer {
padding: 4% 0 10%;
margin: 0 2%;
}
}
.c_footer .inner {
max-width: 1000px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
.c_footer .inner {
max-width: none;
max-width: initial;
display: block;
}
}
.c_footer .inner .fb_widget {
width: 50%;
}
@media only screen and (max-width: 767px) {
.c_footer .inner .fb_widget {
width: 300px;
margin: 0 auto 4%;
}
}
.c_footer .inner .banner-area {
width: 50%;
padding: 0;
}
@media only screen and (max-width: 767px) {
.c_footer .inner .banner-area {
width: 100%;
}
}
.c_footer .inner .banner-area > div {
width: 100%;
padding: 0;
margin-bottom: 20px;
}
.snav {
max-width: 1000px;
margin: 0 auto;
padding: 20px 0 0;
}
@media only screen and (max-width: 767px) {
.snav {
display: none;
}
}
.snav .sub_lists {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.snav .sub_lists .s_list {
margin: 0 0 0 0.5em;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
box-shadow: 0 0 3px rgba(0, 0, 0, .8);
}
.snav .sub_lists .s_list:first-child {
margin-left: auto;
}
.snav .sub_lists .s_list a {
font-size: 1.2rem;
background: #0e357f;
color: #FFF;
padding: 0.4em 1em 0.3em;
display: inline-block;
}
header#header .info-box {
display: none;
}
@media only screen and (max-width: 767px) {
header#header .sp-menu {
background: #0e357f;
width: 68px;
height: 68px;
padding-top: 15px;
position: fixed;
top: 0;
right: 0;
z-index: 10;
}
header#header .sp-menu:after {
color: #FFF;
bottom: 5px;
}
header#header .sp-menu span {
background: #FFF;
}
}
.ftr_btn,
.tel_btn {
display: none;
}
nav.header-nav {
width: 1160px;
}
@media only screen and (max-width: 767px) {
nav.header-nav {
width: auto;
}
}
nav.header-nav .tel-box {
display: none;
height: 140px;
}
@media only screen and (max-width: 767px) {
nav.header-nav .tel-box {
height: auto;
height: initial;
display: block;
}
}
nav.header-nav .tel-box:after {
height: 140px;
}
@media only screen and (max-width: 767px) {
nav.header-nav .tel-box:after {
height: auto;
height: initial;
}
}
nav.header-nav ul {
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
nav.header-nav ul li {
width: auto !important;
}
nav.header-nav ul li:nth-of-type(7):after {
display: block;
}
nav.header-nav ul li:nth-of-type(8):after {
display: none;
}
nav.header-nav ul li a {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
nav.header-nav ul li a {
font-size: 1.3rem;
}
}
@media only screen and (max-width: 320px) {
nav.header-nav ul li a {
font-size: 1.2rem;
}
}
nav.header-nav ul li a small {
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
#pgTop a {
right: 40px;
bottom: 40px;
}
footer#footer .inner .footer-content {
max-width: 1200px;
width: auto;
width: initial;
margin: 0 auto;
float: none;
}
.page-content .info-box .pdf-btn {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.close_btn {
padding: 0.8em 0;
text-align: center;
cursor: pointer;
background: #06205F;
}
.close_btn img {
width: 42px;
height: auto;
}
.home_btn {
font-size: 1.6rem;
width: 50%;
text-align: center;
position: relative;
}
.home_btn::after {
content: "";
width: 1px;
height: 80%;
display: block;
background: rgba(255, 255, 255, .1);
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.media-area header h2,
.info-area header h2 {
font-weight: 400 !important;
font-size: 2.2rem !important;
}
.ftr_btn {
width: 100%;
background: rgba(16, 52, 128, .9);
border-top: solid 1px #FFF;
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ftr_btn a {
width: 50%;
display: block;
padding: 0.5em 0;
text-align: center;
position: relative;
}
.ftr_btn a:first-child::after {
content: "";
width: 1px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: #FFF;
}
.ftr_btn a span {
display: inline-block;
color: #FFF;
font-size: 1.5rem;
line-height: 1.3;
}
.ftr_btn a span .sm {
display: inline-block;
font-size: 1rem;
position: relative;
top: -2px;
}
.ftr_btn a .ico_tel {
display: inline-block;
position: relative;
}
.ftr_btn a .ico_tel::before {
font-size: 25.6px;
font-size: 1.6rem;
color: #FFF;
content: "\e804";
font-family: "fontello";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-right: 0.1em;
margin-left: 0.1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-140%, -50%);
transform: translate(-140%, -50%);
}
.ftr_btn a .ico_tel > span {
position: relative;
top: 4px;
}
.ftr_btn a .ico_chat {
display: inline-block;
position: relative;
}
.ftr_btn a .ico_chat::before {
font-size: 27.2px;
font-size: 1.7rem;
color: #FFF;
content: "\e80d";
font-family: "fontello";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-right: 0.1em;
margin-left: 0.1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-130%, -50%);
transform: translate(-130%, -50%);
}
.ftr_btn .jp {
color: #FFF;
font-size: 1.4rem;
line-height: 1.4;
display: block;
}
.ftr_btn .en {
display: block;
font-size: 1rem;
color: #a0a9c1;
}
nav.header-nav {
position: fixed;
overflow: auto;
height: 100%;
z-index: 10000 !important;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
nav.header-nav.on {
opacity: 1;
pointer-events: all;
height: 100%;
}
nav.header-nav * {
height: auto;
opacity: 1;
}
nav.header-nav ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid rgba(255, 255, 255, .1);
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
nav.header-nav ul li {
width: 50% !important;
text-align: center;
position: relative;
}
nav.header-nav ul li:nth-child(odd)::after {
content: "";
width: 1px;
height: 80%;
display: block;
background: rgba(255, 255, 255, .1);
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
nav.header-nav ul li a {
padding: 0.8em 0;
}
nav.header-nav ul li a::before {
display: none;
}
nav.header-nav ul li a small {
position: static;
display: block;
margin-top: 0.2em;
line-height: 1;
color: #a0a9c1;
}
nav.header-nav ul li a small::after {
content: "\e805";
font-family: "fontello";
margin-left: 0.3em;
}
nav.header-nav ul li.last {
width: 100% !important;
}
nav.header-nav ul li.last::after {
display: none !important;
}
nav.header-nav .tel-box .tel {
display: none;
}
nav.header-nav .tel-box .tel_btn {
display: block;
text-align: center;
margin: 4% 0;
}
nav.header-nav .tel-box .tel_btn a {
display: block;
padding: 0.8em 0;
background: -webkit-gradient(linear, left top, left bottom, from(#256094), to(#013c7c));
background: linear-gradient(to bottom, #256094 0%, #013c7c 100%);
-webkit-box-shadow: 0 0 5px rbga(0, 0, 0, 0.01);
box-shadow: 0 0 5px rbga(0, 0, 0, 0.01);
border-radius: 50px;
}
nav.header-nav .tel-box .tel_btn img {
width: 75%;
height: auto;
}
nav.header-nav .tel-box .contact_btn {
text-align: center;
display: block;
font-size: 1.6rem;
background: #e7711b;
border: solid 1px #e7711b;
color: #FFF;
padding: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 60px;
-webkit-box-shadow: 0 0 5px rbga(0, 0, 0, 0.01);
box-shadow: 0 0 5px rbga(0, 0, 0, 0.01);
margin-bottom: 4%;
}
nav.header-nav .tel-box dl {
font-size: 1.4rem;
}
nav.header-nav .tel-box dl dt, nav.header-nav .tel-box dl dd {
font-size: 1.4rem;
}
}
.more_link {
text-align: right;
font-weight: 400;
letter-spacing: normal;
line-height: 1.4;
font-size: 1.5rem;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.more_link {
font-size: 1.3rem;
margin: 6% 2%;
}
}
.more_link a {
padding-right: 22px;
background: url(/commons/images/top/arrow_sc.png) no-repeat right center;
background-size: auto 15px;
display: inline-block;
} .snav_wrap {
max-width: 1000px;
margin: 0 auto;
position: relative;
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.snav_wrap {
max-width: none;
max-width: initial;
padding-bottom: 0;
}
}
.snav_wrap .cp_bnr {
width: 430px;
position: absolute;
top: 20px;
left: 0;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.snav_wrap .cp_bnr {
width: 50%;
margin: 0 auto 2%;
position: static;
}
}
@media only screen and (max-width: 414px) {
.snav_wrap .cp_bnr {
width: 80%;
}
}
.snav_wrap .cp_bnr img {
width: 100%;
height: auto;
}
#content header#header {
margin-bottom: 0;
} .googlemap_details {
padding: 40px 0 80px;
}
@media only screen and (max-width: 767px) {
.googlemap_details {
padding: 4% 0 8%;
}
}
.googlemap_details .inner {
max-width: 1000px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (max-width: 767px) {
.googlemap_details .inner {
max-width: none;
max-width: initial;
margin: 0 2%;
display: block;
}
}
.googlemap_details .inner .hl_ {
width: 100%;
}
.googlemap_details .review_sc {
border: solid 1px #e7ebf2;
padding: 20px 20px 60px 20px;
width: 48.5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 4%;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc {
width: 100%;
padding: 4%;
}
}
.googlemap_details .review_sc .hls_ {
text-align: center;
font-size: 1.8rem;
line-height: 1.4;
margin-bottom: 20px;
background: #013c7c;
color: #FFF;
font-weight: 400;
padding: 0.5em 0;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .hls_ {
font-size: 1.6rem;
margin-bottom: 2%;
}
}
.googlemap_details .review_sc .more_link {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .more_link {
position: static;
}
}
.googlemap_details .review_sc .total_rating {
font-size: 4rem;
font-weight: 400;
border-bottom: solid 1px #e7ebf2;
padding-bottom: 10px;
margin-bottom: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .total_rating {
font-size: 3rem;
padding-bottom: 1%;
margin-bottom: 4%;
}
}
.googlemap_details .review_sc .total_rating .star {
vertical-align: top;
-webkit-transform: translateY(10px);
transform: translateY(10px);
display: inline-block;
width: 180px;
height: 40px;
margin-left: 10px;
background: url(//okuno-y-clinic.com/commons/images/commons/star_base.png) no-repeat center;
background-size: 180px auto;
position: relative;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .total_rating .star {
width: 120px;
height: 23px;
background-size: 120px auto;
}
}
.googlemap_details .review_sc .total_rating .star .star_result {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: url(//okuno-y-clinic.com/commons/images/commons/star.png) no-repeat left center;
background-size: 180px auto;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .total_rating .star .star_result {
background-size: 120px auto;
}
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="0"] {
width: 0%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="0.1"] {
width: 2%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="0.2"] {
width: 4%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="0.3"] {
width: 6%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="0.4"] {
width: 8%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="0.5"] {
width: 10%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="0.6"] {
width: 12%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="0.7"] {
width: 14%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="0.8"] {
width: 16%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="0.9"] {
width: 18%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="1"] {
width: 20%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="1.1"] {
width: 22%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="1.2"] {
width: 24%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="1.3"] {
width: 26%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="1.4"] {
width: 28%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="1.5"] {
width: 30%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="1.6"] {
width: 32%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="1.7"] {
width: 34%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="1.8"] {
width: 36%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="1.9"] {
width: 38%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="2"] {
width: 40%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="2.1"] {
width: 42%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="2.2"] {
width: 44%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="2.3"] {
width: 46%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="2.4"] {
width: 48%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="2.5"] {
width: 50%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="2.6"] {
width: 52%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="2.7"] {
width: 54%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="2.8"] {
width: 56%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="2.9"] {
width: 58%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="3"] {
width: 60%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="3.1"] {
width: 62%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="3.2"] {
width: 64%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="3.3"] {
width: 66%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="3.4"] {
width: 68%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="3.5"] {
width: 70%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="3.6"] {
width: 72%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="3.7"] {
width: 74%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="3.8"] {
width: 76%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="3.9"] {
width: 78%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="4"] {
width: 80%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="4.1"] {
width: 82%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="4.2"] {
width: 84%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="4.3"] {
width: 86%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="4.4"] {
width: 88%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="4.5"] {
width: 90%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="4.6"] {
width: 92%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="4.7"] {
width: 94%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="4.8"] {
width: 96%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="4.9"] {
width: 98%;
}
.googlemap_details .review_sc .total_rating .star .star_result[data-result="5"] {
width: 100%;
}
.googlemap_details .review_sc .review_feed .r_list {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: solid 1px #e7ebf2;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .review_feed .r_list {
padding-bottom: 4%;
width: 95%;
margin: 0 auto 4%;
}
}
.googlemap_details .review_sc .review_feed .r_list .r_head {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.googlemap_details .review_sc .review_feed .r_list .r_head .rating {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.googlemap_details .review_sc .review_feed .r_list .r_head .r_name {
margin-left: auto;
font-size: 1.4rem;
font-weight: 400;
}
.googlemap_details .review_sc .review_feed .r_list .r_txt {
margin-bottom: 10px;
font-size: 1.8rem;
font-weight: 400;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .review_feed .r_list .r_txt {
margin-bottom: 1%;
font-size: 1.6rem;
}
}
.googlemap_details .review_sc .review_feed .r_list .r_txt.is_active {
height: 10em;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .review_feed .r_list .r_txt.is_active {
height: 10em;
}
}
.googlemap_details .review_sc .review_feed .r_list .r_txt.is_active::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 60%;
z-index: 1;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.googlemap_details .review_sc .review_feed .r_list .r_txt img {
width: 90%;
display: block;
margin: 0 auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .review_feed .r_list .r_txt img {
width: 100%;
}
}
.googlemap_details .review_sc .review_feed .r_list .r_txt .show_btn {
width: 100%;
display: block;
text-align: center;
font-size: 1.2rem;
cursor: pointer;
padding: 0.5em 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
line-height: 1;
}
.googlemap_details .review_sc .review_feed .r_list .r_txt .show_btn span {
display: inline-block;
padding: 0.4em 1em 0.2em;
background: #013c7c;
color: #FFF;
border-radius: 50px;
}
.googlemap_details .review_sc .review_feed .r_list .r_data {
text-align: right;
font-size: 1.2rem;
}
.googlemap_details .review_sc .review_feed .r_list .rating {
font-size: 3.8rem;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .review_feed .r_list .rating {
font-size: 2.4rem;
}
}
.googlemap_details .review_sc .review_feed .r_list .rating .star {
vertical-align: top;
-webkit-transform: translateY(13px);
transform: translateY(13px);
display: inline-block;
width: 150px;
height: 30px;
margin-left: 10px;
background: url(//okuno-y-clinic.com/commons/images/commons/star_base.png) no-repeat center;
background-size: 150px auto;
position: relative;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .review_feed .r_list .rating .star {
margin-left: 1%;
width: 100px;
height: 20px;
background-size: 100px auto;
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
}
.googlemap_details .review_sc .review_feed .r_list .rating .star .star_result {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: url(//okuno-y-clinic.com/commons/images/commons/star.png) no-repeat left center;
background-size: 150px auto;
}
@media only screen and (max-width: 767px) {
.googlemap_details .review_sc .review_feed .r_list .rating .star .star_result {
background-size: 100px auto;
}
}
.googlemap_details .review_sc .review_feed .r_list .rating .star .star_result[data-result="5"] {
width: 100%;
}
.googlemap_details .review_sc .review_feed .r_list .rating .star .star_result[data-result="4"] {
width: 80%;
}
.googlemap_details .review_sc .review_feed .r_list .rating .star .star_result[data-result="3"] {
width: 60%;
}
.googlemap_details .review_sc .review_feed .r_list .rating .star .star_result[data-result="2"] {
width: 40%;
}
.googlemap_details .review_sc .review_feed .r_list .rating .star .star_result[data-result="1"] {
width: 20%;
}
.googlemap_details .review_sc .review_feed .r_list .rating .star .star_result[data-result="0"] {
width: 0;
}
.big_bnr {
max-width: 1000px;
margin: 20px auto;
}
@media only screen and (max-width: 767px) {
.big_bnr {
margin: 4% auto;
}
}
.big_bnr.col2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.big_bnr.col2 {
display: block;
}
}
.big_bnr.col2 a {
display: block;
width: 48%;
padding-top: 10.5%;
}
@media only screen and (max-width: 767px) {
.big_bnr.col2 a {
width: 100%;
padding-top: 21.5%;
margin-bottom: 10px;
}
}
.big_bnr a {
display: block;
width: 100%;
padding-top: 15%;
background: url(//okuno-y-clinic.com/commons/images/lp/kobe/lp_banner.jpg) no-repeat center top;
background-size: 100% auto;
}
.big_bnr a:hover {
opacity: 1;
background-position: center bottom;
}
.big_bnr a.bnr1 {
background: url(//okuno-y-clinic.com/commons/images/lp/shinjuku/bnr_shinjuku_8.jpg) no-repeat center top;
background-size: 100% auto;
}
.big_bnr a.bnr1:hover {
opacity: 1;
background-position: center bottom;
}
.big_bnr a.bnr2 {
background: url(//okuno-y-clinic.com/commons/images/lp/bnr_top.jpg) no-repeat center top;
background-size: 100% auto;
}
.big_bnr a.bnr2:hover {
opacity: 1;
background-position: center bottom;
}
.big_bnr.shinjuku a {
display: block;
width: 100%;
padding-top: 15%;
background: url(//okuno-y-clinic.com/commons/images/lp/shinjuku/lp_bnr.jpg) no-repeat center top;
background-size: 100% auto;
}
.big_bnr.shinjuku a:hover {
opacity: 1;
background-position: center bottom;
}
@media only screen and (max-width: 767px) {
#pgTop a {
width: 60px;
height: 60px;
font-size: 1.8rem;
text-align: center;
letter-spacing: 0;
line-height: 60px;
border-radius: 50%;
background: rgba(13, 52, 125, .7);
color: #fff;
position: fixed;
right: 4%;
bottom: 12%;
z-index: 11;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
pointer-events: none;
}
#pgTop a.is_active {
opacity: 1;
pointer-events: all;
}
#pgTop a .sp {
display: none;
}
#pgTop a i {
line-height: 50px;
}
}
.slide a {
width: 100%;
height: 100%;
display: block;
}
.main-slide2 {
overflow: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s linear;
transition: opacity 0.4s linear;
margin-bottom: 40px;
}
.main-slide2.initialized {
opacity: 1;
overflow: visible;
}
@media only screen and (max-width: 767px) {
.main-slide2 {
margin-bottom: 15%;
}
}
.slick-dots {
margin: 10px 0;
text-align: center;
}
.slick-dots li {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #0e357f;
margin: 0 5px;
opacity: 0.4;
}
@media only screen and (max-width: 767px) {
.slick-dots li {
width: 8px;
height: 8px;
}
}
.slick-dots li.slick-active {
opacity: 1;
}
.slick-dots li button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
text-indent: -9999px;
overflow: hidden;
background: transparent;
}
.list_content {
padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
.list_content {
padding-bottom: 10%;
}
}
.list_content .event_lists {
width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.list_content .event_lists {
width: 92%;
margin: 0 4%;
}
}
.list_content .event_lists .e_list {
background: #FFF;
margin-bottom: 20px;
padding: 40px 40px 40px 10px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.list_content .event_lists .e_list {
padding: 10% 8% 10% 0%;
}
}
.list_content .event_lists .e_list::before {
content: "";
display: block;
width: 15px;
height: 100%;
background: #013c7c;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.list_content .event_lists .e_list::after {
text-align: center;
width: 15px;
font-size: 32px;
font-size: 2rem;
content: "›";
color: #FFF;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.list_content .event_lists .e_list a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.list_content .event_lists .e_list .list_head {
width: 12%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
@media only screen and (max-width: 767px) {
.list_content .event_lists .e_list .list_head {
width: 25%;
}
}
.list_content .event_lists .e_list .list_head .e_year {
font-size: 1.4rem;
margin-bottom: 5px;
}
.list_content .event_lists .e_list .list_head .e_month {
font-size: 2.4rem;
line-height: 1.2;
}
.list_content .event_lists .e_list .list_head .e_month span {
display: block;
font-size: 0.6em;
}
.list_content .event_lists .e_list .list_body {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 20px;
font-size: 1.6rem;
border-left: 1px solid #a0a9c1;
}
@media only screen and (max-width: 767px) {
.list_content .event_lists .e_list .list_body {
padding-left: 4%;
}
}
.list_content .event_lists .e_list .list_body .e_date {
font-size: 2.4rem;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
margin-bottom: 5px;
border-bottom: dashed 1px #a0a9c1;
}
@media only screen and (max-width: 767px) {
.list_content .event_lists .e_list .list_body .e_date {
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 4%;
}
}
.list_content .event_lists .e_list .list_body .e_address {
font-size: 1.4rem;
color: #a0a9c1;
padding-bottom: 10px;
border-bottom: dashed 1px #a0a9c1;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.list_content .event_lists .e_list .list_body .e_address {
font-size: 1.2rem;
line-height: 1.4;
}
}
.list_content .event_lists .e_list .list_body .e_ttl {
font-weight: 500;
}
.list_content .event_lists .e_list .mk {
text-align: center;
padding: 0.2em 0.5em;
background: #b20000;
color: #FFF;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.list_content .event_lists .e_list.disable a {
background: rgba(0, 0, 0, .1);
}
.list_content .event_lists .e_list.disable .mk {
background: #CCC;
color: #666;
}
.list_content .event_lists .e_list.nolink a {
pointer-events: none;
}
.list_content .event_lists .e_list.nolink::before, .list_content .event_lists .e_list.nolink::after {
display: none;
}
.list_content .event_lists .e_list.nolink .list_body .e_ttl .note {
display: block;
font-size: 1.4rem;
font-weight: normal;
color: #a0a9c1;
}
.list_content.type_recruit {
padding-bottom: 0;
}
.list_content.type_recruit .event_lists .e_list {
padding: 40px;
}
.list_content.type_recruit .event_lists .e_list .list_body {
padding-left: 0;
border-left-style: none;
}
.list_content.type_recruit .event_lists .e_list .list_body .e_ttl {
font-size: 1.8rem;
}
.banner-area .img-banner {
margin-bottom: 20px;
}
.banner-area .img-banner a {
border-style: none;
height: auto;
height: initial;
}
.banner-area .img-banner img {
width: 100%;
height: auto;
}
.page-content .page-content-lead {
text-align: center;
margin-bottom: 40px;
}
@media only screen and (max-width:767px) {
.page-content .page-content-lead {
margin: 0 3%;
}
}
.page-content.pd0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ftr_banner {
width: 430px;
margin: 40px auto;
}
@media only screen and (max-width: 767px) {
.ftr_banner {
width: 80%;
margin: 8% auto;
}
}
.ftr_banner img {
width: 100%;
height: auto;
}
.ftr_banner-rows {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 940px;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.ftr_banner-rows {
width: 98%;
}
}
@media only screen and (max-width: 414px) {
.ftr_banner-rows {
display: block;
width: 80%;
}
}
.ftr_banner-rows .col {
width: 430px;
}
@media only screen and (max-width: 767px) {
.ftr_banner-rows .col {
width: 48%;
}
}
@media only screen and (max-width: 414px) {
.ftr_banner-rows .col {
width: 100%;
margin-bottom: 8%;
}
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: auto !important;
width: initial !important;
}
.ui-datepicker {
z-index: 10000000000000000000 !important;
}
.page-content-body.fullscreen {
width: auto !important;
width: initial !important;
}
.menu-box .links {
text-align: right;
margin-top: 0.5em;
letter-spacing: normal;
}
.menu-box .links a {
display: inline-block;
padding: 0.3em 2em;
background: #FFF;
border: solid 1px #a0a9c1;
border-radius: 50px;
} .lpcontents {
margin-bottom: -50px;
}
@media only screen and (max-width: 767px) {
.lpcontents {
margin-bottom: -2rem;
}
}
.lpcontents img {
width: 100%;
height: auto;
}
.lpcontents .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lpcontents .row .col {
width: 50%;
}
.lpcontents .boxs {
background: #FFF;
border-radius: 16px;
color: #013c7c;
font-size: 1.8rem;
line-height: 1.8;
text-align: center;
padding: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents .boxs {
margin: 0 6% 12%;
font-size: 1.6rem;
}
}
.lpcontents--hemorrhoid .faq {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .faq {
margin: 0 6% 12%;
}
}
.lpcontents--hemorrhoid .faq__item {
padding: 30px;
background: #FFF;
border-radius: 16px;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .faq__item {
padding: 6%;
border-radius: 8px;
margin-top: 6%;
}
}
.lpcontents--hemorrhoid .faq__item--q {
font-size: 1.8rem;
color: #0e357f;
font-weight: bold;
padding-left: 1.5em;
position: relative;
border-bottom: solid 1px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .faq__item--q {
font-size: 1.6rem;
}
}
.lpcontents--hemorrhoid .faq__item--q::before {
content: "Q.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--hemorrhoid .faq__item--a {
font-size: 1.6rem;
color: #333;
padding-left: 1.5em;
position: relative;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .faq__item--a {
font-size: 1.5rem;
margin-top: 4%;
}
}
.lpcontents--hemorrhoid .faq__item--a::before {
content: "A.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--hemorrhoid .textlist {
width: 600px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .textlist {
width: 100%;
}
}
.lpcontents--hemorrhoid .textlist__hl {
text-align: center;
padding-top: 65px;
margin-top: 40px;
font-size: 3rem;
line-height: 1.4;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .textlist__hl {
font-size: 1.8rem;
}
}
.lpcontents--hemorrhoid .textlist__hl::before {
content: "";
width: 80px;
height: 56px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/user.jpg) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.lpcontents--hemorrhoid .textlist__hl .sm {
display: block;
font-weight: normal;
font-size: 2rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .textlist__hl .sm {
font-size: 1.6rem;
}
}
.lpcontents--hemorrhoid .textlist__hlss {
font-size: 2rem;
line-height: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .textlist__hlss {
font-size: 1.8rem;
}
}
.lpcontents--hemorrhoid .textlist__hlss span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.5em 1em;
position: relative;
left: -25px;
}
.lpcontents--hemorrhoid .textlist__txtarea {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .textlist__txtarea {
display: block;
}
}
.lpcontents--hemorrhoid .textlist__txtarea--right {
text-align: right;
font-size: 2rem;
font-weight: bold;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .textlist__txtarea--right {
font-size: 1.8rem;
margin-top: 20px;
}
}
.lpcontents--hemorrhoid .textlist__txtarea--right .sm {
display: inline-block;
font-size: 1.5rem;
font-weight: normal;
}
.lpcontents--hemorrhoid .textlist__txtarea--right .sms {
margin-top: 1em;
display: block;
font-size: 1.2rem;
font-weight: normal;
text-align: left;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .textlist__txtarea--right .sms {
font-size: 1.1rem;
}
}
.lpcontents--hemorrhoid .textlist__item {
margin-top: 40px;
padding: 25px;
border: solid 1px #0F3580;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .textlist__item {
margin-top: 20px;
}
}
.lpcontents--hemorrhoid .textlist__item .txt {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .textlist__item .txt {
font-size: 1.6rem;
}
}
.lpcontents--hemorrhoid .textlist__item .txt .hdl {
margin-top: 5px;
}
.lpcontents--hemorrhoid .textlist__item .img {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 20px 0 0 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .textlist__item .img {
margin: 20px 0 0 0;
}
}
.lpcontents--hemorrhoid .contact_btn {
text-align: center;
margin: 60px 0 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .contact_btn {
margin: 60px 20px 0;
}
}
.lpcontents--hemorrhoid .contact_btn a {
display: inline-block;
font-size: 1.6rem;
font-weight: 600;
color: #FFF;
background: #E7701B;
border-radius: 100vh;
padding: 20px;
min-width: 450px;
border-bottom: solid 8px #D06113;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .contact_btn a {
min-width: 0;
min-width: initial;
display: block;
}
}
.lpcontents--hemorrhoid .lpcontents__header {
max-width: 1000px;
margin: 0 auto;
}
.lpcontents--hemorrhoid .lpcontents__ttl {
position: relative;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__ttl {
margin: 0 4%;
}
}
.lpcontents--hemorrhoid .lpcontents__ttl img {
width: 80%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__ttl img {
width: 85%;
}
}
.lpcontents--hemorrhoid .lpcontents__visual {
margin: 30px 0 0;
text-align: center;
}
.lpcontents--hemorrhoid .lpcontents__visual img {
width: 70%;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__visual img {
width: 92%;
}
}
.lpcontents--hemorrhoid .lpcontents__catch {
width: 70%;
margin: 40px auto 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__catch {
width: 92%;
margin: 6% auto 0;
}
}
.lpcontents--hemorrhoid .lpcontents__catch2 {
width: 90%;
margin: 40px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__catch2 {
width: 100%;
margin: 4% 0 0;
}
}
.lpcontents--hemorrhoid .lpcontents__ttls {
background: #FFF;
padding: 20px 0;
border-top: solid 2px #0e357f;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__ttls {
position: relative;
padding: 4% 0;
}
}
.lpcontents--hemorrhoid .lpcontents__ttls span {
display: block;
width: 800px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__ttls span {
width: 73%;
margin: 0 auto;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section__box {
background: #FFF;
padding: 40px 40px 30px;
margin-top: 60px;
border-radius: 16px;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section__box {
padding: 8% 8% 6%;
margin: 12% 4% 0;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section__box--hl {
font-size: 2rem;
padding: 0.3em 1em 0.2em;
background: #0e357f;
color: #FFF;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section__box--hl {
font-size: 1.8rem;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section__box--hls {
font-size: 2.2rem;
text-align: center;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section__box--hls {
font-size: 2rem;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section__box--hls span {
display: inline-block;
font-size: 1.6rem;
font-weight: normal;
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section__box--hls span {
display: block;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section__box .txt {
margin-top: 20px;
}
.lpcontents--hemorrhoid .lpcontents__body .section__hl--bg {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section__hl--bg {
font-size: 1.8rem;
margin: 0 3% 8%;
text-align: center;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section__hl--bg span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 2em;
position: relative;
}
.lpcontents--hemorrhoid .lpcontents__body .section__hl--bg span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--hemorrhoid .lpcontents__body .section__hl--bg2 {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section__hl--bg2 {
font-size: 1.8rem;
margin: 0 3% 8%;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section__hl--bg2 span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 1em 0.3em 2em;
position: relative;
}
.lpcontents--hemorrhoid .lpcontents__body .section__hl--bg2 span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/rheumarthritis/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--hemorrhoid .lpcontents__body .section__hl--small {
font-size: 1.8rem;
text-align: center;
margin-bottom: 20px;
color: #333;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section__hl--small {
font-size: 1.4rem;
margin: 10% 3% 4%;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section__hl--ul {
text-align: center;
font-size: 2.4rem;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section__hl--ul {
font-size: 1.8rem;
margin: 0 0 6%;
line-height: 1.4;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section__hl--ul span {
display: inline-block;
padding-bottom: 10px;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section__hl--ul span {
padding-bottom: 2%;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section01 {
padding-top: 10%;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/spacebg_02.jpg) no-repeat center top, #FFF;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section01 {
padding: 16% 0 10%;
}
.lpcontents--hemorrhoid .lpcontents__body .section01.ml {
padding-left: 6%;
padding-right: 6%;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section02 {
background: #effaff;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .section03 {
padding: 10% 6%;
}
}
.lpcontents--hemorrhoid .lpcontents__body .section04 {
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
color: #FFF;
}
.lpcontents--hemorrhoid .lpcontents__body .section04 .section__hl--ul span {
border-color: #FFF;
}
.lpcontents--hemorrhoid .lpcontents__body .txt {
font-size: 1.6rem;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .txt {
font-size: 1.5rem;
}
}
.lpcontents--hemorrhoid .lpcontents__body .txt strong {
display: inline;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(60%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 60%);
}
.lpcontents--hemorrhoid .lpcontents__body .captions {
margin: 20px 0 auto;
color: #333;
}
.lpcontents--hemorrhoid .lpcontents__body .captions__hl {
font-size: 1.4rem;
text-align: center;
font-weight: bold;
letter-spacing: normal;
}
.lpcontents--hemorrhoid .lpcontents__body .captions__txt {
margin: 10px auto;
width: 80%;
font-size: 1.2rem;
font-family: sans-serif;
letter-spacing: normal;
}
.lpcontents--hemorrhoid .lpcontents__body .row {
margin: 0 20px 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .row {
margin: 0 6% 8%;
display: block;
}
}
.lpcontents--hemorrhoid .lpcontents__body .row .col {
width: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .row .col {
width: auto;
width: initial;
margin-bottom: 8%;
}
}
.lpcontents--hemorrhoid .lpcontents__body .row .col .caps {
font-size: 1.2rem;
margin-top: 5px;
letter-spacing: 0.09em;
}
.lpcontents--hemorrhoid .lpcontents__body .row .col .label {
font-size: 1.4rem;
}
.lpcontents--hemorrhoid .lpcontents__body .row .col .label span {
display: inline-block;
background: #013c7c;
color: #FFF;
padding: 0.2em 0.5em 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .row--pt00 {
margin: 0;
}
}
.lpcontents--hemorrhoid .lpcontents__body .row--pt01 .col:nth-child(1) {
width: 65%;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .row--pt01 .col:nth-child(1) {
width: auto;
width: initial;
}
}
.lpcontents--hemorrhoid .lpcontents__body .row--pt01 .col:nth-child(2) {
width: 35%;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .row--pt01 .col:nth-child(2) {
width: auto;
width: initial;
}
}
.lpcontents--hemorrhoid .lpcontents__body .row--pt01 .col .images {
width: 85%;
margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .row--pt01 .col .images {
width: 60%;
margin: 0 auto 4%;
}
}
.lpcontents--hemorrhoid .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.4rem;
margin-top: 5px;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.1rem;
margin-top: 4%;
}
}
.lpcontents--hemorrhoid .lpcontents__body .row--pt02 {
margin: 40px auto 0;
width: 70%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lpcontents--hemorrhoid .lpcontents__body .row--pt03 {
margin: 40px auto;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .row--pt03 {
display: block;
}
}
.lpcontents--hemorrhoid .lpcontents__body .row--pt03 .col {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .row--pt03 .col {
width: 100%;
}
}
.lpcontents--hemorrhoid .lpcontents__body .box {
padding: 20px;
background: #e0f5ff;
border-radius: 16px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .box {
font-size: 1.5rem;
padding: 6%;
margin: 0 3%;
}
}
.lpcontents--hemorrhoid .lpcontents__body .box__hl {
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__body .box__hl {
font-size: 1.6rem;
}
}
.lpcontents--hemorrhoid .lpcontents__body .box__txt {
margin-top: 5px;
}
.lpcontents--hemorrhoid .lpcontents__body .box__txt + .box__hl {
margin-top: 20px;
}
.lpcontents--hemorrhoid .lpcontents__section {
padding: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--hemorrhoid .lpcontents__section {
padding: 10% 0;
}
}
.lpcontents--hemorrhoid .lpcontents__section--inner {
max-width: 1000px;
margin: 0 auto;
}
.lpcontents--heberden {
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
letter-spacing: 0.05em;
}
.lpcontents--heberden .kv {
max-width: 1400px;
margin: 0 auto;
}
.lpcontents--heberden .dots {
display: inline-block;
line-height: 1;
padding-top: 0.2em;
position: relative;
}
.lpcontents--heberden .dots::before {
content: "";
width: 0.15em;
height: 0.15em;
background: #7A4809;
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.lpcontents--heberden .caseimg {
margin-top: 40px;
padding-bottom: 100px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/dots.png) no-repeat center bottom;
background-size: 16px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .caseimg {
margin-top: 30px;
padding-bottom: 60px;
background-size: 10px auto;
}
}
.lpcontents--heberden .sc01 {
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg.jpg) no-repeat center;
background-size: cover;
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc01 {
margin-top: 0;
padding: 40px 0;
}
}
.lpcontents--heberden .sc01 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc01 .inner {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.lpcontents--heberden .sc02 {
padding-top: 80px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc02 {
padding-top: 40px;
}
}
.lpcontents--heberden .sc02 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc02 .inner {
padding: 0 20px;
}
}
.lpcontents--heberden .sc03 {
background: #FAE2E2;
padding: 80px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc03 {
padding: 40px 0;
}
}
.lpcontents--heberden .sc03 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc03 .inner {
padding: 0 20px;
}
}
.lpcontents--heberden .sc04 {
padding: 100px 0 0;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg_arrow.png) no-repeat center top;
background-size: 1000px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc04 {
padding: 40px 0 0;
}
}
.lpcontents--heberden .sc04 .inner {
max-width: 680px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc04 .inner {
padding: 0 20px;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc04 .contact_btn {
margin-left: 0;
margin-right: 0;
}
}
.lpcontents--heberden .sc05, .lpcontents--heberden .sc06 {
padding-bottom: 40px;
}
.lpcontents--heberden .sc05 .inner, .lpcontents--heberden .sc06 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc05 .inner, .lpcontents--heberden .sc06 .inner {
padding: 0 20px;
}
}
.lpcontents--heberden .sc05 .single_bnr, .lpcontents--heberden .sc06 .single_bnr {
margin: 30px auto;
max-width: 600px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc05 .single_bnr, .lpcontents--heberden .sc06 .single_bnr {
margin: 40px 20px 20px;
}
}
.lpcontents--heberden .sc05 {
padding: 60px 0;
background: #FFF;
}
.lpcontents--heberden .sc06 {
padding: 60px 0 0;
background: #F0F0EE;
}
.lpcontents--heberden .sc06 .inner {
max-width: 1680px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg_w.jpg) no-repeat right bottom;
background-size: 560px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .sc06 .inner {
background: none;
}
}
.lpcontents--heberden .sc06 .bd::after {
background-color: #F0F0EE;
}
.lpcontents--heberden .bd {
display: inline-block;
padding-bottom: 20px;
border-bottom: solid 2px #7A4809;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .bd {
margin-left: 20px;
margin-right: 20px;
}
}
.lpcontents--heberden .bd::before {
content: "";
width: 30px;
height: 2px;
background: #7A4809;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
}
.lpcontents--heberden .bd::after {
content: "";
width: 30px;
height: 2px;
background: #FFF;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
margin-left: -3px;
}
.lpcontents--heberden .fukidashi_list {
margin: 60px auto 0;
max-width: 780px;
}
.lpcontents--heberden .fukidashi_list__item {
background: #FFF;
border-radius: 16px;
padding: 30px 60px;
font-size: 1.8rem;
position: relative;
overflow: visible;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .fukidashi_list__item {
border-radius: 16px;
padding: 30px;
font-size: 1.4rem;
}
}
.lpcontents--heberden .fukidashi_list__item .user {
text-align: right;
margin-top: 5px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .fukidashi_list__item .user {
font-size: 1.4rem;
}
}
.lpcontents--heberden .fukidashi_list__item:nth-child(odd)::after {
content: "";
width: 53px;
height: 50px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/fukidashi_arrow_l.png) no-repeat center top;
background-size: 53px auto;
position: absolute;
left: 80px;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.lpcontents--heberden .fukidashi_list__item:nth-child(even)::after {
content: "";
width: 53px;
height: 50px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/fukidashi_arrow_r.png) no-repeat center top;
background-size: 53px auto;
position: absolute;
right: 80px;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.lpcontents--heberden .list__outer {
margin-top: 30px;
background: #fafafa;
padding: 20px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .list__outer {
padding: 20px;
}
}
.lpcontents--heberden .contact_btn {
text-align: center;
margin: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .contact_btn {
margin: 60px 20px;
}
}
.lpcontents--heberden .contact_btn a {
display: inline-block;
font-size: 1.6rem;
font-weight: 600;
color: #FFF;
background: #E7701B;
border-radius: 100vh;
padding: 20px;
min-width: 450px;
border-bottom: solid 8px #D06113;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .contact_btn a {
min-width: 0;
min-width: initial;
display: block;
}
}
.lpcontents--heberden .cards {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .cards {
display: block;
}
}
.lpcontents--heberden .cards .card {
-webkit-flex-basis: 31.3333%;
-ms-flex-preferred-size: 31.3333%;
flex-basis: 31.3333%;
background: #FFF;
border-radius: 32px;
padding: 30px;
margin: 0 1%;
}
.lpcontents--heberden .cards .card .inner {
padding: 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .cards .card:not(:first-child) {
margin-top: 20px;
}
}
.lpcontents--heberden .cards .card__ttl {
margin-top: 20px;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.3;
}
.lpcontents--heberden .cards a {
display: block;
color: #7A4809;
}
.lpcontents--heberden .cards img {
border-radius: 24px;
}
.lpcontents--heberden .lpcontents__result {
max-width: 1000px;
margin: 100px auto 0;
background: #FFF;
border: solid 2px #734A1A;
border-radius: 8px;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__result {
margin-top: 70px;
}
}
.lpcontents--heberden .lpcontents__result .result__hl {
width: 70%;
text-align: center;
font-size: 3rem;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__result .result__hl {
width: 90%;
font-size: 2rem;
}
}
.lpcontents--heberden .lpcontents__result .result__hl > span {
display: inline-block;
background: #734A1A;
color: #FFF;
padding: 0.2em 2em;
border-radius: 16px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__result .result__hl > span {
padding: 0.2em 1em;
}
}
.lpcontents--heberden .lpcontents__result .result__hl .dots::before {
background: #FFF;
}
.lpcontents--heberden .lpcontents__result .result__hl .lg {
font-size: 4rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__result .result__hl .lg {
font-size: 2.6rem;
}
}
.lpcontents--heberden .lpcontents__result .result__hls {
margin-top: 30px;
font-size: 3rem;
text-align: center;
font-weight: 600;
}
.lpcontents--heberden .lpcontents__result .result__hls span {
display: inline-block;
border-bottom: solid 2px #734A1A;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__result .result__hls {
margin-top: 20px;
font-size: 2rem;
}
}
.lpcontents--heberden .lpcontents__result .result__inner {
padding: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__result .result__inner {
padding: 60px 20px 30px;
}
}
.lpcontents--heberden .lpcontents__result .result__about {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__result .result__about {
display: block;
}
}
.lpcontents--heberden .lpcontents__result .result__about .txtarea {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
font-size: 1.8rem;
margin-right: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__result .result__about .txtarea {
margin: 0;
font-size: 1.4rem;
}
}
.lpcontents--heberden .lpcontents__result .result__about .ph {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.lpcontents--heberden .lpcontents__result .result__about .ph .cap {
margin-top: 5px;
font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__result .result__about .ph {
margin-top: 20px;
}
}
.lpcontents--heberden .lpcontents__hdl {
text-align: center;
font-size: 4rem;
font-weight: 600;
letter-spacing: normal;
}
.lpcontents--heberden .lpcontents__hdl .lg {
font-size: 5rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__hdl .lg {
font-size: 3.2rem;
}
}
.lpcontents--heberden .lpcontents__hdl .mk {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
line-height: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__hdl {
font-size: 2.2rem;
}
}
.lpcontents--heberden .lpcontents__hdls {
text-align: center;
font-size: 2.4rem;
font-weight: 600;
letter-spacing: normal;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__hdls {
font-size: 1.6rem;
}
}
.lpcontents--heberden .lpcontents__hdls .fukidashi {
display: block;
background: #7A4809;
border-radius: 8px;
padding: 10px;
color: #FFF;
margin-top: 40px;
position: relative;
}
.lpcontents--heberden .lpcontents__hdls .fukidashi::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #7A4809;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__hdls .fukidashi span {
display: block;
}
}
.lpcontents--heberden .lpcontents__price {
max-width: 680px;
margin: 80px auto 0;
position: relative;
}
.lpcontents--heberden .lpcontents__price .price__head {
font-size: 1.8rem;
font-weight: 600;
text-align: center;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__price .price__head {
width: 90%;
font-size: 1.6rem;
}
}
.lpcontents--heberden .lpcontents__price .price__headinner {
display: inline-block;
background: #7A4809;
color: #FFF;
padding: 10px 60px;
border-radius: 100vh;
}
.lpcontents--heberden .lpcontents__price .price__head .md {
display: block;
font-weight: normal;
font-size: 1.2rem;
}
.lpcontents--heberden .lpcontents__price .price__body {
background: #FFF;
border: solid 2px #7A4809;
border-radius: 22px;
padding: 65px 40px 20px;
text-align: center;
font-size: 2.4rem;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__price .price__body {
font-size: 1.8rem;
padding: 65px 20px 20px;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__price .price__body span {
display: block;
}
}
.lpcontents--heberden .lpcontents__point {
margin-top: 40px;
padding: 0 20px 40px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg01.png) no-repeat center bottom;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__point {
padding: 0 0 20px;
background-image: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg02.png);
background-size: 86% auto;
}
}
.lpcontents--heberden .lpcontents__point .phs {
width: 80%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__point .phs {
width: 100%;
}
}
.lpcontents--heberden .lpcontents__point .phs .ph {
width: 48%;
}
.lpcontents--heberden .lpcontents__point .cap {
font-size: 1.2rem;
color: #333;
text-align: center;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__point .cap {
text-align: right;
}
}
.lpcontents--heberden .lpcontents__point .points {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__point .points {
display: block;
width: 70%;
margin: 20px auto;
}
}
.lpcontents--heberden .lpcontents__point .points .point {
-webkit-flex-basis: 32%;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__point .points .point:not(:first-child) {
margin-top: 10px;
}
}
.lpcontents--heberden .lpcontents__case {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-top: 20px;
padding: 30px;
background: #FFF;
border-radius: 22px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__case {
display: block;
}
}
.lpcontents--heberden .lpcontents__case .ph {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__case .ph {
width: 100%;
margin-top: 20px;
}
}
.lpcontents--heberden .lpcontents__case .cases {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__case .cases {
margin-left: 0;
}
}
.lpcontents--heberden .lpcontents__case .cases .case {
margin-top: 0;
padding-left: 35px;
font-size: 2rem;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/icon_bad.svg) no-repeat left center;
background-size: auto 85%;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__case .cases .case {
background-size: auto 26px;
font-size: 1.8rem;
line-height: 1.5;
}
}
.lpcontents--heberden .lpcontents__case .cases .case:not(:first-child) {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__case .cases .case:not(:first-child) {
margin-top: 18px;
}
}
.lpcontents--heberden .lpcontents__about {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__about {
display: block;
}
}
.lpcontents--heberden .lpcontents__about .ph {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__about .ph {
margin: 30px 0 0 0;
}
}
.lpcontents--heberden .lpcontents__about .ph .cap {
color: #333;
font-size: 1.2rem;
margin-top: 10px;
}
.lpcontents--heberden .lpcontents__about .txtarea {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.6rem;
}
.lpcontents--heberden .lpcontents__detail {
background: #FFF;
border: solid 2px #7A4809;
border-radius: 8px;
margin-top: 30px;
}
.lpcontents--heberden .lpcontents__detail .detail__inner {
padding: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__detail .detail__inner {
padding: 30px 20px 10px 20px;
}
}
.lpcontents--heberden .lpcontents__detail .detail {
text-align: center;
font-size: 1.6rem;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__detail .detail {
font-size: 1.4rem;
}
}
.lpcontents--heberden .lpcontents__detail .detail strong {
display: inline-block;
font-size: 1.5em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
line-height: 1;
}
.lpcontents--heberden .lpcontents__detail .note {
font-size: 1.4rem;
margin-top: 10px;
}
.lpcontents--heberden .lpcontents__detail .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__detail .phs {
display: block;
}
}
.lpcontents--heberden .lpcontents__detail .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__detail .phs .ph {
margin: 20px auto;
}
}
.lpcontents--heberden .lpcontents__detail .phs .ph .cap {
text-align: center;
font-size: 1.4rem;
color: #333;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__detail .phs .ph .cap {
font-size: 1.4rem;
}
}
.lpcontents--heberden .lpcontents__detail .catch {
background: #7A4809;
color: #FFF;
text-align: center;
padding: 10px 0;
font-size: 2rem;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__detail .catch {
padding: 10px;
font-size: 1.6rem;
}
}
.lpcontents--heberden .lpcontents__header {
max-width: 1000px;
margin: 0 auto;
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__header {
padding-bottom: 0;
}
}
.lpcontents--heberden .lpcontents__ttl {
position: relative;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__ttl {
margin: 0;
}
}
.lpcontents--heberden .lpcontents__ttl img {
width: 80%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__ttl img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__main {
margin-top: 4%;
}
}
.lpcontents--heberden .lpcontents__visual {
margin: 30px 0 0;
text-align: center;
}
.lpcontents--heberden .lpcontents__visual img {
width: 70%;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__visual img {
width: 92%;
}
}
.lpcontents--heberden .lpcontents__catch {
background: #FFF;
padding: 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.lpcontents--heberden .lpcontents__catch .catch_hl {
width: 45%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__catch .catch_hl {
width: 80%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__catch {
width: 100%;
margin: 0 auto;
padding: 6%;
}
}
.lpcontents--heberden .lpcontents__catch .checklist {
width: 70%;
margin: 20px auto 0;
font-size: 2.2rem;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__catch .checklist {
width: 100%;
font-size: 1.8rem;
}
}
.lpcontents--heberden .lpcontents__catch .checklist_item {
text-align: left;
padding: 5px 0 5px 50px;
position: relative;
}
.lpcontents--heberden .lpcontents__catch .checklist_item::before {
content: "";
width: 35px;
height: 35px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/icon_check.png) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.lpcontents--heberden .lpcontents__catch .checklist_item:not(:first-child) {
margin-top: 10px;
}
.lpcontents--heberden .lpcontents__catch .checklist_item strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(55%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 55%);
}
.lpcontents--heberden .lpcontents__catch2 {
background: #FFF;
padding: 0 40px 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.lpcontents--heberden .lpcontents__catch2 .catch_hl {
width: 40%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__catch2 .catch_hl {
width: 75%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__catch2 {
width: 100%;
margin: 0;
padding: 0 6% 6%;
}
}
.lpcontents--heberden .lpcontents__catch2 .catch_hls {
font-size: 2.4rem;
font-weight: bold;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__catch2 .catch_hls {
margin-top: 6%;
font-size: 2rem;
}
}
.lpcontents--heberden .lpcontents__catch2 .catch_hls span {
display: inline-block;
padding: 0.3em 1em;
border-top: solid 1px #0F357F;
border-bottom: solid 1px #0F357F;
}
.lpcontents--heberden .lpcontents__catch2 .txt {
margin-top: 20px;
font-size: 1.6rem;
line-height: 1.7;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__catch2 .txt {
text-align: left;
}
}
.lpcontents--heberden .lpcontents__catch2 .txt strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(55%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 55%);
}
.lpcontents--heberden .lpcontents__catch2 .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
.lpcontents--heberden .lpcontents__catch2 .phs .ph {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 0 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__catch2 .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin: 0 1%;
}
}
.lpcontents--heberden .lpcontents__catch2 .phs .ph .caps {
text-align: left;
margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__catch2 .phs .ph .caps {
font-size: 1.2rem;
}
}
.lpcontents--heberden .lpcontents__ttls {
background: #FFF;
padding: 20px 0;
margin-top: 20px;
border-top: solid 2px #0e357f;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__ttls {
position: relative;
padding: 4% 0;
}
}
.lpcontents--heberden .lpcontents__ttls span {
display: block;
width: 800px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__ttls span {
width: 73%;
margin: 0 auto;
}
}
.lpcontents--heberden .lpcontents__body .section__box {
background: #FFF;
padding: 40px 40px 30px;
margin-top: 60px;
border-radius: 16px;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section__box {
padding: 8% 8% 6%;
margin: 12% 4% 0;
}
}
.lpcontents--heberden .lpcontents__body .section__box--hl {
font-size: 2rem;
padding: 0.3em 1em 0.2em;
background: #0e357f;
color: #FFF;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section__box--hl {
font-size: 1.8rem;
}
}
.lpcontents--heberden .lpcontents__body .section__box--hls {
font-size: 2.2rem;
text-align: center;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section__box--hls {
font-size: 2rem;
}
}
.lpcontents--heberden .lpcontents__body .section__box--hls span {
display: inline-block;
font-size: 1.6rem;
font-weight: normal;
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section__box--hls span {
display: block;
}
}
.lpcontents--heberden .lpcontents__body .section__box .txt {
margin-top: 20px;
}
.lpcontents--heberden .lpcontents__body .section__hl--bg {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section__hl--bg {
font-size: 1.8rem;
margin: 0 3% 8%;
text-align: center;
}
}
.lpcontents--heberden .lpcontents__body .section__hl--bg span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 2em;
position: relative;
}
.lpcontents--heberden .lpcontents__body .section__hl--bg span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--heberden .lpcontents__body .section__hl--bg2 {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section__hl--bg2 {
font-size: 1.8rem;
margin: 0 3% 8%;
}
}
.lpcontents--heberden .lpcontents__body .section__hl--bg2 span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 1em 0.3em 2em;
position: relative;
}
.lpcontents--heberden .lpcontents__body .section__hl--bg2 span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/rheumarthritis/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--heberden .lpcontents__body .section__hl--small {
font-size: 1.8rem;
text-align: center;
margin-bottom: 20px;
color: #333;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section__hl--small {
font-size: 1.4rem;
margin: 10% 3% 4%;
}
}
.lpcontents--heberden .lpcontents__body .section__hl--ul {
text-align: center;
font-size: 2.4rem;
margin-bottom: 40px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section__hl--ul {
font-size: 1.8rem;
margin: 0 0 6%;
line-height: 1.4;
}
}
.lpcontents--heberden .lpcontents__body .section__hl--ul span {
display: inline-block;
padding-bottom: 5px;
border-bottom: solid 2px #7A4809;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section__hl--ul span {
padding-bottom: 2%;
}
}
.lpcontents--heberden .lpcontents__body .section01 {
padding-top: 10%;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/spacebg_02.jpg) no-repeat center top, #FFF;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section01 {
padding: 16% 0 10%;
}
.lpcontents--heberden .lpcontents__body .section01.ml {
padding-left: 6%;
padding-right: 6%;
}
}
.lpcontents--heberden .lpcontents__body .section02 {
background: #effaff;
}
.lpcontents--heberden .lpcontents__body .section03 {
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section03 {
padding: 10% 6%;
}
}
.lpcontents--heberden .lpcontents__body .section04 {
background-image: linear-gradient(-45deg, #FAE2E2 25%, #ffc8c8 25%, #ffc8c8 50%, #FAE2E2 50%, #FAE2E2 75%, #ffc8c8 75%, #ffc8c8);
background-size: 10px 10px;
color: #FFF;
}
.lpcontents--heberden .lpcontents__body .section04 .section__hl--ul {
color: #7A4809;
}
.lpcontents--heberden .lpcontents__body .section04 .section__hl--ul span {
border-color: #7A4809;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .section04 .contact_btn {
margin-left: 20px;
margin-right: 20px;
}
}
.lpcontents--heberden .lpcontents__body .faq {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .faq {
margin: 0 6% 12%;
}
}
.lpcontents--heberden .lpcontents__body .faq__item {
padding: 30px;
background: #FFF;
border-radius: 16px;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .faq__item {
padding: 6%;
border-radius: 8px;
margin-top: 6%;
}
}
.lpcontents--heberden .lpcontents__body .faq__item--q {
font-size: 1.8rem;
color: #7A4809;
font-weight: bold;
padding-left: 1.5em;
position: relative;
border-bottom: solid 1px #7A4809;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .faq__item--q {
font-size: 1.6rem;
}
}
.lpcontents--heberden .lpcontents__body .faq__item--q::before {
content: "Q.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--heberden .lpcontents__body .faq__item--a {
font-size: 1.6rem;
color: #333;
padding-left: 1.5em;
position: relative;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .faq__item--a {
font-size: 1.5rem;
margin-top: 4%;
}
}
.lpcontents--heberden .lpcontents__body .faq__item--a::before {
content: "A.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--heberden .lpcontents__body .faq__spacer {
padding: 20px 0;
font-size: 1.8rem;
margin-top: 20px;
font-weight: bold;
text-align: center;
color: #7A4809;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .faq__spacer {
padding: 4% 0 0;
}
}
.lpcontents--heberden .lpcontents__body .single_bnr {
width: 70%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .single_bnr {
width: 92%;
}
}
.lpcontents--heberden .lpcontents__body .txt {
font-size: 1.6rem;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .txt {
font-size: 1.5rem;
}
}
.lpcontents--heberden .lpcontents__body .txt strong {
display: inline-block;
margin-bottom: 10px;
margin-left: -20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .txt strong {
margin-left: 0;
}
}
.lpcontents--heberden .lpcontents__body .captions {
margin: 20px 0 auto;
color: #333;
}
.lpcontents--heberden .lpcontents__body .captions__hl {
font-size: 1.4rem;
text-align: center;
font-weight: bold;
letter-spacing: normal;
}
.lpcontents--heberden .lpcontents__body .captions__txt {
margin: 10px auto;
width: 80%;
font-size: 1.2rem;
font-family: sans-serif;
letter-spacing: normal;
}
.lpcontents--heberden .lpcontents__body .row {
margin: 0 20px 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .row {
margin: 0 6% 8%;
display: block;
}
}
.lpcontents--heberden .lpcontents__body .row .col {
width: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .row .col {
width: auto;
width: initial;
margin-bottom: 8%;
}
}
.lpcontents--heberden .lpcontents__body .row .col .caps {
font-size: 1.2rem;
margin-top: 5px;
letter-spacing: 0.09em;
}
.lpcontents--heberden .lpcontents__body .row .col .label {
font-size: 1.4rem;
}
.lpcontents--heberden .lpcontents__body .row .col .label span {
display: inline-block;
background: #013c7c;
color: #FFF;
padding: 0.2em 0.5em 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .row--pt00 {
margin: 0;
}
}
.lpcontents--heberden .lpcontents__body .row--pt01 .col:nth-child(1) {
width: 65%;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .row--pt01 .col:nth-child(1) {
width: auto;
width: initial;
}
}
.lpcontents--heberden .lpcontents__body .row--pt01 .col:nth-child(2) {
width: 35%;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .row--pt01 .col:nth-child(2) {
width: auto;
width: initial;
}
}
.lpcontents--heberden .lpcontents__body .row--pt01 .col .images {
width: 85%;
margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .row--pt01 .col .images {
width: 60%;
margin: 0 auto 4%;
}
}
.lpcontents--heberden .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.4rem;
margin-top: 5px;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.1rem;
margin-top: 4%;
}
}
.lpcontents--heberden .lpcontents__body .row--pt02 {
margin: 40px auto 0;
width: 70%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lpcontents--heberden .lpcontents__body .row--pt03 {
margin: 40px auto;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .row--pt03 {
display: block;
}
}
.lpcontents--heberden .lpcontents__body .row--pt03 .col {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .row--pt03 .col {
width: 100%;
}
}
.lpcontents--heberden .lpcontents__body .box {
padding: 20px;
background: #e0f5ff;
border-radius: 16px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .box {
font-size: 1.5rem;
padding: 6%;
margin: 0 3%;
}
}
.lpcontents--heberden .lpcontents__body .box__hl {
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__body .box__hl {
font-size: 1.6rem;
}
}
.lpcontents--heberden .lpcontents__body .box__txt {
margin-top: 5px;
}
.lpcontents--heberden .lpcontents__body .box__txt + .box__hl {
margin-top: 20px;
}
.lpcontents--heberden .lpcontents__section {
padding: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--heberden .lpcontents__section {
padding: 10% 0;
}
}
.lpcontents--heberden .lpcontents__section--inner {
max-width: 960px;
margin: 0 auto;
}
.lpcontents--conditioning .lpcontents__header {
max-width: 1000px;
margin: 0 auto;
}
.lpcontents--conditioning .lpcontents__ttlarea {
padding: 4% 0 4% 50%;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__ttlarea {
padding: 35% 8% 4%;
}
}
.lpcontents--conditioning .lpcontents__ttlarea::before {
content: "";
width: 60%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
background: url(/commons/images/lp/conditioning/visual.jpg) no-repeat center bottom;
background-size: auto 100%;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__ttlarea::before {
width: 100%;
}
}
.lpcontents--conditioning .lpcontents__ttlarea .ttlarea__inner {
background: rgba(255, 255, 255, .8);
border-radius: 8px;
padding: 8%;
}
.lpcontents--conditioning .lpcontents__ttl {
margin-bottom: 4%;
}
.lpcontents--conditioning .lpcontents__body .section00 {
background: #0d3580;
position: relative;
padding: 30px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .section00 {
padding: 8% 3%;
}
}
.lpcontents--conditioning .lpcontents__body .section00::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #0d3580;
}
.lpcontents--conditioning .lpcontents__body .section00 .ttls {
width: 55%;
max-width: 720px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .section00 .ttls {
width: 100%;
max-width: none;
max-width: initial;
}
}
.lpcontents--conditioning .lpcontents__body .section01 {
background: #FFF;
}
.lpcontents--conditioning .lpcontents__body .section02 {
background: #effaff;
padding-top: 80px;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .section02 {
padding-top: 12%;
padding-bottom: 0;
}
}
.lpcontents--conditioning .lpcontents__body .section03 {
padding-top: 10%;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/spacebg_02.jpg) no-repeat center top, #FFF;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .section03 {
padding: 16% 0 10%;
}
}
.lpcontents--conditioning .lpcontents__body .section04 {
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
color: #FFF;
text-align: center;
}
.lpcontents--conditioning .lpcontents__body .section04 .txt_tel {
width: 40%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .section04 .txt_tel {
width: 80%;
}
}
.lpcontents--conditioning .lpcontents__body .section04 .txt_tel a {
display: block;
}
.lpcontents--conditioning .lpcontents__body .section04 .notice {
font-size: 1.2rem;
margin-top: 20px;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .section04 .notice {
margin: 4% 6% 0;
}
}
.lpcontents--conditioning .lpcontents__body .section04 .txt {
font-size: 1.6rem;
font-weight: bold;
margin-top: 20px;
letter-spacing: normal;
}
.lpcontents--conditioning .lpcontents__body .section__hl--bg {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .section__hl--bg {
font-size: 1.8rem;
margin: 0 3% 8%;
}
}
.lpcontents--conditioning .lpcontents__body .section__hl--bg span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 2em;
position: relative;
}
.lpcontents--conditioning .lpcontents__body .section__hl--bg span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--conditioning .lpcontents__body .section__hl--small {
font-size: 1.8rem;
text-align: center;
margin-bottom: 20px;
color: #333;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .section__hl--small {
font-size: 1.4rem;
margin: 10% 3% 4%;
}
}
.lpcontents--conditioning .lpcontents__body .section__hl--line {
text-align: center;
font-size: 2.4rem;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .section__hl--line {
font-size: 1.8rem;
margin: 0 0 6%;
line-height: 1.4;
}
}
.lpcontents--conditioning .lpcontents__body .section__hl--line span {
display: inline-block;
padding: 10px 0;
border-top: solid 2px #0e357f;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .section__hl--line span {
padding-bottom: 2%;
}
}
.lpcontents--conditioning .lpcontents__body .list__about {
max-width: 760px;
margin: 40px auto 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .list__about {
margin: 6% 6% 0;
}
}
.lpcontents--conditioning .lpcontents__body .list__item {
font-size: 2rem;
line-height: 1.3;
text-align: center;
background: #e6eaf2;
padding: 10px 10px 6px;
letter-spacing: normal;
border-bottom: solid 4px #0d3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .list__item {
font-size: 1.6rem;
}
.lpcontents--conditioning .lpcontents__body .list__item br {
display: none;
}
}
.lpcontents--conditioning .lpcontents__body .list__item:not(:last-child) {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .list__item:not(:last-child) {
margin-bottom: 4%;
}
}
.lpcontents--conditioning .lpcontents__body .concept__hl {
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .concept__hl {
margin: 0 3%;
}
}
.lpcontents--conditioning .lpcontents__body .concept__hl .bg {
display: inline-block;
font-size: 3.7rem;
font-weight: bold;
background: #0d3580;
color: #FFF;
padding: 0.1em 0.3em 0;
margin-bottom: 0.3em;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .concept__hl .bg {
font-size: 1.8rem;
padding: 0.1em 0 0;
}
}
.lpcontents--conditioning .lpcontents__body .concept__hl .sm {
display: inline-block;
font-size: 2.2rem;
font-weight: bold;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__body .concept__hl .sm {
font-size: 1.5rem;
margin-top: 0.5em;
}
}
.lpcontents--conditioning .lpcontents__section {
padding: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .lpcontents__section {
padding: 10% 0;
}
}
.lpcontents--conditioning .lpcontents__section--inner {
max-width: 1000px;
margin: 0 auto;
}
.lpcontents--conditioning .lpcontents__section--inner2 {
max-width: 1280px;
margin: 0 auto;
}
.lpcontents--conditioning .row--person {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .row--person {
display: block;
}
}
.lpcontents--conditioning .row--person .col {
width: 28%;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .row--person .col {
width: auto;
width: initial;
margin: 0 6%;
}
}
.lpcontents--conditioning .row--person .col .pharea {
padding-right: 60px;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .row--person .col .pharea {
padding-right: 30%;
}
}
.lpcontents--conditioning .row--person .col .txtarea {
width: 95%;
background: rgba(255, 255, 255, .8);
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
min-height: 16.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .row--person .col .txtarea {
min-height: 0;
min-height: initial;
}
}
.lpcontents--conditioning .row--person .col .txtarea .name_jp {
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .row--person .col .txtarea .name_jp {
font-size: 1.6rem;
}
}
.lpcontents--conditioning .row--person .col .txtarea .name_jp .position {
font-size: 1.4rem;
margin-right: 1em;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .row--person .col .txtarea .name_jp .position {
font-size: 1.2rem;
}
}
.lpcontents--conditioning .row--person .col .txtarea .message {
font-size: 1.6rem;
letter-spacing: normal;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .row--person .col .txtarea .message {
font-size: 1.4rem;
}
}
.lpcontents--conditioning .step {
padding: 120px 0;
margin-top: -40px;
background: url(/commons/images/lp/conditioning/line.jpg) no-repeat center;
background-size: auto 100%;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step {
background: none;
padding: 4% 6%;
margin-top: 0;
margin-bottom: 12%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__list {
margin-bottom: 4%;
}
}
.lpcontents--conditioning .step__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: visible;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__item {
display: block;
}
}
.lpcontents--conditioning .step__item .txtarea {
-webkit-box-flex: 0.89;
-webkit-flex: 0.89;
-ms-flex: 0.89;
flex: 0.89;
letter-spacing: 0.09em;
}
.lpcontents--conditioning .step__item .pharea {
width: 40%;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__item .pharea {
width: 100%;
margin-top: 4%;
}
}
.lpcontents--conditioning .step__item .pharea img {
display: block;
}
.lpcontents--conditioning .step__item .pharea .ph02 {
width: 70%;
margin-top: 10%;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__item .pharea .ph02 {
width: 80%;
margin-top: 0;
}
}
.lpcontents--conditioning .step__item .pharea .ph03 {
width: 40%;
margin-left: auto;
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__item .pharea .ph03 {
width: 40%;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
}
.lpcontents--conditioning .step__item .pharea .ph04 {
width: 40%;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__item .pharea .ph04 {
width: 50%;
}
}
.lpcontents--conditioning .step__item .pharea .ph05 {
width: 65%;
margin-left: auto;
-webkit-transform: translateY(-40%);
transform: translateY(-40%);
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__item .pharea .ph05 {
width: 70%;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
}
.lpcontents--conditioning .step__item .pharea .ph06 {
width: 55%;
margin: 0 auto;
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__item .pharea .ph06 {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.lpcontents--conditioning .step__item:not(:last-child) {
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__item:not(:last-child) {
margin-bottom: 12%;
}
}
.lpcontents--conditioning .step__item:nth-child(odd) .pharea {
margin-left: auto;
}
.lpcontents--conditioning .step__item:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.lpcontents--conditioning .step__item:nth-child(even) .pharea {
margin-right: auto;
}
.lpcontents--conditioning .step__num {
width: 88px;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__num {
width: 70px;
margin: 0 auto;
}
}
.lpcontents--conditioning .step__hl {
font-size: 2rem;
font-weight: bold;
margin-top: 1em;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__hl {
text-align: center;
border-bottom: solid 1px #0b2960;
}
}
.lpcontents--conditioning .step__txt {
font-size: 1.6rem;
line-height: 1.7;
margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .step__txt {
letter-spacing: normal;
margin-top: 4%;
}
}
.lpcontents--conditioning .step__txt strong {
color: #e7711a;
}
.lpcontents--conditioning .price {
max-width: 380px;
font-size: 3.3rem;
margin: 0 auto;
}
@media only screen and (max-width: 414px) {
.lpcontents--conditioning .price {
margin: 0 6%;
}
}
.lpcontents--conditioning .price__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.lpcontents--conditioning .price__item .item {
width: 25%;
text-align: center;
font-size: 2rem;
background: #e6eaf2;
border-radius: 50px;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .price__item .item {
font-size: 1.6rem;
}
}
.lpcontents--conditioning .price__item .value {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .price__item .value {
font-size: 3.8rem;
}
}
.lpcontents--conditioning .price__item .value .small {
font-size: 2rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--conditioning .price__item .value .small {
font-size: 1.4rem;
}
}
.lpcontents--sapporo {
background: url(//okuno-y-clinic.com/commons/images/lp/sapporo/bg_sapporo.jpg) no-repeat center top;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo {
background-image: url(//okuno-y-clinic.com/commons/images/lp/sapporo/bg_sapporo_sp.jpg);
}
}
.lpcontents--sapporo .lpcontents__header {
max-width: 680px;
margin: 0 auto;
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo .lpcontents__header {
padding: 8% 0 6%;
}
}
.lpcontents--sapporo .lpcontents__header .lead {
background: rgba(255, 255, 255, .8);
border-radius: 8px;
padding: 40px;
font-size: 1.6rem;
text-align: center;
font-weight: 500;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo .lpcontents__header .lead {
margin: 0 3%;
}
}
.lpcontents--sapporo .lpcontents__body {
max-width: 1000px;
margin: 0 auto;
padding: 60px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo .lpcontents__body {
margin: 0 3%;
padding: 6%;
}
}
.lpcontents--sapporo .lpcontents__body .hl {
background: #013B7C;
text-align: center;
color: #FFF;
padding: 0.5em 1em;
font-size: 2.1rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo .lpcontents__body .hl {
font-size: 1.8rem;
}
}
.lpcontents--sapporo .lpcontents__body .hl + .txts {
margin-top: 30px;
line-height: 2;
}
.lpcontents--sapporo .lpcontents__body .tables {
margin-top: 20px;
font-size: 1.6rem;
text-align: center;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
}
.lpcontents--sapporo .lpcontents__body .tables__head {
background: #fafafa;
}
.lpcontents--sapporo .lpcontents__body .tables__head .tables__item {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo .lpcontents__body .tables__head .tables__item {
padding: 0.5em;
}
}
.lpcontents--sapporo .lpcontents__body .tables__head .tables__value {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo .lpcontents__body .tables__head .tables__value {
padding: 0.5em;
}
}
.lpcontents--sapporo .lpcontents__body .tables__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lpcontents--sapporo .lpcontents__body .tables__item {
width: 260px;
padding: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo .lpcontents__body .tables__item {
width: 40%;
padding: 1.5em 0.5em;
}
}
.lpcontents--sapporo .lpcontents__body .tables__value {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.lpcontents--sapporo .lpcontents__body .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
}
.lpcontents--sapporo .lpcontents__body .phs .ph {
-webkit-flex-basis: 24%;
-ms-flex-preferred-size: 24%;
flex-basis: 24%;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo .lpcontents__body .phs .ph {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
.lpcontents--sapporo .lpcontents__body .txts {
text-align: center;
margin-top: 60px;
font-size: 1.6rem;
line-height: 2.4;
}
.lpcontents--sapporo .lpcontents__body .txts strong {
font-size: 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo .lpcontents__body .txts {
margin-top: 8%;
}
}
.lpcontents--sapporo .lpcontents__body .txts .btn {
display: inline-block;
padding: 0.5em 6em;
border: solid 1px #013B7C;
margin: 1em 0;
border-radius: 50px;
}
.lpcontents--sapporo .lpcontents__body .btn {
margin: 60px auto;
max-width: 450px;
}
@media only screen and (max-width: 767px) {
.lpcontents--sapporo .lpcontents__body .btn {
margin: 12% auto;
}
}
.lpcontents--tenjin {
background-size: 100% auto;
margin: -40px 0 -20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin {
margin-top: -20px;
}
}
.lpcontents--tenjin .lpcontents__header {
max-width: 680px;
margin: 0 auto;
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin .lpcontents__header {
padding: 8% 0 6%;
}
}
.lpcontents--tenjin .lpcontents__header .lead {
background: rgba(255, 255, 255, .8);
border-radius: 8px;
padding: 40px;
font-size: 1.6rem;
text-align: center;
font-weight: 500;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin .lpcontents__header .lead {
margin: 0 3%;
}
}
.lpcontents--tenjin .lpcontents__body {
max-width: 1000px;
margin: 0 auto;
padding: 60px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin .lpcontents__body {
margin: 0 3%;
padding: 6%;
}
}
.lpcontents--tenjin .lpcontents__body .hl {
background: #013B7C;
text-align: center;
color: #FFF;
padding: 0.5em 1em;
font-size: 2.1rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin .lpcontents__body .hl {
font-size: 1.8rem;
}
}
.lpcontents--tenjin .lpcontents__body .hl + .txts {
margin-top: 30px;
line-height: 2;
}
.lpcontents--tenjin .lpcontents__body .tables {
margin-top: 20px;
font-size: 1.6rem;
text-align: center;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
}
.lpcontents--tenjin .lpcontents__body .tables__head {
background: #fafafa;
}
.lpcontents--tenjin .lpcontents__body .tables__head .tables__item {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin .lpcontents__body .tables__head .tables__item {
padding: 0.5em;
}
}
.lpcontents--tenjin .lpcontents__body .tables__head .tables__value {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin .lpcontents__body .tables__head .tables__value {
padding: 0.5em;
}
}
.lpcontents--tenjin .lpcontents__body .tables__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lpcontents--tenjin .lpcontents__body .tables__item {
width: 260px;
padding: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin .lpcontents__body .tables__item {
width: 40%;
padding: 1.5em 0.5em;
}
}
.lpcontents--tenjin .lpcontents__body .tables__value {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.lpcontents--tenjin .lpcontents__body .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
}
.lpcontents--tenjin .lpcontents__body .phs .ph {
-webkit-flex-basis: 49%;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin .lpcontents__body .phs .ph {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.lpcontents--tenjin .lpcontents__body .txts {
text-align: center;
margin-top: 60px;
font-size: 1.6rem;
line-height: 2.4;
}
.lpcontents--tenjin .lpcontents__body .txts strong {
font-size: 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin .lpcontents__body .txts {
margin-top: 8%;
}
}
.lpcontents--tenjin .lpcontents__body .txts .btn {
display: inline-block;
padding: 0.5em 6em;
border: solid 1px #013B7C;
margin: 1em 0;
border-radius: 50px;
}
.lpcontents--tenjin .lpcontents__body .btn {
margin: 60px auto;
max-width: 450px;
}
@media only screen and (max-width: 767px) {
.lpcontents--tenjin .lpcontents__body .btn {
margin: 12% auto;
}
}
.lpcontents--hakata {
background: url(//okuno-y-clinic.com/commons/images/lp/hakata/bg_hakata.jpg) no-repeat center top;
background-size: 100% auto;
margin: -40px 0 -20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata {
background-image: url(//okuno-y-clinic.com/commons/images/lp/hakata/bg_hakata_sp.jpg);
margin-top: -20px;
}
}
.lpcontents--hakata .lpcontents__header {
max-width: 680px;
margin: 0 auto;
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata .lpcontents__header {
padding: 8% 0 6%;
}
}
.lpcontents--hakata .lpcontents__header .lead {
background: rgba(255, 255, 255, .8);
border-radius: 8px;
padding: 40px;
font-size: 1.6rem;
text-align: center;
font-weight: 500;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata .lpcontents__header .lead {
margin: 0 3%;
}
}
.lpcontents--hakata .lpcontents__body {
max-width: 1000px;
margin: 0 auto;
padding: 60px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata .lpcontents__body {
margin: 0 3%;
padding: 6%;
}
}
.lpcontents--hakata .lpcontents__body .hl {
background: #013B7C;
text-align: center;
color: #FFF;
padding: 0.5em 1em;
font-size: 2.1rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata .lpcontents__body .hl {
font-size: 1.8rem;
}
}
.lpcontents--hakata .lpcontents__body .hl + .txts {
margin-top: 30px;
line-height: 2;
}
.lpcontents--hakata .lpcontents__body .tables {
margin-top: 20px;
font-size: 1.6rem;
text-align: center;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
}
.lpcontents--hakata .lpcontents__body .tables__head {
background: #fafafa;
}
.lpcontents--hakata .lpcontents__body .tables__head .tables__item {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata .lpcontents__body .tables__head .tables__item {
padding: 0.5em;
}
}
.lpcontents--hakata .lpcontents__body .tables__head .tables__value {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata .lpcontents__body .tables__head .tables__value {
padding: 0.5em;
}
}
.lpcontents--hakata .lpcontents__body .tables__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lpcontents--hakata .lpcontents__body .tables__item {
width: 260px;
padding: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata .lpcontents__body .tables__item {
width: 40%;
padding: 1.5em 0.5em;
}
}
.lpcontents--hakata .lpcontents__body .tables__value {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.lpcontents--hakata .lpcontents__body .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
}
.lpcontents--hakata .lpcontents__body .phs .ph {
-webkit-flex-basis: 19%;
-ms-flex-preferred-size: 19%;
flex-basis: 19%;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata .lpcontents__body .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin-bottom: 4%;
}
.lpcontents--hakata .lpcontents__body .phs .ph:first-child {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.lpcontents--hakata .lpcontents__body .txts {
text-align: center;
margin-top: 60px;
font-size: 1.6rem;
line-height: 2.4;
}
.lpcontents--hakata .lpcontents__body .txts strong {
font-size: 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata .lpcontents__body .txts {
margin-top: 8%;
}
}
.lpcontents--hakata .lpcontents__body .txts .btn {
display: inline-block;
padding: 0.5em 6em;
border: solid 1px #013B7C;
margin: 1em 0;
border-radius: 50px;
}
.lpcontents--hakata .lpcontents__body .btn {
margin: 60px auto;
max-width: 450px;
}
@media only screen and (max-width: 767px) {
.lpcontents--hakata .lpcontents__body .btn {
margin: 12% auto;
}
}
.lpcontents--sendai {
background: url(//okuno-y-clinic.com/commons/images/lp/sendai/bg_sendai.jpg) no-repeat center top;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai {
background-image: url(//okuno-y-clinic.com/commons/images/lp/sendai/bg_sendai_sp.jpg);
}
}
.lpcontents--sendai .lpcontents__header {
max-width: 680px;
margin: 0 auto;
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai .lpcontents__header {
padding: 8% 0 6%;
}
}
.lpcontents--sendai .lpcontents__header .lead {
background: rgba(255, 255, 255, .8);
border-radius: 8px;
padding: 40px;
font-size: 1.6rem;
text-align: center;
font-weight: 500;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai .lpcontents__header .lead {
margin: 0 3%;
}
}
.lpcontents--sendai .lpcontents__body {
max-width: 1000px;
margin: 0 auto;
padding: 60px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai .lpcontents__body {
margin: 0 3%;
padding: 6%;
}
}
.lpcontents--sendai .lpcontents__body .hl {
background: #013B7C;
text-align: center;
color: #FFF;
padding: 0.5em 1em;
font-size: 2.1rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai .lpcontents__body .hl {
font-size: 1.8rem;
}
}
.lpcontents--sendai .lpcontents__body .hl + .txts {
margin-top: 30px;
line-height: 2;
}
.lpcontents--sendai .lpcontents__body .tables {
margin-top: 20px;
font-size: 1.6rem;
text-align: center;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
}
.lpcontents--sendai .lpcontents__body .tables__head {
background: #fafafa;
}
.lpcontents--sendai .lpcontents__body .tables__head .tables__item {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai .lpcontents__body .tables__head .tables__item {
padding: 0.5em;
}
}
.lpcontents--sendai .lpcontents__body .tables__head .tables__value {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai .lpcontents__body .tables__head .tables__value {
padding: 0.5em;
}
}
.lpcontents--sendai .lpcontents__body .tables__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lpcontents--sendai .lpcontents__body .tables__item {
width: 260px;
padding: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai .lpcontents__body .tables__item {
width: 40%;
padding: 1.5em 0.5em;
}
}
.lpcontents--sendai .lpcontents__body .tables__value {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.lpcontents--sendai .lpcontents__body .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
}
.lpcontents--sendai .lpcontents__body .phs .ph {
-webkit-flex-basis: 24%;
-ms-flex-preferred-size: 24%;
flex-basis: 24%;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai .lpcontents__body .phs .ph {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
.lpcontents--sendai .lpcontents__body .txts {
text-align: center;
margin-top: 60px;
font-size: 1.6rem;
line-height: 2.4;
}
.lpcontents--sendai .lpcontents__body .txts strong {
font-size: 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai .lpcontents__body .txts {
margin-top: 8%;
}
}
.lpcontents--sendai .lpcontents__body .txts .btn {
display: inline-block;
padding: 0.5em 6em;
border: solid 1px #013B7C;
margin: 1em 0;
border-radius: 50px;
}
.lpcontents--sendai .lpcontents__body .btn {
margin: 60px auto;
max-width: 450px;
}
@media only screen and (max-width: 767px) {
.lpcontents--sendai .lpcontents__body .btn {
margin: 12% auto;
}
}
.lpcontents--miyazaki {
background: url(//okuno-y-clinic.com/commons/images/lp/miyazaki/bg_miyazaki.jpg) no-repeat center top;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki {
background-image: url(//okuno-y-clinic.com/commons/images/lp/miyazaki/bg_miyazaki_sp.jpg);
}
}
.lpcontents--miyazaki .lpcontents__header {
max-width: 680px;
margin: 0 auto;
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki .lpcontents__header {
padding: 8% 0 6%;
}
}
.lpcontents--miyazaki .lpcontents__header .lead {
background: rgba(255, 255, 255, .8);
border-radius: 8px;
padding: 40px;
font-size: 1.6rem;
text-align: center;
font-weight: 500;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki .lpcontents__header .lead {
margin: 0 3%;
}
}
.lpcontents--miyazaki .lpcontents__body {
max-width: 1000px;
margin: 0 auto;
padding: 60px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki .lpcontents__body {
margin: 0 3%;
padding: 6%;
}
}
.lpcontents--miyazaki .lpcontents__body .hl {
background: #013B7C;
text-align: center;
color: #FFF;
padding: 0.5em 1em;
font-size: 2.1rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki .lpcontents__body .hl {
font-size: 1.8rem;
}
}
.lpcontents--miyazaki .lpcontents__body .hl + .txts {
margin-top: 30px;
line-height: 2;
}
.lpcontents--miyazaki .lpcontents__body .tables {
margin-top: 20px;
font-size: 1.6rem;
text-align: center;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
}
.lpcontents--miyazaki .lpcontents__body .tables__head {
background: #fafafa;
}
.lpcontents--miyazaki .lpcontents__body .tables__head .tables__item {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki .lpcontents__body .tables__head .tables__item {
padding: 0.5em;
}
}
.lpcontents--miyazaki .lpcontents__body .tables__head .tables__value {
padding: 0.5em 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki .lpcontents__body .tables__head .tables__value {
padding: 0.5em;
}
}
.lpcontents--miyazaki .lpcontents__body .tables__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lpcontents--miyazaki .lpcontents__body .tables__item {
width: 260px;
padding: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki .lpcontents__body .tables__item {
width: 40%;
padding: 1.5em 0.5em;
}
}
.lpcontents--miyazaki .lpcontents__body .tables__value {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 1.5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.lpcontents--miyazaki .lpcontents__body .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
}
.lpcontents--miyazaki .lpcontents__body .phs .ph {
-webkit-flex-basis: 19%;
-ms-flex-preferred-size: 19%;
flex-basis: 19%;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki .lpcontents__body .phs .ph {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.lpcontents--miyazaki .lpcontents__body .phs .ph:first-child {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.lpcontents--miyazaki .lpcontents__body .txts {
text-align: center;
margin-top: 60px;
font-size: 1.6rem;
line-height: 2.4;
}
.lpcontents--miyazaki .lpcontents__body .txts strong {
font-size: 1.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki .lpcontents__body .txts {
margin-top: 8%;
}
}
.lpcontents--miyazaki .lpcontents__body .txts .btn {
display: inline-block;
padding: 0.5em 6em;
border: solid 1px #013B7C;
margin: 1em 0;
border-radius: 50px;
}
.lpcontents--miyazaki .lpcontents__body .btn {
margin: 60px auto;
max-width: 450px;
}
@media only screen and (max-width: 767px) {
.lpcontents--miyazaki .lpcontents__body .btn {
margin: 12% auto;
}
}
.lpcontents--stiff {
letter-spacing: 0.05em;
}
.lpcontents--stiff .kv {
max-width: 1400px;
margin: 0 auto;
}
.lpcontents--stiff .dots {
display: inline-block;
line-height: 1;
padding-top: 0.2em;
position: relative;
}
.lpcontents--stiff .dots::before {
content: "";
width: 0.15em;
height: 0.15em;
background: #0F3580;
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.lpcontents--stiff .caseimg {
margin-top: 40px;
padding-bottom: 100px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/dots.png) no-repeat center bottom;
background-size: 16px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .caseimg {
margin: 10px -20px 0;
padding-bottom: 60px;
background-size: 10px auto;
}
}
.lpcontents--stiff .sc01 {
background: url(//okuno-y-clinic.com/commons/images/lp/stiff//bg.jpg) no-repeat center;
background-size: cover;
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .sc01 {
margin-top: 0;
padding: 40px 0;
}
}
.lpcontents--stiff .sc01 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .sc01 .inner {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.lpcontents--stiff .sc02 {
padding-top: 80px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .sc02 {
padding-top: 40px;
}
}
.lpcontents--stiff .sc02 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .sc02 .inner {
padding: 0 20px;
}
}
.lpcontents--stiff .sc03 {
background: #FAE2E2;
padding: 80px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .sc03 {
padding: 40px 0;
}
}
.lpcontents--stiff .sc03 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .sc03 .inner {
padding: 0 20px;
}
}
.lpcontents--stiff .sc04 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .sc04 .inner {
padding: 0 20px;
}
}
.lpcontents--stiff .sc05, .lpcontents--stiff .sc06 {
padding-bottom: 40px;
}
.lpcontents--stiff .sc05 .inner, .lpcontents--stiff .sc06 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .sc05 .inner, .lpcontents--stiff .sc06 .inner {
padding: 0 20px;
}
}
.lpcontents--stiff .sc05 .single_bnr, .lpcontents--stiff .sc06 .single_bnr {
margin: 30px auto;
max-width: 600px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .sc05 .single_bnr, .lpcontents--stiff .sc06 .single_bnr {
margin: 40px 20px 20px;
}
}
.lpcontents--stiff .sc05 {
padding: 60px 0;
background: #FFF;
}
.lpcontents--stiff .sc06 {
padding: 60px 0;
background: #F0F0EE;
}
.lpcontents--stiff .sc06 .bd::after {
background-color: #F0F0EE;
}
.lpcontents--stiff .textlist__hl {
text-align: center;
padding-top: 65px;
margin-top: 40px;
font-size: 3rem;
line-height: 1.4;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .textlist__hl {
font-size: 1.8rem;
}
}
.lpcontents--stiff .textlist__hl::before {
content: "";
width: 80px;
height: 56px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/user.jpg) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.lpcontents--stiff .textlist__hl .sm {
display: block;
font-weight: normal;
font-size: 2rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .textlist__hl .sm {
font-size: 1.6rem;
}
}
.lpcontents--stiff .textlist__hlss {
font-size: 2rem;
line-height: 1;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .textlist__hlss {
font-size: 1.8rem;
}
}
.lpcontents--stiff .textlist__hlss span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.5em 1em;
position: relative;
left: -25px;
}
.lpcontents--stiff .textlist__txtarea {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .textlist__txtarea {
display: block;
}
}
.lpcontents--stiff .textlist__txtarea--right {
text-align: right;
font-size: 2rem;
font-weight: bold;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .textlist__txtarea--right {
font-size: 1.8rem;
margin-top: 20px;
}
}
.lpcontents--stiff .textlist__txtarea--right .sm {
display: inline-block;
font-size: 1.5rem;
font-weight: normal;
}
.lpcontents--stiff .textlist__item {
margin-top: 40px;
padding: 25px;
border: solid 1px #0F3580;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .textlist__item {
margin-top: 20px;
}
}
.lpcontents--stiff .textlist__item .txt {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .textlist__item .txt {
font-size: 1.6rem;
}
}
.lpcontents--stiff .textlist__item .txt .hdl {
margin-top: 5px;
}
.lpcontents--stiff .textlist__item .img {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 20px 0 0 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .textlist__item .img {
margin: 20px 0 0 0;
}
}
.lpcontents--stiff .bd {
min-width: 680px;
display: inline-block;
padding-bottom: 20px;
border-bottom: solid 2px #0F3580;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .bd {
min-width: 0;
min-width: initial;
margin-left: 20px;
margin-right: 20px;
}
}
.lpcontents--stiff .bd::before {
content: "";
width: 30px;
height: 2px;
background: #0F3580;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
}
.lpcontents--stiff .bd::after {
content: "";
width: 30px;
height: 2px;
background: #FFF;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
margin-left: -3px;
}
.lpcontents--stiff .cause__hdl {
font-size: 3rem;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding-left: 3em;
font-weight: bold;
line-height: 1.4;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/icon_cause.png) no-repeat left center;
background-size: 70px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cause__hdl {
font-size: 1.8rem;
background-size: 50px auto;
}
}
.lpcontents--stiff .cause__movies {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cause__movies {
display: block;
}
}
.lpcontents--stiff .cause__movies .movie {
margin: 0;
width: 48%;
padding-top: 27.25%;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cause__movies .movie {
width: 100%;
padding-top: 56.25%;
}
.lpcontents--stiff .cause__movies .movie:not(:first-child) {
margin-top: 20px;
}
}
.lpcontents--stiff .cause__movies .movie iframe {
position: absolute;
top: 0;
left: 0;
}
.lpcontents--stiff .cause__check {
margin-top: 40px;
position: relative;
padding: 35px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cause__check {
padding: 35px 10px;
}
}
.lpcontents--stiff .cause__check::before {
content: "";
width: 70px;
height: 70px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/icon_check.png) no-repeat center;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}
.lpcontents--stiff .cause__check_inner {
border: solid 2px #0F3580;
padding: 35px;
border-radius: 16px;
background: #FFF;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cause__check_inner {
padding: 45px 20px;
display: block;
}
}
.lpcontents--stiff .cause__check_inner--left {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cause__check_inner--left {
margin-right: 0;
}
}
.lpcontents--stiff .cause__check_inner--right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cause__check_inner--right {
margin-top: 20px;
}
}
.lpcontents--stiff .cause__check .cause__hl {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cause__check .cause__hl {
font-size: 1.8rem;
}
}
.lpcontents--stiff .cause__check .causelist {
margin-top: 20px;
}
.lpcontents--stiff .cause__check .causelist__item {
padding-left: 1.2em;
position: relative;
font-size: 1.9rem;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cause__check .causelist__item {
font-size: 1.4rem;
}
}
.lpcontents--stiff .cause__check .causelist__item::before {
content: "◎";
position: absolute;
left: 0;
top: 1px;
}
.lpcontents--stiff .cause__check .causeph .caption {
font-size: 1.2rem;
margin-top: 5px;
}
.lpcontents--stiff .cause__check .causeph:not(:first-child) {
margin-top: 10px;
}
.lpcontents--stiff .media_gallery {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .media_gallery {
margin-top: 20px;
}
}
.lpcontents--stiff .media_gallery__item {
-webkit-flex-basis: 19%;
-ms-flex-preferred-size: 19%;
flex-basis: 19%;
margin-bottom: 1%;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .media_gallery__item {
-webkit-flex-basis: 49%;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
}
}
.lpcontents--stiff .fukidashi_list {
margin: 60px auto 0;
max-width: 780px;
}
.lpcontents--stiff .fukidashi_list__item {
background: #FFF;
border-radius: 16px;
padding: 30px 60px;
font-size: 1.8rem;
position: relative;
overflow: visible;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .fukidashi_list__item {
border-radius: 16px;
padding: 30px;
font-size: 1.4rem;
}
}
.lpcontents--stiff .fukidashi_list__item .user {
text-align: right;
margin-top: 5px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .fukidashi_list__item .user {
font-size: 1.4rem;
}
}
.lpcontents--stiff .fukidashi_list__item:nth-child(odd)::after {
content: "";
width: 53px;
height: 50px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/fukidashi_arrow_l.png) no-repeat center top;
background-size: 53px auto;
position: absolute;
left: 80px;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.lpcontents--stiff .fukidashi_list__item:nth-child(even)::after {
content: "";
width: 53px;
height: 50px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/fukidashi_arrow_r.png) no-repeat center top;
background-size: 53px auto;
position: absolute;
right: 80px;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.lpcontents--stiff .list__outer {
margin-top: 30px;
background: #fafafa;
padding: 20px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .list__outer {
padding: 20px;
}
}
.lpcontents--stiff .contact_btn {
text-align: center;
margin: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .contact_btn {
margin: 60px 20px;
}
}
.lpcontents--stiff .contact_btn a {
display: inline-block;
font-size: 1.6rem;
font-weight: 600;
color: #FFF;
background: #E7701B;
border-radius: 100vh;
padding: 20px;
min-width: 450px;
border-bottom: solid 8px #D06113;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .contact_btn a {
min-width: 0;
min-width: initial;
display: block;
}
}
.lpcontents--stiff .cards {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cards {
display: block;
}
}
.lpcontents--stiff .cards .card {
-webkit-flex-basis: 31.3333%;
-ms-flex-preferred-size: 31.3333%;
flex-basis: 31.3333%;
background: #FFF;
border-radius: 32px;
padding: 30px;
margin: 0 1%;
}
.lpcontents--stiff .cards .card .inner {
padding: 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .cards .card:not(:first-child) {
margin-top: 20px;
}
}
.lpcontents--stiff .cards .card__ttl {
margin-top: 20px;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.3;
}
.lpcontents--stiff .cards a {
display: block;
color: #0F3580;
}
.lpcontents--stiff .cards img {
border-radius: 24px;
}
.lpcontents--stiff .lpcontents__result {
max-width: 1000px;
margin: 100px auto 0;
background: #FFF;
border-radius: 8px;
position: relative;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/cause_bg.jpg) no-repeat center;
background-size: cover;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result {
margin-top: 70px;
}
}
.lpcontents--stiff .lpcontents__result .result__hl {
width: 70%;
text-align: center;
font-size: 3rem;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__hl {
width: 95%;
font-size: 1.8rem;
}
}
.lpcontents--stiff .lpcontents__result .result__hl > span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.2em 2em;
border-radius: 16px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__hl > span {
padding: 0.2em 1em;
}
}
.lpcontents--stiff .lpcontents__result .result__hl .dots::before {
background: #FFF;
}
.lpcontents--stiff .lpcontents__result .result__hl .lg {
font-size: 4rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__hl .lg {
font-size: 2.6rem;
}
}
.lpcontents--stiff .lpcontents__result .result__hls {
margin-top: 30px;
font-size: 2.6rem;
text-align: center;
font-weight: 600;
}
.lpcontents--stiff .lpcontents__result .result__hls span {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__hls {
margin-top: 20px;
font-size: 1.6rem;
}
}
.lpcontents--stiff .lpcontents__result .result__hlss {
margin-top: 20px;
font-size: 2rem;
text-align: center;
font-weight: 600;
line-height: 2.4;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__hlss {
margin-top: 0;
font-size: 1.5rem;
}
}
.lpcontents--stiff .lpcontents__result .result__hlss span {
display: inline-block;
border-bottom: solid 1px #0F3580;
}
.lpcontents--stiff .lpcontents__result .result__ph {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__ph {
margin-top: 20px;
}
}
.lpcontents--stiff .lpcontents__result .result__ph .ph:nth-child(1) {
-webkit-flex-basis: 434px;
-ms-flex-preferred-size: 434px;
flex-basis: 434px;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__ph .ph:nth-child(1) {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
margin-right: 0;
}
}
.lpcontents--stiff .lpcontents__result .result__ph .ph:nth-child(2) {
-webkit-flex-basis: 185px;
-ms-flex-preferred-size: 185px;
flex-basis: 185px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__ph .ph:nth-child(2) {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
}
.lpcontents--stiff .lpcontents__result .result__inner {
padding: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__inner {
padding: 60px 20px 30px;
}
}
.lpcontents--stiff .lpcontents__result .result__about {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__about {
display: block;
}
}
.lpcontents--stiff .lpcontents__result .result__about .txtarea {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
font-size: 1.8rem;
margin-right: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__about .txtarea {
margin: 0;
font-size: 1.4rem;
}
}
.lpcontents--stiff .lpcontents__result .result__about .ph {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.lpcontents--stiff .lpcontents__result .result__about .ph .cap {
margin-top: 5px;
font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__result .result__about .ph {
margin-top: 20px;
}
}
.lpcontents--stiff .lpcontents__hdl {
text-align: center;
font-size: 4rem;
font-weight: 600;
letter-spacing: normal;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.lpcontents--stiff .lpcontents__hdl .lg {
font-size: 5rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__hdl .lg {
font-size: 3.2rem;
}
}
.lpcontents--stiff .lpcontents__hdl .mk {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
line-height: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__hdl {
font-size: 2.2rem;
}
}
.lpcontents--stiff .lpcontents__hdls {
text-align: center;
font-size: 2.4rem;
font-weight: 600;
letter-spacing: normal;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__hdls {
font-size: 1.6rem;
}
}
.lpcontents--stiff .lpcontents__hdls .fukidashi {
display: block;
background: #0F3580;
border-radius: 8px;
padding: 10px;
color: #FFF;
margin-top: 40px;
position: relative;
}
.lpcontents--stiff .lpcontents__hdls .fukidashi::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__hdls .fukidashi span {
display: block;
}
}
.lpcontents--stiff .lpcontents__price {
max-width: 680px;
margin: 80px auto 0;
position: relative;
}
.lpcontents--stiff .lpcontents__price .price__head {
font-size: 1.8rem;
font-weight: 600;
text-align: center;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__price .price__head {
width: 90%;
font-size: 1.6rem;
}
}
.lpcontents--stiff .lpcontents__price .price__headinner {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 10px 60px;
border-radius: 100vh;
}
.lpcontents--stiff .lpcontents__price .price__head .md {
display: block;
font-weight: normal;
font-size: 1.2rem;
}
.lpcontents--stiff .lpcontents__price .price__body {
background: #FFF;
border: solid 2px #0F3580;
border-radius: 22px;
padding: 65px 40px 20px;
text-align: center;
font-size: 2.4rem;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__price .price__body {
font-size: 1.8rem;
padding: 65px 20px 20px;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__price .price__body span {
display: block;
}
}
.lpcontents--stiff .lpcontents__point {
margin-top: 40px;
padding: 0 20px 40px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg01.png) no-repeat center bottom;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__point {
padding: 0 0 20px;
background-image: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg02.png);
background-size: 86% auto;
}
}
.lpcontents--stiff .lpcontents__point .phs {
width: 80%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__point .phs {
width: 100%;
}
}
.lpcontents--stiff .lpcontents__point .phs .ph {
width: 48%;
}
.lpcontents--stiff .lpcontents__point .cap {
font-size: 1.2rem;
color: #333;
text-align: center;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__point .cap {
text-align: right;
}
}
.lpcontents--stiff .lpcontents__point .points {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__point .points {
display: block;
width: 70%;
margin: 20px auto;
}
}
.lpcontents--stiff .lpcontents__point .points .point {
-webkit-flex-basis: 32%;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__point .points .point:not(:first-child) {
margin-top: 10px;
}
}
.lpcontents--stiff .lpcontents__case {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-top: 20px;
padding: 30px;
background: #FFF;
border-radius: 22px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__case {
display: block;
}
}
.lpcontents--stiff .lpcontents__case .ph {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__case .ph {
width: 100%;
margin-top: 20px;
}
}
.lpcontents--stiff .lpcontents__case .cases {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__case .cases {
margin-left: 0;
}
}
.lpcontents--stiff .lpcontents__case .cases .case {
margin-top: 0;
padding-left: 35px;
font-size: 2rem;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/icon_bad.svg) no-repeat left center;
background-size: auto 85%;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__case .cases .case {
background-size: auto 26px;
font-size: 1.8rem;
line-height: 1.5;
}
}
.lpcontents--stiff .lpcontents__case .cases .case:not(:first-child) {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__case .cases .case:not(:first-child) {
margin-top: 18px;
}
}
.lpcontents--stiff .lpcontents__about {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__about {
display: block;
}
}
.lpcontents--stiff .lpcontents__about .ph {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__about .ph {
margin: 30px 0 0 0;
}
}
.lpcontents--stiff .lpcontents__about .ph .cap {
color: #333;
font-size: 1.2rem;
margin-top: 10px;
}
.lpcontents--stiff .lpcontents__about .txtarea {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.6rem;
}
.lpcontents--stiff .lpcontents__detail {
background: #FFF;
border: solid 2px #0F3580;
border-radius: 8px;
margin-top: 30px;
}
.lpcontents--stiff .lpcontents__detail .detail__inner {
padding: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__detail .detail__inner {
padding: 30px 20px 10px 20px;
}
}
.lpcontents--stiff .lpcontents__detail .detail {
text-align: center;
font-size: 1.6rem;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__detail .detail {
font-size: 1.4rem;
}
}
.lpcontents--stiff .lpcontents__detail .detail strong {
display: inline-block;
font-size: 1.5em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
line-height: 1;
}
.lpcontents--stiff .lpcontents__detail .note {
font-size: 1.4rem;
margin-top: 10px;
}
.lpcontents--stiff .lpcontents__detail .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__detail .phs {
display: block;
}
}
.lpcontents--stiff .lpcontents__detail .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__detail .phs .ph {
margin: 20px auto;
}
}
.lpcontents--stiff .lpcontents__detail .phs .ph .cap {
text-align: center;
font-size: 1.4rem;
color: #333;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__detail .phs .ph .cap {
font-size: 1.4rem;
}
}
.lpcontents--stiff .lpcontents__detail .catch {
background: #0F3580;
color: #FFF;
text-align: center;
padding: 10px 0;
font-size: 2rem;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__detail .catch {
padding: 10px;
font-size: 1.6rem;
}
}
.lpcontents--stiff .lpcontents__header {
max-width: 1000px;
margin: 0 auto;
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__header {
padding-bottom: 0;
}
}
.lpcontents--stiff .lpcontents__ttl {
position: relative;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__ttl {
margin: 0;
}
}
.lpcontents--stiff .lpcontents__ttl img {
width: 80%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__ttl img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__main {
margin-top: 4%;
}
}
.lpcontents--stiff .lpcontents__visual {
margin: 30px 0 0;
text-align: center;
}
.lpcontents--stiff .lpcontents__visual img {
width: 70%;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__visual img {
width: 92%;
}
}
.lpcontents--stiff .lpcontents__catch {
background: #FFF;
padding: 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.lpcontents--stiff .lpcontents__catch .catch_hl {
width: 45%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__catch .catch_hl {
width: 80%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__catch {
width: 100%;
margin: 0 auto;
padding: 6%;
}
}
.lpcontents--stiff .lpcontents__catch .checklist {
width: 70%;
margin: 20px auto 0;
font-size: 2.2rem;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__catch .checklist {
width: 100%;
font-size: 1.8rem;
}
}
.lpcontents--stiff .lpcontents__catch .checklist_item {
text-align: left;
padding: 5px 0 5px 50px;
position: relative;
}
.lpcontents--stiff .lpcontents__catch .checklist_item::before {
content: "";
width: 35px;
height: 35px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/icon_check.png) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.lpcontents--stiff .lpcontents__catch .checklist_item:not(:first-child) {
margin-top: 10px;
}
.lpcontents--stiff .lpcontents__catch .checklist_item strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(55%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 55%);
}
.lpcontents--stiff .lpcontents__catch2 {
background: #FFF;
padding: 0 40px 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.lpcontents--stiff .lpcontents__catch2 .catch_hl {
width: 40%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__catch2 .catch_hl {
width: 75%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__catch2 {
width: 100%;
margin: 0;
padding: 0 6% 6%;
}
}
.lpcontents--stiff .lpcontents__catch2 .catch_hls {
font-size: 2.4rem;
font-weight: bold;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__catch2 .catch_hls {
margin-top: 6%;
font-size: 2rem;
}
}
.lpcontents--stiff .lpcontents__catch2 .catch_hls span {
display: inline-block;
padding: 0.3em 1em;
border-top: solid 1px #0F357F;
border-bottom: solid 1px #0F357F;
}
.lpcontents--stiff .lpcontents__catch2 .txt {
margin-top: 20px;
font-size: 1.6rem;
line-height: 1.7;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__catch2 .txt {
text-align: left;
}
}
.lpcontents--stiff .lpcontents__catch2 .txt strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(55%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 55%);
}
.lpcontents--stiff .lpcontents__catch2 .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
.lpcontents--stiff .lpcontents__catch2 .phs .ph {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 0 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__catch2 .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin: 0 1%;
}
}
.lpcontents--stiff .lpcontents__catch2 .phs .ph .caps {
text-align: left;
margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__catch2 .phs .ph .caps {
font-size: 1.2rem;
}
}
.lpcontents--stiff .lpcontents__ttls {
background: #FFF;
padding: 20px 0;
margin-top: 20px;
border-top: solid 2px #0e357f;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__ttls {
position: relative;
padding: 4% 0;
}
}
.lpcontents--stiff .lpcontents__ttls span {
display: block;
width: 800px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__ttls span {
width: 73%;
margin: 0 auto;
}
}
.lpcontents--stiff .lpcontents__body .section__box {
background: #FFF;
padding: 40px 40px 30px;
margin-top: 60px;
border-radius: 16px;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section__box {
padding: 8% 8% 6%;
margin: 12% 4% 0;
}
}
.lpcontents--stiff .lpcontents__body .section__box--hl {
font-size: 2rem;
padding: 0.3em 1em 0.2em;
background: #0e357f;
color: #FFF;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section__box--hl {
font-size: 1.8rem;
}
}
.lpcontents--stiff .lpcontents__body .section__box--hls {
font-size: 2.2rem;
text-align: center;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section__box--hls {
font-size: 2rem;
}
}
.lpcontents--stiff .lpcontents__body .section__box--hls span {
display: inline-block;
font-size: 1.6rem;
font-weight: normal;
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section__box--hls span {
display: block;
}
}
.lpcontents--stiff .lpcontents__body .section__box .txt {
margin-top: 20px;
}
.lpcontents--stiff .lpcontents__body .section__hl--bg {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section__hl--bg {
font-size: 1.8rem;
margin: 0 3% 8%;
text-align: center;
}
}
.lpcontents--stiff .lpcontents__body .section__hl--bg span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 2em;
position: relative;
}
.lpcontents--stiff .lpcontents__body .section__hl--bg span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--stiff .lpcontents__body .section__hl--bg2 {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section__hl--bg2 {
font-size: 1.8rem;
margin: 0 3% 8%;
}
}
.lpcontents--stiff .lpcontents__body .section__hl--bg2 span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 1em 0.3em 2em;
position: relative;
}
.lpcontents--stiff .lpcontents__body .section__hl--bg2 span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/rheumarthritis/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--stiff .lpcontents__body .section__hl--small {
font-size: 1.8rem;
text-align: center;
margin-bottom: 20px;
color: #333;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section__hl--small {
font-size: 1.4rem;
margin: 10% 3% 4%;
}
}
.lpcontents--stiff .lpcontents__body .section__hl--ul {
text-align: center;
font-size: 2.4rem;
margin-bottom: 40px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section__hl--ul {
font-size: 1.8rem;
margin: 0 0 6%;
line-height: 1.4;
}
}
.lpcontents--stiff .lpcontents__body .section__hl--ul span {
display: inline-block;
padding-bottom: 5px;
border-bottom: solid 2px #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section__hl--ul span {
padding-bottom: 2%;
}
}
.lpcontents--stiff .lpcontents__body .section01 {
padding-top: 10%;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/spacebg_02.jpg) no-repeat center top, #FFF;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section01 {
padding: 16% 0 10%;
}
.lpcontents--stiff .lpcontents__body .section01.ml {
padding-left: 6%;
padding-right: 6%;
}
}
.lpcontents--stiff .lpcontents__body .section02 {
background: #effaff;
}
.lpcontents--stiff .lpcontents__body .section03 {
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section03 {
padding: 10% 6%;
}
}
.lpcontents--stiff .lpcontents__body .section04 {
background-image: linear-gradient(-45deg, #13285C 25%, #0F3580 25%, #0F3580 50%, #13285C 50%, #13285C 75%, #0F3580 75%, #0F3580);
background-size: 10px 10px;
color: #FFF;
}
.lpcontents--stiff .lpcontents__body .section04 .section__hl--ul {
color: #FFF;
}
.lpcontents--stiff .lpcontents__body .section04 .section__hl--ul span {
border-color: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .section04 .contact_btn {
margin-left: 20px;
margin-right: 20px;
}
}
.lpcontents--stiff .lpcontents__body .faq {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .faq {
margin: 0 6% 12%;
}
}
.lpcontents--stiff .lpcontents__body .faq__item {
padding: 30px;
background: #FFF;
border-radius: 16px;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .faq__item {
padding: 6%;
border-radius: 8px;
margin-top: 6%;
}
}
.lpcontents--stiff .lpcontents__body .faq__item--q {
font-size: 1.8rem;
color: #0F3580;
font-weight: bold;
padding-left: 1.5em;
position: relative;
border-bottom: solid 1px #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .faq__item--q {
font-size: 1.6rem;
}
}
.lpcontents--stiff .lpcontents__body .faq__item--q::before {
content: "Q.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--stiff .lpcontents__body .faq__item--a {
font-size: 1.6rem;
color: #333;
padding-left: 1.5em;
position: relative;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .faq__item--a {
font-size: 1.5rem;
margin-top: 4%;
}
}
.lpcontents--stiff .lpcontents__body .faq__item--a::before {
content: "A.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--stiff .lpcontents__body .faq__spacer {
padding: 20px 0;
font-size: 1.8rem;
margin-top: 20px;
font-weight: bold;
text-align: center;
color: #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .faq__spacer {
padding: 4% 0 0;
}
}
.lpcontents--stiff .lpcontents__body .single_bnr {
width: 70%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .single_bnr {
width: 92%;
}
}
.lpcontents--stiff .lpcontents__body .txt {
font-size: 1.6rem;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .txt {
font-size: 1.5rem;
}
}
.lpcontents--stiff .lpcontents__body .txt strong {
display: inline-block;
margin-bottom: 10px;
margin-left: -20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .txt strong {
margin-left: 0;
}
}
.lpcontents--stiff .lpcontents__body .captions {
margin: 20px 0 auto;
color: #333;
}
.lpcontents--stiff .lpcontents__body .captions__hl {
font-size: 1.4rem;
text-align: center;
font-weight: bold;
letter-spacing: normal;
}
.lpcontents--stiff .lpcontents__body .captions__txt {
margin: 10px auto;
width: 80%;
font-size: 1.2rem;
font-family: sans-serif;
letter-spacing: normal;
}
.lpcontents--stiff .lpcontents__body .row {
margin: 0 20px 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .row {
margin: 0 6% 8%;
display: block;
}
}
.lpcontents--stiff .lpcontents__body .row .col {
width: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .row .col {
width: auto;
width: initial;
margin-bottom: 8%;
}
}
.lpcontents--stiff .lpcontents__body .row .col .caps {
font-size: 1.2rem;
margin-top: 5px;
letter-spacing: 0.09em;
}
.lpcontents--stiff .lpcontents__body .row .col .label {
font-size: 1.4rem;
}
.lpcontents--stiff .lpcontents__body .row .col .label span {
display: inline-block;
background: #013c7c;
color: #FFF;
padding: 0.2em 0.5em 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .row--pt00 {
margin: 0;
}
}
.lpcontents--stiff .lpcontents__body .row--pt01 .col:nth-child(1) {
width: 65%;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .row--pt01 .col:nth-child(1) {
width: auto;
width: initial;
}
}
.lpcontents--stiff .lpcontents__body .row--pt01 .col:nth-child(2) {
width: 35%;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .row--pt01 .col:nth-child(2) {
width: auto;
width: initial;
}
}
.lpcontents--stiff .lpcontents__body .row--pt01 .col .images {
width: 85%;
margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .row--pt01 .col .images {
width: 60%;
margin: 0 auto 4%;
}
}
.lpcontents--stiff .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.4rem;
margin-top: 5px;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.1rem;
margin-top: 4%;
}
}
.lpcontents--stiff .lpcontents__body .row--pt02 {
margin: 40px auto 0;
width: 70%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lpcontents--stiff .lpcontents__body .row--pt03 {
margin: 40px auto;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .row--pt03 {
display: block;
}
}
.lpcontents--stiff .lpcontents__body .row--pt03 .col {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .row--pt03 .col {
width: 100%;
}
}
.lpcontents--stiff .lpcontents__body .box {
padding: 20px;
background: #e0f5ff;
border-radius: 16px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .box {
font-size: 1.5rem;
padding: 6%;
margin: 0 3%;
}
}
.lpcontents--stiff .lpcontents__body .box__hl {
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__body .box__hl {
font-size: 1.6rem;
}
}
.lpcontents--stiff .lpcontents__body .box__txt {
margin-top: 5px;
}
.lpcontents--stiff .lpcontents__body .box__txt + .box__hl {
margin-top: 20px;
}
.lpcontents--stiff .lpcontents__section {
padding: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--stiff .lpcontents__section {
padding: 10% 0;
}
}
.lpcontents--stiff .lpcontents__section--inner {
max-width: 960px;
margin: 0 auto;
}
.lpcontents--knee {
letter-spacing: 0.05em;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
.lpcontents--knee .kv {
max-width: 1100px;
margin: 0 auto;
}
.lpcontents--knee .notebox {
max-width: 1100px;
margin: 0 auto;
}
.lpcontents--knee .notebox_inner {
background: #FFF;
padding: 20px 50px;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .notebox_inner {
padding: 20px 15px;
font-size: 1.6rem;
text-align: left;
}
}
.lpcontents--knee .dots {
display: inline-block;
line-height: 1;
padding-top: 0.2em;
position: relative;
}
.lpcontents--knee .dots::before {
content: "";
width: 0.15em;
height: 0.15em;
background: #0F3580;
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.lpcontents--knee .caseimg {
margin-top: 40px;
padding-bottom: 100px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/dots.png) no-repeat center bottom;
background-size: 16px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .caseimg {
margin: 10px -20px 0;
padding-bottom: 60px;
background-size: 10px auto;
}
}
.lpcontents--knee .sc01 {
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .sc01 {
margin-top: 0;
padding: 40px 0;
}
}
.lpcontents--knee .sc01 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .sc01 .inner {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.lpcontents--knee .sc02 {
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .sc02 {
padding-top: 40px;
}
}
.lpcontents--knee .sc02 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .sc02 .inner {
padding: 0 20px;
}
}
.lpcontents--knee .sc03 {
background: #FFF;
padding: 80px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .sc03 {
padding: 40px 0;
}
}
.lpcontents--knee .sc03 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .sc03 .inner {
padding: 0 20px;
}
}
.lpcontents--knee .sc04 {
background: #FFF;
padding: 40px 0 80px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .sc04 {
padding: 40px 0;
}
}
.lpcontents--knee .sc04 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .sc04 .inner {
padding: 0 20px;
}
}
.lpcontents--knee .sc05, .lpcontents--knee .sc06 {
padding-bottom: 40px;
}
.lpcontents--knee .sc05 .inner, .lpcontents--knee .sc06 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .sc05 .inner, .lpcontents--knee .sc06 .inner {
padding: 0 20px;
}
}
.lpcontents--knee .sc05 .single_bnr, .lpcontents--knee .sc06 .single_bnr {
margin: 30px auto;
max-width: 600px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .sc05 .single_bnr, .lpcontents--knee .sc06 .single_bnr {
margin: 40px 20px 20px;
}
}
.lpcontents--knee .sc05 {
padding: 60px 0;
background: #FFF;
}
.lpcontents--knee .sc06 {
padding: 60px 0;
background: #F0F0EE;
}
.lpcontents--knee .sc06 .bd::after {
background-color: #F0F0EE;
}
.lpcontents--knee .textlist__hl {
text-align: center;
padding-top: 65px;
margin-top: 40px;
font-size: 2.6rem;
line-height: 1.4;
position: relative;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .textlist__hl {
font-size: 1.8rem;
}
}
.lpcontents--knee .textlist__hl::before {
content: "";
width: 80px;
height: 56px;
background: url(//okuno-y-clinic.com/commons/images/lp/knee/user.jpg) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.lpcontents--knee .textlist__hl.men::before {
background-image: url(//okuno-y-clinic.com/commons/images/lp/knee/user_men.jpg);
}
.lpcontents--knee .textlist__hl .sm {
display: block;
font-weight: normal;
font-size: 2rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .textlist__hl .sm {
font-size: 1.6rem;
}
}
.lpcontents--knee .textlist__hlss {
font-size: 2rem;
line-height: 1;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .textlist__hlss {
font-size: 1.8rem;
}
}
.lpcontents--knee .textlist__hlss span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.5em 1em;
position: relative;
left: -30px;
}
.lpcontents--knee .textlist__txtarea--right {
text-align: right;
font-size: 2rem;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .textlist__txtarea--right {
font-size: 1.8rem;
margin-top: 20px;
}
}
.lpcontents--knee .textlist__txtarea--right .sm {
display: inline-block;
font-size: 1.5rem;
font-weight: normal;
}
.lpcontents--knee .textlist__item {
margin-top: 40px;
padding: 25px 30px;
border: solid 1px #0F3580;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .textlist__item {
margin-top: 20px;
}
}
.lpcontents--knee .textlist__item .txt {
font-size: 1.8rem;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .textlist__item .txt {
font-size: 1.6rem;
}
}
.lpcontents--knee .textlist__item .txt .hdl {
margin-top: 5px;
}
.lpcontents--knee .textlist__item .imgs {
margin-top: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .textlist__item .imgs {
display: block;
}
}
.lpcontents--knee .textlist__item .imgs .img {
-webkit-flex-basis: 33%;
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .textlist__item .imgs .img {
width: 80%;
margin: 10px auto 0;
}
}
.lpcontents--knee .textlist__item .imgs .img01 {
-webkit-flex-basis: 46%;
-ms-flex-preferred-size: 46%;
flex-basis: 46%;
}
.lpcontents--knee .textlist__item .imgs .img02 {
-webkit-flex-basis: 24.7%;
-ms-flex-preferred-size: 24.7%;
flex-basis: 24.7%;
}
.lpcontents--knee .textlist__item .imgs .img03 {
-webkit-flex-basis: 26.4%;
-ms-flex-preferred-size: 26.4%;
flex-basis: 26.4%;
}
.lpcontents--knee .textlist__item .imgs .img05 {
-webkit-flex-basis: 31.4%;
-ms-flex-preferred-size: 31.4%;
flex-basis: 31.4%;
}
.lpcontents--knee .textlist__item .imgs .img06 {
-webkit-flex-basis: 35.7%;
-ms-flex-preferred-size: 35.7%;
flex-basis: 35.7%;
}
.lpcontents--knee .textlist__item .imgs .img07 {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.lpcontents--knee .textlist__item .imgs .img08 {
-webkit-flex-basis: 36.1%;
-ms-flex-preferred-size: 36.1%;
flex-basis: 36.1%;
}
.lpcontents--knee .textlist__item .imgs .img09 {
-webkit-flex-basis: 29.1%;
-ms-flex-preferred-size: 29.1%;
flex-basis: 29.1%;
}
.lpcontents--knee .textlist__item .imgs .img10 {
-webkit-flex-basis: 32.6%;
-ms-flex-preferred-size: 32.6%;
flex-basis: 32.6%;
}
.lpcontents--knee .textlist__item .imgs .img11 {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.lpcontents--knee .textlist__item .imgs .img12 {
-webkit-flex-basis: 29.2%;
-ms-flex-preferred-size: 29.2%;
flex-basis: 29.2%;
}
.lpcontents--knee .textlist__item .imgs .img13 {
-webkit-flex-basis: 37.3%;
-ms-flex-preferred-size: 37.3%;
flex-basis: 37.3%;
}
.lpcontents--knee .bd {
min-width: 680px;
display: inline-block;
padding-bottom: 20px;
border-bottom: solid 2px #0F3580;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .bd {
min-width: 0;
min-width: initial;
}
}
.lpcontents--knee .bd::before {
content: "";
width: 30px;
height: 2px;
background: #0F3580;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
}
.lpcontents--knee .bd::after {
content: "";
width: 30px;
height: 2px;
background: #FFF;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
margin-left: -3px;
}
.lpcontents--knee .cause__hdl {
font-size: 3rem;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding-left: 3em;
font-weight: bold;
line-height: 1.4;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/icon_cause.png) no-repeat left center;
background-size: 70px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .cause__hdl {
font-size: 1.8rem;
background-size: 50px auto;
}
}
.lpcontents--knee .cause__check {
margin-top: 40px;
position: relative;
padding: 35px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .cause__check {
padding: 35px 10px;
}
}
.lpcontents--knee .cause__check::before {
content: "";
width: 70px;
height: 70px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/icon_check.png) no-repeat center;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}
.lpcontents--knee .cause__check_inner {
border: solid 2px #0F3580;
padding: 35px;
border-radius: 16px;
background: #FFF;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .cause__check_inner {
padding: 45px 20px;
display: block;
}
}
.lpcontents--knee .cause__check_inner--left {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .cause__check_inner--left {
margin-right: 0;
}
}
.lpcontents--knee .cause__check_inner--right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .cause__check_inner--right {
margin-top: 20px;
}
}
.lpcontents--knee .cause__check .cause__hl {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .cause__check .cause__hl {
font-size: 1.8rem;
}
}
.lpcontents--knee .cause__check .causelist {
margin-top: 20px;
}
.lpcontents--knee .cause__check .causelist__item {
padding-left: 1.2em;
position: relative;
font-size: 1.9rem;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .cause__check .causelist__item {
font-size: 1.4rem;
}
}
.lpcontents--knee .cause__check .causelist__item::before {
content: "◎";
position: absolute;
left: 0;
top: 1px;
}
.lpcontents--knee .cause__check .causeph .caption {
font-size: 1.2rem;
margin-top: 5px;
}
.lpcontents--knee .cause__check .causeph:not(:first-child) {
margin-top: 10px;
}
.lpcontents--knee .media_gallery {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .media_gallery {
margin-top: 20px;
}
}
.lpcontents--knee .media_gallery__item {
-webkit-flex-basis: 19%;
-ms-flex-preferred-size: 19%;
flex-basis: 19%;
margin-bottom: 1%;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .media_gallery__item {
-webkit-flex-basis: 49%;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
}
}
.lpcontents--knee .fukidashi_list {
margin: 60px auto 0;
max-width: 780px;
}
.lpcontents--knee .fukidashi_list__item {
background: #FFF;
border-radius: 16px;
padding: 30px 60px;
font-size: 1.8rem;
position: relative;
overflow: visible;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .fukidashi_list__item {
border-radius: 16px;
padding: 30px;
font-size: 1.4rem;
}
}
.lpcontents--knee .fukidashi_list__item .user {
text-align: right;
margin-top: 5px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .fukidashi_list__item .user {
font-size: 1.4rem;
}
}
.lpcontents--knee .fukidashi_list__item:nth-child(odd)::after {
content: "";
width: 53px;
height: 50px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/fukidashi_arrow_l.png) no-repeat center top;
background-size: 53px auto;
position: absolute;
left: 80px;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.lpcontents--knee .fukidashi_list__item:nth-child(even)::after {
content: "";
width: 53px;
height: 50px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/fukidashi_arrow_r.png) no-repeat center top;
background-size: 53px auto;
position: absolute;
right: 80px;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.lpcontents--knee .list__outer {
margin-top: 30px;
background: #fafafa;
padding: 20px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .list__outer {
padding: 20px;
}
}
.lpcontents--knee .contact_btn {
text-align: center;
margin: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .contact_btn {
margin: 60px 20px;
}
}
.lpcontents--knee .contact_btn a {
display: inline-block;
font-size: 1.6rem;
font-weight: 600;
color: #FFF;
background: #E7701B;
border-radius: 100vh;
padding: 20px;
min-width: 450px;
border-bottom: solid 8px #D06113;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .contact_btn a {
min-width: 0;
min-width: initial;
display: block;
}
}
.lpcontents--knee .cards {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .cards {
display: block;
}
}
.lpcontents--knee .cards .card {
-webkit-flex-basis: 31.3333%;
-ms-flex-preferred-size: 31.3333%;
flex-basis: 31.3333%;
background: #FFF;
border-radius: 32px;
padding: 30px;
margin: 0 1%;
}
.lpcontents--knee .cards .card .inner {
padding: 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .cards .card:not(:first-child) {
margin-top: 20px;
}
}
.lpcontents--knee .cards .card__ttl {
margin-top: 20px;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.3;
}
.lpcontents--knee .cards a {
display: block;
color: #0F3580;
}
.lpcontents--knee .cards img {
border-radius: 24px;
}
.lpcontents--knee .lpcontents__hdl {
text-align: center;
font-size: 4rem;
font-weight: 600;
letter-spacing: normal;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
.lpcontents--knee .lpcontents__hdl .lg {
font-size: 5rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__hdl .lg {
font-size: 3.2rem;
}
}
.lpcontents--knee .lpcontents__hdl .mk {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
line-height: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__hdl {
font-size: 2.2rem;
}
}
.lpcontents--knee .lpcontents__hdls {
text-align: center;
font-size: 3rem;
font-weight: 600;
letter-spacing: normal;
margin-top: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__hdls {
font-size: 2rem;
margin-top: 40px;
}
}
.lpcontents--knee .lpcontents__txt {
font-size: 1.8rem;
line-height: 1.8;
margin-top: 40px;
}
.lpcontents--knee .lpcontents__txt .mark {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__txt {
font-size: 1.6rem;
margin-top: 20px;
}
}
.lpcontents--knee .lpcontents__textbox {
background: #FFF;
margin-top: 50px;
padding: 60px 90px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__textbox {
margin-top: 40px;
padding: 20px;
}
}
.lpcontents--knee .lpcontents__textbox .textbox__hl {
text-align: center;
font-size: 3rem;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__textbox .textbox__hl {
font-size: 2rem;
}
}
.lpcontents--knee .lpcontents__textbox .textbox__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__textbox .textbox__inner {
display: block;
margin-top: 20px;
}
}
.lpcontents--knee .lpcontents__textbox .textbox__inner .txt {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__textbox .textbox__inner .txt {
font-size: 1.5rem;
}
}
.lpcontents--knee .lpcontents__textbox .textbox__inner .ph {
-webkit-flex-basis: 310px;
-ms-flex-preferred-size: 310px;
flex-basis: 310px;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__textbox .textbox__inner .ph {
margin-left: 0;
margin-top: 20px;
}
}
.lpcontents--knee .lpcontents__textbox .textbox__inner .ph .cap {
font-size: 1.4rem;
margin-top: 5px;
}
.lpcontents--knee .lpcontents__movies {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__movies {
display: block;
}
}
.lpcontents--knee .lpcontents__movies .movie {
margin: 0;
width: 48%;
padding-top: 27.25%;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__movies .movie {
width: 100%;
padding-top: 56.25%;
}
.lpcontents--knee .lpcontents__movies .movie:not(:first-child) {
margin-top: 20px;
}
}
.lpcontents--knee .lpcontents__movies .movie iframe {
position: absolute;
top: 0;
left: 0;
}
.lpcontents--knee .lpcontents__phs {
margin-top: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lpcontents--knee .lpcontents__phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
.lpcontents--knee .lpcontents__phs .ph .cap {
font-size: 1.4rem;
margin-top: 5px;
}
.lpcontents--knee .lpcontents__result {
max-width: 1000px;
margin: 100px auto 0;
background: #FFF;
border-radius: 8px;
position: relative;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/cause_bg.jpg) no-repeat center;
background-size: cover;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result {
margin-top: 70px;
}
}
.lpcontents--knee .lpcontents__result .result__hl {
width: 70%;
text-align: center;
font-size: 3rem;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__hl {
width: 95%;
font-size: 1.8rem;
}
}
.lpcontents--knee .lpcontents__result .result__hl > span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.2em 2em;
border-radius: 16px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__hl > span {
padding: 0.2em 1em;
}
}
.lpcontents--knee .lpcontents__result .result__hl .dots::before {
background: #FFF;
}
.lpcontents--knee .lpcontents__result .result__hl .lg {
font-size: 4rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__hl .lg {
font-size: 2.6rem;
}
}
.lpcontents--knee .lpcontents__result .result__hls {
margin-top: 30px;
font-size: 2.6rem;
text-align: center;
font-weight: 600;
}
.lpcontents--knee .lpcontents__result .result__hls span {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__hls {
margin-top: 20px;
font-size: 1.6rem;
}
}
.lpcontents--knee .lpcontents__result .result__hlss {
margin-top: 20px;
font-size: 2rem;
text-align: center;
font-weight: 600;
line-height: 2.4;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__hlss {
margin-top: 0;
font-size: 1.5rem;
}
}
.lpcontents--knee .lpcontents__result .result__hlss span {
display: inline-block;
border-bottom: solid 1px #0F3580;
}
.lpcontents--knee .lpcontents__result .result__ph {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__ph {
margin-top: 20px;
}
}
.lpcontents--knee .lpcontents__result .result__ph .ph:nth-child(1) {
-webkit-flex-basis: 434px;
-ms-flex-preferred-size: 434px;
flex-basis: 434px;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__ph .ph:nth-child(1) {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
margin-right: 0;
}
}
.lpcontents--knee .lpcontents__result .result__ph .ph:nth-child(2) {
-webkit-flex-basis: 185px;
-ms-flex-preferred-size: 185px;
flex-basis: 185px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__ph .ph:nth-child(2) {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
}
.lpcontents--knee .lpcontents__result .result__inner {
padding: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__inner {
padding: 60px 20px 30px;
}
}
.lpcontents--knee .lpcontents__result .result__about {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__about {
display: block;
}
}
.lpcontents--knee .lpcontents__result .result__about .txtarea {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
font-size: 1.8rem;
margin-right: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__about .txtarea {
margin: 0;
font-size: 1.4rem;
}
}
.lpcontents--knee .lpcontents__result .result__about .ph {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.lpcontents--knee .lpcontents__result .result__about .ph .cap {
margin-top: 5px;
font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__result .result__about .ph {
margin-top: 20px;
}
}
.lpcontents--knee .lpcontents__price {
max-width: 680px;
margin: 80px auto 0;
position: relative;
}
.lpcontents--knee .lpcontents__price .price__head {
font-size: 1.8rem;
font-weight: 600;
text-align: center;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__price .price__head {
width: 90%;
font-size: 1.6rem;
}
}
.lpcontents--knee .lpcontents__price .price__headinner {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 10px 60px;
border-radius: 100vh;
}
.lpcontents--knee .lpcontents__price .price__head .md {
display: block;
font-weight: normal;
font-size: 1.2rem;
}
.lpcontents--knee .lpcontents__price .price__body {
background: #FFF;
border: solid 2px #0F3580;
border-radius: 22px;
padding: 65px 40px 20px;
text-align: center;
font-size: 2.4rem;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__price .price__body {
font-size: 1.8rem;
padding: 65px 20px 20px;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__price .price__body span {
display: block;
}
}
.lpcontents--knee .lpcontents__point {
margin-top: 40px;
padding: 0 20px 40px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg01.png) no-repeat center bottom;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__point {
padding: 0 0 20px;
background-image: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg02.png);
background-size: 86% auto;
}
}
.lpcontents--knee .lpcontents__point .phs {
width: 80%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__point .phs {
width: 100%;
}
}
.lpcontents--knee .lpcontents__point .phs .ph {
width: 48%;
}
.lpcontents--knee .lpcontents__point .cap {
font-size: 1.2rem;
color: #333;
text-align: center;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__point .cap {
text-align: right;
}
}
.lpcontents--knee .lpcontents__point .points {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__point .points {
display: block;
width: 70%;
margin: 20px auto;
}
}
.lpcontents--knee .lpcontents__point .points .point {
-webkit-flex-basis: 32%;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__point .points .point:not(:first-child) {
margin-top: 10px;
}
}
.lpcontents--knee .lpcontents__case {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-top: 20px;
padding: 30px;
background: #FFF;
border-radius: 22px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__case {
display: block;
}
}
.lpcontents--knee .lpcontents__case .ph {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__case .ph {
width: 100%;
margin-top: 20px;
}
}
.lpcontents--knee .lpcontents__case .cases {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__case .cases {
margin-left: 0;
}
}
.lpcontents--knee .lpcontents__case .cases .case {
margin-top: 0;
padding-left: 35px;
font-size: 2rem;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/icon_bad.svg) no-repeat left center;
background-size: auto 85%;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__case .cases .case {
background-size: auto 26px;
font-size: 1.8rem;
line-height: 1.5;
}
}
.lpcontents--knee .lpcontents__case .cases .case:not(:first-child) {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__case .cases .case:not(:first-child) {
margin-top: 18px;
}
}
.lpcontents--knee .lpcontents__about {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__about {
display: block;
}
}
.lpcontents--knee .lpcontents__about .ph {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__about .ph {
margin: 30px 0 0 0;
}
}
.lpcontents--knee .lpcontents__about .ph .cap {
color: #333;
font-size: 1.2rem;
margin-top: 10px;
}
.lpcontents--knee .lpcontents__about .txtarea {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.6rem;
}
.lpcontents--knee .lpcontents__detail {
background: #FFF;
border: solid 2px #0F3580;
border-radius: 8px;
margin-top: 30px;
}
.lpcontents--knee .lpcontents__detail .detail__inner {
padding: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__detail .detail__inner {
padding: 30px 20px 10px 20px;
}
}
.lpcontents--knee .lpcontents__detail .detail {
text-align: center;
font-size: 1.6rem;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__detail .detail {
font-size: 1.4rem;
}
}
.lpcontents--knee .lpcontents__detail .detail strong {
display: inline-block;
font-size: 1.5em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
line-height: 1;
}
.lpcontents--knee .lpcontents__detail .note {
font-size: 1.4rem;
margin-top: 10px;
}
.lpcontents--knee .lpcontents__detail .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__detail .phs {
display: block;
}
}
.lpcontents--knee .lpcontents__detail .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__detail .phs .ph {
margin: 20px auto;
}
}
.lpcontents--knee .lpcontents__detail .phs .ph .cap {
text-align: center;
font-size: 1.4rem;
color: #333;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__detail .phs .ph .cap {
font-size: 1.4rem;
}
}
.lpcontents--knee .lpcontents__detail .catch {
background: #0F3580;
color: #FFF;
text-align: center;
padding: 10px 0;
font-size: 2rem;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__detail .catch {
padding: 10px;
font-size: 1.6rem;
}
}
.lpcontents--knee .lpcontents__header {
max-width: 1000px;
margin: 0 auto;
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__header {
padding-bottom: 0;
}
}
.lpcontents--knee .lpcontents__ttl {
position: relative;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__ttl {
margin: 0;
}
}
.lpcontents--knee .lpcontents__ttl img {
width: 80%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__ttl img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__main {
margin-top: 4%;
}
}
.lpcontents--knee .lpcontents__visual {
margin: 30px 0 0;
text-align: center;
}
.lpcontents--knee .lpcontents__visual img {
width: 70%;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__visual img {
width: 92%;
}
}
.lpcontents--knee .lpcontents__catch {
background: #FFF;
padding: 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.lpcontents--knee .lpcontents__catch .catch_hl {
width: 45%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__catch .catch_hl {
width: 80%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__catch {
width: 100%;
margin: 0 auto;
padding: 6%;
}
}
.lpcontents--knee .lpcontents__catch .checklist {
width: 70%;
margin: 20px auto 0;
font-size: 2.2rem;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__catch .checklist {
width: 100%;
font-size: 1.8rem;
}
}
.lpcontents--knee .lpcontents__catch .checklist_item {
text-align: left;
padding: 5px 0 5px 50px;
position: relative;
}
.lpcontents--knee .lpcontents__catch .checklist_item::before {
content: "";
width: 35px;
height: 35px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/icon_check.png) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.lpcontents--knee .lpcontents__catch .checklist_item:not(:first-child) {
margin-top: 10px;
}
.lpcontents--knee .lpcontents__catch .checklist_item strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(55%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 55%);
}
.lpcontents--knee .lpcontents__catch2 {
background: #FFF;
padding: 0 40px 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.lpcontents--knee .lpcontents__catch2 .catch_hl {
width: 40%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__catch2 .catch_hl {
width: 75%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__catch2 {
width: 100%;
margin: 0;
padding: 0 6% 6%;
}
}
.lpcontents--knee .lpcontents__catch2 .catch_hls {
font-size: 2.4rem;
font-weight: bold;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__catch2 .catch_hls {
margin-top: 6%;
font-size: 2rem;
}
}
.lpcontents--knee .lpcontents__catch2 .catch_hls span {
display: inline-block;
padding: 0.3em 1em;
border-top: solid 1px #0F357F;
border-bottom: solid 1px #0F357F;
}
.lpcontents--knee .lpcontents__catch2 .txt {
margin-top: 20px;
font-size: 1.6rem;
line-height: 1.7;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__catch2 .txt {
text-align: left;
}
}
.lpcontents--knee .lpcontents__catch2 .txt strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(55%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 55%);
}
.lpcontents--knee .lpcontents__catch2 .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
.lpcontents--knee .lpcontents__catch2 .phs .ph {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 0 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__catch2 .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin: 0 1%;
}
}
.lpcontents--knee .lpcontents__catch2 .phs .ph .caps {
text-align: left;
margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__catch2 .phs .ph .caps {
font-size: 1.2rem;
}
}
.lpcontents--knee .lpcontents__ttls {
background: #FFF;
padding: 20px 0;
margin-top: 20px;
border-top: solid 2px #0e357f;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__ttls {
position: relative;
padding: 4% 0;
}
}
.lpcontents--knee .lpcontents__ttls span {
display: block;
width: 800px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__ttls span {
width: 73%;
margin: 0 auto;
}
}
.lpcontents--knee .lpcontents__body .section__box {
background: #FFF;
padding: 40px 40px 30px;
margin-top: 60px;
border-radius: 16px;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section__box {
padding: 8% 8% 6%;
margin: 12% 4% 0;
}
}
.lpcontents--knee .lpcontents__body .section__box--hl {
font-size: 2rem;
padding: 0.3em 1em 0.2em;
background: #0e357f;
color: #FFF;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section__box--hl {
font-size: 1.8rem;
}
}
.lpcontents--knee .lpcontents__body .section__box--hls {
font-size: 2.2rem;
text-align: center;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section__box--hls {
font-size: 2rem;
}
}
.lpcontents--knee .lpcontents__body .section__box--hls span {
display: inline-block;
font-size: 1.6rem;
font-weight: normal;
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section__box--hls span {
display: block;
}
}
.lpcontents--knee .lpcontents__body .section__box .txt {
margin-top: 20px;
}
.lpcontents--knee .lpcontents__body .section__hl--bg {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section__hl--bg {
font-size: 1.8rem;
margin: 0 3% 8%;
text-align: center;
}
}
.lpcontents--knee .lpcontents__body .section__hl--bg span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 2em;
position: relative;
}
.lpcontents--knee .lpcontents__body .section__hl--bg span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--knee .lpcontents__body .section__hl--bg2 {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section__hl--bg2 {
font-size: 1.8rem;
margin: 0 3% 8%;
}
}
.lpcontents--knee .lpcontents__body .section__hl--bg2 span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 1em 0.3em 2em;
position: relative;
}
.lpcontents--knee .lpcontents__body .section__hl--bg2 span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/rheumarthritis/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--knee .lpcontents__body .section__hl--small {
font-size: 1.8rem;
text-align: center;
margin-bottom: 20px;
color: #333;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section__hl--small {
font-size: 1.4rem;
margin: 10% 3% 4%;
}
}
.lpcontents--knee .lpcontents__body .section__hl--ul {
text-align: center;
font-size: 2.4rem;
margin-bottom: 40px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section__hl--ul {
font-size: 1.8rem;
margin: 0 0 6%;
line-height: 1.4;
}
}
.lpcontents--knee .lpcontents__body .section__hl--ul span {
display: inline-block;
padding-bottom: 5px;
border-bottom: solid 2px #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section__hl--ul span {
padding-bottom: 2%;
}
}
.lpcontents--knee .lpcontents__body .section01 {
padding-top: 10%;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/spacebg_02.jpg) no-repeat center top, #FFF;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section01 {
padding: 16% 0 10%;
}
.lpcontents--knee .lpcontents__body .section01.ml {
padding-left: 6%;
padding-right: 6%;
}
}
.lpcontents--knee .lpcontents__body .section02 {
background: #effaff;
}
.lpcontents--knee .lpcontents__body .section03 {
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section03 {
padding: 10% 6%;
}
}
.lpcontents--knee .lpcontents__body .section04 {
background-image: linear-gradient(-45deg, #13285C 25%, #0F3580 25%, #0F3580 50%, #13285C 50%, #13285C 75%, #0F3580 75%, #0F3580);
background-size: 10px 10px;
color: #FFF;
}
.lpcontents--knee .lpcontents__body .section04 .section__hl--ul {
color: #FFF;
}
.lpcontents--knee .lpcontents__body .section04 .section__hl--ul span {
border-color: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .section04 .contact_btn {
margin-left: 20px;
margin-right: 20px;
}
}
.lpcontents--knee .lpcontents__body .faq {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .faq {
margin: 0 6% 12%;
}
}
.lpcontents--knee .lpcontents__body .faq__item {
padding: 30px;
background: #FFF;
border-radius: 16px;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .faq__item {
padding: 6%;
border-radius: 8px;
margin-top: 6%;
}
}
.lpcontents--knee .lpcontents__body .faq__item--q {
font-size: 1.8rem;
color: #0F3580;
font-weight: bold;
padding-left: 1.5em;
position: relative;
border-bottom: solid 1px #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .faq__item--q {
font-size: 1.6rem;
}
}
.lpcontents--knee .lpcontents__body .faq__item--q::before {
content: "Q.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--knee .lpcontents__body .faq__item--a {
font-size: 1.6rem;
color: #333;
padding-left: 1.5em;
position: relative;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .faq__item--a {
font-size: 1.5rem;
margin-top: 4%;
}
}
.lpcontents--knee .lpcontents__body .faq__item--a::before {
content: "A.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--knee .lpcontents__body .faq__spacer {
padding: 20px 0;
font-size: 1.8rem;
margin-top: 20px;
font-weight: bold;
text-align: center;
color: #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .faq__spacer {
padding: 4% 0 0;
}
}
.lpcontents--knee .lpcontents__body .single_bnr {
width: 70%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .single_bnr {
width: 92%;
}
}
.lpcontents--knee .lpcontents__body .txt {
font-size: 1.6rem;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .txt {
font-size: 1.5rem;
}
}
.lpcontents--knee .lpcontents__body .txt strong {
display: inline-block;
margin-bottom: 10px;
margin-left: -20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .txt strong {
margin-left: 0;
}
}
.lpcontents--knee .lpcontents__body .captions {
margin: 20px 0 auto;
color: #333;
}
.lpcontents--knee .lpcontents__body .captions__hl {
font-size: 1.4rem;
text-align: center;
font-weight: bold;
letter-spacing: normal;
}
.lpcontents--knee .lpcontents__body .captions__txt {
margin: 10px auto;
width: 80%;
font-size: 1.2rem;
font-family: sans-serif;
letter-spacing: normal;
}
.lpcontents--knee .lpcontents__body .row {
margin: 0 20px 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .row {
margin: 0 6% 8%;
display: block;
}
}
.lpcontents--knee .lpcontents__body .row .col {
width: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .row .col {
width: auto;
width: initial;
margin-bottom: 8%;
}
}
.lpcontents--knee .lpcontents__body .row .col .caps {
font-size: 1.2rem;
margin-top: 5px;
letter-spacing: 0.09em;
}
.lpcontents--knee .lpcontents__body .row .col .label {
font-size: 1.4rem;
}
.lpcontents--knee .lpcontents__body .row .col .label span {
display: inline-block;
background: #013c7c;
color: #FFF;
padding: 0.2em 0.5em 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .row--pt00 {
margin: 0;
}
}
.lpcontents--knee .lpcontents__body .row--pt01 .col:nth-child(1) {
width: 65%;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .row--pt01 .col:nth-child(1) {
width: auto;
width: initial;
}
}
.lpcontents--knee .lpcontents__body .row--pt01 .col:nth-child(2) {
width: 35%;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .row--pt01 .col:nth-child(2) {
width: auto;
width: initial;
}
}
.lpcontents--knee .lpcontents__body .row--pt01 .col .images {
width: 85%;
margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .row--pt01 .col .images {
width: 60%;
margin: 0 auto 4%;
}
}
.lpcontents--knee .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.4rem;
margin-top: 5px;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.1rem;
margin-top: 4%;
}
}
.lpcontents--knee .lpcontents__body .row--pt02 {
margin: 40px auto 0;
width: 70%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lpcontents--knee .lpcontents__body .row--pt03 {
margin: 40px auto;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .row--pt03 {
display: block;
}
}
.lpcontents--knee .lpcontents__body .row--pt03 .col {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .row--pt03 .col {
width: 100%;
}
}
.lpcontents--knee .lpcontents__body .box {
padding: 20px;
background: #e0f5ff;
border-radius: 16px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .box {
font-size: 1.5rem;
padding: 6%;
margin: 0 3%;
}
}
.lpcontents--knee .lpcontents__body .box__hl {
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__body .box__hl {
font-size: 1.6rem;
}
}
.lpcontents--knee .lpcontents__body .box__txt {
margin-top: 5px;
}
.lpcontents--knee .lpcontents__body .box__txt + .box__hl {
margin-top: 20px;
}
.lpcontents--knee .lpcontents__section {
padding: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--knee .lpcontents__section {
padding: 10% 0;
}
}
.lpcontents--knee .lpcontents__section--inner {
max-width: 960px;
margin: 0 auto;
}
.lpcontents--chronic {
letter-spacing: 0.05em;
}
.lpcontents--chronic .lpcontents__lead {
font-size: 3rem;
text-align: center;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__lead {
font-size: 1.8rem;
}
}
.lpcontents--chronic .lpcontents__p {
text-align: center;
margin-top: 40px;
font-size: 1.8rem;
line-height: 1.7;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__p {
font-size: 1.6rem;
}
}
.lpcontents--chronic .lpcontents__p .red {
color: #BC1B1B;
font-weight: bold;
}
.lpcontents--chronic .rows {
margin-top: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .rows {
display: block;
}
}
.lpcontents--chronic .rows .txt {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .rows .txt {
font-size: 1.6rem;
}
}
.lpcontents--chronic .rows .image {
-webkit-flex-basis: 400px;
-ms-flex-preferred-size: 400px;
flex-basis: 400px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .rows .image {
margin-top: 20px;
}
}
.lpcontents--chronic .ph {
margin-top: 20px;
}
.lpcontents--chronic .ph01 {
width: 80%;
margin: 30px auto 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .ph01 {
width: 100%;
}
}
.lpcontents--chronic .phs {
max-width: 680px;
margin: 10px auto 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lpcontents--chronic .phs .ph {
width: 48%;
}
.lpcontents--chronic .type {
margin-top: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .type {
display: block;
}
}
.lpcontents--chronic .type_hl {
display: block;
font-size: 3.8rem;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .type_hl {
font-size: 2.8rem;
line-height: 1.7;
}
}
.lpcontents--chronic .type_hl01 {
color: #0000FF;
}
.lpcontents--chronic .type_hl02 {
color: #BC1B1B;
}
.lpcontents--chronic .type__hl {
text-align: center;
font-size: 1.6rem;
margin-top: 30px;
}
.lpcontents--chronic .type__hl span {
display: inline-block;
padding: 10px 30px;
background: #0F3580;
color: #FFF;
border-radius: 100vh;
}
.lpcontents--chronic .type .types {
font-size: 1.8rem;
-webkit-flex-basis: 45%;
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
background: #FFF;
border: solid 2px #0F3580;
border-radius: 10px;
padding: 20px;
position: relative;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .type .types {
font-size: 1.6rem;
margin-top: 20px;
width: 80%;
margin: 20px auto 0;
}
}
.lpcontents--chronic .type .types::before {
content: "";
width: 40px;
height: 40px;
position: absolute;
top: -20px;
left: -20px;
z-index: 1;
}
.lpcontents--chronic .type .types:nth-child(1)::before {
background: url(//okuno-y-clinic.com/commons/images/lp/chronic/num01.svg) no-repeat center;
background-size: 40px auto;
}
.lpcontents--chronic .type .types:nth-child(2)::before {
background: url(//okuno-y-clinic.com/commons/images/lp/chronic/num02.svg) no-repeat center;
background-size: 40px auto;
}
.lpcontents--chronic .steps {
margin: 30px auto 0;
max-width: 880px;
}
.lpcontents--chronic .steps__hl {
font-size: 3rem;
padding-left: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/chronic/icon_tr.svg) no-repeat left center;
background-size: 22px auto;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .steps__hl {
font-size: 2rem;
background-size: 18px auto;
}
}
.lpcontents--chronic .steps__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .steps__row {
display: block;
}
}
.lpcontents--chronic .steps__row .stepslist {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
font-weight: bold;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .steps__row .stepslist {
font-size: 1.6rem;
}
}
.lpcontents--chronic .steps__row .stepslist__item {
padding-left: 1.5em;
position: relative;
font-weight: bold;
}
.lpcontents--chronic .steps__row .stepslist__item:not(:first-child) {
margin-top: 10px;
}
.lpcontents--chronic .steps__row .stepslist__item:nth-child(1)::before {
content: "1.";
position: absolute;
left: 0;
}
.lpcontents--chronic .steps__row .stepslist__item:nth-child(2)::before {
content: "2.";
position: absolute;
left: 0;
}
.lpcontents--chronic .steps__row .stepslist__item:nth-child(3)::before {
content: "3.";
position: absolute;
left: 0;
}
.lpcontents--chronic .steps__row .stepslist__item:nth-child(4)::before {
content: "4.";
position: absolute;
left: 0;
}
.lpcontents--chronic .steps__row .stepslist__item:nth-child(5)::before {
content: "5.";
position: absolute;
left: 0;
}
.lpcontents--chronic .steps__row .stepslist__item:nth-child(6)::before {
content: "6.";
position: absolute;
left: 0;
}
.lpcontents--chronic .steps__row .stepsimage {
-webkit-flex-basis: 260px;
-ms-flex-preferred-size: 260px;
flex-basis: 260px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .steps__row .stepsimage {
width: 80%;
margin: 20px auto;
}
}
.lpcontents--chronic .kv {
max-width: 1400px;
margin: 0 auto;
}
.lpcontents--chronic .dots {
display: inline-block;
line-height: 1;
padding-top: 0.2em;
position: relative;
}
.lpcontents--chronic .dots::before {
content: "";
width: 0.15em;
height: 0.15em;
background: #0F3580;
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.lpcontents--chronic .caseimg {
margin-top: 40px;
padding-bottom: 100px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/dots.png) no-repeat center bottom;
background-size: 16px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .caseimg {
margin: 10px -20px 0;
padding-bottom: 60px;
background-size: 10px auto;
}
}
.lpcontents--chronic .sc01 {
background: url(//okuno-y-clinic.com/commons/images/lp/stiff//bg.jpg) no-repeat center;
background-size: cover;
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .sc01 {
margin-top: 0;
padding: 40px 0;
}
}
.lpcontents--chronic .sc01 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .sc01 .inner {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.lpcontents--chronic .sc01 + .sc01 {
padding-top: 0;
}
.lpcontents--chronic .sc02 {
padding-top: 80px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .sc02 {
padding-top: 40px;
}
}
.lpcontents--chronic .sc02 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .sc02 .inner {
padding: 0 20px;
}
}
.lpcontents--chronic .sc03 {
background: #FFF;
padding: 80px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .sc03 {
padding: 40px 0;
}
}
.lpcontents--chronic .sc03 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .sc03 .inner {
padding: 0 20px;
}
}
.lpcontents--chronic .sc03 + .sc03 {
padding-top: 0;
}
.lpcontents--chronic .sc04 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .sc04 .inner {
padding: 0 20px;
}
}
.lpcontents--chronic .sc05, .lpcontents--chronic .sc06 {
padding-bottom: 40px;
}
.lpcontents--chronic .sc05 .inner, .lpcontents--chronic .sc06 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .sc05 .inner, .lpcontents--chronic .sc06 .inner {
padding: 0 20px;
}
}
.lpcontents--chronic .sc05 .single_bnr, .lpcontents--chronic .sc06 .single_bnr {
margin: 30px auto;
max-width: 600px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .sc05 .single_bnr, .lpcontents--chronic .sc06 .single_bnr {
margin: 40px 20px 20px;
}
}
.lpcontents--chronic .sc05 {
padding: 60px 0;
background: #F0F0EE;
}
.lpcontents--chronic .sc06 {
padding: 60px 0;
background: #F0F0EE;
}
.lpcontents--chronic .sc06 .bd::after {
background-color: #F0F0EE;
}
.lpcontents--chronic .textlist__hls {
font-size: 20px;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .textlist__hls {
font-size: 1.8rem;
}
}
.lpcontents--chronic .textlist__hl {
text-align: center;
padding-top: 65px;
margin-top: 40px;
font-size: 3rem;
line-height: 1.4;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .textlist__hl {
font-size: 1.8rem;
}
}
.lpcontents--chronic .textlist__hl::before {
content: "";
width: 80px;
height: 56px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/user.jpg) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.lpcontents--chronic .textlist__hl .sm {
display: block;
font-weight: normal;
font-size: 2rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .textlist__hl .sm {
font-size: 1.6rem;
}
}
.lpcontents--chronic .textlist__hlss {
font-size: 2rem;
line-height: 1;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .textlist__hlss {
font-size: 1.8rem;
}
}
.lpcontents--chronic .textlist__hlss span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.5em 1em;
position: relative;
left: -25px;
}
.lpcontents--chronic .textlist__txtarea {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .textlist__txtarea {
display: block;
}
}
.lpcontents--chronic .textlist__txtarea--right {
text-align: right;
font-size: 2rem;
font-weight: bold;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .textlist__txtarea--right {
font-size: 1.8rem;
margin-top: 20px;
}
}
.lpcontents--chronic .textlist__txtarea--right .sm {
display: inline-block;
font-size: 1.5rem;
font-weight: normal;
}
.lpcontents--chronic .textlist__item {
margin-top: 40px;
padding: 25px;
border: solid 1px #0F3580;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .textlist__item {
margin-top: 20px;
}
}
.lpcontents--chronic .textlist__item .txt {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .textlist__item .txt {
font-size: 1.6rem;
}
}
.lpcontents--chronic .textlist__item .txt .hdl {
margin-top: 5px;
}
.lpcontents--chronic .textlist__item .img {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 20px 0 0 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .textlist__item .img {
margin: 20px 0 0 0;
}
}
.lpcontents--chronic .textlist__item .links {
text-align: right;
margin: 20px -25px 0 0;
}
.lpcontents--chronic .textlist__item .links a {
display: inline-block;
padding: 10px 20px;
background: #0F3580;
color: #FFF;
}
.lpcontents--chronic .bd {
min-width: 680px;
display: inline-block;
padding-bottom: 20px;
border-bottom: solid 2px #0F3580;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .bd {
min-width: 0;
min-width: initial;
margin-left: 20px;
margin-right: 20px;
}
}
.lpcontents--chronic .bd::before {
content: "";
width: 30px;
height: 2px;
background: #0F3580;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
}
.lpcontents--chronic .bd::after {
content: "";
width: 30px;
height: 2px;
background: #FFF;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
margin-left: -3px;
}
.lpcontents--chronic .cause__hdl {
font-size: 3rem;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding-left: 3em;
font-weight: bold;
line-height: 1.4;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/icon_cause.png) no-repeat left center;
background-size: 70px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cause__hdl {
font-size: 1.8rem;
background-size: 50px auto;
}
}
.lpcontents--chronic .cause__movies {
margin-top: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cause__movies {
display: block;
}
}
.lpcontents--chronic .cause__movies .movie {
margin: 0;
width: 48%;
padding-top: 27.25%;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cause__movies .movie {
width: 100%;
padding-top: 56.25%;
}
.lpcontents--chronic .cause__movies .movie:not(:first-child) {
margin-top: 20px;
}
}
.lpcontents--chronic .cause__movies .movie iframe {
position: absolute;
top: 0;
left: 0;
}
.lpcontents--chronic .cause__check {
margin-top: 40px;
position: relative;
padding: 35px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cause__check {
padding: 35px 10px;
}
}
.lpcontents--chronic .cause__check::before {
content: "";
width: 70px;
height: 70px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/icon_check.png) no-repeat center;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}
.lpcontents--chronic .cause__check_inner {
border: solid 2px #0F3580;
padding: 35px;
border-radius: 16px;
background: #FFF;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cause__check_inner {
padding: 45px 20px;
display: block;
}
}
.lpcontents--chronic .cause__check_inner--left {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cause__check_inner--left {
margin-right: 0;
}
}
.lpcontents--chronic .cause__check_inner--right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cause__check_inner--right {
margin-top: 20px;
}
}
.lpcontents--chronic .cause__check .cause__hl {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cause__check .cause__hl {
font-size: 1.8rem;
}
}
.lpcontents--chronic .cause__check .causelist {
margin-top: 20px;
}
.lpcontents--chronic .cause__check .causelist__item {
padding-left: 1.2em;
position: relative;
font-size: 1.9rem;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cause__check .causelist__item {
font-size: 1.4rem;
}
}
.lpcontents--chronic .cause__check .causelist__item::before {
content: "◎";
position: absolute;
left: 0;
top: 1px;
}
.lpcontents--chronic .cause__check .causeph .caption {
font-size: 1.2rem;
margin-top: 5px;
}
.lpcontents--chronic .cause__check .causeph:not(:first-child) {
margin-top: 10px;
}
.lpcontents--chronic .media_gallery {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .media_gallery {
margin-top: 20px;
}
}
.lpcontents--chronic .media_gallery__item {
-webkit-flex-basis: 19%;
-ms-flex-preferred-size: 19%;
flex-basis: 19%;
margin-bottom: 1%;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .media_gallery__item {
-webkit-flex-basis: 49%;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
}
}
.lpcontents--chronic .fukidashi_list {
margin: 60px auto 0;
max-width: 780px;
}
.lpcontents--chronic .fukidashi_list__item {
background: #FFF;
border-radius: 16px;
padding: 30px 60px;
font-size: 1.8rem;
position: relative;
overflow: visible;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .fukidashi_list__item {
border-radius: 16px;
padding: 30px;
font-size: 1.4rem;
}
}
.lpcontents--chronic .fukidashi_list__item .user {
text-align: right;
margin-top: 5px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .fukidashi_list__item .user {
font-size: 1.4rem;
}
}
.lpcontents--chronic .fukidashi_list__item:nth-child(odd)::after {
content: "";
width: 53px;
height: 50px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/fukidashi_arrow_l.png) no-repeat center top;
background-size: 53px auto;
position: absolute;
left: 80px;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.lpcontents--chronic .fukidashi_list__item:nth-child(even)::after {
content: "";
width: 53px;
height: 50px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/fukidashi_arrow_r.png) no-repeat center top;
background-size: 53px auto;
position: absolute;
right: 80px;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.lpcontents--chronic .list__outer {
margin-top: 30px;
background: #fafafa;
padding: 20px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .list__outer {
padding: 20px;
}
}
.lpcontents--chronic .contact_btn {
text-align: center;
margin: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .contact_btn {
margin: 60px 20px;
}
}
.lpcontents--chronic .contact_btn a {
display: inline-block;
font-size: 1.6rem;
font-weight: 600;
color: #FFF;
background: #E7701B;
border-radius: 100vh;
padding: 20px;
min-width: 450px;
border-bottom: solid 8px #D06113;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .contact_btn a {
min-width: 0;
min-width: initial;
display: block;
}
}
.lpcontents--chronic .cards {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cards {
display: block;
}
}
.lpcontents--chronic .cards .card {
-webkit-flex-basis: 31.3333%;
-ms-flex-preferred-size: 31.3333%;
flex-basis: 31.3333%;
background: #FFF;
border-radius: 32px;
padding: 30px;
margin: 0 1%;
}
.lpcontents--chronic .cards .card .inner {
padding: 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .cards .card:not(:first-child) {
margin-top: 20px;
}
}
.lpcontents--chronic .cards .card__ttl {
margin-top: 20px;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.3;
}
.lpcontents--chronic .cards a {
display: block;
color: #0F3580;
}
.lpcontents--chronic .cards img {
border-radius: 24px;
}
.lpcontents--chronic .lpcontents__result {
max-width: 1000px;
margin: 100px auto 0;
background: #FFF;
border-radius: 8px;
position: relative;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/cause_bg.jpg) no-repeat center;
background-size: cover;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result {
margin-top: 70px;
}
}
.lpcontents--chronic .lpcontents__result .result__hl {
width: 70%;
text-align: center;
font-size: 3rem;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__hl {
width: 95%;
font-size: 1.8rem;
}
}
.lpcontents--chronic .lpcontents__result .result__hl > span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.2em 2em;
border-radius: 16px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__hl > span {
padding: 0.2em 1em;
}
}
.lpcontents--chronic .lpcontents__result .result__hl .dots::before {
background: #FFF;
}
.lpcontents--chronic .lpcontents__result .result__hl .lg {
font-size: 4rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__hl .lg {
font-size: 2.6rem;
}
}
.lpcontents--chronic .lpcontents__result .result__hls {
margin-top: 30px;
font-size: 2.6rem;
text-align: center;
font-weight: 600;
}
.lpcontents--chronic .lpcontents__result .result__hls span {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__hls {
margin-top: 20px;
font-size: 1.6rem;
}
}
.lpcontents--chronic .lpcontents__result .result__hlss {
margin-top: 20px;
font-size: 2rem;
text-align: center;
font-weight: 600;
line-height: 2.4;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__hlss {
margin-top: 0;
font-size: 1.5rem;
}
}
.lpcontents--chronic .lpcontents__result .result__hlss span {
display: inline-block;
border-bottom: solid 1px #0F3580;
}
.lpcontents--chronic .lpcontents__result .result__ph {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__ph {
margin-top: 20px;
}
}
.lpcontents--chronic .lpcontents__result .result__ph .ph:nth-child(1) {
-webkit-flex-basis: 434px;
-ms-flex-preferred-size: 434px;
flex-basis: 434px;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__ph .ph:nth-child(1) {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
margin-right: 0;
}
}
.lpcontents--chronic .lpcontents__result .result__ph .ph:nth-child(2) {
-webkit-flex-basis: 185px;
-ms-flex-preferred-size: 185px;
flex-basis: 185px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__ph .ph:nth-child(2) {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
}
.lpcontents--chronic .lpcontents__result .result__inner {
padding: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__inner {
padding: 60px 20px 30px;
}
}
.lpcontents--chronic .lpcontents__result .result__about {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__about {
display: block;
}
}
.lpcontents--chronic .lpcontents__result .result__about .txtarea {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
font-size: 1.8rem;
margin-right: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__about .txtarea {
margin: 0;
font-size: 1.4rem;
}
}
.lpcontents--chronic .lpcontents__result .result__about .ph {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.lpcontents--chronic .lpcontents__result .result__about .ph .cap {
margin-top: 5px;
font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__result .result__about .ph {
margin-top: 20px;
}
}
.lpcontents--chronic .lpcontents__hdl {
text-align: center;
font-size: 4rem;
font-weight: 600;
letter-spacing: normal;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.lpcontents--chronic .lpcontents__hdl .lg {
font-size: 5rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__hdl .lg {
font-size: 3.2rem;
}
}
.lpcontents--chronic .lpcontents__hdl .mk {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
line-height: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__hdl {
font-size: 2rem;
}
}
.lpcontents--chronic .lpcontents__hdls {
text-align: center;
font-size: 2.4rem;
font-weight: 600;
letter-spacing: normal;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__hdls {
font-size: 1.6rem;
}
}
.lpcontents--chronic .lpcontents__hdls .fukidashi {
display: block;
background: #0F3580;
border-radius: 8px;
padding: 10px;
color: #FFF;
margin-top: 40px;
position: relative;
}
.lpcontents--chronic .lpcontents__hdls .fukidashi::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__hdls .fukidashi span {
display: block;
}
}
.lpcontents--chronic .lpcontents__price {
max-width: 680px;
margin: 80px auto 0;
position: relative;
}
.lpcontents--chronic .lpcontents__price .price__head {
font-size: 1.8rem;
font-weight: 600;
text-align: center;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__price .price__head {
width: 90%;
font-size: 1.6rem;
}
}
.lpcontents--chronic .lpcontents__price .price__headinner {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 10px 60px;
border-radius: 100vh;
}
.lpcontents--chronic .lpcontents__price .price__head .md {
display: block;
font-weight: normal;
font-size: 1.2rem;
}
.lpcontents--chronic .lpcontents__price .price__body {
background: #FFF;
border: solid 2px #0F3580;
border-radius: 22px;
padding: 65px 40px 20px;
text-align: center;
font-size: 2.4rem;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__price .price__body {
font-size: 1.8rem;
padding: 65px 20px 20px;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__price .price__body span {
display: block;
}
}
.lpcontents--chronic .lpcontents__point {
margin-top: 40px;
padding: 0 20px 40px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg01.png) no-repeat center bottom;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__point {
padding: 0 0 20px;
background-image: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg02.png);
background-size: 86% auto;
}
}
.lpcontents--chronic .lpcontents__point .phs {
width: 80%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__point .phs {
width: 100%;
}
}
.lpcontents--chronic .lpcontents__point .phs .ph {
width: 48%;
}
.lpcontents--chronic .lpcontents__point .cap {
font-size: 1.2rem;
color: #333;
text-align: center;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__point .cap {
text-align: right;
}
}
.lpcontents--chronic .lpcontents__point .points {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__point .points {
display: block;
width: 70%;
margin: 20px auto;
}
}
.lpcontents--chronic .lpcontents__point .points .point {
-webkit-flex-basis: 32%;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__point .points .point:not(:first-child) {
margin-top: 10px;
}
}
.lpcontents--chronic .lpcontents__case {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-top: 20px;
padding: 30px;
background: #FFF;
border-radius: 22px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__case {
display: block;
}
}
.lpcontents--chronic .lpcontents__case .ph {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__case .ph {
width: 100%;
margin-top: 20px;
}
}
.lpcontents--chronic .lpcontents__case .cases {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__case .cases {
margin-left: 0;
}
}
.lpcontents--chronic .lpcontents__case .cases .case {
margin-top: 0;
padding-left: 35px;
font-size: 2rem;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/icon_bad.svg) no-repeat left center;
background-size: auto 85%;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__case .cases .case {
background-size: auto 26px;
font-size: 1.8rem;
line-height: 1.5;
}
}
.lpcontents--chronic .lpcontents__case .cases .case:not(:first-child) {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__case .cases .case:not(:first-child) {
margin-top: 18px;
}
}
.lpcontents--chronic .lpcontents__about {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__about {
display: block;
}
}
.lpcontents--chronic .lpcontents__about .ph {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__about .ph {
margin: 30px 0 0 0;
}
}
.lpcontents--chronic .lpcontents__about .ph .cap {
color: #333;
font-size: 1.2rem;
margin-top: 10px;
}
.lpcontents--chronic .lpcontents__about .txtarea {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.6rem;
}
.lpcontents--chronic .lpcontents__detail {
background: #FFF;
border: solid 2px #0F3580;
border-radius: 8px;
margin-top: 30px;
}
.lpcontents--chronic .lpcontents__detail .detail__inner {
padding: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__detail .detail__inner {
padding: 30px 20px 10px 20px;
}
}
.lpcontents--chronic .lpcontents__detail .detail {
text-align: center;
font-size: 1.6rem;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__detail .detail {
font-size: 1.4rem;
}
}
.lpcontents--chronic .lpcontents__detail .detail strong {
display: inline-block;
font-size: 1.5em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
line-height: 1;
}
.lpcontents--chronic .lpcontents__detail .note {
font-size: 1.4rem;
margin-top: 10px;
}
.lpcontents--chronic .lpcontents__detail .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__detail .phs {
display: block;
}
}
.lpcontents--chronic .lpcontents__detail .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__detail .phs .ph {
margin: 20px auto;
}
}
.lpcontents--chronic .lpcontents__detail .phs .ph .cap {
text-align: center;
font-size: 1.4rem;
color: #333;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__detail .phs .ph .cap {
font-size: 1.4rem;
}
}
.lpcontents--chronic .lpcontents__detail .catch {
background: #0F3580;
color: #FFF;
text-align: center;
padding: 10px 0;
font-size: 2rem;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__detail .catch {
padding: 10px;
font-size: 1.6rem;
}
}
.lpcontents--chronic .lpcontents__header {
max-width: 1000px;
margin: 0 auto;
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__header {
padding-bottom: 0;
}
}
.lpcontents--chronic .lpcontents__ttl {
position: relative;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__ttl {
margin: 0;
}
}
.lpcontents--chronic .lpcontents__ttl img {
width: 80%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__ttl img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__main {
margin-top: 4%;
}
}
.lpcontents--chronic .lpcontents__visual {
margin: 30px 0 0;
text-align: center;
}
.lpcontents--chronic .lpcontents__visual img {
width: 70%;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__visual img {
width: 92%;
}
}
.lpcontents--chronic .lpcontents__catch {
background: #FFF;
padding: 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.lpcontents--chronic .lpcontents__catch .catch_hl {
width: 45%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__catch .catch_hl {
width: 80%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__catch {
width: 100%;
margin: 0 auto;
padding: 6%;
}
}
.lpcontents--chronic .lpcontents__catch .checklist {
width: 70%;
margin: 20px auto 0;
font-size: 2.2rem;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__catch .checklist {
width: 100%;
font-size: 1.8rem;
}
}
.lpcontents--chronic .lpcontents__catch .checklist_item {
text-align: left;
padding: 5px 0 5px 50px;
position: relative;
}
.lpcontents--chronic .lpcontents__catch .checklist_item::before {
content: "";
width: 35px;
height: 35px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/icon_check.png) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.lpcontents--chronic .lpcontents__catch .checklist_item:not(:first-child) {
margin-top: 10px;
}
.lpcontents--chronic .lpcontents__catch .checklist_item strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(55%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 55%);
}
.lpcontents--chronic .lpcontents__catch2 {
background: #FFF;
padding: 0 40px 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.lpcontents--chronic .lpcontents__catch2 .catch_hl {
width: 40%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__catch2 .catch_hl {
width: 75%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__catch2 {
width: 100%;
margin: 0;
padding: 0 6% 6%;
}
}
.lpcontents--chronic .lpcontents__catch2 .catch_hls {
font-size: 2.4rem;
font-weight: bold;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__catch2 .catch_hls {
margin-top: 6%;
font-size: 2rem;
}
}
.lpcontents--chronic .lpcontents__catch2 .catch_hls span {
display: inline-block;
padding: 0.3em 1em;
border-top: solid 1px #0F357F;
border-bottom: solid 1px #0F357F;
}
.lpcontents--chronic .lpcontents__catch2 .txt {
margin-top: 20px;
font-size: 1.6rem;
line-height: 1.7;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__catch2 .txt {
text-align: left;
}
}
.lpcontents--chronic .lpcontents__catch2 .txt strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(55%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 55%);
}
.lpcontents--chronic .lpcontents__catch2 .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
.lpcontents--chronic .lpcontents__catch2 .phs .ph {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 0 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__catch2 .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin: 0 1%;
}
}
.lpcontents--chronic .lpcontents__catch2 .phs .ph .caps {
text-align: left;
margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__catch2 .phs .ph .caps {
font-size: 1.2rem;
}
}
.lpcontents--chronic .lpcontents__ttls {
background: #FFF;
padding: 20px 0;
margin-top: 20px;
border-top: solid 2px #0e357f;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__ttls {
position: relative;
padding: 4% 0;
}
}
.lpcontents--chronic .lpcontents__ttls span {
display: block;
width: 800px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__ttls span {
width: 73%;
margin: 0 auto;
}
}
.lpcontents--chronic .lpcontents__body .section__box {
background: #FFF;
padding: 40px 40px 30px;
margin-top: 60px;
border-radius: 16px;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section__box {
padding: 8% 8% 6%;
margin: 12% 4% 0;
}
}
.lpcontents--chronic .lpcontents__body .section__box--hl {
font-size: 2rem;
padding: 0.3em 1em 0.2em;
background: #0e357f;
color: #FFF;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section__box--hl {
font-size: 1.8rem;
}
}
.lpcontents--chronic .lpcontents__body .section__box--hls {
font-size: 2.2rem;
text-align: center;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section__box--hls {
font-size: 2rem;
}
}
.lpcontents--chronic .lpcontents__body .section__box--hls span {
display: inline-block;
font-size: 1.6rem;
font-weight: normal;
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section__box--hls span {
display: block;
}
}
.lpcontents--chronic .lpcontents__body .section__box .txt {
margin-top: 20px;
}
.lpcontents--chronic .lpcontents__body .section__hl--bg {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section__hl--bg {
font-size: 1.8rem;
margin: 0 3% 8%;
text-align: center;
}
}
.lpcontents--chronic .lpcontents__body .section__hl--bg span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 2em;
position: relative;
}
.lpcontents--chronic .lpcontents__body .section__hl--bg span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--chronic .lpcontents__body .section__hl--bg2 {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section__hl--bg2 {
font-size: 1.8rem;
margin: 0 3% 8%;
}
}
.lpcontents--chronic .lpcontents__body .section__hl--bg2 span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 1em 0.3em 2em;
position: relative;
}
.lpcontents--chronic .lpcontents__body .section__hl--bg2 span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/rheumarthritis/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--chronic .lpcontents__body .section__hl--small {
font-size: 1.8rem;
text-align: center;
margin-bottom: 20px;
color: #333;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section__hl--small {
font-size: 1.4rem;
margin: 10% 3% 4%;
}
}
.lpcontents--chronic .lpcontents__body .section__hl--ul {
text-align: center;
font-size: 2.4rem;
margin-bottom: 40px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section__hl--ul {
font-size: 1.8rem;
margin: 0 0 6%;
line-height: 1.4;
}
}
.lpcontents--chronic .lpcontents__body .section__hl--ul span {
display: inline-block;
padding-bottom: 5px;
border-bottom: solid 2px #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section__hl--ul span {
padding-bottom: 2%;
}
}
.lpcontents--chronic .lpcontents__body .section01 {
padding-top: 10%;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/spacebg_02.jpg) no-repeat center top, #FFF;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section01 {
padding: 16% 0 10%;
}
.lpcontents--chronic .lpcontents__body .section01.ml {
padding-left: 6%;
padding-right: 6%;
}
}
.lpcontents--chronic .lpcontents__body .section02 {
background: #effaff;
}
.lpcontents--chronic .lpcontents__body .section03 {
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section03 {
padding: 10% 6%;
}
}
.lpcontents--chronic .lpcontents__body .section04 {
background-image: linear-gradient(-45deg, #13285C 25%, #0F3580 25%, #0F3580 50%, #13285C 50%, #13285C 75%, #0F3580 75%, #0F3580);
background-size: 10px 10px;
color: #FFF;
}
.lpcontents--chronic .lpcontents__body .section04 .section__hl--ul {
color: #FFF;
}
.lpcontents--chronic .lpcontents__body .section04 .section__hl--ul span {
border-color: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .section04 .contact_btn {
margin-left: 20px;
margin-right: 20px;
}
}
.lpcontents--chronic .lpcontents__body .faq {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .faq {
margin: 0 6% 12%;
}
}
.lpcontents--chronic .lpcontents__body .faq__item {
padding: 30px;
background: #FFF;
border-radius: 16px;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .faq__item {
padding: 6%;
border-radius: 8px;
margin-top: 6%;
}
}
.lpcontents--chronic .lpcontents__body .faq__item--q {
font-size: 1.8rem;
color: #0F3580;
font-weight: bold;
padding-left: 1.5em;
position: relative;
border-bottom: solid 1px #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .faq__item--q {
font-size: 1.6rem;
}
}
.lpcontents--chronic .lpcontents__body .faq__item--q::before {
content: "Q.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--chronic .lpcontents__body .faq__item--a {
font-size: 1.6rem;
color: #333;
padding-left: 1.5em;
position: relative;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .faq__item--a {
font-size: 1.5rem;
margin-top: 4%;
}
}
.lpcontents--chronic .lpcontents__body .faq__item--a::before {
content: "A.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--chronic .lpcontents__body .faq__spacer {
padding: 20px 0;
font-size: 1.8rem;
margin-top: 20px;
font-weight: bold;
text-align: center;
color: #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .faq__spacer {
padding: 4% 0 0;
}
}
.lpcontents--chronic .lpcontents__body .single_bnr {
width: 70%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .single_bnr {
width: 92%;
}
}
.lpcontents--chronic .lpcontents__body .txt {
font-size: 1.6rem;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .txt {
font-size: 1.5rem;
}
}
.lpcontents--chronic .lpcontents__body .txt strong {
display: inline-block;
margin-bottom: 10px;
margin-left: -20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .txt strong {
margin-left: 0;
}
}
.lpcontents--chronic .lpcontents__body .captions {
margin: 20px 0 auto;
color: #333;
}
.lpcontents--chronic .lpcontents__body .captions__hl {
font-size: 1.4rem;
text-align: center;
font-weight: bold;
letter-spacing: normal;
}
.lpcontents--chronic .lpcontents__body .captions__txt {
margin: 10px auto;
width: 80%;
font-size: 1.2rem;
font-family: sans-serif;
letter-spacing: normal;
}
.lpcontents--chronic .lpcontents__body .row {
margin: 0 20px 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .row {
margin: 0 6% 8%;
display: block;
}
}
.lpcontents--chronic .lpcontents__body .row .col {
width: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .row .col {
width: auto;
width: initial;
margin-bottom: 8%;
}
}
.lpcontents--chronic .lpcontents__body .row .col .caps {
font-size: 1.2rem;
margin-top: 5px;
letter-spacing: 0.09em;
}
.lpcontents--chronic .lpcontents__body .row .col .label {
font-size: 1.4rem;
}
.lpcontents--chronic .lpcontents__body .row .col .label span {
display: inline-block;
background: #013c7c;
color: #FFF;
padding: 0.2em 0.5em 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .row--pt00 {
margin: 0;
}
}
.lpcontents--chronic .lpcontents__body .row--pt01 .col:nth-child(1) {
width: 65%;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .row--pt01 .col:nth-child(1) {
width: auto;
width: initial;
}
}
.lpcontents--chronic .lpcontents__body .row--pt01 .col:nth-child(2) {
width: 35%;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .row--pt01 .col:nth-child(2) {
width: auto;
width: initial;
}
}
.lpcontents--chronic .lpcontents__body .row--pt01 .col .images {
width: 85%;
margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .row--pt01 .col .images {
width: 60%;
margin: 0 auto 4%;
}
}
.lpcontents--chronic .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.4rem;
margin-top: 5px;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.1rem;
margin-top: 4%;
}
}
.lpcontents--chronic .lpcontents__body .row--pt02 {
margin: 40px auto 0;
width: 70%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lpcontents--chronic .lpcontents__body .row--pt03 {
margin: 40px auto;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .row--pt03 {
display: block;
}
}
.lpcontents--chronic .lpcontents__body .row--pt03 .col {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .row--pt03 .col {
width: 100%;
}
}
.lpcontents--chronic .lpcontents__body .box {
padding: 20px;
background: #e0f5ff;
border-radius: 16px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .box {
font-size: 1.5rem;
padding: 6%;
margin: 0 3%;
}
}
.lpcontents--chronic .lpcontents__body .box__hl {
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__body .box__hl {
font-size: 1.6rem;
}
}
.lpcontents--chronic .lpcontents__body .box__txt {
margin-top: 5px;
}
.lpcontents--chronic .lpcontents__body .box__txt + .box__hl {
margin-top: 20px;
}
.lpcontents--chronic .lpcontents__section {
padding: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--chronic .lpcontents__section {
padding: 10% 0;
}
}
.lpcontents--chronic .lpcontents__section--inner {
max-width: 960px;
margin: 0 auto;
}
.lpcontents--varicose {
letter-spacing: 0.05em;
}
.lpcontents--varicose .lpcontents__lead {
font-size: 3rem;
text-align: center;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__lead {
font-size: 1.8rem;
}
}
.lpcontents--varicose .lpcontents__p {
text-align: center;
margin-top: 40px;
font-size: 1.8rem;
line-height: 1.7;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__p {
font-size: 1.6rem;
}
}
.lpcontents--varicose .lpcontents__p .red {
color: #BC1B1B;
font-weight: bold;
}
.lpcontents--varicose .rows {
margin-top: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .rows {
display: block;
margin-top: 30px;
}
}
.lpcontents--varicose .rows .txt {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .rows .txt {
font-size: 1.6rem;
}
}
.lpcontents--varicose .rows .image {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .rows .image {
margin-top: 20px;
}
}
.lpcontents--varicose .doctor {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .doctor {
display: block;
margin: 30px 0 0;
}
}
.lpcontents--varicose .doctor_ph {
-webkit-flex-basis: 35%;
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
margin-right: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .doctor_ph {
margin: 0;
}
}
.lpcontents--varicose .doctor_txt {
font-size: 1.6rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .doctor_txt {
margin-top: 30px;
font-size: 1.4rem;
}
}
.lpcontents--varicose .doctor_txt .sm {
font-size: 0.8em;
}
.lpcontents--varicose .doctor_list + .doctor_list {
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .doctor_list + .doctor_list {
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .doctor_list_item strong {
font-size: 1.8rem;
text-align: center;
margin-bottom: 30px;
}
}
.lpcontents--varicose .doctor_list_item:not(:first-child) {
margin-top: 0.3em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .doctor_list_item:not(:first-child) {
text-align: left;
font-size: 1.4rem;
margin-top: 0.2em;
margin-bottom: 0;
}
}
.lpcontents--varicose .doctor_list_item:not(:first-child) .item {
-webkit-flex-basis: 8em;
-ms-flex-preferred-size: 8em;
flex-basis: 8em;
}
.lpcontents--varicose .doctor_list_item:not(:first-child) .value {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.lpcontents--varicose .ph {
margin-top: 20px;
}
.lpcontents--varicose .ph01 {
width: 80%;
margin: 30px auto 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .ph01 {
width: 100%;
margin-top: 10px;
}
}
.lpcontents--varicose .phs {
max-width: 680px;
margin: 10px auto 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lpcontents--varicose .phs .ph {
width: 48%;
}
.lpcontents--varicose .type {
margin-top: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .type {
display: block;
}
}
.lpcontents--varicose .type_hl {
display: block;
font-size: 3.8rem;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .type_hl {
font-size: 2.8rem;
line-height: 1.7;
}
}
.lpcontents--varicose .type_hl01 {
color: #0000FF;
}
.lpcontents--varicose .type_hl02 {
color: #BC1B1B;
}
.lpcontents--varicose .type__hl {
text-align: center;
font-size: 1.6rem;
margin-top: 30px;
}
.lpcontents--varicose .type__hl span {
display: inline-block;
padding: 10px 30px;
background: #0F3580;
color: #FFF;
border-radius: 100vh;
}
.lpcontents--varicose .type .types {
font-size: 1.8rem;
-webkit-flex-basis: 45%;
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
background: #FFF;
border: solid 2px #0F3580;
border-radius: 10px;
padding: 20px;
position: relative;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .type .types {
font-size: 1.6rem;
margin-top: 20px;
width: 80%;
margin: 20px auto 0;
}
}
.lpcontents--varicose .type .types::before {
content: "";
width: 40px;
height: 40px;
position: absolute;
top: -20px;
left: -20px;
z-index: 1;
}
.lpcontents--varicose .type .types:nth-child(1)::before {
background: url(//okuno-y-clinic.com/commons/images/lp/chronic/num01.svg) no-repeat center;
background-size: 40px auto;
}
.lpcontents--varicose .type .types:nth-child(2)::before {
background: url(//okuno-y-clinic.com/commons/images/lp/chronic/num02.svg) no-repeat center;
background-size: 40px auto;
}
.lpcontents--varicose .steps {
margin: 30px auto 0;
max-width: 880px;
}
.lpcontents--varicose .steps__hl {
font-size: 3rem;
padding-left: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/chronic/icon_tr.svg) no-repeat left center;
background-size: 22px auto;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .steps__hl {
font-size: 2rem;
background-size: 18px auto;
}
}
.lpcontents--varicose .steps__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .steps__row {
display: block;
}
}
.lpcontents--varicose .steps__row .stepslist {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
font-weight: bold;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .steps__row .stepslist {
font-size: 1.6rem;
}
}
.lpcontents--varicose .steps__row .stepslist__item {
padding-left: 1.5em;
position: relative;
font-weight: bold;
}
.lpcontents--varicose .steps__row .stepslist__item:not(:first-child) {
margin-top: 10px;
}
.lpcontents--varicose .steps__row .stepslist__item:nth-child(1)::before {
content: "1.";
position: absolute;
left: 0;
}
.lpcontents--varicose .steps__row .stepslist__item:nth-child(2)::before {
content: "2.";
position: absolute;
left: 0;
}
.lpcontents--varicose .steps__row .stepslist__item:nth-child(3)::before {
content: "3.";
position: absolute;
left: 0;
}
.lpcontents--varicose .steps__row .stepslist__item:nth-child(4)::before {
content: "4.";
position: absolute;
left: 0;
}
.lpcontents--varicose .steps__row .stepslist__item:nth-child(5)::before {
content: "5.";
position: absolute;
left: 0;
}
.lpcontents--varicose .steps__row .stepslist__item:nth-child(6)::before {
content: "6.";
position: absolute;
left: 0;
}
.lpcontents--varicose .steps__row .stepsimage {
-webkit-flex-basis: 260px;
-ms-flex-preferred-size: 260px;
flex-basis: 260px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .steps__row .stepsimage {
width: 80%;
margin: 20px auto;
}
}
.lpcontents--varicose .kv {
max-width: 1400px;
margin: 0 auto;
}
.lpcontents--varicose .dots {
display: inline-block;
line-height: 1;
padding-top: 0.2em;
position: relative;
}
.lpcontents--varicose .dots::before {
content: "";
width: 0.15em;
height: 0.15em;
background: #0F3580;
border-radius: 50%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.lpcontents--varicose .caseimg {
margin-top: 40px;
padding-bottom: 100px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/dots.png) no-repeat center bottom;
background-size: 16px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .caseimg {
margin: 10px -20px 0;
padding-bottom: 60px;
background-size: 10px auto;
}
}
.lpcontents--varicose .box {
border: solid 4px #0F3580;
padding: 0 0 40px;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .box {
padding: 0 0 30px;
}
}
.lpcontents--varicose .box_hl {
font-size: 2.8rem;
color: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .box_hl {
font-size: 2rem;
}
}
.lpcontents--varicose .box_hl .sm {
font-size: 0.5em;
}
.lpcontents--varicose .box_hl > span {
display: inline-block;
background: #0F3580;
padding: 0.2em 0.5em;
}
.lpcontents--varicose .box_txt {
margin: 30px 40px 0;
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .box_txt {
font-size: 1.6rem;
margin: 30px 20px 0;
}
}
.lpcontents--varicose .box_txt_aligncenter {
text-align: center;
margin: 30px 40px 0;
font-size: 2rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .box_txt_aligncenter {
font-size: 1.6rem;
}
}
.lpcontents--varicose .box_phs {
margin: 30px 40px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .box_phs {
display: block;
}
}
.lpcontents--varicose .box_phs .ph {
display: block;
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
.lpcontents--varicose .sc01 {
background: url(//okuno-y-clinic.com/commons/images/lp/varicose/bg.jpg) no-repeat center;
background-size: cover;
margin: 60px 0 0;
padding: 60px 0 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc01 {
margin-top: 0;
padding: 40px 0 1px;
}
}
.lpcontents--varicose .sc01 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc01 .inner {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
.lpcontents--varicose .sc01 + .sc01 {
padding-top: 0;
}
.lpcontents--varicose .sc02 {
padding-top: 80px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc02 {
padding-top: 40px;
}
}
.lpcontents--varicose .sc02 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc02 .inner {
padding: 0 20px;
}
}
.lpcontents--varicose .sc03 {
padding: 80px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc03 {
padding: 60px 0 0;
}
}
.lpcontents--varicose .sc03 .inner {
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc03 .inner {
padding: 0 20px;
}
}
.lpcontents--varicose .sc04 {
padding: 80px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc04 {
padding: 40px 0;
}
}
.lpcontents--varicose .sc04 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc04 .inner {
padding: 0 20px;
}
}
.lpcontents--varicose .sc05 {
background: #FFF;
padding: 80px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc05 {
padding: 40px 0;
}
}
.lpcontents--varicose .sc05 .inner {
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc05 .inner {
padding: 0 20px;
}
}
.lpcontents--varicose .sc05 .single_bnr {
margin: 30px auto;
max-width: 600px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .sc05 .single_bnr {
margin: 40px 20px 20px;
}
}
.lpcontents--varicose .textlist__hls {
font-size: 20px;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .textlist__hls {
font-size: 1.8rem;
}
}
.lpcontents--varicose .textlist__hl {
text-align: center;
padding-top: 65px;
margin-top: 40px;
font-size: 3rem;
line-height: 1.4;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .textlist__hl {
font-size: 1.8rem;
}
}
.lpcontents--varicose .textlist__hl::before {
content: "";
width: 80px;
height: 56px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/user.jpg) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.lpcontents--varicose .textlist__hl .sm {
display: block;
font-weight: normal;
font-size: 2rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .textlist__hl .sm {
font-size: 1.6rem;
}
}
.lpcontents--varicose .textlist__hlss {
font-size: 2rem;
line-height: 1;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .textlist__hlss {
font-size: 1.8rem;
}
}
.lpcontents--varicose .textlist__hlss span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.5em 1em;
position: relative;
left: -25px;
}
.lpcontents--varicose .textlist__txtarea {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .textlist__txtarea {
display: block;
}
}
.lpcontents--varicose .textlist__txtarea--right {
text-align: right;
font-size: 2rem;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .textlist__txtarea--right {
font-size: 1.8rem;
margin-top: 20px;
}
}
.lpcontents--varicose .textlist__txtarea--right .sm {
display: inline-block;
font-size: 1.5rem;
font-weight: normal;
}
.lpcontents--varicose .textlist__item {
margin-top: 40px;
padding: 25px;
border: solid 1px #0F3580;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .textlist__item {
margin-top: 20px;
}
}
.lpcontents--varicose .textlist__item .txt {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.8rem;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .textlist__item .txt {
font-size: 1.6rem;
}
}
.lpcontents--varicose .textlist__item .txt .hdl {
margin-top: 5px;
}
.lpcontents--varicose .textlist__item .img {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 20px 0 0 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .textlist__item .img {
margin: 20px 0 0 0;
}
}
.lpcontents--varicose .textlist__item .links {
text-align: right;
margin: 20px -25px 0 0;
}
.lpcontents--varicose .textlist__item .links a {
display: inline-block;
padding: 10px 20px;
background: #0F3580;
color: #FFF;
}
.lpcontents--varicose .bd {
min-width: 680px;
display: inline-block;
padding-bottom: 20px;
border-bottom: solid 2px #0F3580;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .bd {
min-width: 0;
min-width: initial;
margin-left: 20px;
margin-right: 20px;
}
}
.lpcontents--varicose .bd::before {
content: "";
width: 30px;
height: 2px;
background: #0F3580;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
}
.lpcontents--varicose .bd::after {
content: "";
width: 30px;
height: 2px;
background: #FFF;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
margin-left: -3px;
}
.lpcontents--varicose .cause__hdl {
font-size: 3rem;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
padding-left: 3em;
font-weight: bold;
line-height: 1.4;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/icon_cause.png) no-repeat left center;
background-size: 70px auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cause__hdl {
font-size: 1.8rem;
background-size: 50px auto;
}
}
.lpcontents--varicose .cause__movies {
margin-top: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cause__movies {
display: block;
}
}
.lpcontents--varicose .cause__movies .movie {
margin: 0;
width: 48%;
padding-top: 27.25%;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cause__movies .movie {
width: 100%;
padding-top: 56.25%;
}
.lpcontents--varicose .cause__movies .movie:not(:first-child) {
margin-top: 20px;
}
}
.lpcontents--varicose .cause__movies .movie iframe {
position: absolute;
top: 0;
left: 0;
}
.lpcontents--varicose .cause__check {
margin-top: 40px;
position: relative;
padding: 35px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cause__check {
padding: 35px 10px;
}
}
.lpcontents--varicose .cause__check::before {
content: "";
width: 70px;
height: 70px;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/icon_check.png) no-repeat center;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}
.lpcontents--varicose .cause__check_inner {
border: solid 2px #0F3580;
padding: 35px;
border-radius: 16px;
background: #FFF;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cause__check_inner {
padding: 45px 20px;
display: block;
}
}
.lpcontents--varicose .cause__check_inner--left {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cause__check_inner--left {
margin-right: 0;
}
}
.lpcontents--varicose .cause__check_inner--right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cause__check_inner--right {
margin-top: 20px;
}
}
.lpcontents--varicose .cause__check .cause__hl {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cause__check .cause__hl {
font-size: 1.8rem;
}
}
.lpcontents--varicose .cause__check .causelist {
margin-top: 20px;
}
.lpcontents--varicose .cause__check .causelist__item {
padding-left: 1.2em;
position: relative;
font-size: 1.9rem;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cause__check .causelist__item {
font-size: 1.4rem;
}
}
.lpcontents--varicose .cause__check .causelist__item::before {
content: "◎";
position: absolute;
left: 0;
top: 1px;
}
.lpcontents--varicose .cause__check .causeph .caption {
font-size: 1.2rem;
margin-top: 5px;
}
.lpcontents--varicose .cause__check .causeph:not(:first-child) {
margin-top: 10px;
}
.lpcontents--varicose .media_gallery {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .media_gallery {
margin-top: 20px;
}
}
.lpcontents--varicose .media_gallery__item {
-webkit-flex-basis: 19%;
-ms-flex-preferred-size: 19%;
flex-basis: 19%;
margin-bottom: 1%;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .media_gallery__item {
-webkit-flex-basis: 49%;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
}
}
.lpcontents--varicose .fukidashi_list {
margin: 60px auto 0;
max-width: 780px;
}
.lpcontents--varicose .fukidashi_list__item {
background: #FFF;
border-radius: 16px;
padding: 30px 60px;
font-size: 1.8rem;
position: relative;
overflow: visible;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .fukidashi_list__item {
border-radius: 16px;
padding: 30px;
font-size: 1.4rem;
}
}
.lpcontents--varicose .fukidashi_list__item .user {
text-align: right;
margin-top: 5px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .fukidashi_list__item .user {
font-size: 1.4rem;
}
}
.lpcontents--varicose .fukidashi_list__item:nth-child(odd)::after {
content: "";
width: 53px;
height: 50px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/fukidashi_arrow_l.png) no-repeat center top;
background-size: 53px auto;
position: absolute;
left: 80px;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.lpcontents--varicose .fukidashi_list__item:nth-child(even)::after {
content: "";
width: 53px;
height: 50px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/fukidashi_arrow_r.png) no-repeat center top;
background-size: 53px auto;
position: absolute;
right: 80px;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.lpcontents--varicose .list__outer {
margin-top: 30px;
background: #fafafa;
padding: 20px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .list__outer {
padding: 20px;
}
}
.lpcontents--varicose .contact_btn {
text-align: center;
margin: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .contact_btn {
margin: 40px 20px;
}
}
.lpcontents--varicose .contact_btn a {
display: inline-block;
font-size: 1.6rem;
font-weight: 600;
color: #FFF;
background: #E7701B;
border-radius: 100vh;
padding: 20px;
min-width: 450px;
border-bottom: solid 8px #D06113;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .contact_btn a {
min-width: 0;
min-width: initial;
display: block;
}
}
.lpcontents--varicose .cards {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1000px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cards {
display: block;
}
}
.lpcontents--varicose .cards .card {
-webkit-flex-basis: 31.3333%;
-ms-flex-preferred-size: 31.3333%;
flex-basis: 31.3333%;
background: #FFF;
border-radius: 32px;
padding: 30px;
margin: 0 1%;
}
.lpcontents--varicose .cards .card .inner {
padding: 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .cards .card:not(:first-child) {
margin-top: 20px;
}
}
.lpcontents--varicose .cards .card__ttl {
margin-top: 20px;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.3;
}
.lpcontents--varicose .cards a {
display: block;
color: #0F3580;
}
.lpcontents--varicose .cards img {
border-radius: 24px;
}
.lpcontents--varicose .lpcontents__result {
max-width: 1000px;
margin: 100px auto 0;
background: #FFF;
border-radius: 8px;
position: relative;
background: url(//okuno-y-clinic.com/commons/images/lp/stiff/cause_bg.jpg) no-repeat center;
background-size: cover;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result {
margin-top: 70px;
}
}
.lpcontents--varicose .lpcontents__result .result__hl {
width: 70%;
text-align: center;
font-size: 3rem;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__hl {
width: 95%;
font-size: 1.8rem;
}
}
.lpcontents--varicose .lpcontents__result .result__hl > span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.2em 2em;
border-radius: 16px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__hl > span {
padding: 0.2em 1em;
}
}
.lpcontents--varicose .lpcontents__result .result__hl .dots::before {
background: #FFF;
}
.lpcontents--varicose .lpcontents__result .result__hl .lg {
font-size: 4rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__hl .lg {
font-size: 2.6rem;
}
}
.lpcontents--varicose .lpcontents__result .result__hls {
margin-top: 30px;
font-size: 2.6rem;
text-align: center;
font-weight: 600;
}
.lpcontents--varicose .lpcontents__result .result__hls span {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__hls {
margin-top: 20px;
font-size: 1.6rem;
}
}
.lpcontents--varicose .lpcontents__result .result__hlss {
margin-top: 20px;
font-size: 2rem;
text-align: center;
font-weight: 600;
line-height: 2.4;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__hlss {
margin-top: 0;
font-size: 1.5rem;
}
}
.lpcontents--varicose .lpcontents__result .result__hlss span {
display: inline-block;
border-bottom: solid 1px #0F3580;
}
.lpcontents--varicose .lpcontents__result .result__ph {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__ph {
margin-top: 20px;
}
}
.lpcontents--varicose .lpcontents__result .result__ph .ph:nth-child(1) {
-webkit-flex-basis: 434px;
-ms-flex-preferred-size: 434px;
flex-basis: 434px;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__ph .ph:nth-child(1) {
-webkit-flex-basis: 70%;
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
margin-right: 0;
}
}
.lpcontents--varicose .lpcontents__result .result__ph .ph:nth-child(2) {
-webkit-flex-basis: 185px;
-ms-flex-preferred-size: 185px;
flex-basis: 185px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__ph .ph:nth-child(2) {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
}
.lpcontents--varicose .lpcontents__result .result__inner {
padding: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__inner {
padding: 60px 20px 30px;
}
}
.lpcontents--varicose .lpcontents__result .result__about {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__about {
display: block;
}
}
.lpcontents--varicose .lpcontents__result .result__about .txtarea {
-webkit-flex-basis: 60%;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
font-size: 1.8rem;
margin-right: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__about .txtarea {
margin: 0;
font-size: 1.4rem;
}
}
.lpcontents--varicose .lpcontents__result .result__about .ph {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.lpcontents--varicose .lpcontents__result .result__about .ph .cap {
margin-top: 5px;
font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__result .result__about .ph {
margin-top: 20px;
}
}
.lpcontents--varicose .lpcontents__hdl {
text-align: center;
font-size: 4rem;
font-weight: 600;
letter-spacing: normal;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
.lpcontents--varicose .lpcontents__hdl .lg {
font-size: 5rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__hdl .lg {
font-size: 3.2rem;
}
}
.lpcontents--varicose .lpcontents__hdl .mk {
display: inline-block;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
line-height: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__hdl {
font-size: 2rem;
}
}
.lpcontents--varicose .lpcontents__hdls {
text-align: center;
font-size: 2.4rem;
font-weight: 600;
letter-spacing: normal;
margin-top: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__hdls {
font-size: 1.8rem;
}
}
.lpcontents--varicose .lpcontents__hdls .fukidashi {
display: block;
background: #0F3580;
border-radius: 8px;
padding: 10px;
color: #FFF;
margin-top: 40px;
position: relative;
}
.lpcontents--varicose .lpcontents__hdls .fukidashi::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__hdls .fukidashi span {
display: block;
}
}
.lpcontents--varicose .lpcontents__hdls + .rows {
margin-top: 20px;
}
.lpcontents--varicose .lpcontents__price {
max-width: 680px;
margin: 80px auto 0;
position: relative;
}
.lpcontents--varicose .lpcontents__price .price__head {
font-size: 1.8rem;
font-weight: 600;
text-align: center;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__price .price__head {
width: 90%;
font-size: 1.6rem;
}
}
.lpcontents--varicose .lpcontents__price .price__headinner {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 10px 60px;
border-radius: 100vh;
}
.lpcontents--varicose .lpcontents__price .price__head .md {
display: block;
font-weight: normal;
font-size: 1.2rem;
}
.lpcontents--varicose .lpcontents__price .price__body {
background: #FFF;
border: solid 2px #0F3580;
border-radius: 22px;
padding: 65px 40px 20px;
text-align: center;
font-size: 2.4rem;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__price .price__body {
font-size: 1.8rem;
padding: 65px 20px 20px;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__price .price__body span {
display: block;
}
}
.lpcontents--varicose .lpcontents__point {
margin-top: 40px;
padding: 0 20px 40px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg01.png) no-repeat center bottom;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__point {
padding: 0 0 20px;
background-image: url(//okuno-y-clinic.com/commons/images/lp/heberden/bg02.png);
background-size: 86% auto;
}
}
.lpcontents--varicose .lpcontents__point .phs {
width: 80%;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__point .phs {
width: 100%;
}
}
.lpcontents--varicose .lpcontents__point .phs .ph {
width: 48%;
}
.lpcontents--varicose .lpcontents__point .cap {
font-size: 1.2rem;
color: #333;
text-align: center;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__point .cap {
text-align: right;
}
}
.lpcontents--varicose .lpcontents__point .points {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__point .points {
display: block;
width: 70%;
margin: 20px auto;
}
}
.lpcontents--varicose .lpcontents__point .points .point {
-webkit-flex-basis: 32%;
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__point .points .point:not(:first-child) {
margin-top: 10px;
}
}
.lpcontents--varicose .lpcontents__case {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-top: 20px;
padding: 30px;
background: #FFF;
border-radius: 22px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__case {
display: block;
}
}
.lpcontents--varicose .lpcontents__case .ph {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__case .ph {
width: 100%;
margin-top: 20px;
}
}
.lpcontents--varicose .lpcontents__case .cases {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__case .cases {
margin-left: 0;
}
}
.lpcontents--varicose .lpcontents__case .cases .case {
margin-top: 0;
padding-left: 35px;
font-size: 2rem;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/icon_bad.svg) no-repeat left center;
background-size: auto 85%;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__case .cases .case {
background-size: auto 26px;
font-size: 1.8rem;
line-height: 1.5;
}
}
.lpcontents--varicose .lpcontents__case .cases .case:not(:first-child) {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__case .cases .case:not(:first-child) {
margin-top: 18px;
}
}
.lpcontents--varicose .lpcontents__about {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__about {
display: block;
}
}
.lpcontents--varicose .lpcontents__about .ph {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__about .ph {
margin: 30px 0 0 0;
}
}
.lpcontents--varicose .lpcontents__about .ph .cap {
color: #333;
font-size: 1.2rem;
margin-top: 10px;
}
.lpcontents--varicose .lpcontents__about .txtarea {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.6rem;
}
.lpcontents--varicose .lpcontents__detail {
background: #FFF;
border: solid 2px #0F3580;
border-radius: 8px;
margin-top: 30px;
}
.lpcontents--varicose .lpcontents__detail .detail__inner {
padding: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__detail .detail__inner {
padding: 30px 20px 10px 20px;
}
}
.lpcontents--varicose .lpcontents__detail .detail {
text-align: center;
font-size: 1.6rem;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__detail .detail {
font-size: 1.4rem;
}
}
.lpcontents--varicose .lpcontents__detail .detail strong {
display: inline-block;
font-size: 1.5em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
background: linear-gradient(transparent 60%, #ff6 60%);
line-height: 1;
}
.lpcontents--varicose .lpcontents__detail .note {
font-size: 1.4rem;
margin-top: 10px;
}
.lpcontents--varicose .lpcontents__detail .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__detail .phs {
display: block;
}
}
.lpcontents--varicose .lpcontents__detail .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__detail .phs .ph {
margin: 20px auto;
}
}
.lpcontents--varicose .lpcontents__detail .phs .ph .cap {
text-align: center;
font-size: 1.4rem;
color: #333;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__detail .phs .ph .cap {
font-size: 1.4rem;
}
}
.lpcontents--varicose .lpcontents__detail .catch {
background: #0F3580;
color: #FFF;
text-align: center;
padding: 10px 0;
font-size: 2rem;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__detail .catch {
padding: 10px;
font-size: 1.6rem;
}
}
.lpcontents--varicose .lpcontents__header {
max-width: 1000px;
margin: 0 auto;
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__header {
padding-bottom: 0;
}
}
.lpcontents--varicose .lpcontents__ttl {
position: relative;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__ttl {
margin: 0;
}
}
.lpcontents--varicose .lpcontents__ttl img {
width: 80%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__ttl img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__main {
margin-top: 4%;
}
}
.lpcontents--varicose .lpcontents__visual {
margin: 30px 0 0;
text-align: center;
}
.lpcontents--varicose .lpcontents__visual img {
width: 70%;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__visual img {
width: 92%;
}
}
.lpcontents--varicose .lpcontents__catch {
background: #FFF;
padding: 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.lpcontents--varicose .lpcontents__catch .catch_hl {
width: 45%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__catch .catch_hl {
width: 80%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__catch {
width: 100%;
margin: 0 auto;
padding: 6%;
}
}
.lpcontents--varicose .lpcontents__catch .checklist {
width: 70%;
margin: 20px auto 0;
font-size: 2.2rem;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__catch .checklist {
width: 100%;
font-size: 1.8rem;
}
}
.lpcontents--varicose .lpcontents__catch .checklist_item {
text-align: left;
padding: 5px 0 5px 50px;
position: relative;
}
.lpcontents--varicose .lpcontents__catch .checklist_item::before {
content: "";
width: 35px;
height: 35px;
background: url(//okuno-y-clinic.com/commons/images/lp/heberden/icon_check.png) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.lpcontents--varicose .lpcontents__catch .checklist_item:not(:first-child) {
margin-top: 10px;
}
.lpcontents--varicose .lpcontents__catch .checklist_item strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(55%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 55%);
}
.lpcontents--varicose .lpcontents__catch2 {
background: #FFF;
padding: 0 40px 40px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.lpcontents--varicose .lpcontents__catch2 .catch_hl {
width: 40%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__catch2 .catch_hl {
width: 75%;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__catch2 {
width: 100%;
margin: 0;
padding: 0 6% 6%;
}
}
.lpcontents--varicose .lpcontents__catch2 .catch_hls {
font-size: 2.4rem;
font-weight: bold;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__catch2 .catch_hls {
margin-top: 6%;
font-size: 2rem;
}
}
.lpcontents--varicose .lpcontents__catch2 .catch_hls span {
display: inline-block;
padding: 0.3em 1em;
border-top: solid 1px #0F357F;
border-bottom: solid 1px #0F357F;
}
.lpcontents--varicose .lpcontents__catch2 .txt {
margin-top: 20px;
font-size: 1.6rem;
line-height: 1.7;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__catch2 .txt {
text-align: left;
}
}
.lpcontents--varicose .lpcontents__catch2 .txt strong {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(55%, #ffeb39));
background: linear-gradient(transparent 50%, #ffeb39 55%);
}
.lpcontents--varicose .lpcontents__catch2 .phs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
.lpcontents--varicose .lpcontents__catch2 .phs .ph {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin: 0 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__catch2 .phs .ph {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin: 0 1%;
}
}
.lpcontents--varicose .lpcontents__catch2 .phs .ph .caps {
text-align: left;
margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__catch2 .phs .ph .caps {
font-size: 1.2rem;
}
}
.lpcontents--varicose .lpcontents__ttls {
background: #FFF;
padding: 20px 0;
margin-top: 20px;
border-top: solid 2px #0e357f;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__ttls {
position: relative;
padding: 4% 0;
}
}
.lpcontents--varicose .lpcontents__ttls span {
display: block;
width: 800px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__ttls span {
width: 73%;
margin: 0 auto;
}
}
.lpcontents--varicose .lpcontents__body .section__box {
background: #FFF;
padding: 40px 40px 30px;
margin-top: 60px;
border-radius: 16px;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section__box {
padding: 8% 8% 6%;
margin: 12% 4% 0;
}
}
.lpcontents--varicose .lpcontents__body .section__box--hl {
font-size: 2rem;
padding: 0.3em 1em 0.2em;
background: #0e357f;
color: #FFF;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section__box--hl {
font-size: 1.8rem;
}
}
.lpcontents--varicose .lpcontents__body .section__box--hls {
font-size: 2.2rem;
text-align: center;
border-bottom: solid 2px #0e357f;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section__box--hls {
font-size: 2rem;
}
}
.lpcontents--varicose .lpcontents__body .section__box--hls span {
display: inline-block;
font-size: 1.6rem;
font-weight: normal;
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section__box--hls span {
display: block;
}
}
.lpcontents--varicose .lpcontents__body .section__box .txt {
margin-top: 20px;
}
.lpcontents--varicose .lpcontents__body .section__hl--bg {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section__hl--bg {
font-size: 1.8rem;
margin: 0 3% 8%;
text-align: center;
}
}
.lpcontents--varicose .lpcontents__body .section__hl--bg span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 2em;
position: relative;
}
.lpcontents--varicose .lpcontents__body .section__hl--bg span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--varicose .lpcontents__body .section__hl--bg2 {
font-size: 2.4rem;
color: #FFF;
margin-bottom: 20px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section__hl--bg2 {
font-size: 1.8rem;
margin: 0 3% 8%;
}
}
.lpcontents--varicose .lpcontents__body .section__hl--bg2 span {
display: inline-block;
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
border-radius: 50px;
padding: 0.3em 1em 0.3em 2em;
position: relative;
}
.lpcontents--varicose .lpcontents__body .section__hl--bg2 span::before {
content: "";
width: 44px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/lp/rheumarthritis/icon_hl.png) no-repeat center;
background-size: auto 30px;
position: absolute;
top: -7px;
left: 0;
z-index: 1;
}
.lpcontents--varicose .lpcontents__body .section__hl--small {
font-size: 1.8rem;
text-align: center;
margin-bottom: 20px;
color: #333;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section__hl--small {
font-size: 1.4rem;
margin: 10% 3% 4%;
}
}
.lpcontents--varicose .lpcontents__body .section__hl--ul {
text-align: center;
font-size: 2.4rem;
margin-bottom: 40px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section__hl--ul {
font-size: 1.8rem;
margin: 0 0 6%;
line-height: 1.4;
}
}
.lpcontents--varicose .lpcontents__body .section__hl--ul span {
display: inline-block;
padding-bottom: 5px;
border-bottom: solid 2px #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section__hl--ul span {
padding-bottom: 2%;
}
}
.lpcontents--varicose .lpcontents__body .section01 {
padding-top: 10%;
background: url(//okuno-y-clinic.com/commons/images/lp/hemorrhoid/spacebg_02.jpg) no-repeat center top, #FFF;
background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section01 {
padding: 16% 0 10%;
}
.lpcontents--varicose .lpcontents__body .section01.ml {
padding-left: 6%;
padding-right: 6%;
}
}
.lpcontents--varicose .lpcontents__body .section02 {
background: #effaff;
}
.lpcontents--varicose .lpcontents__body .section03 {
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section03 {
padding: 10% 6%;
}
}
.lpcontents--varicose .lpcontents__body .section04 {
background-image: linear-gradient(-45deg, #13285C 25%, #0F3580 25%, #0F3580 50%, #13285C 50%, #13285C 75%, #0F3580 75%, #0F3580);
background-size: 10px 10px;
color: #FFF;
}
.lpcontents--varicose .lpcontents__body .section04 .section__hl--ul {
color: #FFF;
}
.lpcontents--varicose .lpcontents__body .section04 .section__hl--ul span {
border-color: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .section04 .contact_btn {
margin-left: 20px;
margin-right: 20px;
}
}
.lpcontents--varicose .lpcontents__body .faq {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .faq {
margin: 0 6% 12%;
}
}
.lpcontents--varicose .lpcontents__body .faq__item {
padding: 30px;
background: #FFF;
border-radius: 16px;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .faq__item {
padding: 6%;
border-radius: 8px;
margin-top: 6%;
}
}
.lpcontents--varicose .lpcontents__body .faq__item--q {
font-size: 1.8rem;
color: #0F3580;
font-weight: bold;
padding-left: 1.5em;
position: relative;
border-bottom: solid 1px #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .faq__item--q {
font-size: 1.6rem;
}
}
.lpcontents--varicose .lpcontents__body .faq__item--q::before {
content: "Q.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--varicose .lpcontents__body .faq__item--a {
font-size: 1.6rem;
color: #333;
padding-left: 1.5em;
position: relative;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .faq__item--a {
font-size: 1.5rem;
margin-top: 4%;
}
}
.lpcontents--varicose .lpcontents__body .faq__item--a::before {
content: "A.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--varicose .lpcontents__body .faq__spacer {
padding: 20px 0;
font-size: 1.8rem;
margin-top: 20px;
font-weight: bold;
text-align: center;
color: #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .faq__spacer {
padding: 4% 0 0;
}
}
.lpcontents--varicose .lpcontents__body .single_bnr {
width: 70%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .single_bnr {
width: 92%;
}
}
.lpcontents--varicose .lpcontents__body .txt {
font-size: 1.6rem;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .txt {
font-size: 1.5rem;
}
}
.lpcontents--varicose .lpcontents__body .txt strong {
display: inline-block;
margin-bottom: 10px;
margin-left: -20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .txt strong {
margin-left: 0;
}
}
.lpcontents--varicose .lpcontents__body .captions {
margin: 20px 0 auto;
color: #333;
}
.lpcontents--varicose .lpcontents__body .captions__hl {
font-size: 1.4rem;
text-align: center;
font-weight: bold;
letter-spacing: normal;
}
.lpcontents--varicose .lpcontents__body .captions__txt {
margin: 10px auto;
width: 80%;
font-size: 1.2rem;
font-family: sans-serif;
letter-spacing: normal;
}
.lpcontents--varicose .lpcontents__body .row {
margin: 0 20px 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .row {
margin: 0 6% 8%;
display: block;
}
}
.lpcontents--varicose .lpcontents__body .row .col {
width: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .row .col {
width: auto;
width: initial;
margin-bottom: 8%;
}
}
.lpcontents--varicose .lpcontents__body .row .col .caps {
font-size: 1.2rem;
margin-top: 5px;
letter-spacing: 0.09em;
}
.lpcontents--varicose .lpcontents__body .row .col .label {
font-size: 1.4rem;
}
.lpcontents--varicose .lpcontents__body .row .col .label span {
display: inline-block;
background: #013c7c;
color: #FFF;
padding: 0.2em 0.5em 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .row--pt00 {
margin: 0;
}
}
.lpcontents--varicose .lpcontents__body .row--pt01 .col:nth-child(1) {
width: 65%;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .row--pt01 .col:nth-child(1) {
width: auto;
width: initial;
}
}
.lpcontents--varicose .lpcontents__body .row--pt01 .col:nth-child(2) {
width: 35%;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .row--pt01 .col:nth-child(2) {
width: auto;
width: initial;
}
}
.lpcontents--varicose .lpcontents__body .row--pt01 .col .images {
width: 85%;
margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .row--pt01 .col .images {
width: 60%;
margin: 0 auto 4%;
}
}
.lpcontents--varicose .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.4rem;
margin-top: 5px;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .row--pt01 .col .images .caption {
font-size: 1.1rem;
margin-top: 4%;
}
}
.lpcontents--varicose .lpcontents__body .row--pt02 {
margin: 40px auto 0;
width: 70%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lpcontents--varicose .lpcontents__body .row--pt03 {
margin: 40px auto;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .row--pt03 {
display: block;
}
}
.lpcontents--varicose .lpcontents__body .row--pt03 .col {
width: 30%;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .row--pt03 .col {
width: 100%;
}
}
.lpcontents--varicose .lpcontents__body .box {
padding: 20px;
background: #e0f5ff;
border-radius: 16px;
font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .box {
font-size: 1.5rem;
padding: 6%;
margin: 0 3%;
}
}
.lpcontents--varicose .lpcontents__body .box__hl {
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__body .box__hl {
font-size: 1.6rem;
}
}
.lpcontents--varicose .lpcontents__body .box__txt {
margin-top: 5px;
}
.lpcontents--varicose .lpcontents__body .box__txt + .box__hl {
margin-top: 20px;
}
.lpcontents--varicose .lpcontents__section {
padding: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--varicose .lpcontents__section {
padding: 10% 0;
}
}
.lpcontents--varicose .lpcontents__section--inner {
max-width: 960px;
margin: 0 auto;
}
.lpcontents--frozenshoulder .lpcontents__header .kv {
max-width: 1000px;
margin: 0 auto;
}
.lpcontents--frozenshoulder .lpcontents__hdl {
text-align: center;
font-size: 4rem;
font-weight: 600;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__hdl {
font-size: 2.6rem;
}
}
.lpcontents--frozenshoulder .lpcontents__hdl .bd {
min-width: 680px;
display: inline-block;
padding-bottom: 20px;
border-bottom: solid 2px #0F3580;
position: relative;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__hdl .bd {
min-width: 0;
min-width: initial;
margin-left: 20px;
margin-right: 20px;
}
}
.lpcontents--frozenshoulder .lpcontents__hdl .bd::before {
content: "";
width: 30px;
height: 2px;
background: #0F3580;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
}
.lpcontents--frozenshoulder .lpcontents__hdl .bd::after {
content: "";
width: 30px;
height: 2px;
background: #FFF;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: rotate(-45deg) translateX(-50%);
transform: rotate(-45deg) translateX(-50%);
z-index: 1;
margin-left: -3px;
}
.lpcontents--frozenshoulder .lpcontents__hdls {
text-align: center;
font-size: 3rem;
font-weight: 600;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__hdls {
font-size: 2.2rem;
}
}
.lpcontents--frozenshoulder .movie {
width: 100%;
aspect-ratio: 16/9;
position: relative;
}
.lpcontents--frozenshoulder .movie iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.lpcontents--frozenshoulder .lpcontents__fukidashi {
text-align: center;
font-size: 3rem;
font-weight: 600;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__fukidashi {
font-size: 2rem;
}
}
.lpcontents--frozenshoulder .lpcontents__fukidashi span {
position: relative;
display: inline-block;
padding: 20px 60px;
min-width: 800px;
background: #FFF;
border-radius: 100vh;
border: solid 1px #0F3580;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__fukidashi span {
min-width: 0;
min-width: initial;
padding: 20px;
}
}
.lpcontents--frozenshoulder .lpcontents__fukidashi span::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #0F3580;
}
.lpcontents--frozenshoulder .lpcontents__fukidashi span::after {
content: "";
position: absolute;
top: 99%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #FFF;
}
.lpcontents--frozenshoulder .symptoms__hdl {
width: 700px;
font-size: 3rem;
font-weight: 600;
color: #FFF;
text-align: center;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .symptoms__hdl {
width: 83%;
font-size: 2.2rem;
}
}
.lpcontents--frozenshoulder .symptoms__hdl span {
display: inline-block;
background: #0F3580;
padding: 10px 40px 5px;
border-radius: 10px;
}
.lpcontents--frozenshoulder .symptoms__hdls {
text-align: center;
background: #0F3580;
color: #FFF;
font-size: 3rem;
font-weight: 600;
padding: 10px 0 5px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .symptoms__hdls {
font-size: 2.4rem;
}
}
.lpcontents--frozenshoulder .symptoms__upper {
padding: 70px 50px 1px;
background: url(//okuno-y-clinic.com/commons/images/lp/frozenshoulder/bg01.jpg) no-repeat center top;
background-size: cover;
position: relative;
border-radius: 10px 10px 0 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .symptoms__upper {
background-image: url(//okuno-y-clinic.com/commons/images/lp/frozenshoulder/bg01_sp.jpg);
padding: 70px 20px 1px;
}
}
.lpcontents--frozenshoulder .symptoms {
width: 810px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .symptoms {
width: 100%;
}
}
.lpcontents--frozenshoulder .symptoms__under {
background: #FFF;
padding-bottom: 60px;
border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .symptoms__under {
padding-bottom: 0;
}
}
.lpcontents--frozenshoulder .symptoms__under .large_txt {
font-size: 3rem;
text-align: center;
font-weight: 600;
line-height: 2;
margin-top: 30px;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .symptoms__under .large_txt {
font-size: 2.4rem;
}
}
.lpcontents--frozenshoulder .symptoms__under .large_txt .mk {
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #F6E614));
background: linear-gradient(transparent 60%, #F6E614 60%);
}
.lpcontents--frozenshoulder .symptoms__under .box {
margin: 30px 100px 0;
border: solid 1px #0F3580;
border-radius: 10px;
padding: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .symptoms__under .box {
margin: 20px 20px 0;
}
}
.lpcontents--frozenshoulder .symptoms__under .box .txt {
font-size: 1.8rem;
font-weight: 400;
letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .symptoms__under .box .txt {
line-height: 2;
}
}
.lpcontents--frozenshoulder .steps {
margin-top: 30px;
}
.lpcontents--frozenshoulder .step {
position: relative;
margin-top: 120px;
}
.lpcontents--frozenshoulder .step .step_inner {
background: #8195BC;
padding: 50px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step .step_inner {
padding: 50px 20px 20px;
margin: 0 20px;
}
}
.lpcontents--frozenshoulder .step .step_hl {
font-size: 3.6rem;
color: #FFF;
letter-spacing: normal;
font-weight: 600;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step .step_hl {
font-size: 2.4rem;
line-height: 1.5;
}
}
.lpcontents--frozenshoulder .step .step_hl + .step_hl {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step .step_hl + .step_hl {
margin-top: 10px;
}
}
.lpcontents--frozenshoulder .step .txt {
margin-top: 30px;
font-size: 1.8rem;
letter-spacing: normal;
color: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step .txt {
font-size: 1.6rem;
line-height: 2.2;
margin-top: 20px;
}
}
.lpcontents--frozenshoulder .step:nth-child(1)::after {
content: "";
width: 203px;
height: 136px;
background: url(//okuno-y-clinic.com/commons/images/lp/frozenshoulder/num01.svg) no-repeat center;
background-size: cover;
position: absolute;
left: 20px;
top: 0;
-webkit-transform: translateY(-70%);
transform: translateY(-70%);
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(1)::after {
width: 166px;
height: 110px;
left: auto;
left: initial;
right: 30px;
}
}
.lpcontents--frozenshoulder .step:nth-child(1) .step_inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(1) .step_inner {
display: block;
}
}
.lpcontents--frozenshoulder .step:nth-child(1) .txtarea {
-webkit-flex-basis: 55%;
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
margin-right: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(1) .txtarea {
margin-right: 0;
}
}
.lpcontents--frozenshoulder .step:nth-child(1) .pharea {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0 20px 20px;
position: absolute;
width: 40%;
top: -60px;
right: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(1) .pharea {
position: relative;
width: 100%;
top: auto;
top: initial;
right: auto;
right: initial;
margin-top: 30px;
}
}
.lpcontents--frozenshoulder .step:nth-child(1) .pharea img {
position: relative;
z-index: 1;
}
.lpcontents--frozenshoulder .step:nth-child(1) .pharea::after {
content: "";
width: calc(100% - 20px);
height: 50%;
background: rgba(15, 53, 128, .5);
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
}
.lpcontents--frozenshoulder .step:nth-child(2)::after {
content: "";
width: 218px;
height: 136px;
background: url(//okuno-y-clinic.com/commons/images/lp/frozenshoulder/num02.svg) no-repeat center;
background-size: cover;
position: absolute;
right: 20px;
top: 0;
-webkit-transform: translateY(-70%);
transform: translateY(-70%);
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(2)::after {
width: 177px;
height: 110px;
}
}
.lpcontents--frozenshoulder .step:nth-child(2) .step_inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-bottom: 20px;
border-radius: 10px 10px 0 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(2) .step_inner {
display: block;
}
}
.lpcontents--frozenshoulder .step:nth-child(2) .txtarea {
-webkit-flex-basis: 65%;
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(2) .txtarea {
margin-left: 0;
}
}
.lpcontents--frozenshoulder .step:nth-child(2) .pharea {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(2) .pharea {
margin-top: 30px;
}
}
.lpcontents--frozenshoulder .step:nth-child(2) .pharea .ph .ph_cap {
margin-top: 5px;
color: #FFF;
font-size: 1.4rem;
letter-spacing: normal;
}
.lpcontents--frozenshoulder .step:nth-child(2) .pharea .ph + .ph {
margin-top: 20px;
}
.lpcontents--frozenshoulder .step:nth-child(2) .points {
background: #8195BC;
padding: 0 20px 30px;
border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(2) .points {
margin: 0 20px;
}
}
.lpcontents--frozenshoulder .step:nth-child(2) .catch01 {
width: 220px;
position: absolute;
left: 0;
top: 0;
-webkit-transform: translate(-40%, -40%);
transform: translate(-40%, -40%);
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(2) .catch01 {
width: 140px;
-webkit-transform: translate(5%, -68%);
transform: translate(5%, -68%);
}
}
.lpcontents--frozenshoulder .step:nth-child(3)::after {
content: "";
width: 218px;
height: 136px;
background: url(//okuno-y-clinic.com/commons/images/lp/frozenshoulder/num03.svg) no-repeat center;
background-size: cover;
position: absolute;
left: 20px;
top: 0;
-webkit-transform: translateY(-70%);
transform: translateY(-70%);
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(3)::after {
width: 177px;
height: 110px;
}
}
.lpcontents--frozenshoulder .step:nth-child(3) .step_inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border-radius: 10px 10px 0 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(3) .step_inner {
display: block;
}
}
.lpcontents--frozenshoulder .step:nth-child(3) .txtarea {
-webkit-flex-basis: 44%;
-ms-flex-preferred-size: 44%;
flex-basis: 44%;
margin-right: 30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(3) .txtarea {
margin-right: 0;
}
}
.lpcontents--frozenshoulder .step:nth-child(3) .pharea {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0 20px 20px;
position: absolute;
width: 40%;
top: -60px;
right: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(3) .pharea {
position: relative;
top: auto;
top: initial;
right: auto;
right: initial;
margin: 30px auto;
width: 100%;
}
}
.lpcontents--frozenshoulder .step:nth-child(3) .pharea img {
position: relative;
z-index: 1;
}
.lpcontents--frozenshoulder .step:nth-child(3) .pharea::after {
content: "";
width: calc(100% - 20px);
height: 50%;
background: rgba(15, 53, 128, .5);
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
}
.lpcontents--frozenshoulder .step:nth-child(3) .step_under {
background: #80A6F0;
padding: 30px 20px;
border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(3) .step_under {
margin: 0 20px;
}
}
.lpcontents--frozenshoulder .step:nth-child(3) .under_hdl {
text-align: center;
font-size: 2.6rem;
color: #FFF;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .step:nth-child(3) .under_hdl {
font-size: 2rem;
}
}
.lpcontents--frozenshoulder .step:nth-child(3) .flow_ph {
margin-top: 20px;
}
.lpcontents--frozenshoulder .lpcontents__section {
padding: 60px 0;
}
.lpcontents--frozenshoulder .lpcontents__section--inner {
max-width: 960px;
margin: 0 auto;
}
.lpcontents--frozenshoulder .lpcontents__section .row {
margin-top: 60px;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__section .row {
display: block;
margin-top: 30px;
}
}
.lpcontents--frozenshoulder .lpcontents__section .row .col {
-webkit-flex-basis: 48%;
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__section .row .col {
width: 86%;
margin: 20px auto 30px;
}
.lpcontents--frozenshoulder .lpcontents__section .row .col + .col {
margin-bottom: 0;
}
}
.lpcontents--frozenshoulder .lpcontents__section .row .col_caption {
margin-top: 20px;
font-size: 1.4rem;
letter-spacing: normal;
text-align: center;
color: #333;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__section .row .col_caption {
font-size: 1.2rem;
margin-top: 10px;
}
}
.lpcontents--frozenshoulder .lpcontents__section .row .col_caption a {
display: inline;
color: #333;
text-decoration: underline;
}
.lpcontents--frozenshoulder .lpcontents__section .row .col .size_custom01 {
width: 427px;
margin: 0 auto;
display: block;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__section .row .col .size_custom01 {
width: 100%;
}
}
.lpcontents--frozenshoulder .lpcontents__section.section01 {
padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__section.section01 {
padding-bottom: 60px;
}
}
.lpcontents--frozenshoulder .lpcontents__section.section02 {
background: #FFF;
}
.lpcontents--frozenshoulder .lpcontents__section.section02 .lpcontents__section--inner {
margin-top: -126px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .lpcontents__section.section04 {
padding-bottom: 30px;
}
}
.lpcontents--frozenshoulder .lpcontents__section.section_faq {
background-image: linear-gradient(-45deg, #0e357f 25%, #0b2960 25%, #0b2960 50%, #0e357f 50%, #0e357f 75%, #0b2960 75%, #0b2960);
background-size: 10px 10px;
color: #FFF;
}
.lpcontents--frozenshoulder .lpcontents__section.section_faq .section__hl--ul {
text-align: center;
font-size: 2.4rem;
margin-bottom: 40px;
font-weight: 600;
color: #FFF;
}
.lpcontents--frozenshoulder .lpcontents__section.section_faq .section__hl--ul span {
display: inline-block;
padding-bottom: 5px;
border-bottom: solid 2px #FFF;
}
.lpcontents--frozenshoulder .contact_btn {
text-align: center;
margin: 60px 0;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .contact_btn {
margin: 40px 20px;
}
}
.lpcontents--frozenshoulder .contact_btn.mt0 {
margin-bottom: 0;
}
.lpcontents--frozenshoulder .contact_btn a {
display: inline-block;
font-size: 1.6rem;
font-weight: 600;
color: #FFF;
background: #E7701B;
border-radius: 100vh;
padding: 20px;
min-width: 450px;
border-bottom: solid 8px #D06113;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .contact_btn a {
min-width: 0;
min-width: initial;
display: block;
}
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section06 {
padding: 60px 20px;
}
}
.lpcontents--frozenshoulder .section06 .textlist__hl {
text-align: center;
padding-top: 65px;
margin-top: 40px;
font-size: 2.6rem;
line-height: 1.4;
position: relative;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section06 .textlist__hl {
font-size: 1.8rem;
}
}
.lpcontents--frozenshoulder .section06 .textlist__hl::before {
content: "";
width: 80px;
height: 56px;
background: url(//okuno-y-clinic.com/commons/images/lp/knee/user.jpg) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
mix-blend-mode: multiply;
}
.lpcontents--frozenshoulder .section06 .textlist__hl.men::before {
background-image: url(//okuno-y-clinic.com/commons/images/lp/knee/user_men.jpg);
mix-blend-mode: multiply;
}
.lpcontents--frozenshoulder .section06 .textlist__hl .sm {
display: block;
font-weight: normal;
font-size: 2rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section06 .textlist__hl .sm {
font-size: 1.6rem;
}
}
.lpcontents--frozenshoulder .section06 .textlist__hlss {
font-size: 2rem;
line-height: 1;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section06 .textlist__hlss {
font-size: 1.8rem;
}
}
.lpcontents--frozenshoulder .section06 .textlist__hlss span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.5em 1em;
position: relative;
left: -50px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section06 .textlist__hlss span {
left: -20px;
}
}
.lpcontents--frozenshoulder .section06 .textlist__txtarea--right {
text-align: right;
font-size: 2rem;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section06 .textlist__txtarea--right {
font-size: 1.8rem;
margin-top: 20px;
}
}
.lpcontents--frozenshoulder .section06 .textlist__txtarea--right .sm {
display: inline-block;
font-size: 1.5rem;
font-weight: normal;
}
.lpcontents--frozenshoulder .section06 .textlist__item {
margin-top: 40px;
padding: 25px 50px 45px;
border: solid 1px #0F3580;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section06 .textlist__item {
margin-top: 20px;
padding: 25px 20px;
}
}
.lpcontents--frozenshoulder .section06 .textlist__item .txt {
color: #000;
font-weight: 400;
font-size: 1.8rem;
margin-top: 40px;
letter-spacing: normal;
background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #ccc 1px, transparent 1px); background-size: 8px 100%, 100% 2.5em; line-height: 2.5em; padding-bottom: 1px; }
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section06 .textlist__item .txt {
font-size: 1.8rem;
margin-top: 20px;
}
}
.lpcontents--frozenshoulder .section06 .textlist__item .txt .hdl {
margin-top: 5px;
}
.lpcontents--frozenshoulder .section06 .textlist__item .imgs {
width: 80%;
margin: 50px auto 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section06 .textlist__item .imgs {
display: block;
}
}
.lpcontents--frozenshoulder .section06 .textlist__item .imgs .img {
-webkit-flex-basis: 45%;
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
margin: 0 2% 2%;
}
.lpcontents--frozenshoulder .section06 .textlist__item .note {
width: 80%;
margin: 30px auto 0;
background: #E4E4E4;
padding: 10px 20px;
font-size: 1.4rem;
color: #333;
}
.lpcontents--frozenshoulder .section07 {
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section07 {
padding: 60px 20px;
}
}
.lpcontents--frozenshoulder .section07 .textlist__hl {
text-align: center;
padding-top: 65px;
margin-top: 40px;
font-size: 2.6rem;
line-height: 1.4;
position: relative;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section07 .textlist__hl {
font-size: 1.8rem;
}
}
.lpcontents--frozenshoulder .section07 .textlist__hl::before {
content: "";
width: 80px;
height: 56px;
background: url(//okuno-y-clinic.com/commons/images/lp/knee/user.jpg) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.lpcontents--frozenshoulder .section07 .textlist__hl.men::before {
background-image: url(//okuno-y-clinic.com/commons/images/lp/knee/user_men.jpg);
}
.lpcontents--frozenshoulder .section07 .textlist__hl .sm {
display: block;
font-weight: normal;
font-size: 2rem;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section07 .textlist__hl .sm {
font-size: 1.6rem;
}
}
.lpcontents--frozenshoulder .section07 .textlist__hlss {
font-size: 2rem;
line-height: 1;
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section07 .textlist__hlss {
font-size: 1.8rem;
}
}
.lpcontents--frozenshoulder .section07 .textlist__hlss span {
display: inline-block;
background: #0F3580;
color: #FFF;
padding: 0.5em 1em;
position: relative;
left: -30px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section07 .textlist__hlss span {
left: -20px;
}
}
.lpcontents--frozenshoulder .section07 .textlist__txtarea--right {
margin-top: 60px;
text-align: right;
font-size: 2rem;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section07 .textlist__txtarea--right {
font-size: 1.8rem;
margin-top: 20px;
}
}
.lpcontents--frozenshoulder .section07 .textlist__txtarea--right .sm {
display: inline-block;
font-size: 1.5rem;
font-weight: normal;
}
.lpcontents--frozenshoulder .section07 .textlist__item {
margin-top: 40px;
padding: 25px 30px;
border: solid 1px #0F3580;
background: #FFF;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section07 .textlist__item {
margin-top: 20px;
padding: 25px 20px;
}
}
.lpcontents--frozenshoulder .section07 .textlist__item .txt {
font-size: 1.8rem;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .section07 .textlist__item .txt {
font-size: 1.8rem;
line-height: 2;
}
}
.lpcontents--frozenshoulder .section07 .textlist__item .txt .hdl {
margin-top: 5px;
}
.lpcontents--frozenshoulder .banner {
margin-top: 60px;
}
.lpcontents--frozenshoulder .faq {
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .faq {
margin: 0 6% 12%;
}
}
.lpcontents--frozenshoulder .faq__item {
padding: 30px;
background: #FFF;
border-radius: 16px;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .faq__item {
padding: 6%;
border-radius: 8px;
margin-top: 6%;
}
}
.lpcontents--frozenshoulder .faq__item--q {
font-size: 1.8rem;
color: #013c7c;
font-weight: bold;
padding-left: 1.5em;
position: relative;
border-bottom: solid 1px #013c7c;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .faq__item--q {
font-size: 1.8rem;
}
}
.lpcontents--frozenshoulder .faq__item--q::before {
content: "Q.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--frozenshoulder .faq__item--a {
font-size: 1.6rem;
color: #333;
padding-left: 1.5em;
position: relative;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .faq__item--a {
font-size: 1.8rem;
margin-top: 4%;
line-height: 2;
}
}
.lpcontents--frozenshoulder .faq__item--a::before {
content: "A.";
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.lpcontents--frozenshoulder .faq__spacer {
padding: 20px 0;
font-size: 1.8rem;
margin-top: 20px;
font-weight: bold;
text-align: center;
color: #7A4809;
}
@media only screen and (max-width: 767px) {
.lpcontents--frozenshoulder .faq__spacer {
padding: 4% 0 0;
}
}  .page-content .wp-embed-site-icon {
display: none;
}
.page-content .wp-embed-site-title a {
padding-left: 0;
}
.page-content .wp-block-embed-youtube {
position: relative;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
}
.page-content .wp-block-embed-youtube iframe, .page-content .wp-block-embed-youtube object, .page-content .wp-block-embed-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 767px) {
.page-content .wp-block-embed__wrapper iframe {
width: 100%;
}
} #wrap {
background: transparent;
}
#wrap #header {
padding: 0;
background: #FFF;
height: auto;
}
#wrap #header .header_new {
max-width: 1280px;
margin: 0 auto;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (max-width: 767px) {
#wrap #header .header_new {
padding: 2% 4%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 68px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
#wrap #header .header_new .header_left {
width: 400px;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
#wrap #header .header_new .header_left {
width: calc(100% - 60px);
margin-right: 0;
}
}
#wrap #header .header_new .header_right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
#wrap #header .header_new .header_logo img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 767px) {
#wrap #header .header_new .header_logo img {
width: 230px;
}
}
#wrap #header .header_new .header_logo .sub_ttl {
display: block;
background: #f6f7f9;
color: #013c7c;
font-size: 1.2rem;
padding: 0 0.5em;
text-align: center;
margin-top: 5px;
font-weight: normal;
}
@media only screen and (max-width: 767px) {
#wrap #header .header_new .header_logo .sub_ttl {
width: 80%;
font-size: 1rem;
text-align: left;
}
}
#wrap #header .header_new .contact_btn {
width: 320px;
margin-left: auto;
}
@media only screen and (max-width: 767px) {
#wrap #header .header_new .contact_btn {
display: none;
}
}
#wrap #header .header_new .contact_btn a {
text-align: center;
display: block;
font-size: 1.6rem;
background: #e7711b;
border: solid 1px #e7711b;
color: #FFF;
padding: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 60px;
-webkit-box-shadow: 0 0 5px rbga(0, 0, 0, 0.01);
box-shadow: 0 0 5px rbga(0, 0, 0, 0.01);
}
#wrap #header .header_new .contact_btn a:hover {
background: #FFF;
color: #e7711b;
opacity: 1;
}
#wrap #header .header_new .tel_box {
text-align: right;
display: block;
font-size: 3.6rem;
font-weight: 600;
color: #013c7c;
padding-left: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1;
}
@media only screen and (max-width: 767px) {
#wrap #header .header_new .tel_box {
display: none;
}
}
#wrap #header .header_new .tel_box span {
font-size: 0.6em;
}
#wrap #header .header_new .info_txt {
font-weight: normal;
text-align: right;
width: 100%;
font-size: 14px;
letter-spacing: normal;
line-height: 1.8;
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
#wrap #header .header_new .info_txt b {
display: inline-block;
background: #013c7c;
color: #FFF;
margin: 0 0.2em;
padding: 0 0.2em;
font-weight: normal;
line-height: 1.6;
}
#sticky {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
#sticky .header-nav {
margin-bottom: 0;
}
#sticky .header-nav a {
color: #FFF;
}
@media only screen and (min-width: 768px) {
#sticky #header .header_new {
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#sticky #header .header_new .header_left {
width: 300px;
}
#sticky #header .header_new .header_right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#sticky #header .header_new .contact_btn {
width: 280px;
}
#sticky #header .header_new .contact_btn a {
font-size: 1.2rem;
padding: 0.5em 1em;
}
#sticky #header .header_new .tel_box {
font-size: 2rem;
}
#sticky #header .header_new .tel_box .info_txt {
font-size: 1.1rem;
}
#sticky #header .header_new .tel_box .info_txt .br {
display: none;
}
#sticky nav.header-nav {
padding: 0;
}
#sticky nav.header-nav ul li a {
font-size: 1.5rem;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
#sticky nav.header-nav small {
display: none;
}
}
nav.header-nav {
width: auto;
width: initial;
background: #013c7c;
padding: 10px 0;
}
nav.header-nav.sticky {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
nav.header-nav a {
color: #FFF;
}
nav.header-nav ul li::after {
background: #FFF;
}
nav.header-nav ul li a {
font-size: 1.6rem;
}
.page-content .map {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.page-content .map {
margin-top: 20px;
}
}
#access .info-box p {
text-align: center;
}
.cv_main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.cv_main {
display: block;
margin-bottom: 8%;
}
}
.cv_main .col2 {
width: 20%;
padding-top: 25%;
position: relative;
}
@media only screen and (max-width: 767px) {
.cv_main .col2 {
width: 100%;
padding-top: 62%;
}
}
.cv_main .col2 .cv_inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
.cv_main .col2 .cv_inner {
left: 40px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
.cv_main .col2 .cv_inner .hls {
font-size: 2rem;
white-space: nowrap;
margin: 0;
display: block;
}
@media only screen and (max-width: 767px) {
.cv_main .col2 .cv_inner .hls {
font-size: 2.4rem;
}
}
.cv_main .col2 .cv_inner .hls .jp {
margin: 0;
height: 64px;
display: block;
}
@media only screen and (max-width: 767px) {
.cv_main .col2 .cv_inner .hls .jp {
height: auto;
}
}
.cv_main .col2 .cv_inner .hls .en {
margin: 0.3em 0 0;
display: block;
font-size: 1.1rem;
text-align: left;
opacity: 0.7;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.cv_main .col2 .cv_inner .hls .en {
font-size: 1.2rem;
}
}
.cv_main .col2 .cv_inner .hls::after, .cv_main .col2 .cv_inner .hls::before {
display: none;
}
.cv_main .col2 .cv_inner .col_body {
font-size: 1.4rem;
line-height: 1.4;
margin-top: 1em;
}
@media only screen and (max-width: 767px) {
.cv_main .col2 .cv_inner .col_body {
margin-top: 1em;
}
}
.cv_main .col2 .cv_inner .arrow {
margin-top: 20px;
}
@media only screen and (max-width:950px) {
.cv_main .col2 .cv_inner .arrow {
margin-top: 10px;
}
}
.cv_main .col2 .cv_inner .arrow svg {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cv_main .col2 .cv_inner .arrow svg path {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cv_main .col2::before {
content: "";
width: 90%;
height: 90%;
border: solid 2px #FFF;
border-radius: 16px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media only screen and (max-width:950px) {
.cv_main .col2::before {
height: 80%;
}
}
.cv_main .col2:nth-child(1) {
color: #FFF;
background: #092559;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cv_main .col2:nth-child(1):hover {
background: #cbe1ef;
color: #092559;
}
.cv_main .col2:nth-child(1):hover::before {
width: 85%;
height: 85%;
border-color: #0e357f;
}
@media only screen and (max-width: 767px) {
.cv_main .col2:nth-child(1):hover::before {
width: 90%;
height: 80%;
}
}
.cv_main .col2:nth-child(1):hover svg {
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
.cv_main .col2:nth-child(1):hover svg path {
fill: #0e357f;
}
.cv_main .col2:nth-child(2) {
color: #FFF;
background: #0e357f;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cv_main .col2:nth-child(2):hover {
background: #cbe1ef;
color: #0e357f;
}
.cv_main .col2:nth-child(2):hover::before {
width: 85%;
height: 85%;
border-color: #0e357f;
}
@media only screen and (max-width: 767px) {
.cv_main .col2:nth-child(2):hover::before {
width: 90%;
height: 80%;
}
}
.cv_main .col2:nth-child(2):hover svg {
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
.cv_main .col2:nth-child(2):hover svg path {
fill: #0e357f;
}
.cv_main .col2:nth-child(3) {
color: #FFF;
background: #3e5d99;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cv_main .col2:nth-child(3):hover {
background: #cbe1ef;
color: #0e357f;
}
.cv_main .col2:nth-child(3):hover::before {
width: 85%;
height: 85%;
border-color: #0e357f;
}
@media only screen and (max-width: 767px) {
.cv_main .col2:nth-child(3):hover::before {
width: 90%;
height: 80%;
}
}
.cv_main .col2:nth-child(3):hover svg {
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
.cv_main .col2:nth-child(3):hover svg path {
fill: #0e357f;
}
.cv_main .col2:nth-child(4) {
color: #FFF;
background: #6e86b2;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cv_main .col2:nth-child(4):hover {
background: #cbe1ef;
color: #0e357f;
}
.cv_main .col2:nth-child(4):hover::before {
width: 85%;
height: 85%;
border-color: #0e357f;
}
@media only screen and (max-width: 767px) {
.cv_main .col2:nth-child(4):hover::before {
width: 90%;
height: 80%;
}
}
.cv_main .col2:nth-child(4):hover svg {
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
.cv_main .col2:nth-child(4):hover svg path {
fill: #0e357f;
}
.cv_main .col2:nth-child(5) {
color: #FFF;
background: #a2b3d2;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cv_main .col2:nth-child(5):hover {
background: #cbe1ef;
color: #0e357f;
}
.cv_main .col2:nth-child(5):hover::before {
width: 85%;
height: 85%;
border-color: #0e357f;
}
@media only screen and (max-width: 767px) {
.cv_main .col2:nth-child(5):hover::before {
width: 90%;
height: 80%;
}
}
.cv_main .col2:nth-child(5):hover svg {
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
.cv_main .col2:nth-child(5):hover svg path {
fill: #0e357f;
}
.cv_main .col2 a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.more_btn {
text-align: center;
font-size: 1.6rem;
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
.more_btn {
margin-top: 8%;
}
}
.more_btn a {
display: inline-block;
padding: 1em 2em;
min-width: 300px;
border: solid 2px #0e357f;
border-radius: 60px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.more_btn a:hover {
opacity: 1;
background: #0e357f;
color: #FFF;
}
.more_btn a span {
display: inline-block;
position: relative;
}
.about-area header h2 {
width: 580px;
height: auto;
padding: 10px 0;
font-size: 2.8rem;
line-height: 1;
}
@media only screen and (max-width: 767px) {
.about-area header h2 {
width: 80%;
font-size: 2rem;
}
}
.about-area header h2:before {
border-width: 24px;
left: -48px;
}
@media only screen and (max-width: 767px) {
.about-area header h2:before {
border-width: 20px;
left: -40px;
}
}
.about-area header h2:after {
border-width: 24px;
right: -48px;
}
@media only screen and (max-width: 767px) {
.about-area header h2:after {
border-width: 20px;
right: -40px;
}
}
.flow-area ol li span {
font-size: 1.4rem;
}
.about-area {
padding-bottom: 0;
}
.about-area .content {
padding-bottom: 30px;
}
.media-area header,
.info-area header {
position: relative;
}
.media-area header h2,
.info-area header h2 {
font-size: 2.4rem;
font-weight: 400;
}
.media-area .more-btn,
.info-area .more-btn {
left: 0;
}
.media-area .more-btn a,
.info-area .more-btn a {
font-size: 1.6rem;
}
.media-area .area-inner article,
.info-area .area-inner article {
height: auto;
}
.media-area .area-inner article h3,
.info-area .area-inner article h3 {
font-size: 1.6rem;
}
footer#footer .inner .footer-content .content-btn {
margin: 0 auto;
font-size: 1.6rem;
}
footer#footer .inner .footer-content .content-btn .btn a {
line-height: 1.6;
}
footer#footer .inner .footer-content .content-btn .btn span {
font-size: 0.8em;
}
footer#footer .inner .footer-content .shoplist {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 25px 0;
border-top: 1px solid hsla(0, 0%, 100%, .3);
font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .shoplist {
display: block;
padding: 0;
}
}
footer#footer .inner .footer-content .shoplist_item {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 10px;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .shoplist_item {
padding: 0;
}
}
footer#footer .inner .footer-content .shoplist_item:nth-child(n+3) {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .shoplist_item:nth-child(n+3) {
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .shoplist_item:not(:last-child) {
border-bottom: 1px solid hsla(0, 0%, 100%, .3);
}
}
footer#footer .inner .footer-content .shoplist_item a {
display: block;
padding: 20px 30px;
color: #FFF;
border: 1px solid #FFF;
border-radius: 100vh;
position: relative;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .shoplist_item a {
border-style: none;
padding: 20px;
text-align: left;
}
}
footer#footer .inner .footer-content .shoplist_item a::after {
content: "";
width: 8px;
height: 8px;
position: absolute;
right: 10px;
top: 25px;
border-top: solid 1px #FFF;
border-right: solid 1px #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
footer#footer .inner .footer-content .shoplist_item a:hover {
background: #FFF;
color: #0e357f;
opacity: 1;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .shoplist_item a:hover {
background: none;
color: #FFF;
opacity: 1;
}
}
footer#footer .inner .footer-content .shoplist_item a:hover::after {
border-color: #0e357f;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .shoplist_item a:hover::after {
border-color: #FFF;
}
}
footer#footer .inner .footer-content .tel-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .tel-box {
display: block;
text-align: center;
}
}
footer#footer .inner .footer-content .tel-box:nth-last-of-type(1) {
border-bottom-style: none;
padding: 1rem 0;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .tel-box:nth-last-of-type(1) {
padding: 1rem 0 0;
}
}
footer#footer .inner .footer-content .tel-box .ttl {
font-size: 1.4rem;
float: none;
margin: 0 1em 0 0;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .tel-box .ttl {
margin: 0;
}
}
footer#footer .inner .footer-content .tel-box .info {
font-size: 1.6rem;
float: none;
margin: 0 2em 0 0;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .tel-box .info {
margin: 1em 0 0;
display: block;
text-align: center;
}
}
footer#footer .inner .footer-content .tel-box .info a {
color: #FFF;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .tel-box .info a {
display: block;
}
}
footer#footer .inner .footer-content .tel-box .info .map_btn {
font-size: 1.3rem;
padding: 0.3em 1em 0.2em;
position: relative;
display: inline-block;
background: #FFF;
color: #3E5D98;
border: solid 1px #3E5D98;
border-radius: 40px;
margin-left: 10px;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .tel-box .info .map_btn {
display: block;
max-width: 300px;
margin: 10px auto;
font-size: 1.6rem;
padding: 1em 0 0.9em;
}
}
footer#footer .inner .footer-content .tel-box .info .map_btn span {
display: inline-block;
padding-right: 18px;
position: relative;
}
footer#footer .inner .footer-content .tel-box .info .map_btn span::after {
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: url(//okuno-y-clinic.com/commons/images/link.png) no-repeat center;
background-size: 12px auto;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .tel-box .info .map_btn span::after {
width: 14px;
height: 14px;
background-size: 14px auto;
}
}
footer#footer .inner .footer-content .tel-box .tel {
font-size: 2.4rem;
float: none;
margin: 0 1em 0 0;
}
@media only screen and (max-width: 767px) {
footer#footer .inner .footer-content .tel-box .tel {
margin: 0.5em 0 0;
}
}
footer#footer nav {
font-size: 1.4rem;
}
.pr_bannre {
position: fixed;
top: 250px;
right: 0;
z-index: 100;
width: 75px;
}
@media only screen and (max-width: 767px) {
.pr_bannre {
display: none;
}
}
.pr_bannre img {
width: 100%;
height: auto;
}
.pr_bannre a {
display: block;
}
.header-nav .content-btn .btn .icon {
width: 60px;
height: 60px;
border-radius: 50%;
line-height: 60px;
margin: 0 auto 12px;
font-size: 4rem;
color: #0e357f;
background: #fff;
display: block;
position: relative;
}
.header-nav .content-btn .btn .icon::before {
content: "";
width: 30px;
height: 30px;
background: url(//okuno-y-clinic.com/commons/images/icon_mail.png) no-repeat center;
background-size: 100% auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
z-index: 1;
}
.movie_wrap {
width: 740px;
margin: 60px auto;
}
@media only screen and (max-width: 767px) {
.movie_wrap {
width: 92%;
margin: 6% auto 3%;
}
}
.movie {
position: relative;
padding-top: 56.25%;
margin: 0 auto;
}
.movie .player {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.movie .thumb {
position: absolute;
top: 0;
left: 0;
z-index: 2;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.movie .thumb {
width: 100%;
height: auto;
}
}
.movie iframe {
width: 100%;
height: 100%;
}
.ins_bnr {
max-width: 700px;
margin: 40px auto;
}
@media only screen and (max-width: 767px) {
.ins_bnr {
margin: 4% auto;
}
}
.ins_bnr img {
width: 100%;
height: auto;
}
.tpo_banner {
margin: 20px auto;
text-align: center;
}
@media only screen and (max-width: 767px) {
.tpo_banner {
margin-top: 60px;
}
}
.tpo_banner img {
width: 560px;
height: auto;
}
@media only screen and (max-width: 767px) {
.tpo_banner img {
width: 100%;
}
}
.overflow_items {
width: 800px;
margin: 0 auto 80px;
}
@media only screen and (max-width: 767px) {
.overflow_items {
width: 100%;
margin: 0 auto 10%;
}
}
.overflow_list .item {
background: #FFF;
padding: 30px;
}
.overflow_list .item:not(:first-child) {
margin-top: 10px;
}
.overflow_list .item_head {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.overflow_list .item_head .icon {
-webkit-flex-basis: 65px;
-ms-flex-preferred-size: 65px;
flex-basis: 65px;
margin-right: 20px;
}
.overflow_list .item_head .icon img {
width: 100%;
height: auto;
}
.overflow_list .item_head .txt {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 2rem;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.overflow_list .item_head .txt {
font-size: 1.6rem;
}
}
.overflow_list .item_txtarea {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.overflow_list .item_txtarea {
margin-top: 10px;
}
}
.overflow_list .item_txtarea .txt {
font-size: 1.6rem;
line-height: 2;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
.overflow_list .item_txtarea .txt {
line-height: 1.7;
}
}
.overflow_list .item_txtarea .txt a {
color: #00BAFF;
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.overflow_list .item_txtarea .overflow.is_active {
height: 15em;
overflow: hidden;
position: relative;
cursor: pointer;
}
.overflow_list .item_txtarea .overflow.is_active::before {
content: "";
width: 100%;
height: 60px;
background: rgb(255, 255, 255);
background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), color-stop(80%, rgba(255, 255, 255, .9094012605)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, .9094012605) 80%, rgba(255, 255, 255, 0) 100%);
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.overflow_list .item_txtarea .overflow.is_active::after {
border-bottom: dashed 1px #0F357E;
text-align: center;
content: "もっと読む";
position: absolute;
left: 50%;
bottom: 0;
z-index: 2;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.overflow_list .item .links {
font-size: 1.6rem;
letter-spacing: 0.05em;
text-align: center;
margin: 20px auto;
width: 400px;
}
@media only screen and (max-width: 767px) {
.overflow_list .item .links {
font-size: 1.5rem;
width: 100%;
}
}
.overflow_list .item .links a {
padding: 1em 2em;
border: solid 1px #013c7c;
border-radius: 50px;
display: block;
min-width: 300px;
}
.overflow_list .item .links a:hover {
opacity: 1;
background: #013c7c;
color: #FFF;
}
.overflow_list .item .links.links-blue a {
border-color: #3e5d99;
background: #3e5d99;
color: #FFF;
}
.overflow_list .item .links.links-blue a:hover {
background: #FFF;
color: #3e5d99;
}
.articles {
max-width: 1000px;
margin: 0 auto 60px;
}
.articles img {
width: 100%;
height: auto;
}
.articles .index {
max-width: 650px;
margin: 40px auto 0;
padding: 5px;
background: #FFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.articles .index {
margin: 4% 4% 0;
}
}
.articles .index__inner {
border: solid 1px #0D357F;
padding: 30px;
}
@media only screen and (max-width: 767px) {
.articles .index__inner {
padding: 6%;
}
}
.articles .index__hl {
font-size: 2rem;
text-align: center;
}
@media only screen and (max-width: 767px) {
.articles .index__hl {
font-size: 1.8rem;
}
}
.articles .index__hl span {
display: inline-block;
padding: 5px 0 5px 30px;
background: url(//okuno-y-clinic.com/commons/images/pcr/icon_list.png) no-repeat left center;
background-size: 25px auto;
}
@media only screen and (max-width: 767px) {
.articles .index__hl span {
background-size: 20px auto;
}
}
.articles .indexlist {
margin-top: 20px;
font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
.articles .indexlist {
margin-top: 4%;
font-size: 1.3rem;
}
}
.articles .indexlist__item a {
text-decoration: underline;
}
.articles .indexlist__item:not(:first-child) {
margin-top: 1em;
}
.articles .sections {
padding-top: 120px;
margin-top: -60px;
}
@media only screen and (max-width: 767px) {
.articles .sections {
padding-top: 20%;
margin: 0 4%;
}
}
.articles .sections + .sections {
margin-top: -60px;
}
@media only screen and (max-width: 767px) {
.articles .sections + .sections {
margin-top: 0;
}
}
.articles .sections__hl {
font-size: 2.2rem;
font-weight: 500;
padding: 0.5em 1.5em;
position: relative;
}
@media only screen and (max-width: 767px) {
.articles .sections__hl {
font-size: 1.8rem;
padding: 0.3em 1em;
}
}
.articles .sections__hl::after {
content: "";
width: 8px;
height: 100%;
background: #0D357F;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width: 767px) {
.articles .sections__hl::after {
width: 4px;
}
}
.articles .sections__hl + .sections__inner {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.articles .sections__hl + .sections__inner {
margin-top: 6%;
}
}
.articles .sections__hls {
margin-top: 30px;
font-size: 1.6rem;
font-weight: 500;
}
.articles .sections__hlbox {
width: 70%;
margin: 0 auto;
background: #FFF;
padding: 4px;
}
@media only screen and (max-width: 767px) {
.articles .sections__hlbox {
width: 100%;
margin-top: -10%;
}
}
.articles .sections__hlbox .boxs {
border: solid 1px #0D357F;
}
.articles .sections__hlbox .boxs__hl {
text-align: center;
padding: 10px;
background: #0D357F;
color: #FFF;
font-size: 22px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.articles .sections__hlbox .boxs__hl {
padding: 6%;
font-size: 20px;
}
}
.articles .sections__hlbox .boxs__hls {
font-size: 22px;
}
@media only screen and (max-width: 767px) {
.articles .sections__hlbox .boxs__hls {
font-size: 20px;
}
}
.articles .sections__hlbox .boxs__hls .sm {
font-size: 0.7em;
}
.articles .sections__hlbox .boxs__txt {
margin-top: 5px;
}
@media only screen and (max-with: 767px) {
.articles .sections__hlbox .boxs__txt {
margin-top: 1%;
}
}
.articles .sections__hlbox .boxs__txt + .boxs__hls {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.articles .sections__hlbox .boxs__txt + .boxs__hls {
margin-top: 4%;
}
}
.articles .sections__hlbox .boxs__inner {
padding: 20px;
text-align: center;
}
.articles .sections__note {
margin-top: 20px;
text-align: center;
}
.articles .sections__note span {
display: inline-block;
border: solid 1px #0D357F;
padding: 10px;
font-size: 16px;
}
.articles .sections__inner {
font-size: 1.6rem;
line-height: 2;
margin-top: 10px;
}
.articles .sections__inner::after {
content: "";
display: block;
clear: both;
}
.articles .sections__rows {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.articles .sections__rows--2 {
display: block;
}
}
.articles .sections__rows--2 .col {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 3%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.articles .sections__rows--2 .col {
margin-top: 6%;
}
}
@media only screen and (max-width: 767px) {
.articles .sections__rows--3 {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.articles .sections__rows--3 .col {
-webkit-flex-basis: 33%;
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
padding: 0 3%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.articles .sections__rows--3 .col {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-top: 4%;
}
}
@media only screen and (max-width: 767px) {
.articles .sections__rows--5 {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.articles .sections__rows--5 .col {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 0 1%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.articles .sections__rows--5 .col {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-top: 4%;
}
}
.articles .sections__rows .caps {
text-align: center;
font-size: 18px;
margin-top: 10px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.articles .sections__rows .caps {
font-size: 16px;
}
}
.articles .sections__ph {
width: 225px;
}
@media only screen and (max-width: 767px) {
.articles .sections__ph {
width: 80%;
margin: 0 auto 4%;
}
}
.articles .sections .pull__right {
float: right;
}
@media only screen and (max-width: 767px) {
.articles .sections .pull__right {
float: none;
}
}
.articles .sections .pull__right.sections__ph {
margin: 0 0 20px 20px;
}
@media only screen and (max-width: 767px) {
.articles .sections .pull__right.sections__ph {
margin: 0 auto 4%;
}
}
.articles .sections .pull__left {
float: left;
}
@media only screen and (max-width: 767px) {
.articles .sections .pull__left {
float: none;
}
}
.articles .sections .pull__left.sections__ph {
margin: 0 20px 20px 0;
}
@media only screen and (max-width: 767px) {
.articles .sections .pull__left.sections__ph {
margin: 0 auto 4%;
}
}
.articles .sections__box {
margin-top: 30px;
background: rgba(13, 57, 127, .1);
border-radius: 33px;
padding: 40px;
}
@media only screen and (max-width: 767px) {
.articles .sections__box {
margin-top: 6%;
border-radius: 20px;
padding: 6%;
}
}
.articles .sections__box .box__text {
text-align: center;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.articles .sections__box .box__text {
text-align: left;
font-size: 1.5rem;
}
}
.articles .sections__button {
margin-top: 30px;
text-align: center;
}
.articles .sections__button a {
display: block;
margin: 0 auto;
padding: 2em 0;
max-width: 440px;
background: #0D357F;
color: #FFF;
font-size: 1.6rem;
border-radius: 50px;
}
.articles .sections__button .button__note {
font-size: 1.5rem;
margin-top: 10px;
}
.qa {
background: #E6EAF2;
padding: 60px 0;
}
@media only screen and (max-width: 767px) {
.qa {
padding: 12% 4%;
}
}
.qa + .qa {
margin-top: 40px;
}
.qa__inner {
max-width: 1000px;
margin: 0 auto;
}
.qa__hl {
font-size: 22px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.qa__hl {
font-size: 18px;
}
}
.qa__hl span {
display: inline-block;
padding: 0.3em 0;
border-bottom: solid 2px #013c7c;
}
.qalist {
margin-top: 40px;
background: #FFF;
border-radius: 20px;
padding: 60px;
}
@media only screen and (max-width: 767px) {
.qalist {
margin-top: 6%;
padding: 12% 6%;
}
}
.qalist__item:not(:first-child) {
margin-top: 30px;
}
.qalist__item .q {
padding-left: 1.7em;
position: relative;
font-size: 22px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.qalist__item .q {
font-size: 18px;
}
}
.qalist__item .q::before {
content: "Q.";
font-size: 1.3em;
position: absolute;
top: 0;
left: 0;
line-height: 1;
}
.qalist__item .a {
margin-left: 2em;
font-size: 16px;
position: relative;
padding-left: 1.7em;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.qalist__item .a {
font-size: 14px;
margin-top: 4%;
}
}
.qalist__item .a::before {
content: "A.";
font-size: 1.3em;
position: absolute;
top: 0;
left: 0;
line-height: 1;
}
@media only screen and (max-width: 767px) {
main.container header.container-header {
padding: 1.5rem 1rem 0.5rem;
}
main.container header.container-header h2 {
letter-spacing: 0.09em;
line-height: 1.5;
}
}
.insta {
margin-bottom: 20px;
}
.insta img {
width: 460px;
height: auto;
}
@media only screen and (max-width: 767px) {
.c_footer .inner .fb_widget {
width: 100%;
}
.insta img {
width: 100%;
}
} .insurance .menu-content .menu-box .menu-inner .box,
.insurance .menu-content .menu-box h3 {
border-color: #1CAFDB;
}
.insurance .container {
color: #1CAFDB;
background: #f5f7f9;
}
.insurance .container a {
color: #1CAFDB;
}
.insurance #wrap #header .header_new .tel_box {
color: #1CAFDB;
}
.insurance #wrap #header .header_new .info_txt b {
background: #1CAFDB;
}
.insurance #wrap .container-header small {
color: #1CAFDB;
}
.insurance #wrap .menu-content .menu-box .menu-inner .btn_ct a {
color: #FFF;
}
.insurance nav.header-nav {
background: #1CAFDB;
}
.insurance nav.header-nav a {
color: #FFF;
}
.insurance .menu-content .menu-box h3 span {
background: #1CAFDB;
color: #FFF;
}
.insurance footer#footer {
background: #2795D9;
}
.insurance footer#footer .inner .footer-content .tel-box .ttl {
background: #1CAFDB;
}
.insurance footer#footer .inner .footer-content .content-btn .btn i {
color: #1CAFDB;
}
.insurance footer#footer .inner .footer-content .shoplist {
padding-top: 0;
}
.insurance footer#footer .inner .footer-content .shoplist_item a:hover {
color: #1CAFDB;
}
.insurance footer#footer .inner .footer-content .shoplist_item a:hover::after {
border-color: #1CAFDB;
}
.insurance footer#footer .inner .footer-content .shoplist_item {
margin-top: 20px;
}
.insurance footer#footer .inner .footer-content .shoplist_item--mid, .insurance footer#footer .inner .footer-content .shoplist_item--haku, .insurance footer#footer .inner .footer-content .shoplist_item--sapporo, .insurance footer#footer .inner .footer-content .shoplist_item--sendai, .insurance footer#footer .inner .footer-content .shoplist_item--miyazaki {
display: none;
}
.insurance footer#footer .inner .footer-content .shoplist_item:nth-child(n+3) {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.insurance footer#footer .inner .footer-content .shoplist_item:nth-child(n+3) {
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.insurance footer#footer .inner .footer-content .shoplist_item {
margin-top: 0;
}
}
.insurance footer#footer nav {
color: #1CAFDB;
}
.insurance footer#footer nav a {
color: #1CAFDB;
}
.insurance footer#footer .copy {
color: #1CAFDB;
}
.insurance #pgTop a {
background: rgba(28, 175, 219, .9);
}
@media only screen and (max-width: 767px) {
.insurance header#header .sp-menu {
background: #1CAFDB;
}
.insurance .close_btn {
background: #1CAFDB;
}
.insurance nav.header-nav {
background: #1CAFDB;
}
.insurance nav.header-nav ul li a small {
color: #CCC;
}
.insurance .header-nav .close-btn {
background: #2795D9;
}
.insurance nav.header-nav .tel-box .tel_btn a {
background: #1CAFDB;
background: -webkit-gradient(linear, left top, left bottom, from(#2795D9), to(#1CAFDB));
background: linear-gradient(to bottom, #2795D9 0%, #1CAFDB 100%);
}
.insurance nav.header-nav .tel-box {
color: #1CAFDB;
}
.insurance .ftr_btn {
background: rgba(28, 175, 219, .9);
}
.insurance #wrap .menu-content .menu-box .menu-inner .btn_tl a {
color: #FFF;
background: #1CAFDB;
}
}
.ins_bnr {
max-width: 360px;
margin: 0 0 20px auto;
}
@media only screen and (max-width: 767px) {
.ins_bnr {
margin: 20px auto 30px;
width: 100%;
max-width: none;
max-width: initial;
}
}
.ins_bnr a {
display: block;
}
.lppage {
line-height: 1.7;
color: #333;
}
.lppage img {
width: 100%;
height: 100%;
max-width: 100%;
}
.lppage .section_inner {
padding: 40px 0;
max-width: 1100px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lppage .section_inner {
padding: 4%;
}
}
.lppage .section01 {
background: #EDF7FA url(//okuno-y-clinic.com/commons/images/lp/frozenshoulder/02/sectionbg01.jpg) repeat-x center bottom;
background-size: auto 190px;
padding: 40px 0 60px;
}
@media only screen and (max-width: 767px) {
.lppage .section01 {
padding: 8% 0 20%;
}
}
.lppage .section01 .section_inner {
max-width: 760px;
}
.lppage .section01 .section01_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media only screen and (max-width: 767px) {
.lppage .section01 .section01_box {
display: block;
}
}
.lppage .section01 .section01_box .section01_list {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 767px) {
.lppage .section01 .section01_box .section01_list {
width: 88%;
margin: 8% auto 0;
}
}
.lppage .section01 .section01_box .section01_ph {
-webkit-flex-basis: 33.11%;
-ms-flex-preferred-size: 33.11%;
flex-basis: 33.11%;
}
@media only screen and (max-width: 767px) {
.lppage .section01 .section01_box .section01_ph {
width: 50%;
position: absolute;
right: 0;
bottom: -53%;
}
}
.lppage .section01 .section01_box .section01_ph img {
mix-blend-mode: multiply;
}
.lppage .section02 {
background: #FFF;
padding: 40px 0 100px;
}
@media only screen and (max-width: 767px) {
.lppage .section02 {
padding: 8% 0;
}
}
.lppage .section02 .section_inner {
max-width: 760px;
}
.lppage .section02 .section02_hl {
width: 80.81%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lppage .section02 .section02_hl {
width: 100%;
}
}
.lppage .section02 .section02_hls {
width: 77.53%;
margin: 0 auto 20px;
}
@media only screen and (max-width: 767px) {
.lppage .section02 .section02_hls {
width: 90%;
}
}
.lppage .section02 .section02_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.lppage .section02 .section02_box {
display: block;
margin-bottom: 8%;
}
.lppage .section02 .section02_box::after {
content: " ";
display: block;
clear: both;
}
}
.lppage .section02 .section02_box .section02_txt {
color: #333;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: 500;
font-size: 1.8rem;
letter-spacing: normal;
line-height: 2;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lppage .section02 .section02_box .section02_txt {
font-size: 1.6rem;
text-align: left;
}
}
.lppage .section02 .section02_box .section02_doctor {
-webkit-flex-basis: 17.7%;
-ms-flex-preferred-size: 17.7%;
flex-basis: 17.7%;
}
@media only screen and (max-width: 767px) {
.lppage .section02 .section02_box .section02_doctor {
width: 38%;
margin: 0 4% 0 0;
float: left;
}
}
.lppage .section02 .section02_box02 {
background: rgba(119, 119, 119, .05);
border-radius: 20px;
padding: 50px 40px;
}
@media only screen and (max-width: 767px) {
.lppage .section02 .section02_box02 {
padding: 6%;
}
}
.lppage .section02 .section02_box02 .section02_box02_inner {
position: relative;
}
.lppage .section02 .section02_box02 .section02_box02_hl {
width: 100%;
text-align: center;
font-size: 2.4rem;
color: #333;
position: absolute;
top: 0;
-webkit-transform: translateY(-170%);
transform: translateY(-170%);
}
@media only screen and (max-width: 767px) {
.lppage .section02 .section02_box02 .section02_box02_hl {
font-size: 1.8rem;
font-weight: 700;
-webkit-transform: none;
transform: none;
position: static;
margin-bottom: 4%;
}
}
.lppage .section02 .section02_box02 .section02_box02_txt {
text-align: center;
color: #333;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.7;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lppage .section02 .section02_box02 .section02_box02_txt {
font-size: 1.4rem;
text-align: left;
}
}
.lppage .section02 .section02_box02 figure {
width: 75%;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.lppage .section02 .section02_box02 figure {
width: 100%;
}
}
.lppage .section02 .section02_box02 figure figcaption {
text-align: center;
margin-top: 10px;
color: #333;
font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
.lppage .section02 .section02_box02 figure figcaption {
font-size: 1.4rem;
}
}
.lppage .mk {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ffff00));
background: linear-gradient(transparent 50%, #ffff00 50%);
font-weight: 500;
}
.lppage .lg {
font-size: 1.3em;
}
.lppage .sm {
font-size: 0.8em;
}
.lppage .contact_btn {
text-align: center;
margin: 0 0 40px;
}
@media only screen and (max-width: 767px) {
.lppage .contact_btn {
margin: 8% auto;
}
}
.lppage .contact_btn a {
display: inline-block;
font-size: 1.6rem;
font-weight: 600;
color: #FFF;
background: #E7701B;
border-radius: 100vh;
padding: 20px;
min-width: 450px;
border-bottom: solid 8px #D06113;
}
@media only screen and (max-width: 767px) {
.lppage .contact_btn a {
min-width: 0;
min-width: initial;
display: block;
}
}
.lppage .section_video {
width: 91.33%;
margin: 0 auto 40px;
}
@media only screen and (max-width: 767px) {
.lppage .section_video {
margin: 8% auto;
width: 100%;
}
}
.lppage .section_video .section_video_embed {
width: 100%;
aspect-ratio: 16/9;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lppage .section_video .section_video_embed {
margin-bottom: 2%;
}
}
.lppage .section_video .section_video_embed iframe {
width: 100%;
height: 100%;
}
.lppage .section_video .section_video_caption {
text-align: center;
font-weight: 500;
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lppage .section_video .section_video_caption {
font-size: 1.6rem;
}
}
.lppage .section03 {
background: #F5F9FA url(//okuno-y-clinic.com/commons/images/lp/frozenshoulder/02/sectionbg02.jpg) repeat-x center top;
background-size: auto 190px;
padding: 40px 0 60px;
}
@media only screen and (max-width: 767px) {
.lppage .section03 {
padding: 8% 0 0;
}
}
.lppage .section03 .section_inner {
max-width: 760px;
margin-top: -110px;
}
@media only screen and (max-width: 767px) {
.lppage .section03 .section_inner {
margin-top: 0;
}
}
.lppage .section03 .section03_hl {
width: 90%;
margin: 0 auto 40px;
}
@media only screen and (max-width: 767px) {
.lppage .section03 .section03_hl {
width: 100%;
margin-bottom: 8%;
}
}
.lppage .section03 .section03_ph {
width: 65.7%;
margin: 0 auto 40px;
}
@media only screen and (max-width: 767px) {
.lppage .section03 .section03_ph {
width: 100%;
margin-bottom: 8%;
}
}
.lppage .section03 .section03_txt {
font-size: 1.8rem;
text-align: center;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lppage .section03 .section03_txt {
font-size: 1.6rem;
margin-bottom: 4%;
}
}
.lppage .section03 .section03_txt .lg {
color: #C56A01;
}
.lppage .section04 {
background: #F9FFF5;
padding: 40px 0 60px;
}
@media only screen and (max-width: 767px) {
.lppage .section04 {
padding: 8% 0 0;
}
}
.lppage .section04 .section_inner {
max-width: 840px;
}
.lppage .section04 .section04_hl {
width: 57.38%;
margin: 0 auto 40px;
}
@media only screen and (max-width: 767px) {
.lppage .section04 .section04_hl {
width: 80%;
}
}
.lppage .section04 .section04_point {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.lppage .section04 .section04_point {
margin-bottom: 8%;
}
}
.lppage .section04 .section04_point .point_item {
-webkit-flex-basis: 24%;
-ms-flex-preferred-size: 24%;
flex-basis: 24%;
}
@media only screen and (max-width: 767px) {
.lppage .section04 .section04_point .point_item {
-webkit-flex-basis: 49%;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
margin-bottom: 2%;
}
}
.lppage .section04 .section04_step {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (max-width: 767px) {
.lppage .section04 .section04_step {
display: block;
}
}
.lppage .section04 .section04_step .section04_step_item {
-webkit-flex-basis: 46.07%;
-ms-flex-preferred-size: 46.07%;
flex-basis: 46.07%;
}
@media only screen and (max-width: 767px) {
.lppage .section04 .section04_step .section04_step_item {
width: 90%;
margin: 0 auto 4%;
}
}
.lppage .section05 {
background: #FFF;
padding: 40px 0 60px;
}
@media only screen and (max-width: 767px) {
.lppage .section05 {
padding: 8% 0;
}
}
.lppage .section05 .section_inner {
max-width: 760px;
}
.lppage .section05 .section05_hl {
width: 62.11%;
margin: 0 auto 40px;
}
@media only screen and (max-width: 767px) {
.lppage .section05 .section05_hl {
width: 80%;
margin-bottom: 8%;
}
}
.lppage .section05 .section04_txt {
text-align: center;
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.lppage .section05 .section04_txt {
font-size: 1.6rem;
margin-bottom: 8%;
}
}
.lppage .section06 {
background: #F9FFF5;
padding: 40px 0 60px;
}
@media only screen and (max-width: 767px) {
.lppage .section06 {
padding: 8% 0;
}
}
.lppage .section06 .section_inner {
max-width: 760px;
}
.lppage .section06 .section06_hl {
width: 62.11%;
margin: 0 auto 40px;
}
@media only screen and (max-width: 767px) {
.lppage .section06 .section06_hl {
width: 80%;
margin-bottom: 8%;
}
}
.lppage .section06 .section06_box {
background: #FFF;
border: solid 2px #3FA30B;
border-radius: 13px;
padding: 60px 30px;
margin-bottom: 40px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.lppage .section06 .section06_box {
padding: 8% 16%;
margin-bottom: 8%;
}
}
.lppage .section06 .section06_box_txt {
font-size: 2.2rem;
font-weight: 500;
display: inline-block;
text-align: left;
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
@media only screen and (max-width: 767px) {
.lppage .section06 .section06_box_txt {
font-size: 2rem;
text-align: center;
line-height: 1.4;
}
}
.lppage .section_faq .section_faq_item {
background: #FFF;
border: solid 2px #3FA30B;
padding: 20px;
border-radius: 13px;
font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
.lppage .section_faq .section_faq_item {
font-size: 1.6rem;
}
}
.lppage .section_faq .section_faq_item:not(:last-child) {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.lppage .section_faq .section_faq_item:not(:last-child) {
margin-bottom: 4%;
}
}
.lppage .section_faq .section_faq_item .q {
color: #3FA30B;
font-weight: 500;
padding-bottom: 5px;
border-bottom: solid 1px #3FA30B;
margin-bottom: 15px;
}
.lppage .section_faq .section_faq_item .a {
font-size: 1.6rem;
letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
.lppage .section_faq .section_faq_item .a {
font-size: 1.5rem;
}
}