@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Lexend+Zetta:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
word-break: break-all;
word-wrap: break-word;
}
html { font-size: 10px;
-webkit-tap-highlight-color: transparent;
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
overflow-x: hidden;
font-size: 16px;
color: #111111;
font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",
"小塚ゴシック", "Noto Sans Japanese", "ヒラギノ角ゴシック Pro",
"Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック",
"MS PGothic", sans-serif;
font-weight: normal;
height: 100%;
margin: 0;
padding: 0;
line-height: 1.8;
width: 100%;
}
a {
color: inherit;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
transition: 1s;
-moz-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
}
a:hover {
text-decoration: none;
opacity: 0.75;
}
a:active,
a:hover {
outline-width: 0;
}
li.colum {
list-style: disc;
margin-left: 1.4em;
}
li.column1 {
list-style: decimal;
margin-left: 1.4em;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
p {
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
text-align: left;
}
dl,
dt,
dd {
margin: 0;
padding: 0;
}
figure {
margin: 0;
}
figcaption,
figure,
main {
display: block;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
img {
border-style: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
height: auto;
max-width: 100%;
vertical-align: middle;
}
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button {
cursor: pointer;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: none;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
::-webkit-file-upload-button {
-webkit-appearance: none;
font: inherit;
}
[hidden] {
display: none;
}
address {
font-style: normal;
}
figure {
margin: 0;
}
table {
border-collapse: collapse;
}
.wrapper {
max-width: 1500px;
margin-right: auto;
margin-left: auto;
padding: 0 5%;
} body.is-open {
overflow-y: hidden;
}
main {
margin-top: 186px;
}
@media screen and (max-width: 768px) {
main {
margin-top: 150px;
}
} .l-header {
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
padding: 5px 0 2px;
line-height: 1.4;
background: #fff;
} @media screen and (min-width: 769px) {
.l-header__top {
margin-bottom: 15px;
}
}
@media screen and (max-width: 768px) {
.l-header__top {
margin-bottom: 0;
}
}
.l-header__logo {
text-align: center;
}
.l-header__logo__sub {
text-align: center;
font-size: 12px;
color: #557ec1;
font-weight: normal;
display: block;
margin-bottom: 5px;
}
.l-header__nav-wrap {
background: linear-gradient(to right, #567ec2, #0eb5ed);
}
.l-header__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.l-header__nav__item {
color: #fff;
width: calc(100% / 6);
font-size: 16px;
font-weight: bold;
text-align: center;
position: relative;
}
.l-header__nav__item > a {
width: 100%;
height: 74px;
line-height: 1.4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-header__nav__item i {
margin-left: 15px;
font-size: 12px;
}
.l-header__nav__item.is-first {
background: linear-gradient(to right, #20357d, #406bb5);
}
.l-header__nav__item:not(:hover) .l-header__nav__item__sub {
display: none;
}
.l-header__nav__item__sub {
position: absolute;
top: 74px;
left: 0;
width: 250px;
}
.l-header__nav__item__sub__item {
color: #577fc2;
background: #fff;
border: 1px solid #577fc2;
border-top: none;
}
.l-header__nav__item__sub__item > a {
padding: 15px;
display: block;
}
.l-header__nav__item__sub__item:hover {
background: #eee;
}
.l-header__top__menu-btn {
display: inline-block;
position: relative;
height: 70px;
width: 70px;
border: 2px solid #416cb6;
border-radius: 50%;
background: #fff;
color: #416cb6;
cursor: pointer;
font-size: 11px;
transition: 1s;
}
.l-header__top__menu-btn:hover {
color: #fff;
background: #416cb6;
}
.l-header__top__menu-btn:hover .l-header__top__menu-btn__bar,
.l-header__top__menu-btn:hover .l-header__top__menu-btn__bar:before,
.l-header__top__menu-btn:hover .l-header__top__menu-btn__bar:after {
background: #fff;
}
.l-header__top__menu-btn__name {
position: absolute;
width: 100%;
text-align: center;
bottom: 10px;
left: 0;
}
.l-header__top__menu-btn__bar {
background: #416cb6;
position: absolute;
top: 22px;
left: 0;
right: 0;
width: 23px;
height: 3px;
display: block;
margin: 0 auto;
border-radius: 5px;
transition: 1s;
}
.l-header__top__menu-btn__bar:before,
.l-header__top__menu-btn__bar:after {
content: "";
width: 23px;
height: 3px;
display: block;
background: #416cb6;
border-radius: 5px;
position: absolute;
left: 0;
transition: 1s;
}
.l-header__top__menu-btn__bar:before {
top: -7px;
}
.l-header__top__menu-btn__bar:after {
bottom: -7px;
}
.l-header__fixedMenu {
position: fixed;
top: 0;
left: -460px;
color: #fff;
background: #567ec2;
z-index: 999;
width: 100%;
max-width: 455px;
height: 100%;
transition: 0.5s;
padding: 50px 20px;
overflow-y: scroll;
-ms-overflow-style: none; scrollbar-width: none; }
.l-header__fixedMenu.is-open {
left: 0;
}
.l-header__fixedMenu::-webkit-scrollbar { display: none;
}
.l-header__fixedMenu .l-header__nav__item {
width: 100%;
}
.l-header__fixedMenu__inner {
max-width: 350px;
margin: 0 auto;
}
.l-header__fixedMenu__close {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/common/h_fixed_menu_close.png) no-repeat center;
color: transparent;
height: 70px;
width: 70px;
display: block;
border: 2px solid #fff;
border-radius: 50%;
margin: 0 auto 70px;
}
.l-header__fixedMenu__logo {
text-align: center;
margin-bottom: 30px;
}
.l-header__fixedMenu__logo__sub {
font-size: 12px;
display: block;
margin-bottom: 5px;
}
.l-header__fixedMenu__link-top {
font-size: 16px;
font-weight: bold;
}
.l-header__fixedMenu__link-top i {
font-size: 12px;
margin-right: 10px;
}
.l-header__fixedMenu__link__item {
margin-bottom: 5px;
}
.l-header__fixedMenu__link__item i {
font-size: 12px;
margin-right: 10px;
}
@media screen and (min-width: 769px) {
.l-header__top__btn-wrap {
width: 300px;
}
}
@media screen and (max-width: 768px) {
.l-header__nav-wrap {
display: none;
}
} .l-footer {
padding-top: 100px;
}
@media screen and (max-width: 450px) {
.l-footer {
padding-top: 20px;
}
}
.l-footer__discount {
text-align: center;
}
.l-footer__tel {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/common/f_tel_bg.png) no-repeat center;
}
.l-footer__tel__num {
padding-bottom: 53px;
margin: 0 30px;
}
.l-footer__tel__uketsuke {
padding-bottom: 53px;
}
.l-footer__bottom {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/common/f_bg.jpg) no-repeat center/cover;
color: #fff;
padding-top: 45px;
}
.l-footer__bottom__company {
line-height: 1.8;
width: 50%;
}
.l-footer__bottom__company__top {
font-size: 16px;
font-weight: bold;
}
.l-footer__bottom__nav {
width: 50%;
}
.l-footer__bottom__nav__link__item i {
font-size: 12px;
margin-right: 10px;
}
.footer__bottom__small {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/common/f_small_bg.png) repeat-x top;
padding: 20px 15px 10px;
text-align: center;
display: block;
margin-top: 30px;
font-size: 12px;
font-weight: bold;
}
@media screen and (min-width: 1501px) {
.l-footer__tel {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/common/f_tel_bg.png) no-repeat center/100% auto;
padding-top: 33px;
}
}
@media screen and (max-width: 1050px) {
.l-footer__tel {
background-position: top;
margin-top: 10px;
}
.l-footer__tel__image {
width: 100%;
text-align: center;
order: 1;
}
.l-footer__tel__num {
width: 100%;
text-align: center;
padding-bottom: 20px;
margin: 0;
}
.l-footer__tel__uketsuke {
width: 100%;
text-align: center;
padding-bottom: 20px;
}
}
@media screen and (max-width: 960px) {
.l-footer__bottom__company {
width: 100%;
margin-bottom: 30px;
}
.l-footer__bottom__nav {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.l-footer__bottom__nav__link:nth-of-type(n + 2) {
width: calc(100% - 145px);
}
.l-footer__bottom__nav__link:last-of-type {
margin-left: auto;
}
}
@media screen and (max-width: 450px) {
.l-footer__bottom__nav__btn-wrap a {
min-width: calc(50% - 5px);
}
}
.to-top {
position: fixed;
bottom: 0;
right: 0;
width: 80px;
height: 80px;
}
.to-top:before {
content: "";
position: absolute;
top: 50%;
left: calc(50% - 5px);
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
.to-top {
width: 60px;
height: 60px;
}
}  .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
.slick-slide img {
width: 100%;
height: auto;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(https://yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/css/img/common/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/css/fonts/slick/slick.eot);
src: url(https://yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/css/fonts/slick/slick.eot?#iefix) format("embedded-opentype"),
url(https://yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/css/fonts/slick/slick.woff) format("woff"),
url(https://yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/css/fonts/slick/slick.ttf) format("truetype"),
url(https://yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/css/fonts/slick/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
z-index: 1;
display: block;
width: 16px;
height: 31px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
margin-top: -15px;
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
opacity: 0.65;
color: transparent;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
opacity: 0.25;
}
.slick-prev {
left: 30px;
}
.slick-prev:before {
content: "\f053";
background: #547ec0;
color: #fff;
width: 60px;
line-height: 60px;
border-radius: 50%;
text-align: center;
font-family: Font Awesome\5 Free;
font-weight: 900;
font-size: 12px;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 768px) {
.slick-prev {
left: 10px;
}
.slick-prev:before {
width: 40px;
line-height: 40px;
}
}
.slick-next {
right: 30px;
}
.slick-next:before {
content: "\f054";
background: #547ec0;
color: #fff;
width: 60px;
line-height: 60px;
border-radius: 50%;
text-align: center;
font-family: Font Awesome\5 Free;
font-weight: 900;
font-size: 12px;
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width: 768px) {
.slick-next {
right: 10px;
}
.slick-next:before {
width: 40px;
line-height: 40px;
}
} .slick-dotted.slick-slider {
margin-bottom: 0;
}
.slick-dots {
position: absolute;
bottom: 10px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 12px;
line-height: 20px;
text-align: center;
color: #aaa;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: 0.75;
}
.slick-archive {
padding-top: 10px;
margin: 0 auto;
width: calc(100% - 50px);
}
.slick-archive__item {
padding: 5px;
}
.slick-archive__item a {
display: block;
max-width: 350px;
margin: auto;
color: #231815;
text-decoration: none;
position: relative;
}
.slick-archive__item a:hover {
opacity: 0.65;
}
.slick-archive__date {
margin-top: 5px;
display: block;
}
.slick-archive__title {
display: block;
font-weight: bold;
}
.slick-archive__label {
background-color: #464a4c;
color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 2;
padding: 0.2em 2em;
}
@media screen and (max-width: 560px) {
.slick-archive__date {
font-size: 1rem;
}
.slick-archive__title {
font-size: 1.2rem;
}
.slick-archive__label {
font-size: 1rem;
}
}
.ryoutei_slider img {
width: 100%; height: auto;
padding: 90px 40px 40px;
}
@media screen and (max-width: 768px) {
.ryoutei_slider img {
padding: 90px 10px 40px;
}
}
@media screen and (max-width: 450px) {
.ryoutei_slider img {
padding: 90px 5px 40px;
}
}
.ryouteiRoom_slider img {
padding: 55px 40px 40px;
} .ryoutei_slider .slick-slide {
margin: 0 10px;
} .ryoutei_slider .slick-next {
position: absolute;
top: 50%;
right: 20%;
cursor: pointer;
outline: none;
}
@media screen and (max-width: 1100px) {
.ryoutei_slider .slick-next {
right: 8%;
}
}
.ryoutei_slider .slick-prev {
position: absolute;
top: 50%;
left: 20%;
cursor: pointer;
outline: none;
transform: rotate(180deg);
}
@media screen and (max-width: 1100px) {
.ryoutei_slider .slick-prev {
left: 8%;
}
}
.ryoutei_slider .slick-prev::before,
.ryoutei_slider .slick-next::before {
position: absolute;
top: -1px;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right: 15px;
width: 25px;
height: 1px;
background: #aaaaaa;
width: 70px;
}
@media screen and (max-width: 600px) {
.ryoutei_slider .slick-prev::before,
.ryoutei_slider .slick-next::before {
display: none;
}
}
.ryoutei_slider .slick-prev::after,
.ryoutei_slider .slick-next::after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right: 11px;
width: 4px;
height: 4px;
border: 2px solid transparent;
border-right: 3px solid #aaaaaa;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (max-width: 600px) {
.ryoutei_slider .slick-prev::after,
.ryoutei_slider .slick-next::after {
display: none;
}
} .ryoutei_slider .slick-dots li button:before {
display: none;
position: absolute;
top: 0;
left: 0;
content: "";
width: 8px;
height: 8px;
font-family: "slick";
font-size: 8px;
line-height: 20px;
text-align: center;
color: #aaa;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ryoutei_slider .slick-dots {
text-align: center;
position: absolute;
bottom: -65px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.ryoutei_slider .slick-dots li {
display: inline-block;
margin: 0 10px;
width: 4px;
height: 4px;
}
.ryoutei_slider .slick-dots button {
color: transparent;
outline: none;
width: 4px;
height: 4px;
display: block;
border-radius: 50%;
background: #333;
padding: 0;
}
.ryoutei_slider .slick-dots .slick-active button {
background: #ccc;
width: 10px;
height: 10px;
}
.weddingReport_slider img {
width: 100%; height: auto;
} .weddingReport_slider .slick-next {
position: absolute;
top: 50%;
right: 20%;
cursor: pointer;
outline: none;
}
@media screen and (max-width: 1100px) {
.weddingReport_slider .slick-next {
right: 8%;
}
}
.weddingReport_slider .slick-prev {
position: absolute;
top: 50%;
left: 20%;
cursor: pointer;
outline: none;
transform: rotate(180deg);
}
@media screen and (max-width: 1100px) {
.weddingReport_slider .slick-prev {
left: 8%;
}
}
.weddingReport_slider .slick-prev::before,
.weddingReport_slider .slick-next::before {
position: absolute;
top: -1px;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right: 15px;
width: 25px;
height: 1px;
background: #1f1f1f;
width: 70px;
right: -270px;
}
@media screen and (max-width: 600px) {
.weddingReport_slider .slick-prev::before,
.weddingReport_slider .slick-next::before {
display: none;
}
}
.weddingReport_slider .slick-prev::after,
.weddingReport_slider .slick-next::after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right: 11px;
width: 4px;
height: 4px;
border: 2px solid transparent;
border-right: 3px solid #1f1f1f;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: -1px;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right: -275px;
width: 2px;
height: 6px;
}
@media screen and (max-width: 600px) {
.weddingReport_slider .slick-prev::after,
.weddingReport_slider .slick-next::after {
display: none;
}
}
.weddingReport_slider .slick-next::before,
.weddingReport_slider .slick-next::after {
top: -45px;
}
.weddingReport_slider .slick-prev::before,
.weddingReport_slider .slick-prev::after {
top: 75px;
} .weddingReport_slider .slick-dots li button:before {
display: none;
position: absolute;
top: 0;
left: 0;
content: "";
width: 8px;
height: 8px;
font-family: "slick";
font-size: 8px;
line-height: 20px;
text-align: center;
color: #aaa;
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.weddingReport_slider .slick-dots {
text-align: center;
position: absolute;
bottom: -20px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.weddingReport_slider .slick-dots li {
display: inline-block;
margin: 0 10px;
width: 4px;
height: 4px;
}
.weddingReport_slider .slick-dots button {
color: transparent;
outline: none;
width: 4px;
height: 4px;
display: block;
border-radius: 50%;
background: #333;
padding: 0;
}
.weddingReport_slider .slick-dots .slick-active button {
background: #ccc;
width: 10px;
height: 10px;
}  .lity {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
white-space: nowrap;
background: #0b0b0b;
background: rgba(0, 0, 0, 0.9);
outline: none !important;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.lity.lity-opened {
opacity: 1;
}
.lity.lity-closed {
opacity: 0;
}
.lity * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lity-wrap {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
outline: none !important;
}
.lity-wrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -0.8em;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
opacity: 1;
}
.lity-container {
z-index: 9992;
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
white-space: normal;
max-width: 100%;
max-height: 100%;
outline: none !important;
}
.lity-content {
z-index: 9993;
width: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease,
-o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.lity-content:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: fixed;
right: 0;
top: 0;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.lity-close::-moz-focus-inner {
border: 0;
padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.lity-close:active {
top: 1px;
} .lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0;
} .lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
width: 100%;
max-width: 964px;
}
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.lity-hide {
display: none;
} .wp-pagenavi {
margin: 20px 0 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
color: #577fc0;
font-size: 14px;
font-weight: bold;
margin: 5px;
width: 3.5em;
height: 3.5em;
line-height: 3.5;
display: block;
text-decoration: none;
padding: 0;
opacity: 1;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
line-height: 3.5;
border-radius: 50%;
background: #567ec2;
color: transparent;
position: relative;
}
.wp-pagenavi .previouspostslink:before {
content: "\f053";
color: #fff;
font-family: Font Awesome\5 Free;
font-weight: 900;
font-size: 12px;
position: absolute;
left: 0px;
top: calc(50% - 21px);
width: 100%;
text-align: center;
}
.wp-pagenavi .nextpostslink:before {
content: "\f054";
color: #fff;
font-family: Font Awesome\5 Free;
font-weight: 900;
font-size: 12px;
position: absolute;
left: 0px;
top: calc(50% - 21px);
width: 100%;
text-align: center;
}
.wp-pagenavi span.current {
color: #fff;
cursor: default;
background: #577fc0;
border-radius: 4px;
}
.wp-pagenavi a:hover {
opacity: 0.8;
}
@media screen and (max-width: 768px) {
.wp-pagenavi .extend {
display: none;
}
.wp-pagenavi .extend + .larger {
display: none;
}
}
@media screen and (max-width: 450px) {
.wp-pagenavi a,
.wp-pagenavi span {
width: 2.5em;
}
}
.pager {
margin: 20px 0 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.pager a {
color: #1f1f1f;
font-size: 14px;
margin: 5px;
width: 3.5em;
height: 3.5em;
line-height: 3.5;
display: block;
text-decoration: none;
padding: 0;
background: #f4f4f4;
opacity: 1;
}
.pager .back a {
width: 200px;
padding: 0 20px;
font-weight: bold;
color: #fff;
}
@media screen and (max-width: 450px) {
.pager .back a {
width: auto;
}
} .l-breadcrumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0;
font-size: 12px;
}
.l-breadcrumbs a {
display: block;
text-decoration: underline;
}
.l-breadcrumbs a:hover {
text-decoration: none;
}
.l-breadcrumbs__item {
position: relative;
}
.l-breadcrumbs__item:not(:first-of-type) {
padding-left: 20px;
}
.l-breadcrumbs__item:not(:first-of-type):after {
content: "";
width: 4px;
height: 4px;
border-right: 1px solid #111;
border-bottom: 1px solid #111;
position: absolute;
left: 8px;
top: calc(50% - 4px);
transform: rotate(-45deg);
}
.l-breadcrumbs__item:last-of-type a {
pointer-events: none;
text-decoration: none;
} .l-pageTitle {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/common/page_title_bg.jpg) no-repeat center/cover;
padding: 0 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 300px;
}
.l-pageTitle-wrap + * {
padding-top: 60px;
}
.l-pageTitle__hdg {
color: #fff;
font-size: 50px;
font-weight: bold;
text-align: center;
}
.l-pageTitle__hdg__sub {
display: block;
font-size: 36px;
line-height: 1.2;
}
@media screen and (max-width: 450px) {
.l-pageTitle {
height: 170px;
}
.l-pageTitle__hdg {
font-size: 32px;
}
.l-pageTitle__hdg__sub {
font-size: 22px;
}
} .c-title-type1 {
font-size: 50px;
font-weight: bold;
color: #00468c;
text-align: center;
line-height: 1.2;
margin-bottom: 50px;
}
.c-title-type1.is-white {
color: #fff;
}
@media screen and (max-width: 768px) {
.c-title-type1 {
font-size: 36px;
}
}
@media screen and (max-width: 450px) {
.c-title-type1 {
text-align: left;
font-size: 32px;
}
}
.c-title-type2 {
background: linear-gradient(to bottom, #567ec2, #0eb5ed);
border-radius: 20px;
color: #fff;
font-size: 36px;
font-weight: bold;
padding: 15px 110px 15px 60px;
position: relative;
margin-bottom: 25px;
}
.c-title-type2:after {
content: "";
width: 80px;
height: 101px;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/service/ico_shokunin@2x.png) no-repeat center/contain;
position: absolute;
right: 20px;
bottom: 0;
}
@media screen and (max-width: 450px) {
.c-title-type2 {
padding-left: 20px;
font-size: 28px;
line-height: 22px;
}
}
.c-title-type3 {
color: #00468c;
font-weight: bold;
font-size: 28px;
padding: 5px 0 5px 16px;
border-left: 6px solid #00468c;
line-height: 1.4;
margin-bottom: 40px;
}
@media screen and (max-width: 450px) {
.c-title-type3 {
font-size: 24px;
}
}
.c-title-type4 {
font-weight: bold;
color: #547ec0;
font-size: 18px;
margin-bottom: 20px;
}
.c-title-type5 {
font-weight: bold;
color: #0db4ec;
font-size: 18px;
margin-bottom: 20px;
} .c-container {
max-width: 1230px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.c-container_s {
max-width: 1070px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.c-container_ss {
max-width: 960px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.c-box-wave {
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/flow/bg_top.png),
url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/flow/bg_bottom.png);
background-repeat: repeat-x;
background-position: top, bottom;
background-color: #edf4fa;
padding: 70px 0;
} .c-button-type1 {
min-width: 220px;
width: auto;
text-align: center;
padding: 22px 10px;
font-size: 16px;
font-weight: bold;
position: relative;
display: inline-block;
text-decoration: none;
vertical-align: middle;
border: 2px solid #416cb6;
border-radius: 5px;
background: #416cb6;
color: #fff;
}
@media screen and (max-width: 450px) {
.c-button-type1 {
min-width: 180px;
}
}
.c-button-type1:hover {
background: #fff;
opacity: 1;
color: #416cb6;
cursor: pointer;
}
.c-button-type2 {
display: inline-block;
min-width: 180px;
width: auto;
text-align: center;
background: #fff;
border-radius: 5px;
color: #567ec2;
font-size: 16px;
font-weight: bold;
padding: 7px 10px;
}
.c-button-type2 i {
font-size: 12px;
}
.c-button-type2.is-blue {
color: #fff;
background: #567ec2;
}
.c-button-type2.is-first {
color: #fff;
background: linear-gradient(to right, #20357d, #406bb5);
}
.c-button-type3 {
background: linear-gradient(to right, #567ec2, #83a4cf);
position: relative;
border: none;
border-radius: 100px;
color: #fff;
text-align: center;
min-width: 220px;
display: inline-block;
font-size: 18px;
font-weight: bold;
padding: 14px 25px;
box-shadow: 6px 6px 10px -4px #83a4cf;
}
.c-button-type3 i {
font-size: 12px;
margin-left: 15px;
}
.c-button-type3.is-rev i {
margin-left: 0px;
margin-right: 15px;
}
.c-button-type3.is-white {
background: #fff;
color: #567ec2;
border: 2px solid #567ec2;
}
@media screen and (max-width: 450px) {
.c-button-type3 {
min-width: 180px;
}
}
.c-button-type4 {
background: linear-gradient(to right, #567ec2, #83a4cf);
position: relative;
border-radius: 100px;
color: #fff;
text-align: center;
min-width: 220px;
display: inline-block;
font-size: 18px;
font-weight: bold;
padding: 14px 25px;
border: 1px solid #fff;
}
.c-button-type4 i {
font-size: 12px;
margin-left: 15px;
}
.c-button-type4.is-rev i {
margin-left: 0px;
margin-right: 15px;
}
@media screen and (max-width: 450px) {
.c-button-type4 {
min-width: 180px;
}
}
.c-button-type5 {
position: relative;
background: #fff;
border: 2px solid #577fc2;
border-radius: 4px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #577fc2;
display: inline-block;
line-height: 1.4;
padding: 15px 65px;
}
.c-button-type5:after {
content: "+";
color: #577fc2;
position: absolute;
top: calc(50% - 8px);
right: 20px;
font-size: 16px;
line-height: 1;
}
@media screen and (max-width: 450px) {
.c-button-type5 {
padding: 15px 40px 15px 20px;
}
} .c-list-type1__item {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/common/list01_check@2x.png) no-repeat top 13px left 0/23px
20px;
padding: 10px 0;
padding-left: 35px;
}
.c-list-type1__item:nth-of-type(n + 2) {
border-top: 2px dotted #567ec2;
}
.c-list-type2__item {
font-size: 16px;
padding-left: 21px;
text-indent: -21px;
}
.c-list-type2__item:before {
content: "●";
color: #547ec0;
margin-right: 5px;
}
.c-list-type3__item {
padding: 10px 0;
padding-left: 20px;
position: relative;
}
.c-list-type3__item:nth-of-type(n + 2) {
border-top: 2px dotted #567ec2;
}
.c-list-type3__item:before {
content: "\f054";
color: #547ec0;
font-family: Font Awesome\5 Free;
font-weight: 900;
font-size: 12px;
position: absolute;
left: 2px;
top: 12px;
}
.c-ol-type1 {
counter-reset: ol-type1;
}
.c-ol-type1__item {
counter-increment: ol-type1;
padding: 15px 0 15px 55px;
position: relative;
border-bottom: 3px dotted #83a4cf;
font-size: 16px;
}
.c-ol-type1__item:before {
content: counter(ol-type1);
width: 40px;
line-height: 40px;
text-align: center;
background: #567ec2;
color: #fff;
font-size: 18px;
font-weight: normal;
border-radius: 50%;
position: absolute;
left: 0;
top: 10px;
}
.c-dl-type1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 16px;
}
.c-dl-type1__dt {
background: #0eb5ed;
width: 240px;
padding: 10px 15px;
color: #fff;
font-weight: bold;
}
@media screen and (min-width: 451px) {
.c-dl-type1__dt:nth-of-type(n + 2) {
border-top: 1px solid #fff;
}
}
@media screen and (max-width: 450px) {
.c-dl-type1__dt {
width: 100%;
}
}
.c-dl-type1__dd {
border-top: 1px solid #0eb5ed;
border-right: 1px solid #0eb5ed;
width: calc(100% - 240px);
padding: 10px 15px;
}
.c-dl-type1__dd:last-of-type {
border-bottom: 1px solid #0eb5ed;
}
@media screen and (max-width: 450px) {
.c-dl-type1__dd {
width: 100%;
border-left: 1px solid #0eb5ed;
padding-bottom: 20px;
}
}
.c-dl-type2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 16px;
}
.c-dl-type2__dt {
width: 130px;
padding: 10px 15px;
color: #577fc2;
font-weight: bold;
border-top: 3px dotted #83a4cf;
margin-right: -3px;
}
@media screen and (min-width: 451px) {
.c-dl-type2__dt {
padding-right: 15px;
}
.c-dl-type2__dt:last-of-type {
border-bottom: 3px dotted #83a4cf;
}
}
@media screen and (max-width: 450px) {
.c-dl-type2__dt {
width: 100%;
padding-bottom: 0;
}
}
.c-dl-type2__dd {
width: calc(100% - 129px);
padding: 10px 15px;
}
.c-dl-type2__dd:last-of-type {
border-bottom: 3px dotted #83a4cf;
}
@media screen and (min-width: 451px) {
.c-dl-type2__dd {
border-top: 3px dotted #83a4cf;
}
}
@media screen and (max-width: 450px) {
.c-dl-type2__dd {
width: 100%;
}
} input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="date"],
textarea,
select {
background: #fff;
border: 1px solid #ccc;
outline: none;
padding: 15px 10px;
width: 100%;
border-radius: 4px;
max-width: 650px;
margin: 5px 0;
}
@media screen and (max-width: 768px) {
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="date"],
textarea,
select {
background-color: #fff;
}
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
border-color: #416cb6;
}
select {
background: #fff;
width: 120px;
padding: 10px;
margin-bottom: 10px;
}
select {
-moz-appearance: menulist;
-webkit-appearance: menulist;
}
select::-ms-expand {
display: block;
} table[class^="c-table-type"] {
width: 100%;
}
.c-table-type1__th,
.c-table-type1__td {
color: #fff;
background: #567ec2;
font-size: 18px;
font-weight: bold;
border: 1px solid #fff;
text-align: center;
padding: 5px 15px;
border-bottom: none;
}
.c-table-type1__th:first-child,
.c-table-type1__td:first-child {
border-left: 1px solid #567ec2;
}
.c-table-type1__th:last-child,
.c-table-type1__td:last-child {
border-right: 1px solid #567ec2;
}
.c-table-type2__th,
.c-table-type2__td {
color: #567ec2;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 5px 15px;
background: #d2dcee;
border: 1px solid #567ec2;
}
.c-table-type3__th,
.c-table-type3__td {
text-align: left;
font-size: 16px;
font-weight: normal;
padding: 5px 15px;
border: 1px solid #567ec2;
}
tr:nth-of-type(2n + 1) .c-table-type3__th,
tr:nth-of-type(2n + 1) .c-table-type3__td {
background: #fff;
}
tr:nth-of-type(2n) .c-table-type3__th,
tr:nth-of-type(2n) .c-table-type3__td {
background: #eee;
} .top-main__image img {
width: 100%;
}
.top-discount {
padding-top: 25px;
}
.top-service__hdg {
text-align: center;
font-size: 50px;
font-weight: bold;
color: #00468c;
line-height: 1.2;
padding-top: 80px;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/service/ico_shokunin@2x.png) no-repeat top/80px 101px;
}
@media screen and (max-width: 450px) {
.top-service__hdg {
font-size: 32px;
}
}
.top-service__hdg__sub {
position: relative;
font-size: 13px;
color: #83a4ce;
display: inline-block;
padding: 0 10px;
}
.top-service__hdg__sub:before,
.top-service__hdg__sub:after {
content: "";
height: 16px;
width: 1px;
background: #83a4ce;
position: absolute;
bottom: 0;
}
.top-service__hdg__sub:before {
left: 0;
transform: rotate(-25deg);
}
.top-service__hdg__sub:after {
right: 0;
transform: rotate(25deg);
}
.top-flow__hdg {
text-align: center;
font-size: 50px;
font-weight: bold;
color: #00468c;
}
@media screen and (max-width: 768px) {
.top-flow__hdg {
font-size: 36px;
}
}
@media screen and (max-width: 450px) {
.top-flow__hdg {
font-size: 32px;
}
}
.top-flow__hdg__inner {
display: inline-block;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/flow/ico_shokunin@2x.png) no-repeat right
bottom/80px 117px;
padding: 60px 90px 0;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.top-flow__hdg__inner {
font-size: 36px;
padding-top: 70px;
}
}
@media screen and (max-width: 520px) {
.top-flow__hdg__inner {
padding: 130px 0 0;
background-position: top;
}
}
@media screen and (max-width: 450px) {
.top-flow__hdg__inner {
font-size: 32px;
}
}
.top-trouble__inner {
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/top/trouble_bg_top.png),
url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/top/trouble_bg_bottom.png);
background-repeat: no-repeat;
background-position: top right, bottom left;
padding: 90px 0 1px;
}
.top-trouble__list {
counter-reset: trouble;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.top-trouble__list__item {
counter-increment: trouble;
width: calc(50% - 15px);
margin-bottom: 55px;
}
@media screen and (min-width: 769px) {
.top-trouble__list__item {
max-width: 400px;
}
}
@media screen and (max-width: 768px) {
.top-trouble__list__item {
width: 100%;
}
}
.top-trouble__list__item:first-of-type {
width: 100%;
max-width: 100%;
}
@media screen and (min-width: 769px) {
.top-trouble__list__item:first-of-type {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.top-trouble__list__item:first-of-type .top-trouble__list__item__image {
width: calc(50% - 15px);
max-width: 400px;
margin-bottom: 0;
}
.top-trouble__list__item:first-of-type .top-trouble__list__item__text {
width: calc(50% - 15px);
max-width: 400px;
}
}
.top-trouble__list__item__image {
margin-bottom: 30px;
text-align: center;
}
.top-trouble__list__item__hdg {
font-size: 28px;
font-weight: bold;
position: relative;
background: #567ec2;
color: #fff;
border-radius: 100px 9px 9px 100px;
padding: 5px 15px 5px 80px;
margin-bottom: 25px;
}
.top-trouble__list__item__hdg:before {
content: counter(trouble) ".";
}
@media screen and (max-width: 450px) {
.top-trouble__list__item__hdg {
font-size: 24px;
line-height: 50px;
padding-left: 70px;
}
}
.top-trouble__list__item__hdg__ico {
width: 60px;
height: 60px;
line-height: 54px;
text-align: center;
border: 3px solid #fff;
border-radius: 50%;
position: absolute;
left: -2px;
top: calc(50% - 30px);
}
.top-trouble__list__item__image img {
border-radius: 20px;
}
.top-trouble__list__item__ranking {
counter-reset: ranking;
}
.top-trouble__list__item__ranking__item {
counter-increment: ranking;
position: relative;
line-height: 1.4;
padding-left: 130px;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/top/trouble_ranking_dot.png) no-repeat left 60px bottom
0;
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width: 450px) {
.top-trouble__list__item__ranking__item {
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/top/trouble_ranking_dot_sp.png);
padding-left: 90px;
}
}
.top-trouble__list__item__ranking__item:before {
content: "No.";
font-family: "Oswald", sans-serif;
font-size: 14px;
font-weight: 400;
position: absolute;
left: 0;
bottom: 0;
}
.top-trouble__list__item__ranking__item:after {
content: counter(ranking);
font-size: 28px;
font-weight: bold;
line-height: 1;
position: absolute;
left: 25px;
bottom: -2px;
}
.top-trouble__list__item__ranking__item:first-of-type {
font-size: 32px;
font-weight: bold;
color: #567ec2;
}
@media screen and (max-width: 450px) {
.top-trouble__list__item__ranking__item:first-of-type {
font-size: 28px;
}
}
.top-trouble__list__item__ranking__item:first-of-type:before {
font-size: 24px;
}
.top-trouble__list__item__ranking__item:first-of-type:after {
font-size: 50px;
left: 30px;
}
.top-faq {
padding: 90px 0;
}
.top-voice {
background: #577fc2;
padding: 120px 0;
}
.top-voice__list .area-under-voice__list__item {
width: calc(50% - 10px);
margin: 0 0 20px;
}
@media screen and (max-width: 768px) {
.top-voice__list .area-under-voice__list__item {
width: 100%;
margin: 0 auto 20px;
}
}
.top-column {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/top/column_bg.png);
padding: 100px 0 120px;
position: relative;
}
.top-column:after {
content: "";
width: 117px;
height: 172px;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/top/column_ico@2x.png) no-repeat center/contain;
position: absolute;
left: 30px;
bottom: -40px;
}
@media screen and (max-width: 450px) {
.top-column:after {
bottom: -60px;
}
}
.top-column__list__item {
max-width: 360px;
width: 100%;
background: #fff;
border-radius: 20px;
padding: 50px 45px;
margin: 0 10px 20px;
box-shadow: 6px 6px 10px -4px rgba(86, 126, 194, 0.2);
}
@media screen and (max-width: 768px) {
.top-column__list__item {
padding: 30px 25px;
}
}
.top-column__list__item__image {
margin-bottom: 20px;
text-align: center;
}
.top-column__list__item__image img {
border-radius: 20px;
}
.top-column__list__item__text__hdg {
font-weight: bold;
font-size: 18px;
color: #567ec2;
line-height: 1.6;
}
.top-area {
padding: 110px 0 300px;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/area/bg01.jpg) no-repeat bottom left;
}
@media screen and (max-width: 1370px) {
.top-area {
background-position: bottom right;
}
}
@media screen and (max-width: 540px) {
.top-area {
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/area/bg01_sp.jpg);
background-size: contain;
}
}
.top-about__box {
padding: 45px 0 215px;
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/top/about_ico@2x.png),
url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/top/about_bg.jpg);
background-repeat: no-repeat;
background-size: 121px 150px, cover;
background-position: bottom, center;
border-radius: 20px;
} .about01 {
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/flow/bg_top.png),
url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/flow/bg_bottom.png);
background-repeat: repeat-x;
background-position: top, bottom;
background-color: #edf4fa;
padding: 70px 0;
}
.about01__list {
counter-reset: about;
}
.about01__list__item {
counter-increment: about;
background: #fff;
padding: 50px 0;
border-radius: 20px;
margin-bottom: 50px;
}
.about01__list__item__hdg {
font-size: 28px;
font-weight: bold;
position: relative;
background: #567ec2;
color: #fff;
border-radius: 100px 9px 9px 100px;
padding: 5px 15px 5px 80px;
margin-bottom: 40px;
}
.about01__list__item__hdg:before {
content: counter(about);
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border: 3px solid #fff;
border-radius: 50%;
position: absolute;
left: -2px;
top: calc(50% - 33px);
}
.about01__list__item__hdg__yellow {
color: #ffff26;
font-size: 36px;
line-height: 50px;
}
.about01__list__item__image {
width: 40.9%;
}
@media screen and (max-width: 768px) {
.about01__list__item__image {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
}
.about01__list__item__text {
width: 55.3%;
}
@media screen and (max-width: 768px) {
.about01__list__item__text {
width: 100%;
}
}
.about02 {
padding-top: 120px;
} .area01 {
padding-bottom: 300px;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/area/bg01.jpg) no-repeat bottom;
}
@media screen and (max-width: 1370px) {
.area01 {
background-position: bottom right;
}
}
@media screen and (max-width: 540px) {
.area01 {
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/area/bg01_sp.jpg);
background-size: contain;
}
}
.area01__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-top: 3px dotted #83a4cf;
border-bottom: 3px dotted #83a4cf;
position: relative;
padding-top: 10px;
padding-left: 4em;
}
.area01__list + .area01__list {
border-top: none;
}
.area01__list__item {
width: calc(100% / 6);
position: relative;
margin-bottom: 10px;
}
.area01__list__item:not([class*="is-title"]) {
padding-left: 15px;
}
.area01__list__item:not([class*="is-title"]):after {
content: "\f054";
font-family: Font Awesome\5 Free;
font-weight: 900;
position: absolute;
top: calc(50% - 12px);
left: 0px;
font-size: 12px;
color: #83a4cf;
}
.area01__list__item.is-title {
width: 4em;
font-weight: bold;
color: #567ec2;
margin-left: -4em;
}
@media screen and (max-width: 768px) {
.area01__list__item {
width: calc(100% / 4);
}
}
@media screen and (max-width: 450px) {
.area01__list__item {
width: calc(100% / 2);
}
}
.area01__list__item:not([class*="is-active"]) a {
color: #ccc;
pointer-events: none;
}
.area01__list__item.is-active a {
text-decoration: underline;
text-decoration-color: #567ec2;
}
.area-under01 {
padding-bottom: 180px;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/area/bg02.jpg) no-repeat bottom;
}
@media screen and (max-width: 1370px) {
.area-under01 {
background-position: bottom right;
}
}
@media screen and (max-width: 540px) {
.area-under01 {
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/area/bg01_sp.jpg);
background-size: contain;
}
}
.area-under-faq {
padding-top: 50px;
}
.area-under-voice {
padding-top: 120px;
}
.area-under-voice__list-wrap {
background: #577fc2;
padding: 50px 0 30px;
}
.area-under-voice__list__item {
max-width: 590px;
background: #fff;
border-radius: 20px;
padding: 35px;
margin: 0 10px 20px;
box-shadow: 6px 6px 10px -4px #00468c;
}
.area-under-voice__list__item__image {
width: 47.7%;
}
.area-under-voice__list__item__text {
width: 47.7%;
}
.area-under-voice__list__item__text__hdg {
font-weight: bold;
font-size: 18px;
color: #567ec2;
line-height: 1.6;
}
.area-under-voice__list__item__bottom {
margin-top: 25px;
padding-top: 10px;
border-top: 1px solid #ddd;
}
.area-under-voice__list__item__tag {
font-size: 14px;
color: #fff;
background: #577fc2;
border-radius: 3px;
display: inline-block;
padding: 5px 15px;
font-weight: bold;
margin-right: 15px;
}
.area-under-voice__list__item__date {
color: #aaa;
font-family: "Oswald", sans-serif;
font-size: 16px;
font-weight: 400;
}
@media screen and (max-width: 600px) {
.area-under-voice__list__item__image {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.area-under-voice__list__item__text {
width: 100%;
}
}
@media screen and (max-width: 450px) {
.area-under-voice__list__item {
padding: 30px 20px;
}
}
.area-under02 {
padding-top: 110px;
}
.area-under02__list {
border-bottom: 3px dotted #83a4cf;
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.area-under02__list__item {
padding-right: 15px;
width: 25%;
}
@media screen and (max-width: 768px) {
.area-under02__list__item {
width: calc(100% / 3);
}
}
@media screen and (max-width: 450px) {
.area-under02__list__item {
width: 50%;
}
}
.area-under02__list__item.is-title {
width: 100%;
margin-bottom: 20px;
color: #557ec1;
font-size: 18px;
font-weight: bold;
}
@media screen and (min-width: 769px) {
.serviceUnder01__anchorLink.is-area {
padding-bottom: 10px;
}
.serviceUnder01__anchorLink.is-area .serviceUnder01__anchorLink__item {
margin-bottom: 15px;
margin-left: -2px;
}
}
@media screen and (min-width: 1051px) {
.area-under-tel .l-footer__tel {
padding: 65px 0;
}
.area-under-tel .l-footer__tel__num {
padding-bottom: 0px;
margin: 0 30px;
}
.area-under-tel .l-footer__tel__uketsuke {
padding-bottom: 0px;
}
}
@media screen and (max-width: 1050px) {
.area-under-tel .l-footer__tel__image {
display: none;
}
} .column01 {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/top/column_bg.png);
padding: 60px 0;
}
.column01.is-voice {
background: #577fc2;
}
.column01__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.column01__box__contents {
width: calc(100% - 400px);
}
@media screen and (max-width: 1100px) {
.column01__box__contents {
width: calc(100% - 320px);
}
}
@media screen and (max-width: 768px) {
.column01__box__contents {
width: 100%;
}
}
.column01__box__sidebar-wrap {
width: 350px;
}
@media screen and (max-width: 1100px) {
.column01__box__sidebar-wrap {
width: 300px;
}
}
@media screen and (max-width: 768px) {
.column01__box__sidebar-wrap {
width: 100%;
}
}
.column01__box__sidebar {
background: #fff;
border-radius: 20px;
padding: 30px;
}
@media screen and (min-width: 769px) {
.column01__box__sidebar {
position: -webkit-sticky; position: sticky;
top: 200px;
}
}
.column01__box__sidebar__hdg {
background: linear-gradient(to bottom, #567ec2, #0eb5ed);
border-radius: 20px;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 15px;
text-align: center;
margin-bottom: 20px;
}
.column01__list .top-column__list__item {
width: calc(50% - 10px);
margin: 0 0 20px;
}
@media screen and (max-width: 1100px) {
.column01__list .top-column__list__item {
padding: 30px 25px;
}
}
@media screen and (max-width: 450px) {
.column01__list .top-column__list__item {
width: 100%;
}
}
.column01__list .serviceUnder01__works__item {
width: calc(50% - 10px);
margin: 0 0 40px;
}
@media screen and (max-width: 450px) {
.column01__list .serviceUnder01__works__item {
width: 100%;
}
}
.column01__list .area-under-voice__list__item {
margin: 0 auto 20px;
}
.post-num {
font-weight: bold;
font-size: 16px;
padding-bottom: 10px;
}
.column01__pager {
width: calc(100% - 400px);
}
@media screen and (max-width: 1100px) {
.column01__pager {
width: calc(100% - 320px);
}
}
@media screen and (max-width: 768px) {
.column01__pager {
width: 100%;
}
}
.column-detail01 {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/top/column_bg.png);
padding: 60px 0;
margin-top: 70px;
}
.column-detail01.is-voice {
background: #577fc2;
}
.column-detail01__box {
background: #fff;
border-radius: 20px;
padding: 55px 0;
box-shadow: 6px 6px 10px -4px rgba(86, 126, 194, 0.2);
}
.column-detail01__tag {
font-size: 14px;
color: #fff;
background: #577fc2;
border-radius: 3px;
display: inline-block;
padding: 5px 15px;
font-weight: bold;
margin-right: 15px;
}
.column-detail01__date {
color: #aaa;
font-family: "Oswald", sans-serif;
font-size: 16px;
font-weight: 400;
display: inline-block;
}
.column-detail01__hdg {
font-size: 28px;
color: #577fc2;
line-height: 1.5;
padding: 20px 0 15px;
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
}
.column-detail01__contents h3 {
color: #5880c3;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
border-bottom: 1px solid #ddd;
padding: 10px 0;
margin: 40px 0 25px;
}
.column-detail01__contents h4 {
font-weight: bold;
margin: 25px 0 5px;
}
.column-detail01__pager {
padding: 45px 0;
}
.column-detail01__pager__previous__btn,
.column-detail01__pager__next__btn {
font-size: 18px;
font-weight: bold;
color: #577fc1;
position: relative;
display: inline-block;
}
.column-detail01__pager__previous__btn:before,
.column-detail01__pager__next__btn:before {
background: #547ec0;
color: #fff;
width: 60px;
line-height: 60px;
border-radius: 50%;
text-align: center;
font-family: Font Awesome\5 Free;
font-weight: 900;
font-size: 12px;
position: absolute;
box-shadow: 6px 6px 10px -4px rgba(86, 126, 194, 0.2);
}
@media screen and (max-width: 768px) {
.column-detail01__pager__previous__btn,
.column-detail01__pager__next__btn {
width: 60px;
height: 60px;
overflow: hidden;
color: transparent;
}
}
.column-detail01__pager__previous__btn {
padding: 14px 0 14px 75px;
}
.column-detail01__pager__previous__btn:before {
content: "\f053";
left: 0px;
top: 0px;
}
@media screen and (max-width: 768px) {
.column-detail01__pager__previous__btn {
padding: 0;
}
}
.column-detail01__pager__next__btn {
padding: 14px 75px 14px 0;
}
.column-detail01__pager__next__btn:before {
content: "\f054";
right: 0px;
top: 0px;
}
@media screen and (max-width: 768px) {
.column-detail01__pager__next__btn {
padding: 0;
}
}
#toc_container {
margin: 50px 0;
background: #edf4fa;
border: none;
padding: 20px 50px;
width: auto;
display: table;
font-size: 16px;
border-radius: 20px;
}
#toc_container p.toc_title {
text-align: center;
font-weight: bold;
font-size: 16px;
margin-bottom: 5px;
} .locations01__list__item {
border-top: 3px dotted #83a4cf;
padding: 20px 0;
}
.locations01__list__item:last-of-type {
border-bottom: 3px dotted #83a4cf;
} .contact01__guide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contact01__guide__item {
width: calc((100% - 40px) / 3);
margin-bottom: 25px;
}
.contact01__guide__item a {
width: 100%;
}
@media screen and (min-width: 769px) {
.contact01__guide__item {
max-width: 280px;
}
}
@media screen and (max-width: 768px) {
.contact01__guide__item {
width: calc(50% - 10px);
}
}
@media screen and (max-width: 450px) {
.contact01__guide__item {
width: 100%;
}
}
.contact01__box {
border: 4px solid #567ec2;
border-radius: 20px;
}
.contact01__box .c-title-type2 {
width: calc(100% + 8px);
position: relative;
left: -4px;
margin-top: -4px;
padding: 25px 110px 25px 60px;
}
.contact-form {
padding-top: 100px;
}
.contact-form__dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #ccc;
}
.contact-form__dl__dt {
width: 250px;
border-top: 1px solid #ccc;
font-size: 15px;
font-weight: bold;
color: #577fc1;
padding: 25px 15px 25px 60px;
position: relative;
}
.contact-form__dl__dt:before {
content: "任意";
width: 50px;
line-height: 30px;
background: #ccc;
color: #fff;
font-size: 14px;
text-align: center;
position: absolute;
left: 0;
top: 24px;
border-radius: 4px;
}
.contact-form__dl__dt.is-req:before {
content: "必須";
background: #567ec2;
color: #fff;
}
@media screen and (max-width: 768px) {
.contact-form__dl__dt {
width: 100%;
padding-top: 15px;
}
.contact-form__dl__dt:before {
top: 12px;
}
}
.contact-form__dl__dd {
width: calc(100% - 250px);
border-top: 1px solid #ccc;
padding: 10px 0;
}
@media screen and (max-width: 768px) {
.contact-form__dl__dd {
width: 100%;
border-top: none;
}
}
.contact-form__privacy {
text-align: center;
padding: 20px 0;
margin-bottom: 50px;
border-bottom: 1px solid #ccc;
}
.contact-form__privacy__link:not(:hover) {
text-decoration: underline;
}
input.is-zip {
width: 120px;
margin: 5px 10px;
}
input.is-addr {
width: calc(100% - 190px);
}
@media screen and (max-width: 1100px) {
input.is-addr {
width: 100%;
}
}
.contact-under {
padding-top: 70px;
}
.is-confirm .contact-form__dl__dd {
padding-top: 25px;
}
.privacy01__box {
border-bottom: 3px dotted #83a4cf;
border-top: 3px dotted #83a4cf;
padding: 20px 0;
} .discount01 {
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/discount/bg01.jpg) no-repeat top center/cover;
padding: 400px 0 380px;
}
@media screen and (max-width: 768px) {
.discount01 {
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/discount/bg01_sp.jpg);
background-position: top right;
padding: 200px 0 80px;
}
}
@media screen and (max-width: 720px) {
.discount01 {
background-position: top 0 right -140px;
}
}
@media screen and (max-width: 450px) {
.discount01 {
background-position: top 0 right -70px;
padding: 120px 0 30px;
}
}
.discount01__balloon01 {
display: block;
margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
.discount01__balloon01 {
margin-left: calc(50% - 320px);
}
}
@media screen and (min-width: 1200px) {
.discount01__balloon01 {
margin-left: 270px;
}
}
@media screen and (max-width: 720px) {
.discount01__balloon01 {
padding-right: 80px;
}
}
.discount01__balloon02 {
display: block;
}
.discount02 {
margin-top: -80px;
}
@media screen and (max-width: 768px) {
.discount02 {
margin-top: -60px;
}
}
@media screen and (max-width: 768px) {
.discount02 {
margin-top: -20px;
}
} .p-faq01__dl {
margin: 0;
position: relative;
font-size: 16px;
}
.p-faq01__dl:nth-of-type(n + 2) {
margin-top: 25px;
}
.p-faq01__dl:after,
.p-faq01__dl:before {
content: "";
width: 3px;
height: 12px;
background: #fff;
position: absolute;
top: 28px;
right: 25px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
z-index: 5;
}
.p-faq01__dl:before,
.p-faq01__dl.is-open:after {
transform: rotate(90deg);
}
.p-faq01__dl__dt {
position: relative;
padding: 20px 40px 20px 60px;
font-weight: bold;
background: #567ec2;
color: #fff;
border-radius: 10px;
}
.p-faq01__dl__dt:before {
content: "Q.";
font-family: "Oswald", sans-serif;
font-size: 28px;
font-weight: 500;
width: 54px;
line-height: 68px;
display: inline-block;
text-align: center;
position: absolute;
left: 0;
top: 0;
}
.p-faq01__dl__dd {
position: relative;
padding: 25px 0 40px 60px;
}
.p-faq01__dl__dd:before {
content: "A.";
font-family: "Oswald", sans-serif;
color: #567ec2;
font-size: 28px;
font-weight: 500;
width: 54px;
line-height: 68px;
display: inline-block;
text-align: center;
position: absolute;
left: 0;
top: 0;
}   .flow01 {
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/flow/bg_top.png),
url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/flow/bg_bottom.png);
background-repeat: repeat-x;
background-position: top, bottom;
background-color: #edf4fa;
padding: 70px 0;
margin-top: 60px;
}
.flow01__list {
counter-reset: flow;
position: relative;
}
.flow01__list:after {
content: "";
width: 80px;
height: 117px;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/flow/ico_shokunin@2x.png) no-repeat
center/contain;
position: absolute;
bottom: -105px;
right: -80px;
z-index: 1;
}
@media screen and (max-width: 1260px) {
.flow01__list:after {
right: 0;
}
}
.flow01__list__item {
counter-increment: flow;
border: 4px solid #567ec2;
border-radius: 19px;
padding: 50px 0;
position: relative;
background: #fff;
}
.flow01__list__item:nth-of-type(n + 2) {
margin-top: 45px;
}
.flow01__list__item:nth-of-type(n + 2):before {
content: "\f107";
font-family: Font Awesome\5 Free;
font-weight: 900;
color: #567ec2;
position: absolute;
top: -62px;
left: 0;
width: 100%;
font-size: 40px;
text-align: center;
}
.flow01__list__item__image {
width: 258px;
}
.flow01__list__item__image img {
border-radius: 20px;
}
.flow01__list__item__text {
width: calc(100% - 300px);
}
.flow01__list__item__text__hdg {
font-size: 28px;
font-weight: bold;
position: relative;
background: #567ec2;
color: #fff;
border-radius: 100px 9px 9px 100px;
padding: 5px 15px 5px 80px;
margin-bottom: 15px;
}
.flow01__list__item__text__hdg:before {
content: counter(flow);
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border: 3px solid #fff;
border-radius: 50%;
position: absolute;
left: -2px;
top: calc(50% - 33px);
}
@media screen and (max-width: 768px) {
.flow01__list__item {
padding: 30px 0;
}
.flow01__list__item__image {
width: 100%;
text-align: center;
order: 1;
margin-top: 20px;
}
.flow01__list__item__text {
width: 100%;
}
}
.flow02 {
padding-top: 100px;
position: relative;
} .payment01__box {
background-image: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/flow/bg_top.png),
url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/flow/bg_bottom.png);
background-repeat: repeat-x;
background-position: top, bottom;
background-color: #edf4fa;
padding: 70px 0;
position: relative;
}
.payment01__box:after {
content: "";
width: 121px;
height: 134px;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/first/payment/ico_shokunin@2x.png) no-repeat
center/contain;
position: absolute;
top: -100px;
right: calc(50% - 535px);
}
@media screen and (max-width: 768px) {
.payment01__box:after {
right: 15px;
}
}
@media screen and (max-width: 768px) {
.payment01__box {
margin-top: 105px;
}
}
.payment02 {
padding-top: 110px;
}
.payment02__way__item {
padding: 50px 0;
border-bottom: 1px solid #ddd;
}
.payment02__way__item:first-of-type {
border-top: 1px solid #ddd;
}
.payment02__way__item__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 450px) {
.payment02__way__item__top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.payment02__way__item__top__ico {
width: 86px;
}
@media screen and (max-width: 450px) {
.payment02__way__item__top__ico {
width: 60px;
}
}
.payment02__way__item__top__text {
width: calc(100% - 110px);
}
@media screen and (max-width: 450px) {
.payment02__way__item__top__text {
width: calc(100% - 80px);
}
}
.payment02__way__item__top__text__hdg {
font-weight: bold;
color: #537ebf;
font-size: 18px;
}
.payment02__way__item__bottom {
padding-left: 110px;
margin-top: 15px;
}
@media screen and (max-width: 450px) {
.payment02__way__item__bottom {
padding-left: 80px;
}
}
.payment02__way__item__bottom__app {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 525px;
}
.payment02__way__item__bottom__app__item {
width: calc(100% / 3);
margin-bottom: 15px;
}
@media screen and (max-width: 450px) {
.payment02__way__item__bottom__app__item {
width: calc(100% / 2);
}
} .service01__list__item {
border: 4px solid #567ec2;
border-radius: 20px;
width: 100%;
}
.service01__list__item:nth-of-type(n + 2) {
margin-top: 25px;
}
.service01__list__item__hdg {
background: linear-gradient(to bottom, #567ec2, #0eb5ed);
border-radius: 20px;
color: #fff;
width: calc(100% + 8px);
position: relative;
left: -4px;
margin-top: -4px;
font-size: 36px;
font-weight: bold;
padding: 20px 20px 20px 60px;
}
.service01__list__item__hdg__trouble {
font-size: 16px;
}
.service01__list__item__contents {
padding-top: 45px;
padding-bottom: 45px;
}
.service01__list__item__contents__image {
width: 261px;
}
.service01__list__item__contents__image img {
border-radius: 20px;
}
.service01__list__item__contents__detail {
text-align: center;
width: 220px;
}
.service01__list__item__contents__detail__price {
font-size: 50px;
position: relative;
display: inline-block;
padding-right: 20px;
font-family: "Oswald", sans-serif;
color: #f8056c;
font-weight: 900;
line-height: 1.2;
}
.service01__list__item__contents__detail__price__yen {
font-size: 40px;
}
.service01__list__item__contents__detail__price__tax {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 12px;
position: absolute;
right: 0;
top: 0;
}
.service01__list__item__contents__detail__discount {
background: linear-gradient(to top, #ffff00 13px, transparent 13px);
font-size: 14px;
display: inline;
font-weight: bold;
color: #547ec0;
}
@media screen and (min-width: 769px) {
.service01__list__item__contents__trouble {
width: calc(100% - 520px);
max-width: 450px;
}
.service01__list__item.is-2column {
width: calc((100% - 24px) / 2);
}
.service01__list__item.is-2column:nth-of-type(2) {
margin-top: 0;
}
.service01__list__item.is-2column .service01__list__item__hdg {
text-align: center;
padding-left: 20px;
}
.service01__list__item.is-2column .service01__list__item__contents {
padding: 45px 30px;
}
.service01__list__item.is-3column {
width: calc((100% - 24px) / 3);
}
.service01__list__item.is-3column .service01__list__item__hdg {
font-size: 24px;
text-align: center;
padding-left: 20px;
}
.service01__list__item.is-3column .service01__list__item__contents__image {
width: 120px;
}
}
@media screen and (max-width: 768px) {
.service01__list__item__contents__image {
width: 100%;
text-align: center;
}
.service01__list__item__contents__trouble {
width: 100%;
margin: 20px 0;
}
.service01__list__item__contents__detail {
width: 100%;
}
}
@media screen and (max-width: 450px) {
.service01__list__item__hdg {
font-size: 24px;
text-align: center;
padding-left: 20px;
}
}
.serviceUnder01__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.serviceUnder01__top__image {
width: 51.9%;
}
.serviceUnder01__top__image img {
border-radius: 20px;
}
.serviceUnder01__top__text {
width: 46.2%;
}
@media screen and (max-width: 768px) {
.serviceUnder01__top__image {
width: 30%;
}
}
@media screen and (max-width: 768px) {
.serviceUnder01__top__text {
width: 68.1%;
}
}
.serviceUnder01__anchorLink {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: linear-gradient(to left, #0eb5ed, #567ec2);
color: #fff;
font-weight: bold;
padding: 25px 0;
font-size: 18px;
border-radius: 20px;
}
@media screen and (max-width: 768px) {
.serviceUnder01__anchorLink {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 5px 30px;
}
}
.serviceUnder01__anchorLink__item {
flex: 1 1 auto;
text-align: center;
position: relative;
}
.serviceUnder01__anchorLink__item a {
display: block;
padding: 0 40px 0 15px;
}
.serviceUnder01__anchorLink__item:after {
content: "\f078";
font-family: Font Awesome\5 Free;
font-weight: 900;
position: absolute;
top: calc(50% - 13px);
right: 20px;
font-size: 14px;
}
@media screen and (min-width: 769px) {
.serviceUnder01__anchorLink__item:nth-of-type(n + 2) {
border-left: 2px dotted #fff;
}
}
@media screen and (max-width: 768px) {
.serviceUnder01__anchorLink__item {
width: 100%;
}
.serviceUnder01__anchorLink__item:after {
right: 35px;
}
.serviceUnder01__anchorLink__item:nth-of-type(n + 2) {
border-top: 2px dotted #fff;
}
.serviceUnder01__anchorLink__item a {
padding: 10px 55px 10px 15px;
}
}
.serviceUnder01__plus {
display: inline-block;
background: #fff;
color: transparent;
position: relative;
width: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
margin: 0 15px;
}
.serviceUnder01__plus:before {
content: "";
width: 10px;
height: 2px;
background: #567ec2;
position: absolute;
left: calc(50% - 5px);
top: calc(50% - 1px);
}
.serviceUnder01__plus:after {
content: "";
width: 2px;
height: 10px;
background: #567ec2;
position: absolute;
left: calc(50% - 1px);
top: calc(50% - 5px);
}
.serviceUnder01__works-wrap {
background: #edf4fa;
padding: 50px 0 40px;
}
.serviceUnder01__works__item {
max-width: 310px;
position: relative;
margin-right: 15px;
}
.serviceUnder01__works__item__tag {
font-size: 14px;
color: #fff;
background: #577fc2;
border-radius: 3px;
display: inline-block;
padding: 5px 15px;
font-weight: bold;
position: absolute;
left: -2px;
top: 0;
z-index: 2;
}
.serviceUnder01__works__item__image {
text-align: center;
margin-bottom: 10px;
}
.serviceUnder01__works__item__image img {
border-radius: 20px;
}
.serviceUnder01__works__item__date {
color: #aaa;
font-family: "Oswald", sans-serif;
font-size: 16px;
font-weight: 400;
}
.serviceUnder01__works__item__title {
font-size: 18px;
font-weight: bold;
color: #557ec1;
}
.serviceUnder01__others {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.serviceUnder01__others__item {
margin-bottom: 50px;
width: calc((100% - 50px) / 3);
}
@media screen and (max-width: 768px) {
.serviceUnder01__others__item {
margin-bottom: 20px;
width: calc((100% - 15px) / 3);
}
}
.serviceUnder01__others__item__title {
background: linear-gradient(to bottom, #567ec2, #0eb5ed);
border-radius: 20px;
color: #fff;
font-size: 36px;
font-weight: bold;
padding: 15px;
position: relative;
margin-bottom: 10px;
text-align: center;
line-height: 34px;
}
@media screen and (max-width: 450px) {
.serviceUnder01__others__item__title {
font-size: 20px;
line-height: 22px;
padding: 9px;
border-radius: 10px;
}
}
.serviceUnder01__others__item__image {
text-align: center;
}
.serviceUnder01__others__item__image img {
border-radius: 20px;
} .staff01__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.staff01__list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding-bottom: 45px;
margin-bottom: 50px;
border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 451px) {
.staff01__list__item:nth-of-type(2n + 1) {
width: calc(50% + 25px);
padding-right: 50px;
}
.staff01__list__item:nth-of-type(2n) {
width: calc(50% - 25px);
}
}
.staff01__list__item__image {
width: 150px;
text-align: center;
}
.staff01__list__item__image img {
border-radius: 20px;
}
@media screen and (max-width: 768px) {
.staff01__list__item__image {
width: 100%;
margin-bottom: 30px;
}
}
.staff01__list__item__text {
width: calc(100% - 180px);
}
@media screen and (max-width: 768px) {
.staff01__list__item__text {
width: 100%;
}
}
.staff01__list__item__hdg {
font-size: 28px;
color: #557ec1;
margin-bottom: 5px;
}   @media screen and (max-width: 1100px) {
.u-media_padding {
padding-right: 10%;
padding-left: 10%;
}
}
@media screen and (max-width: 768px) {
.u-media_padding {
padding-right: 5%;
padding-left: 5%;
}
}
.u-wrapper {
max-width: 1100px;
padding: 0 20px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1100px) {
.u-wrapper {
padding-right: 10%;
padding-left: 10%;
}
}
@media screen and (max-width: 768px) {
.u-wrapper {
padding-right: 5%;
padding-left: 5%;
}
}
.u-relative {
position: relative;
}
.u-inline {
display: inline;
}
.u-inline-block {
display: inline-block;
}
.u-block {
display: block;
}
.u-none {
display: none;
}
.u-flexbox-tab__item1,
.u-flexbox-tab__item2,
.u-flexbox-tab__item3,
.u-flexbox-tab__item4 {
margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
.u-flexbox-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.u-flexbox-tab__item1 {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 100%;
margin-bottom: 50px;
}
.u-flexbox-tab__item2 {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: calc((100% - 80px) / 2);
margin-bottom: 50px;
}
.u-flexbox-tab__item3 {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: calc((100% - 80px) / 3);
margin-bottom: 50px;
}
.u-flexbox-tab__item4 {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: calc((100% - 120px) / 4);
margin-bottom: 50px;
}
}
@media screen and (min-width: 451px) {
.u-flexbox-sp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-flexbox-sp__item2 {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: calc((100% - 20px) / 2);
margin-bottom: 20px;
}
.u-flexbox-sp__item2:nth-of-type(2n + 1) {
margin-right: 20px;
}
}
.u-flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.u-flex-row {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
}
.u-flex-row-rev {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.u-flex-col {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-ms-flex-direction: col;
flex-direction: col;
}
.u-flex-col-rev {
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-ms-flex-direction: col-reverse;
flex-direction: col-reverse;
}
.u-flex-nowrap {
-ms-flex-wrap: none;
flex-wrap: nowrap;
}
.u-flex-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.u-flex-justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.u-flex-justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.u-flex-justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.u-flex-justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.u-flex-justify-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.u-flex-align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.u-flex-align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.u-flex-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.u-flex-align-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.u-flex-item {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.u-flex-item0 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media screen and (min-width: 451px) {
.sp {
display: none;
}
}
@media screen and (max-width: 450px) {
.tab {
display: none;
}
}
@media screen and (max-width: 768px) {
.pc {
display: none;
}
}
@media screen and (max-width: 1100px) {
.pc-column {
flex-direction: column;
}
}
.width25p {
width: 25%;
padding-left: 0;
}
@media screen and (max-width: 1100px) {
.width25p {
width: 100%;
}
}
.width70p {
width: 70% !important;
}
@media screen and (max-width: 1100px) {
.width70p {
width: 100% !important;
}
}
.pl0 {
padding-left: 0;
}
@media screen and (max-width: 768px) {
.width100p {
width: 100% !important;
}
} .u-bg--white {
background-color: #fff;
}
.u-bg--gray {
background-color: #f4f4f4;
}
.u-bg--gray2 {
background-color: #7d7d7d;
}
.u-bg--gray3 {
background-color: #eee;
} .u-link--under-line {
text-decoration: underline;
}
.u-link--under-line:hover {
text-decoration: none;
} .u-fv {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
letter-spacing: 3px;
}
.u-tac {
text-align: center;
}
.u-tal {
text-align: left;
}
.u-tar {
text-align: right;
}
@media screen and (min-width: 451px) {
.u-tac--tab {
text-align: center;
}
.u-tal--tab {
text-align: left;
}
.u-tar--tab {
text-align: right;
}
}
.u-vat {
vertical-align: top;
}
.u-vam {
vertical-align: middle;
}
.u-vab {
vertical-align: bottom;
}
.u-fs-10 {
font-size: 10px;
}
.u-fs-11 {
font-size: 11px;
}
.u-fs-12 {
font-size: 12px;
}
.u-fs-13 {
font-size: 13px;
}
.u-fs-14 {
font-size: 14px;
}
.u-fs-15 {
font-size: 15px;
}
.u-fs-16 {
font-size: 24px;
}
@media screen and (max-width: 450px) {
.u-fs-16 {
font-size: 16px;
}
}
.u-fs-17 {
font-size: 17px;
}
.u-fs-18 {
font-size: 18px;
}
.u-fs-19 {
font-size: 19px;
}
.u-fs-20 {
font-size: 20px;
}
.u-fs-21 {
font-size: 21px;
}
.u-fs-22 {
font-size: 22px;
}
.u-fs-23 {
font-size: 23px;
}
.u-fs-24 {
font-size: 24px;
}
.u-fs-25 {
font-size: 25px;
}
.u-fs-26 {
font-size: 26px;
}
.u-fs-27 {
font-size: 27px;
}
.u-fs-28 {
font-size: 28px;
}
.u-fs-29 {
font-size: 29px;
}
.u-fs-30 {
font-size: 30px;
}
.u-fs-31 {
font-size: 31px;
}
.u-fs-32 {
font-size: 32px;
}
.u-fs-33 {
font-size: 33px;
}
.u-fs-34 {
font-size: 34px;
}
.u-fs-35 {
font-size: 35px;
}
.u-fs-36 {
font-size: 36px;
}
.u-fwb {
font-weight: bold;
}
.u-fwn {
font-weight: normal;
}
.u-indent--1 {
text-indent: -1em;
padding-left: 1em;
}
.u-indent--2 {
text-indent: -2em;
padding-left: 2em;
}
.u-indent--3 {
text-indent: -3em;
padding-left: 3em;
}
.u-indent--4 {
text-indent: -4em;
padding-left: 4em;
}
.u-indent--5 {
text-indent: -5em;
padding-left: 5em;
}
.u-fc--white {
color: #fff;
}
.u-fc--black {
color: #111111;
}
.u-fc--red {
color: red;
}
.u-fc--blue {
color: #577fc0;
}
.u-txtdeco-none {
text-decoration: none;
} .u-m-0 {
margin: 0;
}
.u-mb-0 {
margin-bottom: 0;
}
.u-mb10 {
margin-bottom: 10px;
}
.u-mt-190 {
margin-top: 190px;
}
.u-mt-100 {
margin-top: 100px;
}
.u-mb-100 {
margin-bottom: 100px;
}
.u-mb150 {
margin-bottom: 150px;
}
.u-mb300 {
margin-bottom: 10px;
}
.u-mt-0 {
margin-top: 0px;
}
.u-mt-5 {
margin-top: 5px;
}
.u-mt-10 {
margin-top: 10px;
}
.u-mt-15 {
margin-top: 15px;
}
.u-mt-20 {
margin-top: 20px;
}
.u-mt-25 {
margin-top: 25px;
}
.u-mt-30 {
margin-top: 30px;
}
.u-mt-35 {
margin-top: 35px;
}
.u-mt-40 {
margin-top: 40px;
}
.u-mt-45 {
margin-top: 45px;
}
.u-mt-50 {
margin-top: 50px;
}
.u-mt-55 {
margin-top: 55px;
}
.u-mt-60 {
margin-top: 60px;
}
.u-mt-65 {
margin-top: 65px;
}
.u-mt-70 {
margin-top: 70px;
}
.u-mt-75 {
margin-top: 75px;
}
.u-mt-80 {
margin-top: 80px;
}
.u-mt-85 {
margin-top: 85px;
}
.u-mt-90 {
margin-top: 90px;
}
.u-mt-95 {
margin-top: 95px;
}
.u-mt-100 {
margin-top: 100px;
}
.u-mb-0 {
margin-bottom: 0px;
}
.u-mb-5 {
margin-bottom: 5px;
}
.u-mb-10 {
margin-bottom: 10px;
}
.u-mb-15 {
margin-bottom: 15px;
}
.u-mb-20 {
margin-bottom: 20px;
}
.u-mb-25 {
margin-bottom: 25px;
}
.u-mb-30 {
margin-bottom: 30px;
}
.u-mb-35 {
margin-bottom: 35px;
}
.u-mb-40 {
margin-bottom: 40px;
}
.u-mb-45 {
margin-bottom: 45px;
}
.u-mb-50 {
margin-bottom: 50px;
}
.u-mb-55 {
margin-bottom: 55px;
}
.u-mb-60 {
margin-bottom: 60px;
}
.u-mb-65 {
margin-bottom: 65px;
}
.u-mb-70 {
margin-bottom: 70px;
}
.u-mb-75 {
margin-bottom: 75px;
}
.u-mb-80 {
margin-bottom: 80px;
}
.u-mb-85 {
margin-bottom: 85px;
}
.u-mb-90 {
margin-bottom: 90px;
}
.u-mb-95 {
margin-bottom: 95px;
}
.u-mb-100 {
margin-bottom: 100px;
}
.u-mr-0 {
margin-right: 0px;
}
.u-mr-5 {
margin-right: 5px;
}
.u-mr-10 {
margin-right: 10px;
}
.u-mr-15 {
margin-right: 15px;
}
.u-mr-20 {
margin-right: 20px;
}
.u-mr-25 {
margin-right: 25px;
}
.u-mr-30 {
margin-right: 30px;
}
.u-mr-35 {
margin-right: 35px;
}
.u-mr-40 {
margin-right: 40px;
}
.u-mr-45 {
margin-right: 45px;
}
.u-mr-50 {
margin-right: 50px;
}
.u-mr-55 {
margin-right: 55px;
}
.u-mr-60 {
margin-right: 60px;
}
.u-mr-65 {
margin-right: 65px;
}
.u-mr-70 {
margin-right: 70px;
}
.u-mr-75 {
margin-right: 75px;
}
.u-mr-80 {
margin-right: 80px;
}
.u-mr-85 {
margin-right: 85px;
}
.u-mr-90 {
margin-right: 90px;
}
.u-mr-95 {
margin-right: 95px;
}
.u-mr-100 {
margin-right: 100px;
}
.u-ml-0 {
margin-left: 0px;
}
.u-ml-5 {
margin-left: 5px;
}
.u-ml-10 {
margin-left: 10px;
}
.u-ml-15 {
margin-left: 15px;
}
.u-ml-20 {
margin-left: 20px;
}
.u-ml-25 {
margin-left: 25px;
}
.u-ml-30 {
margin-left: 30px;
}
.u-ml-35 {
margin-left: 35px;
}
.u-ml-40 {
margin-left: 40px;
}
.u-ml-45 {
margin-left: 45px;
}
.u-ml-50 {
margin-left: 50px;
}
.u-ml-55 {
margin-left: 55px;
}
.u-ml-60 {
margin-left: 60px;
}
.u-ml-65 {
margin-left: 65px;
}
.u-ml-70 {
margin-left: 70px;
}
.u-ml-75 {
margin-left: 75px;
}
.u-ml-80 {
margin-left: 80px;
}
.u-ml-85 {
margin-left: 85px;
}
.u-ml-90 {
margin-left: 90px;
}
.u-ml-95 {
margin-left: 95px;
}
.u-ml-100 {
margin-left: 100px;
}
.u-p-0 {
padding: 0;
}
.u-pt-0 {
padding-top: 0px;
}
.u-pt-5 {
padding-top: 5px;
}
.u-pt-10 {
padding-top: 10px;
}
.u-pt-15 {
padding-top: 15px;
}
.u-pt-20 {
padding-top: 20px;
}
.u-pt-25 {
padding-top: 25px;
}
.u-pt-30 {
padding-top: 30px;
}
.u-pt-35 {
padding-top: 35px;
}
.u-pt-40 {
padding-top: 40px;
}
.u-pt-45 {
padding-top: 45px;
}
.u-pt-50 {
padding-top: 50px;
}
.u-pt-55 {
padding-top: 55px;
}
.u-pt-60 {
padding-top: 60px;
}
.u-pt-65 {
padding-top: 65px;
}
.u-pt-70 {
padding-top: 70px;
}
.u-pt-75 {
padding-top: 75px;
}
.u-pt-80 {
padding-top: 80px;
}
.u-pt-85 {
padding-top: 85px;
}
.u-pt-90 {
padding-top: 90px;
}
.u-pt-95 {
padding-top: 95px;
}
.u-pt-100 {
padding-top: 100px;
}
.u-pb-0 {
padding-bottom: 0px;
}
.u-pb-5 {
padding-bottom: 5px;
}
.u-pb-10 {
padding-bottom: 10px;
}
.u-pb-15 {
padding-bottom: 15px;
}
.u-pb-20 {
padding-bottom: 20px;
}
.u-pb-25 {
padding-bottom: 25px;
}
.u-pb-30 {
padding-bottom: 30px;
}
.u-pb-35 {
padding-bottom: 35px;
}
.u-pb-40 {
padding-bottom: 40px;
}
.u-pb-45 {
padding-bottom: 45px;
}
.u-pb-50 {
padding-bottom: 50px;
}
.u-pb-55 {
padding-bottom: 55px;
}
.u-pb-60 {
padding-bottom: 60px;
}
.u-pb-65 {
padding-bottom: 65px;
}
.u-pb-70 {
padding-bottom: 70px;
}
.u-pb-75 {
padding-bottom: 75px;
}
.u-pb-80 {
padding-bottom: 80px;
}
.u-pb-85 {
padding-bottom: 85px;
}
.u-pb-90 {
padding-bottom: 90px;
}
.u-pb-95 {
padding-bottom: 95px;
}
.u-pb-100 {
padding-bottom: 100px;
}
.u-pr-0 {
padding-right: 0px;
}
.u-pr-5 {
padding-right: 5px;
}
.u-pr-10 {
padding-right: 10px;
}
.u-pr-15 {
padding-right: 15px;
}
.u-pr-20 {
padding-right: 20px;
}
.u-pr-25 {
padding-right: 25px;
}
.u-pr-30 {
padding-right: 30px;
}
.u-pr-35 {
padding-right: 35px;
}
.u-pr-40 {
padding-right: 40px;
}
.u-pr-45 {
padding-right: 45px;
}
.u-pr-50 {
padding-right: 50px;
}
.u-pr-55 {
padding-right: 55px;
}
.u-pr-60 {
padding-right: 60px;
}
.u-pr-65 {
padding-right: 65px;
}
.u-pr-70 {
padding-right: 70px;
}
.u-pr-75 {
padding-right: 75px;
}
.u-pr-80 {
padding-right: 80px;
}
.u-pr-85 {
padding-right: 85px;
}
.u-pr-90 {
padding-right: 90px;
}
.u-pr-95 {
padding-right: 95px;
}
.u-pr-100 {
padding-right: 100px;
}
.u-pl-0 {
padding-left: 0px;
}
.u-pl-5 {
padding-left: 5px;
}
.u-pl-10 {
padding-left: 10px;
}
.u-pl-15 {
padding-left: 15px;
}
.u-pl-20 {
padding-left: 20px;
}
.u-pl-25 {
padding-left: 25px;
}
.u-pl-30 {
padding-left: 30px;
}
.u-pl-35 {
padding-left: 35px;
}
.u-pl-40 {
padding-left: 40px;
}
.u-pl-45 {
padding-left: 45px;
}
.u-pl-50 {
padding-left: 50px;
}
.u-pl-55 {
padding-left: 55px;
}
.u-pl-60 {
padding-left: 60px;
}
.u-pl-65 {
padding-left: 65px;
}
.u-pl-70 {
padding-left: 70px;
}
.u-pl-75 {
padding-left: 75px;
}
.u-pl-80 {
padding-left: 80px;
}
.u-pl-85 {
padding-left: 85px;
}
.u-pl-90 {
padding-left: 90px;
}
.u-pl-95 {
padding-left: 95px;
}
.u-pl-100 {
padding-left: 100px;
} .fv {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
letter-spacing: 3px;
}
.u-uppercase {
text-transform: uppercase;
}
.u-letterspace01 {
letter-spacing: 2px;
}
.u-letterspace02 {
letter-spacing: 4px;
}
.u-letterspace03 {
letter-spacing: 1px;
}
.u-lineheight01 {
line-height: 1.3;
}
.u-subEng {
text-transform: uppercase;
font-family: "Lexend Zetta", sans-serif;
}
.u-garamond {
font-family: "EB Garamond", serif;
}
.u-lexend {
font-family: "Lexend Zetta", sans-serif;
}
.u-vertical {
writing-mode: vertical-rl;
}
.sp-tel {
pointer-events: none;
}
@media screen and (max-width: 550px) {
.sp-tel {
pointer-events: auto;
}
} .yakusyo .table {
width: 100%;
}
.yakusyo .table th,
.yakusyo .table td {
padding: 10px;
}
.yakusyo .table th {
background-color: #00468c;
color: #fff;
border-bottom: 1px solid #fff;
}
.yakusyo .table tr:first-child th {
border-top: 1px solid #00468c;
}
.yakusyo .table tr:last-child th {
border-bottom: 1px solid #00468c;
}
.yakusyo .table td {
border: 1px solid #00468c;
}
.tel-banner {
position: -webkit-sticky;
position: sticky;
bottom: 0;
z-index: 6;
}
@media screen and (min-width: 768px) {
.tel-banner {
display: none !important;
}
}
@media screen and (max-width: 450px) {
br.br-pc {
display: none;
}
} .arealist .area-under02__list__item {
width: 20%;
}
@media screen and (max-width: 480px) {
.arealist .area-under02__list__item.is-title {
width: 100%;
}
.arealist .area-under02__list__item {
width: 50%;
}
} .comparison .comparison-table table {
border-collapse: collapse;
margin: 16px 0;
width: 100%;
vertical-align: middle;
}
.comparison .comparison-table th {
background-color: #ebf9fe;
font-weight: bold;
text-align: center;
}
.comparison .comparison-table td {
width: 25%;
}
.comparison .comparison-table .price_compe td {
text-align: right;
}
.comparison .comparison-table .pricelist td {
text-align: center;
width: 30%;
}
.comparison .comparison-table td span {
font-weight: bold;
}
.comparison .comparison-table th,
.comparison .comparison-table td {
border: 1px solid #aad8ef;
padding: 8px 16px;
}
@media screen and (max-width: 768px) {
.comparison .comparison-table table {
font-size: 12px;
}
.comparison .comparison-table th {
vertical-align: middle;
padding: 8px 5px;
}
.comparison .comparison-table td {
width: 25%;
}
} .certificate {
max-width: 65%;
text-align: center;
margin: 20px auto;
}
.certificate img {
max-width: 100%;
max-height: 380px;
object-fit: contain;
position: relative;
}
img.float_l {
margin-right: 10px;
float: left;
}
@media screen and (max-width: 768px) {
img.float_l {
float: none;
width: auto;
margin: auto;
display: block;
}
}
.yarpp-related .yarpp-thumbnails-horizontal {
display: flex;
justify-content: space-around;
flex-flow: wrap;
}
.yarpp-related .yarpp-thumbnails-horizontal .yarpp-thumbnail {
width: 150px;
}
.u-mt-30 {
margin-top: 50px;
width: 100%;
padding: 0 15px;
}
.strength-flex-box {
display: flex;
justify-content: space-evenly;
flex-direction: row;
flex-wrap: wrap;
}
.strength-flex-box .service01__list__item {
margin-top: 25px;
}
.txt-bold {
text-decoration: dotted;
padding: 20px;
color: black;
font-size: 18px;
}
.txt-red {
color: red;
}
.saiyori-address {
font-size: 0.5em;
font-weight: bold;
border: 1px solid #6595ed;
padding: 30px;
}
.saiyori-flex {
display: flex;
align-items: flex-start;
width: 100%;
justify-content: space-around;
}
.saiyori-flex iframe {
width: 50%;
height: 400px;
}
@media screen and (max-width: 640px) {
.saiyori-flex {
flex-direction: column;
}
.saiyori-flex iframe {
width: 100vw;
transform: translate(-4%, 0);
}
.saiyori-address {
width: 100vw;
transform: translate(-4%, 0);
}
}
.response {
margin: 2rem 0;
}
.response .content {
margin: 2rem 0;
}
.response .content .title,
.response .content .sub-title {
font-size: 3rem;
font-weight: bold;
text-align: center;
}
.response .content .sub-title {
color: #b3a2c7;
}
.response .item-wrap {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
.response .item-wrap .item {
flex-basis: 28%;
border-radius: 2rem;
background-color: #b0d3ef;
padding: 1rem;
text-align: center;
}
.response .item-wrap .item p {
margin-top: 0.3rem;
font-weight: bold;
font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
.response .content .title,
.response .content .sub-title {
font-size: 1.5rem;
}
.response .item-wrap .item {
flex-basis: 46%;
}
.response .item-wrap .item p {
font-size: 1.3rem;
}
} .new_blog {
font-size: 0.9em;
flex-basis: 45%;
background: #fff;
padding: 0.6rem;
border-radius: 1rem;
}
@media screen and (max-width: 640px) {
.new_blog {
flex-basis: 100%;
}
}
.new_blog a {
text-decoration: none;
}
.new_blog a:hover {
opacity: 0.8;
}
.article_wrap {
display: flex;
justify-content: space-around;
max-width: 660px;
flex-flow: wrap;
}
.article_wrap .article {
width: 33.1%;
}
.article_wrap .old_blog_w {
width: 100% !important;
}
.blog .article .tit_h4 {
background: #f3f3f3;
border-bottom: 2px solid #014190;
text-indent: 0.5em;
}
.blog .article .tit_h4 a {
color: #014190;
}
.blog_flex {
display: flex;
justify-content: center;
}
.blog_flex_item {
text-align: center;
}
.blog_flex_item img { height: 160px;
object-fit: cover;
}
.blog_flex_item2 {
width: 80%;
padding: 0 1em;
}
.blog_details {
color: #014190;
border-bottom: 1px solid #014190;
font-size: 1.2em;
}
.blog_table {
width: 99%;
margin: 0 auto 0.5em;
}
.blog_table table {
width: 100%;
}
.blog_table .table td {
border: none;
border-bottom: 1px solid #ccc;
min-width: 80px;
border: 1px solid #ccc;
color: #222222;
}
.blog_table .table td p {
display: flex;
justify-content: space-between;
word-break: break-all;
}
.blog_table .table td p span {
width: 50%;
}
.blog_table .table th {
background: #014190;
color: #fff;
}
.blog_table .table td p span:first-child {
font-weight: bold;
}
.blog_table .table td.blue-txt {
background: #00bfff;
color: #fff;
width: 35%;
}
.blog_table .table td.light-blue { background: #f2f2f2;
border: 1px solid #ccc;
color: #000;
}
.blog_table .gray-back {
background: #eee;
}
.blog_img {
display: flex;
justify-content: space-around;
margin: 1em 0px;
}
.blog_img div {
position: relative;
}
.blog_img_before,
.blog_img_after {
position: absolute;
top: 0;
margin: 0;
padding: 0 1.2em;
}
.blog_img_before {
background: #555;
color: #fff;
}
.blog_img_after {
background: #014190;
color: #fff;
}
.blog .article .blog_contents {
padding: 4px 2px !important;
}
.table th,
.table td {
padding: 5px;
}
@media screen and (max-width: 640px) {
.article_wrap .article {
width: 99.1%;
}
.blog_flex_item img {
max-height: 200px;
}
} .blog .article .tit_h4 {
background: #f3f3f3;
border-bottom: 2px solid #014190;
}
.blog .article .tit_h4 a {
color: #014190;
}
.single .blog_flex {
display: flex;
}
.single .blog_flex_item img {
border: 1px solid #00bfff;
}
.single .blog_flex_item2 {
width: 80%;
padding: 0 1em;
}
.single .blog_details {
color: #00bfff;
border-bottom: 1px solid #00bfff;
font-size: 1.2em;
}
.single .blog_table {
width: 99%;
margin: 0 auto;
}
.single .blog_table .table td {
border: none;
border-bottom: 1px solid #ccc;
}
.blog_table td.gray-back:nth-child(1) {
white-space: nowrap;
}
.single .blog_table .table td p {
display: flex;
justify-content: space-between;
}
.single .blog_table .table td p span {
width: 50%;
}
.single .blog_table .table th {
background: #00bfff;
color: #fff;
}
.single .blog_table .table td p span:first-child {
font-weight: bold;
}
.single .blog_img {
display: flex;
justify-content: space-around;
margin: 1em 0px;
}
.single .blog_img img {
height: 220px;
width: 220px;
object-fit: cover;
}
.single .blog_img div {
position: relative;
width: fit-content;
display: flex;
justify-content: center;
}
.single .blog_img_before,
.blog_img_after {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0 1.2em;
}
.single .blog_img_before {
background: #555;
color: #fff;
}
.single .blog_img_after {
background: #014190;
color: #fff;
}
#bannerlist ul {
padding: 0;
display: inline-block;
}
#bannerlist ul li {
float: left;
margin-left: 12px;
}
#bannerlist ul li:first-child {
margin-left: 0;
}
#bannerlist ul:after {
content: "";
clear: both;
}
#bannerlist ul li a {
display: inline-block;
text-decoration: none;
color: #292b2c;
}
#bannerlist ul li a img {
width: 100%;
display: inline-block;
}
#bannerlist ul li a:hover {
filter: alpha(opacity = 90);
-moz-opacity: 0.9;
opacity: 0.9;
}
ul.index-virus5 li {
width: 17.1%;
margin-left: 0.2em;
}
.pc_hs {
display: table-cell;
}
.sp_hs {
display: none;
}
@media screen and (max-width: 768px) {
.single .blog_img div {
width: 220px;
}
.single .blog_table .table td {
width: 50%;
}
.single .blog_table .table td p {
flex-flow: column;
margin: 0;
}
.single .blog_table .table td p span {
width: 100%;
}
#bannerlist {
display: none;
}
ul.virus5 li,
ul.index-virus5 li {
width: 39.5%;
}
.pc_hs {
display: none;
}
.sp_hs {
display: table-cell;
}
}
#menu_b {
display: none;
}
.cat_search_item {
max-width: 1040px;
width: 100%;
margin: 0 auto 40px;
}
.cat_search_item label {
display: block;
width: 100%;
text-align: center;
border: 1px solid #00bfff;
border-radius: 20px;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.04em;
line-height: 1;
padding: 10px 0;
background-color: #00bfff; color: #ffff;
}
.cat_search_item .category_list {
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: wrap;
transition: 0.2s;
height: 0;
}
.cat_search_item .category_list li a {
display: block;
width: 100%;
text-align: center;
border: 1px solid #00bfff;
border-radius: 20px;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.04em;
line-height: 1;
padding: 10px;
color: #00bfff;
}
.cat_search_item input:checked ~ .category_list {
height: fit-content;
margin: 1rem 0;
gap: 0.3rem;
}
.column01__list.u-flexbox.u-flex-wrap.u-flex-justify-around {
gap: 1rem;
}
*:target {
scroll-margin-top: 50px;
}
@media screen and (max-width: 768px) {
*:target {
scroll-margin-top: 0px;
}
}
.staff-message-section {
padding-top: 90px;
}
.staff-message-section .staff-message {
position: relative;
aspect-ratio: 51 / 19;
flex-basis: 70%;
}
.staff-message-section .flex {
display: flex;
}
.staff-message-section .justify-center {
justify-content: center;
}
.staff-message-section .mb-40 {
margin-bottom: 40px;
}
.staff-message-section .text-center {
text-align: center;
}
.staff-message-section .btn.-chevron {
width: 100%;
text-align: center;
position: relative;
max-width: 320px;
}
.staff-message-section .btn {
display: inline-block;
padding: 1.5rem 2.5rem;
background-color: #1f4495;
color: #fff;
font-size: 1.6rem;
letter-spacing: 0.1em;
border-radius: 50px;
}
.staff-message-section .staff-message .staff-message-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: fill;
z-index: -1;
}
.staff-message-section .staff-message > p {
padding: 2rem 6rem;
display: block;
font-size: 1.8rem;
}
.staff-message-section .staff-profile {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
flex-basis: 30%;
}
.staff-message-section .staff-profile .img-wrap {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.staff-message-section .staff-profile .img-wrap img {
width: 65%;
}
.staff-message-section .staff-profile .staff-name-wrap {
position: relative;
}
.staff-message-section .staff-profile .staff-name-wrap .img-wrap {
position: relative;
}
.staff-message-section .staff-profile .staff-name-wrap img {
position: absolute;
bottom: 0;
left: 0;
}
.staff-message-section .staff-profile .staff-name-wrap p {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translate(-50%, 0);
font-size: 1.8rem;
font-weight: bold;
color: #fff;
}
@media screen and (max-width: 768px) {
.staff-message-section .staff-message {
flex-basis: 70%;
}
.staff-message-section .staff-message > p {
padding: 0.5rem 1rem;
font-size: 1.2rem;
}
.staff-message-section .staff-profile {
flex-basis: 30%;
}
.staff-message-section .staff-profile .staff-name-wrap p {
bottom: 0.1rem;
font-size: 1rem;
}
} .price-section {
max-width: 1230px;
margin: 0 auto;
padding: 40px 15px;
}
.price-section h2 {
font-size: 28px;
color: #567ec2;
text-align: center;
margin-bottom: 30px;
border-bottom: 3px solid #567ec2;
padding-bottom: 10px;
}
.price-description {
background: #f8f9fa;
padding: 20px;
margin: 20px 0;
border-left: 4px solid #567ec2;
line-height: 1.6;
}
.price-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 30px 0;
list-style: none;
padding: 0;
}
.price-list li {
flex: 1;
min-width: 200px;
}
.price-list a {
display: block;
padding: 15px;
background: #567ec2;
color: white;
text-decoration: none;
text-align: center;
border-radius: 5px;
transition: background-color 0.3s;
font-weight: bold;
}
.price-list a:hover {
background: #4a6ba8;
}
.section.price {
padding: 40px 0;
margin: 0;
border-bottom: 1px dotted #ccc;
}
.section.price.clear::after {
content: "";
display: table;
clear: both;
}
.section.price h3 {
background: #567ec2;
color: white;
padding: 12px 15px;
margin: 30px 0 20px 0;
position: relative;
font-size: 20px;
font-weight: bold;
}
.section.price h3 a {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: white;
font-size: 13px;
font-weight: normal;
text-decoration: none;
}
.section.price h3 a {
text-decoration: underline;
}
.section.price h3 a:hover {
text-decoration: none;
}
.price-banner {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0;
list-style: none;
padding: 0;
}
.price-banner li {
flex: 1;
min-width: 100px;
}
.price-banner img {
width: 100%;
height: auto;
border-radius: 5px;
} .price-banner li:only-child {
flex: none;
max-width: 200px;
min-width: 150px;
}
.section.price h4.price-subtitle {
color: #567ec2;
font-size: 16px;
margin: 25px 0 15px 0;
padding: 8px 12px;
border-bottom: 1px dotted #567ec2;
background: url(//yamanashi-suido-pro.com/cont/wp-content/themes/yamanashi_theme/img/common/icon_circle.gif) no-repeat 0 40%;
font-weight: bold;
}
.section.price .price-table {
border-collapse: collapse;
margin: 16px 0;
width: 100%;
overflow-x: auto;
display: block;
white-space: nowrap;
}
.section.price .price-table thead,
.section.price .price-table tbody,
.section.price .price-table tr {
display: table;
width: 100%;
table-layout: fixed;
}
.section.price .price-table th,
.section.price .price-table td {
border: 1px solid #aad8ef;
padding: 8px 16px;
white-space: normal;
word-wrap: break-word;
}
.section.price .price-table th {
background-color: #ebf9fe;
font-weight: bold;
}
.section.price .price-table thead th {
text-align: center;
color: #567ec2;
vertical-align: middle;
}
.section.price .price-table td {
vertical-align: middle;
}
.section.price .price-table-example {
border-collapse: collapse;
margin: 16px 0;
width: 100%;
}
.section.price .price-table-example th,
.section.price .price-table-example td {
border: 1px solid #f9bba5;
padding: 8px 16px;
}
.section.price .price-table-example th {
width: 30%;
background-color: #fffbf0;
font-weight: bold;
}
.section.price .price-table-example thead th {
text-align: center;
color: #f15a24;
}
.section.price .price-table-example td {
width: 70%;
vertical-align: middle;
}
.section.price .price-blog {
text-align: center;
margin: 40px 0;
}
.section.price .price-blog a {
color: #567ec2;
text-decoration: underline;
font-weight: bold;
}
.section.price .price-blog a:hover {
text-decoration: none;
}
@media screen and (max-width: 768px) {
.price-section {
padding: 20px 10px;
}
.price-list {
flex-direction: column;
}
.price-list li {
min-width: auto;
}
.price-banner {
justify-content: flex-start;
}
.price-banner li {
flex: 0 0 calc(50% - 5px);
max-width: calc(50% - 5px);
} .price-banner li:only-child {
flex: 0 0 150px;
max-width: 150px;
min-width: 120px;
}
.section.price .price-table {
font-size: 14px;
}
.section.price h3 {
font-size: 18px;
padding: 10px 12px;
}
.section.price h3 a {
display: block;
position: static;
margin-top: 8px;
font-size: 12px;
transform: none;
}
.section.price h4.price-subtitle {
font-size: 14px;
}
}