@charset 'UTF-8';
@charset "UTF-8";
   @import url("https://fonts.googleapis.com/css?family=Ubuntu");
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
text-decoration: none;
border: 0;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
overflow: hidden;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
main {
display: block;
}
html {
font-size: 62.5%;
overflow: auto;
}
* {
box-sizing: border-box;
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
box-shadow: none;
}
* {
font-family: 'Ubuntu', 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
line-height: 150% !important;
color: #3f312a;
}
@media screen and (min-width: 768px) {
* {
font-size: 1.6rem;
}
}
@media screen and (max-width: 768px) {
* {
font-size: 1.4rem;
}
}
body {
background-image: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/item_02.png), url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/item_01.png);
background-repeat: no-repeat, no-repeat;
background-position: top left 5%, top 4% right 0;
background-size: 298px 525px, 480px 410px;
}
@media screen and (max-width: 768px) {
body {
background-position: top left, top 100px right;
background-size: 100px, 130px;
}
}
img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
a {
transition: .3s;
text-decoration: underline;
color: #6d574e;
}
a:hover {
text-decoration: none;
color: #f7842c;
}
figure figcaption {
padding: 5px;
}
@media screen and (min-width: 768px) {
big {
font-size: 2.8rem;
}
}
@media screen and (max-width: 768px) {
big {
font-size: 2.6rem;
}
}
td,th{
border: 1px solid #3f312a;
} @media screen and (min-width: 768px) {
.l-header {
border-top: 5px solid #6d574e;
}
.l-header__wrap {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.l-header__inner {
display: -ms-flexbox;
display: flex;
padding-top: 30px;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (min-width: 768px) and (min-width: 768px) {
.l-header__logo img {
width: 350px;
}
}
@media screen and (min-width: 768px) {
.l-header__group {
display: -ms-flexbox;
display: flex;
width: 62%;
}
.l-header__group__schedule__text {
text-align: right;
}
}
@media screen and (min-width: 768px) and (min-width: 768px) {
.l-header__group__schedule table {
width: 315px;
margin-top: 10px;
border: 1px solid #3f312a;
}
}
@media screen and (min-width: 768px) {
.l-header__group__schedule table tr {
border: 1px solid #3f312a;
}
.l-header__group__schedule table tr th {
padding: 5px;
color: #fff;
border: 1px solid #3f312a;
background-color: #816c61;
}
.l-header__group__schedule table tr th:nth-of-type(1) {
text-align: left;
}
.l-header__group__schedule table tr th:last-child {
text-align: center;
}
.l-header__group__schedule table tr td {
padding: 5px;
text-align: center;
border: 1px solid #3f312a;
}
.l-header__group__schedule table tr td:nth-of-type(1) {
text-align: left;
}
.l-header__group__schedule table tr td:last-child {
text-align: center;
}
.l-header__group__box {
width: 320px;
margin-left: 40px;
}
.l-header__group__box__list {
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 10px;
-ms-flex-pack: center;
justify-content: center;
}
.l-header__group__box__list__item:nth-of-type(1) {
margin-right: 10px;
}
.l-header__menu {
margin-top: 40px;
text-align: right;
}
.l-header__menu__list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
.l-header__menu__list__item {
font-size: 1.6rem;
display: block;
}
.l-header__menu__list__item:not(:last-child)::after {
display: inline-block;
width: 1px;
height: 10px;
margin-right: 15px;
margin-left: 15px;
content: '';
transform: rotate(30deg);
background-color: #816c61;
}
.l-header__menu__list__item a {
padding-bottom: 5px;
text-decoration: none;
}
.l-header__menu__list__item a:hover {
border-bottom: 3px solid #816c61;
}
}
@media screen and (max-width: 768px) {
.l-body-fixed {
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
}
.l-header {
position: fixed;
z-index: 22222222;
height: 60px; }
.l-header__wrap {
position: fixed;
z-index: 22222222;
width: 100%;
height: 60px;
border-top: 5px solid #6d574e;
background-color: #fff;
}
.l-header__logo {
position: fixed;
z-index: 222222;
top: 15px;
left: 15px;
width: 50%;
}
.l-header__menu {
position: absolute;
z-index: 2222222;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100vh;
background-color: #fff;
}
.l-header__menu__list {
width: 100%;
padding-right: 20px !important;
padding-left: 20px !important;
}
.l-header__menu__list__item {
font-size: 2rem;
margin-top: 30px;
}
.l-header__btn,
.l-header__btn span {
display: inline-block;
box-sizing: border-box;
transition: all .4s;
}
.l-header__btn {
position: relative;
z-index: 20;
width: 30px;
height: 22px;
}
.l-header__btn__wrap {
position: fixed;
z-index: 22222;
top: 18px;
right: 15px;
}
.l-header__btn__text {
position: fixed;
top: 42px;
right: 15px;
}
.l-header__btn span {
position: absolute;
z-index: 222222;
left: 0;
width: 100%;
height: 2px;
background-color: #3f312a;
}
.l-header__btn span:nth-of-type(1) {
top: 0;
}
.l-header__btn span:nth-of-type(2) {
top: 10px;
}
.l-header__btn span:nth-of-type(3) {
bottom: 0;
}
.l-header__btn.active span:nth-of-type(1) {
transform: translateY(10px) rotate(-41deg);
}
.l-header__btn.active span:nth-of-type(2) {
opacity: 0;
}
.l-header__btn.active span:nth-of-type(3) {
transform: translateY(-10px) rotate(44deg);
}
.l-header__menu.open {
display: block;
margin-top: 59px;
}
.l-header__menu.close {
display: none;
}
}
@media screen and (min-width: 768px) {
.l-footer {
padding-top: 60px;
background-color: #f2efe7;
}
.l-footer__contact {
display: -ms-flexbox;
display: flex;
width: 1000px;
margin-right: auto;
margin-left: auto;
padding: 30px;
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/contact_01.png);
background-color: #fff;
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
}
.l-footer__contact__common {
width: 33%;
}
.l-footer__contact__common:not(:last-child) {
margin-right: 20px;
}
.l-footer__contact__box-lv1__item {
font-size: 1.8rem;
position: relative;
display: block;
margin-top: 9px;
padding: 10px 0;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #f7842c;
}
.l-footer__contact__box-lv1__item:hover {
opacity: .6;
color: #fff;
}
.l-footer__contact__box-lv1__item::after {
position: absolute;
top: 50%;
right: 15px;
display: inline-block;
width: 15px;
height: 15px;
content: '';
transform: translateY(-50%);
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/direction.png);
background-repeat: no-repeat;
background-size: contain;
}
.l-footer__contact__box-lv1__item__img {
display: inline-block;
width: 15px;
margin-right: 15px;
}
.l-footer__contact__box-lv2__item {
font-size: 1.8rem;
display: block;
margin-top: 16px;
padding: 10px 0;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #5dbd3c;
}
.l-footer__contact__box-lv2__item:hover {
opacity: .6;
color: #fff;
}
.l-footer__contact__box-lv2__text {
font-size: 1.2rem;
line-height: 1;
}
.l-footer__navi {
margin-top: 40px;
}
.l-footer__navi__list {
display: -ms-flexbox;
display: flex;
width: 600px;
margin-right: auto;
margin-left: auto;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-footer__navi__list li {
margin-top: 10px;
}
.l-footer__navi__list li:not(:last-child)::after {
display: inline-block;
width: 1px;
height: 10px;
margin-right: 15px;
margin-left: 15px;
content: '';
transform: rotate(45deg);
background-color: #816c61;
}
.l-footer__navi__list li:first-child::before {
display: inline-block;
width: 1px;
height: 10px;
margin-right: 15px;
content: '';
transform: rotate(45deg);
background-color: #816c61;
}
.l-footer__navi__list li:last-child::after {
display: inline-block;
width: 1px;
height: 10px;
margin-left: 15px;
content: '';
transform: rotate(45deg);
background-color: #816c61;
}
.l-footer__copy {
margin-top: 60px;
padding: 30px 0;
text-align: center;
border-top: solid #b2958a 1px;
}
}
@media screen and (max-width: 768px) {
.l-footer {
position: relative;
padding: 30px 0 100px;
background-color: #f2efe7;
}
.l-footer__contact {
padding: 0 30px;
}
.l-footer__contact__common {
margin-top: 25px;
}
.l-footer__contact__box-lv1__item {
font-size: 1.8rem;
position: relative;
display: block;
margin-top: 26.5px;
padding: 10px 0;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #f7842c;
}
.l-footer__contact__box-lv1__item::after {
position: absolute;
top: 50%;
right: 15px;
display: inline-block;
width: 15px;
height: 15px;
content: '';
transform: translateY(-50%);
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/direction.png);
background-repeat: no-repeat;
background-size: contain;
}
.l-footer__contact__box-lv1__item__img {
display: inline-block;
width: 15px;
margin-right: 10px;
}
.l-footer__contact__box-lv2__item {
font-size: 1.8rem;
display: block;
margin-top: 16px;
padding: 10px 0;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #5dbd3c;
}
.l-footer__contact__box-lv2__text {
font-size: 1.2rem;
}
.l-footer__navi {
margin-top: 30px;
padding: 0 30px;
}
.l-footer__navi__list {
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-footer__navi__list li {
margin-top: 10px;
}
.l-footer__navi__list li:not(:last-child)::after {
display: inline-block;
width: 1px;
height: 10px;
margin-right: 15px;
margin-left: 15px;
content: '';
transform: rotate(45deg);
background-color: #816c61;
}
.l-footer__navi__list li:first-child::before {
display: inline-block;
width: 1px;
height: 10px;
margin-right: 15px;
content: '';
transform: rotate(45deg);
background-color: #816c61;
}
.l-footer__navi__list li:last-child::after {
display: inline-block;
width: 1px;
height: 10px;
margin-left: 15px;
content: '';
transform: rotate(45deg);
background-color: #816c61;
}
.l-footer__copy {
font-size: 1.0rem;
margin-top: 50px;
padding-top: 25px;
text-align: center;
border-top: solid #b2958a 1px;
}
.l-footer__bottom-navi {
position: fixed;
bottom: 0;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 25px;
z-index: 10;
}
.l-footer__bottom-navi__box {
display: block;
width: calc(calc(100% / 3) - 5px);
margin-left: 5px;
padding: 10px 0 5px;
text-align: center;
text-decoration: none;
font-size: 1.3em;
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.l-footer__bottom-navi__box:last-child {
margin-right: 5px;
}
.l-footer__bottom-navi__box:nth-of-type(1) {
background-color: #375a9b;
}
@keyframes anime {
0% {
transform: rotate(0deg)
}
25% {
transform: rotate(-2deg)
}
50% {
transform: rotate(0deg)
}
75% {
transform: rotate(2deg)
}
100% {
transform: rotate(0deg)
}
}
.l-footer__bottom-navi__box:nth-of-type(2) {
background-color: #e98943;
animation: anime 0.7s infinite;
}
.l-footer__bottom-navi__box:nth-of-type(3) {
background-color: #5dbd3c;
}
.l-footer__bottom-navi__box__icon {
width: auto;
height: 20px;
margin-right: auto;
margin-left: auto;
}
.l-footer__bottom-navi__box__text {
font-weight: bold;
margin-top: 5px;
color: #fff;
}
} .c-title-lv1 {
font-weight: bold;
text-align: center;
}
@media screen and (min-width: 768px) {
.c-title-lv1 {
font-size: 3.6rem;
}
}
@media screen and (max-width: 768px) {
.c-title-lv1 {
font-size: 2.2rem;
width: 100%;
padding-right: 20px !important;
padding-left: 20px !important;
}
}
.c-title-lv2 {
text-align: center;
color: #f7842c;
}
@media screen and (min-width: 768px) {
.c-title-lv2 {
font-size: 1.5rem;
width: 100%;
margin-top: 15px;
padding-right: 20px !important;
padding-left: 20px !important;
}
}
@media screen and (max-width: 768px) {
.c-title-lv2 {
font-size: 1.2rem;
margin-top: 10px;
}
}
.c-title-lv2::after {
display: block;
width: 60px;
height: 3px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
content: '';
text-align: center;
background-color: #816c61;
}
@media screen and (min-width: 768px) {
.c-section {
padding: 80px 0;
}
}
@media screen and (max-width: 768px) {
.c-section {
padding: 30px 0 30px;
}
}
@media screen and (max-width: 768px) {
.c-section--lv1 {
padding-bottom: 0;
}
}
.c-more {
display: table;
width: 120px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
padding: 5px 0;
text-align: center;
text-decoration: none;
color: #f7842c;
border: #f7842c solid;
}
.c-fade-up {
transition: opacity .7s;
transition: transform .7s;
}
.c-flex-center { display: -ms-flexbox;
display: flex; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; -ms-flex-pack: center;
justify-content: center; -ms-flex-align: start;
align-items: flex-start;
}
.c-flex-center-stretch { display: -ms-flexbox;
display: flex; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; -ms-flex-pack: center;
justify-content: center; -ms-flex-align: stretch;
align-items: stretch;
}
.c-flex-start { display: -ms-flexbox;
display: flex; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; -ms-flex-pack: start;
justify-content: flex-start; -ms-flex-align: start;
align-items: flex-start;
}
.c-flex-space-between { display: -ms-flexbox;
display: flex; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; -ms-flex-pack: justify;
justify-content: space-between; -ms-flex-align: start;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
.c-flex-space-between-pc,
.p-index__section-lv7__banner { display: -ms-flexbox;
display: flex; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; -ms-flex-pack: justify;
justify-content: space-between; -ms-flex-align: start;
align-items: flex-start;
}
}
.c-flex-wrap-space-between { display: -ms-flexbox;
display: flex; -ms-flex-wrap: wrap;
flex-wrap: wrap; -ms-flex-pack: justify;
justify-content: space-between; -ms-flex-align: start;
align-items: flex-start;
}
@media screen and (min-width: 768px) {
.c-flex-wrap-space-between-pc { display: -ms-flexbox;
display: flex; -ms-flex-wrap: wrap;
flex-wrap: wrap; -ms-flex-pack: justify;
justify-content: space-between; -ms-flex-align: start;
align-items: flex-start;
}
}
.c-flex-space-between-stretch { display: -ms-flexbox;
display: flex; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; -ms-flex-pack: justify;
justify-content: space-between; -ms-flex-align: stretch;
align-items: stretch;
}
@media screen and (min-width: 768px) {
.c-flex-space-between-stretch-pc { display: -ms-flexbox;
display: flex; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; -ms-flex-pack: justify;
justify-content: space-between; -ms-flex-align: stretch;
align-items: stretch;
}
}
.c-flex-wrap-space-between-stretch { display: -ms-flexbox;
display: flex; -ms-flex-wrap: wrap;
flex-wrap: wrap; -ms-flex-pack: justify;
justify-content: space-between; -ms-flex-align: stretch;
align-items: stretch;
}
.c-flex-space-between-end { display: -ms-flexbox;
display: flex; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; -ms-flex-pack: justify;
justify-content: space-between; -ms-flex-align: end;
align-items: flex-end;
}
.c-flex {
margin-bottom: 20px;
}
.c-flex.c-col2>div,
.c-flex.c-col2>figure {
width: 48%;
margin-bottom: 1.8rem;
}
.c-flex.c-col2.c-border-dashed>div {
width: 48%;
padding: 0 1%;
}
.c-flex.c-col2.c-border-dashed>div:not(:last-child) {
border-right: 1px dashed #3f312a;
}
.c-flex.c-col3.c-border-dashed>div {
width: 33%;
margin-bottom: 1.8rem;
padding: 0 1%;
}
.c-flex.c-col3.c-border-dashed>div:not(:last-child) {
border-right: 1px dashed #3f312a;
}
.c-flex.c-col4>div,
.c-flex.c-col4>figure {
width: 24%;
margin-bottom: 1.8rem;
}
.c-flex.circle-image .box {
text-align: left;
}
.c-flex.circle-image .box .image {
overflow: hidden;
width: 267px;
height: 267px;
margin: 0 auto 20px;
border-radius: 50%;
-ms-border-radius: 50%;
}
.c-flex.circle-image .box .image img {
width: 400px;
}
@media screen and (max-width: 768px) {
.c-flex-pc.c-col2>div,
.c-flex-pc.c-col2>figure,
.c-flex-pc.c-col3>div,
.c-flex-pc.c-col3>figure,
.c-flex-pc.c-col4>div,
.c-flex-pc.c-col4>figure {
width: 100% !important;
}
.c-flex-pc.c-border-dashed>div {
border: none !important;
}
}
.c-line-dashed-bottom {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px dashed #3f312a;
}
.c-check-box li {
line-height: 200% !important;
list-style: none;
}
.c-check-box li:before {
content: '□ ';
}
.c-frame {
position: relative;
margin-bottom: 30px;
padding: 4rem;
border: 1px solid #816c61;
background-color: #f7f5f0;
}
.c-frame:before {
position: absolute;
top: 20%;
left: 0;
display: block;
width: 100%;
height: 60%;
margin-left: -1px;
content: '';
border-right: 1px solid #f7f5f0;
border-left: 1px solid #f7f5f0;
}
.c-frame:after {
position: absolute;
top: 0;
left: 5%;
display: block;
width: 90%;
height: 100%;
margin-top: -1px;
content: '';
border-top: 1px solid #f7f5f0;
border-bottom: 1px solid #f7f5f0;
}
.c-balloon-bottom {
position: relative;
display: inline-block;
width: 100%;
margin: 0 auto 30px;
padding: 7px 10px;
border: 1px solid #3f312a;
}
.c-balloon-bottom:before {
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
content: '';
border: 15px solid transparent;
border-top: 15px solid #3f312a;
}
.c-disc {
margin-bottom: 30px;
}
.c-disc li {
margin-left: 2rem;
list-style: disc;
}
.wpcf7-form input[type*="text"],
.wpcf7-form input[type*="email"],
.wpcf7-form input[type*="tel"],
.wpcf7-form select {
width: 100%;
border: 1px solid #3f312a;
padding: 3px 5px;
}
.wpcf7-form .wpcf7-radio span.wpcf7-list-item,
.wpcf7-form .wpcf7-checkbox span.wpcf7-list-item {
display: block;
padding: 5px 0;
}
.wpcf7-form textarea {
width: 100%;
height: 10em;
border: 1px solid #3f312a;
padding: 3px 5px;
}
.wpcf7-form span.wpcf7-list-item {
margin: 0;
}
.wpcf7-form input[type*="checkbox"] {
width: 1em;
height: 1em;
border: 1px solid #3f312a;
padding: 3px;
-webkit-appearance: checkbox;
}
.wpcf7-form a {
display: inline-block;
margin: 0 0 0 1.3em;
}
.wpcf7-form .g-recaptcha {
margin: 30px 0;
}
.wpcf7-form input[type='submit'] {
font-size: 3rem;
font-weight: bold;
position: relative;
display: block;
width: 50%;
margin: 30px auto 0;
padding: 2rem 0;
cursor: pointer;
color: #f7842c;
border: 1px solid #f7842c;
}
.wpcf7-form input[type='submit']:after {
font-family: FontAwesome;
position: absolute;
top: 10%;
right: 0;
display: block;
width: 10%;
height: 30px;
content: '\f061';
}
.wpcf7-form small {
display: block;
text-align: center;
color: #f7842c;
position: relative;
top: -1em;
}
@media screen and (max-width: 768px) {
.wpcf7-form a {
margin: 0;
}
.wpcf7-form .wpcf7-radio span.wpcf7-list-item input {
position: relative;
bottom: -2px;
}
.wpcf7-form .g-recaptcha {
margin: 30px 0 0;
}
.wpcf7-form input[type='submit'] {
font-size: 2rem;
width: 100%;
padding: 1rem 0;
}
}
.u-promises-title {
color: #a6a767 !important;
}
.u-color-red {
color: #ef213d;
}
.u-news-color-lv1 {
background-color: #816c61;
}
.u-news-color-lv2 {
background-color: #a6a767;
}
@media screen and (min-width: 768px) {
.u-mt200 {
margin-top: 350px !important;
}
}
@media screen and (min-width: 768px) {
.u-hidden-pc {
display: none;
}
}
@media screen and (max-width: 768px) {
.u-hidden-sp {
display: none;
}
}
.m0 {
margin: 0;
}
.m_auto {
margin-right: auto !important;
margin-left: auto !important;
}
.mb_10 {
margin-bottom: 10px !important;
}
.mb_15 {
margin-bottom: 15px !important;
}
.mb_20 {
margin-bottom: 20px !important;
}
.mb_30 {
margin-bottom: 30px !important;
}
.mb_40 {
margin-bottom: 40px !important;
}
.mb_60 {
margin-bottom: 60px !important;
}
.mb_80 {
margin-bottom: 80px !important;
}
.mr_30 {
margin-right: 30px !important;
}
@media screen and (min-width: 768px) {
.mr_30-pc {
margin-right: 30px !important;
}
.mb_80-pc {
margin-bottom: 80px !important;
}
}
@media screen and (max-width: 768px) {
.mr_30-sp {
margin-right: 30px !important;
}
.mb_20-sp {
margin-bottom: 20px !important;
}
.mb_80-sp {
margin-bottom: 80px !important;
}
}
.ta_l {
text-align: left;
}
.ta_c {
text-align: center;
}
.ta_r {
text-align: right;
}
.w-2 {
width: 2% !important;
}
.w-4 {
width: 4% !important;
}
.w-6 {
width: 6% !important;
}
.w-8 {
width: 8% !important;
}
.w-10 {
width: 10% !important;
}
.w-12 {
width: 12% !important;
}
.w-14 {
width: 14% !important;
}
.w-16 {
width: 16% !important;
}
.w-18 {
width: 18% !important;
}
.w-20 {
width: 20% !important;
}
.w-22 {
width: 22% !important;
}
.w-24 {
width: 24% !important;
}
.w-26 {
width: 26% !important;
}
.w-28 {
width: 28% !important;
}
.w-30 {
width: 30% !important;
}
.w-32 {
width: 32% !important;
}
.w-34 {
width: 34% !important;
}
.w-36 {
width: 36% !important;
}
.w-38 {
width: 38% !important;
}
.w-40 {
width: 40% !important;
}
.w-42 {
width: 42% !important;
}
.w-44 {
width: 44% !important;
}
.w-46 {
width: 46% !important;
}
.w-48 {
width: 48% !important;
}
.w-50 {
width: 50% !important;
}
.w-52 {
width: 52% !important;
}
.w-54 {
width: 54% !important;
}
.w-56 {
width: 56% !important;
}
.w-58 {
width: 58% !important;
}
.w-60 {
width: 60% !important;
}
.w-62 {
width: 62% !important;
}
.w-64 {
width: 64% !important;
}
.w-66 {
width: 66% !important;
}
.w-68 {
width: 68% !important;
}
.w-70 {
width: 70% !important;
}
.w-72 {
width: 72% !important;
}
.w-74 {
width: 74% !important;
}
.w-76 {
width: 76% !important;
}
.w-78 {
width: 78% !important;
}
.w-80 {
width: 80% !important;
}
.w-82 {
width: 82% !important;
}
.w-84 {
width: 84% !important;
}
.w-86 {
width: 86% !important;
}
.w-88 {
width: 88% !important;
}
.w-90 {
width: 90% !important;
}
.w-92 {
width: 92% !important;
}
.w-94 {
width: 94% !important;
}
.w-96 {
width: 96% !important;
}
.w-98 {
width: 98% !important;
}
@media screen and (min-width: 768px) {
.p-index {
margin-top: 30px;
}
}
@media screen and (max-width: 768px) {
.p-index {
margin-top: 60px;
}
}
@media screen and (min-width: 768px) {
.p-index__main-visual {
position: relative;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv1 {
margin-top: 130px;
margin-bottom: 50px;
}
}
.p-index__section-lv1__title {
margin-right: auto;
margin-left: auto;
text-align: center;
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__title {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__title {
width: 80%;
margin-top: 40px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__banner {
margin-top: 30px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__banner {
margin-top: 25px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__news {
width: 1000px;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__news {
margin-top: 20px;
}
}
.p-index__section-lv1__news__title {
font-weight: bold;
text-align: center;
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__news__title {
font-size: 3.2rem;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__news__title {
font-size: 2rem;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__news__box { display: -ms-flexbox;
display: flex;
margin-top: 30px; -ms-flex-wrap: nowrap;
flex-wrap: nowrap; -ms-flex-pack: justify;
justify-content: space-between; -ms-flex-align: stretch;
align-items: stretch;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__news__box {
margin-top: 20px;
padding: 0 20px;
}
}
.p-index__section-lv1__news__box__group {
position: relative;
display: block;
background-color: #f2efe7;
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__news__box__group {
width: 33%;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__news__box__group:not(:last-child) {
margin-right: 30px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__news__box__group:not(:last-child) {
margin-bottom: 10px;
}
}
.p-index__section-lv1__news__box__group__thumb {
overflow: hidden;
width: 100%;
height: 180px;
text-align: center;
}
.p-index__section-lv1__news__box__group__title {
position: absolute;
left: 0;
display: block;
color: #fff;
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__news__box__group__title {
font-size: 1.3rem;
padding: 0 20px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__news__box__group__title {
width: 80px;
text-align: center;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__news__box__group__item {
padding: 20px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__news__box__group__item {
padding: 10px;
}
}
.p-index__section-lv1__news__box__group__item time {
font-size: 1.4rem;
display: block;
text-align: center;
}
.p-index__section-lv1__news__box__group__item__text {
display: block;
margin-top: 15px;
text-decoration: underline;
color: #a6a767;
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__wrap-lv1 {
display: -ms-flexbox;
display: flex;
width: 1000px;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__wrap-lv1 {
margin-top: 20px;
padding: 0 20px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__wrap-lv1 p {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__wrap-lv1 p:nth-of-type(2) {
margin-top: 20px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__wrap-lv2 {
position: relative;
width: 1000px;
height: 430px;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__wrap-lv2 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-top: 30px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__wrap-lv2__img {
position: absolute;
z-index: -1;
top: 0;
width: 500px;
}
}
.p-index__section-lv1__wrap-lv2__group {
background: #816c61 url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/box-bg3.png) top right no-repeat;
background-color: #816c61;
background-size: 35%;
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__wrap-lv2__group {
position: absolute;
top: 60px;
right: 0;
width: 600px;
padding: 30px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__wrap-lv2__group {
padding: 20px;
}
}
.p-index__section-lv1__wrap-lv2__group__title {
color: #fff;
}
.p-index__section-lv1__wrap-lv2__group__title span {
display: inline-block;
color: #fff;
}
.p-index__section-lv1__wrap-lv2__group__title span:nth-of-type(1) {
margin-right: 20px;
padding: 0 15px;
background-color: #f7842c;
}
.p-index__section-lv1__wrap-lv2__group__title span:nth-of-type(2) {
font-weight: bold;
margin-right: 10px;
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__wrap-lv2__group__title span:nth-of-type(2) {
font-size: 3rem;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__wrap-lv2__group__title span:nth-of-type(2) {
font-size: 2.0rem;
}
}
.p-index__section-lv1__wrap-lv2__group__list {
color: #fff;
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__wrap-lv2__group__list {
margin-top: 30px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv1__wrap-lv2__group__list {
margin-top: 20px;
}
}
.p-index__section-lv1__wrap-lv2__group__list li {
color: #fff;
}
@media screen and (min-width: 768px) {
.p-index__section-lv1__wrap-lv2__group__list li {
font-size: 1.2rem;
}
}
.p-index__section-lv2 {
position: relative;
background-color: #f2efe7;
}
.p-index__section-lv2__number {
position: relative;
}
@media screen and (min-width: 768px) {
.p-index__section-lv2__number {
font-size: 5.6rem;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv2__number {
font-size: 4rem;
display: block;
text-align: center;
}
}
.p-index__section-lv2__number::after {
position: absolute;
z-index: 222222;
bottom: 0;
content: '';
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/top/chosen_04.png);
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (min-width: 768px) {
.p-index__section-lv2__number::after {
width: 30px;
height: 30px;
margin-left: 20px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv2__number::after {
width: 20px;
height: 20px;
}
}
.p-index__section-lv2__bgimg {
position: absolute;
bottom: 0;
width: 100%;
}
@media screen and (max-width: 768px) {
.p-index__section-lv2__bgimg {
z-index: 1;
}
}
.p-index__section-lv2__title {
text-align: center;
letter-spacing: 2px;
color: #a6a767;
}
@media screen and (min-width: 768px) {
.p-index__section-lv2__title {
margin-bottom: 7.5px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv2__title {
font-size: 1.8rem;
margin-bottom: 10px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv2__wrap-lv1 {
position: relative;
width: 1000px;
margin-top: 80px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv2__wrap-lv1 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
width: 100%;
margin-top: 30px;
padding-right: 20px !important;
padding-left: 20px !important;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv2__wrap-lv1:last-child {
margin-top: 260px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv2__wrap-lv1__img {
position: absolute;
z-index: 1;
top: -40px;
right: 0;
width: 50%;
}
}
.p-index__section-lv2__wrap-lv1__group {
position: relative;
z-index: 2;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.p-index__section-lv2__wrap-lv1__group {
width: 600px;
padding: 40px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv2__wrap-lv1__group {
padding: 30px 15px;
}
}
.p-index__section-lv2__wrap-lv1__group::after {
position: absolute;
z-index: 222222;
top: 0;
right: 0;
width: 150px;
height: 150px;
content: '';
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/chosen_bg01.png);
background-repeat: no-repeat;
background-size: contain;
}
.p-index__section-lv2__wrap-lv1__group__title {
font-size: 2.8rem;
margin-top: 30px;
}
@media screen and (max-width: 768px) {
.p-index__section-lv2__wrap-lv1__group__title {
text-align: center;
}
}
.p-index__section-lv2__wrap-lv1__group__title span {
color: #f7842c;
}
.p-index__section-lv2__wrap-lv1__group__text {
margin-top: 30px;
}
@media screen and (min-width: 768px) {
.p-index__section-lv2__wrap-lv2 {
position: relative;
width: 1000px;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv2__wrap-lv2 {
width: 100%;
margin-top: 30px;
padding-right: 20px !important;
padding-left: 20px !important;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv2__wrap-lv2__img {
z-index: 2;
width: 50%;
}
}
.p-index__section-lv2__wrap-lv2__group {
background-color: #fff;
}
@media screen and (min-width: 768px) {
.p-index__section-lv2__wrap-lv2__group {
position: absolute;
z-index: 1;
top: 40px;
right: 0;
width: 550px;
padding: 40px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv2__wrap-lv2__group {
padding: 30px 15px;
}
}
.p-index__section-lv2__wrap-lv2__group::after {
position: absolute;
z-index: 222222;
top: 0;
right: 0;
width: 150px;
height: 150px;
content: '';
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/chosen_bg01.png);
background-repeat: no-repeat;
background-size: contain;
}
.p-index__section-lv2__wrap-lv2__group__title {
font-size: 2.8rem;
margin-top: 30px;
}
@media screen and (max-width: 768px) {
.p-index__section-lv2__wrap-lv2__group__title {
text-align: center;
}
}
.p-index__section-lv2__wrap-lv2__group__title span {
color: #f7842c;
}
.p-index__section-lv2__wrap-lv2__group__text {
margin-top: 30px;
}
.p-index__section-lv3 {
background-image: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/top/symptoms_item00.png);
background-repeat: repeat;
background-position: center;
background-size: cover;
}
@media screen and (min-width: 768px) {
.p-index__section-lv3__wrap {
display: -ms-flexbox;
display: flex;
width: 1000px;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv3__group {
margin-top: 25px;
}
}
.p-index__section-lv3__group__title {
margin-top: 30px;
color: #f7842c;
}
@media screen and (min-width: 768px) {
.p-index__section-lv3__group__title {
font-size: 2.6rem;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv3__group__title {
font-size: 2rem;
width: 100%;
padding-right: 20px !important;
padding-left: 20px !important;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv3__group:nth-of-type(2) {
margin-left: 50px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv3__group__list {
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv3__group__list {
width: 100%;
margin-top: 20px;
padding-right: 20px !important;
padding-left: 20px !important;
}
}
.p-index__section-lv3__group__list li {
width: 100%;
}
@media screen and (min-width: 768px) {
.p-index__section-lv3__group__list li {
font-size: 1.3rem;
width: 50%;
}
}
.p-index__section-lv3__group__list li::before {
display: inline-block;
margin-right: 10px;
content: '□';
}
@media screen and (min-width: 768px) {
.p-index__section-lv4 {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv4__wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv4__wrap {
width: 100%;
padding-right: 20px !important;
padding-left: 20px !important;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv4__group {
width: calc(calc(100% / 3) - 40px);
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv4__group:not(:nth-of-type(3n)) {
margin-right: 60px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv4__group:not(:nth-of-type(3n)) {
padding: 0 20px;
}
}
.p-index__section-lv4__group__title {
font-size: 2.6rem;
line-height: 3.3rem;
text-align: center;
color: #f7842c;
}
@media screen and (min-width: 768px) {
.p-index__section-lv4__group__title {
margin-top: 30px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv4__group__title {
margin-top: 20px;
}
}
.p-index__section-lv4__group__text {
margin-top: 20px;
}
.p-index__section-lv5 {
background-color: #f2efe7;
}
@media screen and (min-width: 768px) {
.p-index__section-lv5 {
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/top/voice_07.png);
background-color: #f2efe7;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 50%;
}
}
.p-index__section-lv5__wrap {
margin-top: 20px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.p-index__section-lv5__wrap {
display: -ms-flexbox;
display: flex;
width: 1000px;
margin-right: auto;
margin-left: auto;
padding: 40px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv5__wrap {
margin-right: 20px;
margin-left: 20px;
padding: 20px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv5__wrap:nth-of-type(1) {
margin-top: 30px;
}
}
.p-index__section-lv5__img img {
width: 80px;
}
@media screen and (max-width: 768px) {
.p-index__section-lv5__img img {
margin-right: auto;
margin-left: auto;
text-align: center;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv5__group {
margin-left: 35px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv5__group {
margin-top: 20px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv5__group__box {
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv5__group__box {
text-align: center;
}
}
.p-index__section-lv5__group__box__item {
color: #f7842c;
}
@media screen and (min-width: 768px) {
.p-index__section-lv5__group__box__item {
display: inline-block;
margin-right: 40px;
padding-top: 5px;
}
}
.p-index__section-lv5__group__box__title {
font-size: 2rem;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.p-index__section-lv5__group__box__title {
line-height: 3.5rem;
vertical-align: top;
}
}
.p-index__section-lv5__group__text {
margin-top: 20px;
}
.p-index__section-lv5__detail {
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.p-index__section-lv5__detail {
font-size: 1.4rem;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv5__detail {
width: 100%;
padding-right: 20px !important;
padding-left: 20px !important;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv5__bottom {
display: none;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv5__bottom {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv6 {
display: -ms-flexbox;
display: flex;
width: 1000px;
margin-right: auto;
margin-left: auto;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv6 {
width: 100%;
padding-right: 20px !important;
padding-left: 20px !important;
}
}
.p-index__section-lv6__box {
text-align: center;
}
@media screen and (min-width: 768px) {
.p-index__section-lv6__box {
width: calc(100%);
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv6__box {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv6__box:nth-of-type(1) {
margin-right: 0px;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv6__box:nth-of-type(1) {
margin-bottom: 60px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv7 {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 768px) {
.p-index__section-lv7 {
width: 100%;
padding-right: 20px !important;
padding-left: 20px !important;
}
}
.p-index__section-lv7__banner {
width: 100%;
padding: 0 20px;
}
@media screen and (max-width: 768px) {
.p-index__section-lv7__banner a {
display: block;
margin-top: 20px;
}
}
@media screen and (min-width: 768px) {
.p-index__section-lv7__banner {
width: 1000px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
}
.p-index__section-lv7__banner a {
width: 48%;
}
}
.footer-bnr {
display: block;
width: 640px;
margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
.footer-bnr {
width: 90%;
margin: 20px auto 0;
}
}
.p-posts__inner {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.p-posts__inner__right h3 {
margin-bottom: 10px !important;
text-align: left;
}
.p-posts__inner__right h3.reaf span {
display: inline-block;
padding-right: 30px;
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/reaf.png) right center no-repeat;
}
.p-posts__inner__right .c-monthly {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.p-posts__inner {
width: 1200px;
}
.p-posts__inner__left {
width: 80%;
}
.p-posts__inner__right {
width: 15%;
}
.p-posts__inner__right h3.reaf span {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.p-posts__inner {
width: 96vw;
}
.p-posts__inner__left {
width: 100%;
}
.p-posts__inner__right {
width: 100%;
}
.p-posts__inner__right h3.reaf span {
font-size: 14px;
}
}
.p-posts__headline {
margin-bottom: 30px;
padding: 60px 0;
text-align: center;
background-color: #f2efe7;
}
.p-posts__headline h2 {
font-size: 30px;
font-weight: 400;
position: relative;
}
@media screen and (max-width: 768px) {
.p-posts__headline h2 {
font-size: 20px;
}
}
.p-posts__headline h2 span {
font-size: 15px;
display: block;
color: #f7842c;
}
.p-posts__headline h2:after {
position: absolute;
left: 50%;
display: block;
width: 5%;
height: 3px;
margin-top: 10px;
margin-left: -2.5%;
content: '';
background: #816c61;
}
.p-posts .p-box {
margin-bottom: 30px;
background: #fff;
filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .25));
}
.p-posts .p-box h3 {
font-size: 28px;
margin-bottom: 30px;
color: #f7842c;
}
.p-posts .p-box .inner {
padding: 3rem;
background: #f7f5f0;
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/box-bg.png) top -100px right -100px no-repeat;
}
@media screen and (max-width: 768px) {
.p-posts .p-box .inner {
padding: 2rem;
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/box-bg.png) top -100px right -100px no-repeat;
}
}
@media screen and (min-width: 768px) {
.p-page {
margin-top: 30px;
}
}
@media screen and (max-width: 768px) {
.p-page {
margin-top: 60px;
}
}
.p-page section {
padding: 0 0 60px;
}
.p-page p {
padding: .6rem 0 1.2rem;
}
.p-page strong {
color: #ef213d;
}
@media screen and (min-width: 768px) {
.p-page .size-medium {
max-width: 400px;
margin: 0 auto;
}
.p-page .alignleft {
float: left;
margin: 0 2rem 1rem 0;
}
.p-page .alignright {
float: right;
margin: 0 0 1rem 2rem;
}
}
.p-page__header {
text-align: center;
}
.p-page__header h1 {
font-size: 30px;
display: inline-block;
margin: 50px auto;
padding: 0 40px;
background-image: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/headline-bg-l.png), url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/headline-bg-r.png);
background-repeat: no-repeat, no-repeat;
background-position: bottom left, bottom right;
}
@media screen and (max-width: 768px) {
.p-page__header h1 {
font-size: 4.3vw;
}
}
@media screen and (min-width: 768px) {
.p-page__main-visual {
position: relative;
width: 1000px;
width: 1200px;
margin-right: auto;
margin-left: auto;
}
}
.p-page__inner {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
@media screen and (min-width: 768px) {
.p-page__inner {
width: 1200px;
}
}
@media screen and (max-width: 768px) {
.p-page__inner {
width: 92vw;
}
}
.p-page__headline {
margin-bottom: 30px;
padding: 60px 0;
text-align: center;
background-color: #f2efe7;
}
.p-page__headline h2 {
font-size: 30px;
font-weight: 400;
position: relative;
}
@media screen and (max-width: 768px) {
.p-page__headline h2 {
font-size: 20px;
}
}
.p-page__headline h2 span {
font-size: 15px;
display: block;
color: #f7842c;
}
.p-page__headline h2:after {
position: absolute;
left: 50%;
display: block;
width: 5%;
height: 3px;
margin-top: 10px;
margin-left: -2.5%;
content: '';
background: #816c61;
}
.p-page h3 {
font-size: 22px;
margin: 1.2rem 0 1.8rem;
color: #898749;
}
.p-page table {
width: 100%;
border: 1px solid #3f312a;
}
.p-page table tr {
border: 1px solid #3f312a;
}
.p-page table tr th {
padding: 5px;
color: #fff;
border: 1px solid #3f312a;
background-color: #816c61;
}
.p-page table tr td {
padding: 5px;
text-align: left;
border: 1px solid #3f312a;
}
.p-page table tr td.ta_c{text-align:center;}
.p-page table.th2 tr td:first-child {
background-color: #efeada;
}
.p-page table.th2 tr td:nth-child(5) {
background-color: #f4d7d3;
} .p-page table.col3 th,
.p-page table.col3 td {
width: 33%;
padding: 3rem;
}
@media screen and (max-width: 768px) {
.p-page table.col3 th,
.p-page table.col3 td {
display: block;
width: 100%;
}
}
.p-page table.border-dashed {
border: none;
}
.p-page table.border-dashed tr {
border: 1px dashed #3f312a;
}
.p-page table.border-dashed tr th {
border: 1px dashed #3f312a;
}
.p-page table.border-dashed tr td {
border: 1px dashed #3f312a;
}
.p-page__image-description-box {
position: relative;
}
@media screen and (min-width: 768px) {
.p-page__image-description-box {
height: 440px;
}
.p-page__image-description-box .image,
.p-page__image-description-box .description {
position: absolute;
}
.p-page__image-description-box.image-left .image {
z-index: 1;
top: 0;
left: 0;
width: 51%;
}
.p-page__image-description-box.image-left .description {
z-index: 0;
top: 30px;
right: 0;
width: 51%;
}
.p-page__image-description-box.image-right .image {
z-index: 0;
top: 0;
right: 0;
width: 51%;
}
.p-page__image-description-box.image-right .description {
z-index: 1;
top: 30px;
left: 0;
width: 51%;
}
}
.p-page__image-description-box.green .description {
background: #fff;
filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .25));
}
.p-page__image-description-box.green .description h4 {
font-size: 28px;
margin-bottom: 30px;
color: #898749;
}
.p-page__image-description-box .description .inner {
padding: 3rem 9rem;
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/box-bg.png) top -70% right -30% no-repeat;
}
@media screen and (max-width: 768px) {
.p-page__image-description-box .description .inner {
padding: 2rem;
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/box-bg.png) top -70% right -100% no-repeat;
}
}
@media screen and (max-width: 768px) {
.p-page__image-description-box .image {
margin-bottom: 10px;
}
}
.p-page .p-qa h3,
.p-page .p-qa dt {
font-size: 22px;
margin-bottom: 1.2rem;
color: #898749;
}
.p-page .p-qa h3:before,
.p-page .p-qa dt:before {
font-size: 20px;
margin-right: 1rem;
content: 'Q';
}
.p-page .p-qa dd {
margin: 0 0 4rem 1rem;
}
.p-page .p-qa dd:before {
margin-right: 1rem;
content: 'A';
}
.p-page .wp_social_bookmarking_light {
width: 1200px;
margin: 0 auto !important;
}
@media screen and (min-width: 768px) {
.page-staff .p-page__image-description-box.image-right .image {
z-index: 0;
width: 18%;
}
.page-staff .p-page__image-description-box.image-right .description {
width: 70%;
}
.page-staff .p-page__image-description-box.image-right .description .inner {
background: url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/box-bg.png) top -60% right -20% no-repeat;
}
}
@media screen and (min-width: 768px) {
.page-staff .p-page .p-qa {
min-height: 370px;
}
}
.page-access .p-page__inner .p-time-table {
margin: 0 auto 30px;
}
@media screen and (min-width: 768px) {
.page-access .p-page__inner .p-time-table {
width: 50%;
}
}
.page-access .p-page__inner .map iframe {
width: 100%;
height: 280px;
}
@media screen and (min-width: 768px) {
.page-access .p-page__inner .p-root .p-root-image {
position: relative;
width: 26%;
}
.page-access .p-page__inner .p-root .p-root-image:not(:last-child):after {
font-family: FontAwesome;
font-size: 7rem;
position: absolute;
top: 50%;
right: -9rem;
margin-top: -5rem;
content: '\f138';
color: #898749;
}
}
@media screen and (max-width: 768px) {
.page-access .p-page__inner .p-root {
display: block;
width: 100%;
}
}
.page-access .p-page__inner #gallery-1 .gallery-item {
width: 32%;
margin-right: 1%;
}
@media screen and (max-width: 768px) {
.page-access .p-page__inner #gallery-1 .gallery-item {
width: 100%;
margin: 0 0 10px;
}
}
@media screen and (min-width: 768px) {
.page-nerve .p-page__inner .p-check .box {
width: 58%;
}
.page-nerve .p-page__inner .p-check .image {
width: 40%;
}
}
.page-nerve .p-page__inner .reaf {
font-size: 30px;
line-height: 56px !important;
height: 56px;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-nerve .p-page__inner .reaf {
font-size: 18px;
}
}
.page-nerve .p-page__inner .reaf.reaf1 span {
background: #fff url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/reaf_title_01.png) left center no-repeat;
background-size: 97px 56px;
}
@media screen and (max-width: 768px) {
.page-nerve .p-page__inner .reaf.reaf1 span {
background-size: 48.5px 28px;
}
}
.page-nerve .p-page__inner .reaf.reaf2 span {
background: #fff url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/reaf_title_02.png) left center no-repeat;
background-size: 97px 56px;
}
@media screen and (max-width: 768px) {
.page-nerve .p-page__inner .reaf.reaf2 span {
background-size: 48.5px 28px;
}
}
.page-nerve .p-page__inner .reaf.reaf3 span {
background: #fff url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/reaf_title_03.png) left center no-repeat;
background-size: 97px 56px;
}
@media screen and (max-width: 768px) {
.page-nerve .p-page__inner .reaf.reaf3 span {
background-size: 48.5px 28px;
}
}
.page-nerve .p-page__inner .reaf.reaf4 span {
background: #fff url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/reaf_title_04.png) left center no-repeat;
background-size: 97px 56px;
}
@media screen and (max-width: 768px) {
.page-nerve .p-page__inner .reaf.reaf4 span {
background-size: 48.5px 28px;
}
}
.page-nerve .p-page__inner .reaf.reaf5 span {
background: #fff url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/reaf_title_05.png) left center no-repeat;
background-size: 97px 56px;
}
@media screen and (max-width: 768px) {
.page-nerve .p-page__inner .reaf.reaf5 span {
background-size: 48.5px 28px;
}
}
.page-nerve .p-page__inner .reaf span {
line-height: 56px !important;
display: inline-block;
height: 56px;
padding-left: 100px;
}
@media screen and (max-width: 768px) {
.page-nerve .p-page__inner .reaf span {
padding-left: 55px;
}
}
.page-nerve .p-page__inner .wp-image-169 {
max-width: 281px;
}
.page-nerve .p-page__inner .p-frame2 {
min-height: 520px;
}
.page-nerve .p-page__inner .c-border-dashed .box .image {
width: 100%;
border: none;
}
@media screen and (min-width: 768px) {
.page-nerve .p-page__inner .c-border-dashed .box .image {
height: 180px;
}
}
@media screen and (min-width: 768px) {
.page-nerve .p-page__image-description-box.image-left .image {
z-index: 0;
top: 0;
width: 45%;
}
.page-nerve .p-page__image-description-box.image-left .description {
z-index: 1;
top: 30px;
width: 59%;
}
.page-nerve .p-page__image-description-box.image-left .description .inner {
padding: 6rem;
}
}
.page-nerve .p-page__image-description-box.image-left .description_job {
z-index: 1;
top: 30px;
width: 70%;
}
.page-nerve .p-page__image-description-box.image-left .description_job .inner {
padding: 6rem;
}
}
.page-pain .p-page table.th2 tr td {
width: 20%;
text-align: center;
}
.page-pain .p-page table.th2 tr td:first-child {
width: 10%;
text-align: left;
}
.page-pain .p-page table.th2 tr td:nth-of-type(3) {
width: 30%;
background-color: #f4f4f4;
}
.page-pain .p-page .circle-image h3 {
text-align: center;
}
@media screen and (min-width: 768px) {
.page-beauty .p-page .c-balloon-bottom {
height: 150px;
}
}
.page-beauty .p-page .circle-image h3 {
font-size: 2rem;
text-align: center;
}
.page-beauty .p-page .circle-image .image {
position: relative;
}
.page-beauty .p-page .circle-image .box:nth-of-type(1) img,
.page-beauty .p-page .circle-image .box:nth-of-type(2) img {
position: absolute;
top: 0;
right: 0;
}
@media screen and (min-width: 768px) {
.page-beauty .p-page .image-left .image {
overflow: hidden;
width: 48%;
max-height: 384px;
}
.page-beauty .p-page .image-left .description {
width: 56%;
height: 380px;
}
}
.page-beauty .p-page .c-flex .image {
margin-bottom: 20px;
text-align: center;
}
.page-beauty .p-page .c-flex .image img {
max-width: 400px;
margin: 0 auto;
}
.page-beauty .p-page h3 {
text-align: center;
}
.page-beauty .p-page h3.reaf {
margin-top: 20px;
}
.page-beauty .p-page h3.reaf span {
font-size: 26px;
display: inline-block;
padding-right: 30px;
background: #fff url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/reaf.png) right center no-repeat;
}
@media screen and (min-width: 768px) {
.page-accident .p-page__inner .p-check .box {
width: 58%;
}
.page-accident .p-page__inner .p-check .image {
width: 40%;
}
}
@media screen and (min-width: 768px) {
.page-accident .p-page__inner .p-patients .image {
overflow: hidden;
width: 70%;
height: 260px;
margin: 0 auto 20px;
}
}
.page-accident .p-page__inner .reaf {
font-size: 30px;
line-height: 56px !important;
height: 56px;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-accident .p-page__inner .reaf {
font-size: 18px;
}
}
.page-accident .p-page__inner .reaf.reaf1 span {
background: #fff url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/reaf_title_01.png) left center no-repeat;
background-size: 97px 56px;
}
@media screen and (max-width: 768px) {
.page-accident .p-page__inner .reaf.reaf1 span {
background-size: 48.5px 28px;
}
}
.page-accident .p-page__inner .reaf.reaf2 span {
background: #fff url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/reaf_title_02.png) left center no-repeat;
background-size: 97px 56px;
}
@media screen and (max-width: 768px) {
.page-accident .p-page__inner .reaf.reaf2 span {
background-size: 48.5px 28px;
}
}
.page-accident .p-page__inner .reaf.reaf3 span {
background: #fff url(//dream-sekkotsuin.com/wp-content/themes/tsuisuma-pc/assets/images/common/reaf_title_03.png) left center no-repeat;
background-size: 97px 56px;
}
@media screen and (max-width: 768px) {
.page-accident .p-page__inner .reaf.reaf3 span {
background-size: 48.5px 28px;
}
}
.page-accident .p-page__inner .reaf span {
line-height: 56px !important;
display: inline-block;
height: 56px;
padding-left: 100px;
}
@media screen and (max-width: 768px) {
.page-accident .p-page__inner .reaf span {
padding-left: 55px;
}
}
.page-reserve .p-page .monthly-calendar,
.page-reserve .p-page .day-calendar {
margin-right: auto;
margin-left: auto;
}
@media screen and (min-width: 768px) {
.page-reserve .p-page .monthly-calendar,
.page-reserve .p-page .day-calendar {
width: 1200px;
}
}
.page-reserve .p-page .monthly-calendar caption,
.page-reserve .p-page .day-calendar caption {
font-size: 3.0rem;
}
.page-reserve .p-page .monthly-calendar table th,
.page-reserve .p-page .monthly-calendar table td,
.page-reserve .p-page .day-calendar table th,
.page-reserve .p-page .day-calendar table td {
text-align: center;
}
.page-reserve .p-page .day-calendar h3 {
font-size: 3.0rem;
text-align: center;
}
.page-reserve .p-page .day-calendar p {
text-align: center;
}
.page-reserve .p-page .day-calendar table {
margin-right: auto;
margin-left: auto;
}
.page-booking-form .content-form {
margin-right: auto;
margin-left: auto;
}
@media screen and (min-width: 768px) {
.page-booking-form .content-form {
width: 1200px;
}
}
.page-booking-form .content-form legend {
font-size: 2.0rem;
}
.page-booking-form .content-form th,
.page-booking-form .content-form td {
font-size: 1.6rem;
}
.page-booking-form .content-form button {
font-size: 3rem;
font-weight: bold;
position: relative;
display: block;
width: 50%;
margin: 0 auto 30px;
padding: 2rem 0;
cursor: pointer;
color: #f7842c;
border: 1px solid #f7842c;
}
.page-booking-form .content-form button:after {
font-family: FontAwesome;
position: absolute;
top: 10%;
right: 0;
display: block;
width: 10%;
height: 30px;
content: '\f061';
}
.page-testimonial .p-page section {
clear: both;
}
.page-menu .p-page table.p-col3 th:first-child {
width: 20%;
}
.page-menu .p-page table.p-col3 th:last-child {
width: 30%;
}
.btn_job {margin:0 auto;}
.btn_job img {width:300px; display: inline-block;margin:0 10px;}
.btn_jobentry {max-width:480px;margin:30px auto 0;} .p-posts .p-box h3 span {
color: #898749;
text-decoration: underline;
text-underline-offset: 7px;
font-size: 22px;
line-height: 1.75 !important;
}
#toc_container {
margin-bottom: 5rem !important;
} .p-posts .p-box h4 span {
font-size: 20px;
background-color: #816c61;
color: #ffffff;
padding: 10px 12px;
line-height: 55px !important;
letter-spacing: 0.05em;
}
.p-posts .p-box h5 span  {
font-size: 18px;
text-decoration: underline dotted;
text-underline-offset: 7px;
color: #f7842c;
line-height: 1.75 !important;
letter-spacing: 0.05em;
font-weight: bold;
}
.p-box strong span {
color: #ef213d;
}
.p-box h4{
margin-bottom: 8px;
}
.p-box p {
padding: 0.6rem 0 1.2rem;
} h3.p-index__section-lv1__news__title.c-fade-up.connection_title{
font-size: 3.2rem;
color:#3f312a;
margin: 0;
}
p.post_cat {
display: inline-block;
background-color: #a6a767;
padding: 5px;
}
.post_cat a{
text-decoration: none;
color: #fff;
}
.p-box strong {
color: #ef213d !important;
}
.voice, .p-index__section-lv1__case__box__group__item__tag.voice {
background-color: #f7842c !important;
}
.symptoms, .p-index__section-lv1__case__box__group__item__tag.symptoms {
background-color: #375a9b !important;
}
.font-size_adjust {
font-size: 16px;
}
.related_article-wrap{
display: flex;
justify-content: center;
padding: 0;
}
.related_article {
display: block;
width: calc((100% / 4) - 40px);
margin: 0 5px;
}
a.related_article{
text-decoration:none;
}
.related_article img {
width: auto;
min-height: 180px;
object-fit: cover;
}
.related_article h4{
color: #3f312a;
padding: 3px 3px 0;
font-size: 16px;
font-weight: bold;
}
@media(max-width: 768px){
.font-size_adjust {
font-size: 14px;
}
h3.p-index__section-lv1__news__title.c-fade-up.connection_title{
font-size: 2rem;
}
.p-box .inner h3{
font-size: 20px;
}
.connection_title {
text-align: center;
}
.related_article-wrap{
flex-direction: column;
}
.related_article{
width: 100%;
display: flex;
align-items: center;
border: 1px solid  #f5f5f5;
margin-bottom: 5px;
}
.related_article img{
min-width: 40% !important;
min-height: initial !important;
max-height: auto !important;
margin-right: 5px;
}
.related_article h4{
font-size: 16px;
}
} .whiplash_01{
border:1px solid #816c61;
width:70%;
padding:20px;
}
.whiplash_01 strong{
color:#f7842c;
font-size:18px;
}
@media(max-width: 768px){
.whiplash_01{
width:100%;
font-size:16px;
}
.whiplash_01 p{
font-size:14px;
}
}
@media(max-width: 540px){
.p-posts__headline{
margin-top: 60px;
}
.p-posts__inner__left img{
width: 100% !important;
}
} .o_banner {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
}
.o_banner p {
display: block;
width: 25%;
font-size: 20px;
}
.o_banner .o_banner_inner {
display: flex;
justify-content: center;
width: 100%;
}
.o_banner .o_banner_inner > * {
width: 40%;
max-width: 460px;
}
.o_banner .o_banner_inner > *:not(:first-child) {
margin-left: 20px;
}
.o_banner .o_banner_inner a {
display: block;
transition: 0.5s;
}
.o_banner .o_banner_inner a:hover{
opacity: 0.5;
}
p.o_banner-title{
text-align: center;
margin-top: 40px;
display: block;
font-size: 20px;
font-family: Ubuntu, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}
@media(max-width: 767px){
.o_banner{
margin-top: 10px;
}
.o_banner .o_banner_inner {
display: block;
}
.o_banner .o_banner_inner > *{
width: 90%;
max-width: 100%;
margin: 0 auto;
}
.o_banner .o_banner_inner > *:not(:first-child) {
margin: 10px auto 0;
}
}
.c-flex-space-between-pc th,
.c-flex-space-between-pc td{
padding: 10px;
}