@charset "UTF-8";
.slick-slide {
outline: none;
}
.slick-disabled {
display: none !important;
}
.slick-slider {
visibility: hidden;
position: relative;
width: 100%;
margin: 0 0 40px;
}
.slick-slider.slick-initialized {
visibility: visible;
}
.slick-slider .icon {
z-index: 1;
position: absolute;
top: 50%;
padding: 13px;
border-radius: 50%;
background-color: #5fb6b9;
color: #fff;
font-size: 20px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slick-slider .icon-arrow-left {
left: -5%;
}
.slick-slider .icon-arrow-right {
right: -5%;
}
@media only screen and (max-width: 1119px) {
.slick-slider {
width: auto;
margin: 35px 0 0;
}
}
@media only screen and (max-width: 767px) {
.slick-slider {
width: auto;
margin: 0;
}
.slick-slider .icon {
position: absolute;
top: 50%;
padding: 8px;
font-size: 14px;
}
.slick-slider .icon-arrow-left {
left: -5%;
}
.slick-slider .icon-arrow-right {
right: -5%;
}
}
.slick-dots {
display: block;
position: absolute;
bottom: -25px;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
display: inline-block;
position: relative;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
display: block;
width: 20px;
height: 20px;
padding: 5px;
border: 0;
outline: none;
background: transparent;
color: transparent;
font-size: 0;
line-height: 0;
cursor: pointer;
}
.slick-dots li button:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
color: #000;
font-family: 'slick';
font-size: 6px;
line-height: 20px;
text-align: center;
content: '•';
opacity: 0.25;
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: 0.75;
}
.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;
}
/* -----------------------------------------------
*Reset
*--------------------------------------------------
*/
html {
font-family: sans-serif;
}
body {
-webkit-text-size-adjust: none;
margin: 0;
padding: 0;
text-align: justify;
text-justify: inter-ideograph;
}
a {
background: transparent;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
html,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
em,
img,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
vertical-align: baseline;
}
article,
aside,
footer,
header,
small,
nav,
section,
figure,
figcaption,
main {
display: block;
margin: 0;
padding: 0;
outline: none;
background-color: transparent;
list-style: none;
vertical-align: baseline;
}
audio,
canvas,
video {
display: inline-block;
}
ul,
ol {
list-style-type: none;
}
table {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
img {
line-height: 1;
vertical-align: baseline;
}
a img {
border: none;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
dt,
dd,
li,
th,
td,
input,
textarea {
text-align: left;
vertical-align: top;
}
input,
textarea {
margin: 0;
padding: 0;
}
button {
margin: 0;
padding: 0;
background-color: transparent;
cursor: pointer;
}
label {
background-color: transparent;
cursor: pointer;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"] {
-webkit-appearance: button;
cursor: pointer;
}
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: content-box;
box-sizing: content-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
/* -----------------------------------------------
*Base
*--------------------------------------------------
*/
html {
overflow-y: scroll;
background-position: 0 0;
background-repeat: repeat;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 14px;
letter-spacing: 0.02em;
line-height: 1.6;
}
body {
overflow-x: hidden;
background-color: #fff;
color: #555;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.02em;
line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
font-size: 100%;
font-weight: normal;
line-height: 1.4;
}
p {
line-height: 1.6;
}
dt,
dd,
li,
th,
td,
input,
textarea {
line-height: 1.3;
}
input,
textarea {
/* macのみ */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
font-size: 100%;
letter-spacing: 0;
}
button,
input[type=button] {
/* macのみ */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
font-size: 100%;
letter-spacing: 0.05em;
}
select {
/* macのみ */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
font-size: 100%;
letter-spacing: 0.05em;
}
select option {
/* macのみ */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
font-size: 100%;
letter-spacing: 0.05em;
}
strong {
color: #ff3b3b;
font-weight: bold;
}
em {
font-style: normal;
font-weight: bold;
}
a {
outline: 0;
color: #555;
text-decoration: none;
opacity: 1;
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
}
a:hover,
a:active {
outline: 0;
text-decoration: none;
opacity: 0.6;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.visible-pc {
display: block !important;
}
.visible-sp {
display: none !important;
}
.invisible {
display: none !important;
}
.visible-tbsp {
display: none !important;
}
@media only screen and (max-width: 1119px) {
.visible-pc {
display: block !important;
}
}
@media only screen and (max-width: 767px) {
.visible-pc {
display: none !important;
}
.visible-inline-pc {
display: none !important;
}
.visible-sp {
display: block !important;
}
}
@media (max-width: 991px) {
.visible-tbsp {
display: block !important;
}
}
/* fluid-image
*--------------------------------------------------
*/
.fluid-image {
max-width: 100%;
height: auto;
}
/* Clearfix
*--------------------------------------------------
*/
.clearfix:after,
#header:after,
.nav-global-link ul:after {
display: block;
clear: both;
content: "";
}
#nav-content-info:after,
#nav-content-info ul:after {
display: block;
clear: both;
content: "";
}
#footer:after,
#footer .nav-content-info ul:after {
display: block;
clear: both;
content: "";
}
/* Grid System [grid-***]
*--------------------------------------------------
*/
.wrp-grid {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wrp-grid:after {
display: table;
clear: both;
content: " ";
}
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-1-sp,
.grid-2-sp,
.grid-3-sp,
.grid-4-sp,
.grid-5-sp,
.grid-6-sp,
.grid-7-sp,
.grid-8-sp,
.grid-9-sp,
.grid-10-sp,
.grid-11-sp,
.grid-12-sp {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
/* Column Grid 0 - 767px
*col 1: 8.33333333333%
*col 2: 16.6666666667%
*col 3: 25.0%
*col 4: 33.3333333333%
*col 5: 41.6666666667%
*col 6: 50.0%
*col 7: 58.3333333333%
*col 8: 66.6666666667%
*col 9: 75.0%
*col 10: 83.3333333333%
*col 11: 91.6666666667%
*col 12: 100%
*/
@media only screen and (max-width: 767px) {
.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-1-sp,
.grid-2-sp,
.grid-3-sp,
.grid-4-sp,
.grid-5-sp,
.grid-6-sp,
.grid-7-sp,
.grid-8-sp,
.grid-9-sp,
.grid-10-sp,
.grid-11-sp,
.grid-12-sp {
width: 100%;
}
.grid-1-sp {
width: 8.33333%;
}
.grid-2-sp {
width: 16.66667%;
}
.grid-3-sp {
width: 25%;
}
.grid-4-sp {
width: 33.3333333%;
}
.grid-5-sp {
width: 41.66667%;
}
.grid-6-sp {
width: 50%;
}
.grid-7-sp {
width: 58.33333%;
}
.grid-8-sp {
width: 66.66667%;
}
.grid-9-sp {
width: 75%;
}
.grid-10-sp {
width: 83.33333%;
}
.grid-11-sp {
width: 91.66667%;
}
.grid-12-sp {
width: 100%;
}
}
/* Column Grid 768px - Infinity
*col 1: 8.33333333333%
*col 2: 16.6666666667%
*col 3: 25.0%
*col 4: 33.3333333333%
*col 5: 41.6666666667%
*col 6: 50.0%
*col 7: 58.3333333333%
*col 8: 66.6666666667%
*col 9: 75.0%
*col 10: 83.3333333333%
*col 11: 91.6666666667%
*col 12: 100%
*/
@media only screen and (min-width: 767px) {
.grid-1 {
width: 8.33333333333%;
}
.grid-2 {
width: 16.6666666667%;
}
.grid-3 {
width: 25%;
}
.grid-4 {
width: 33.3333333333%;
}
.grid-5 {
width: 41.6666666667%;
}
.grid-6 {
width: 50%;
}
.grid-7 {
width: 58.3333333333%;
}
.grid-8 {
width: 66.6666666667%;
}
.grid-9 {
width: 75%;
}
.grid-10 {
width: 83.3333333333%;
}
.grid-11 {
width: 91.6666666667%;
}
.grid-12 {
width: 100%;
}
}
/* fonts: brass
*--------------------------------------------------
*/
@font-face {
src: url("/assets/fonts/brass.eot?92nf5n");
src: url("/assets/fonts/brass.eot?92nf5n#iefix") format("embedded-opentype"), url("/assets/fonts/brass.ttf?92nf5n") format("truetype"), url("/assets/fonts/brass.woff?92nf5n") format("woff"), url("/assets/fonts/brass.svg?92nf5n#brass") format("svg");
font-family: 'brass';
font-style: normal;
font-weight: normal;
}
/* fonts: notoserif
*--------------------------------------------------
*/
@font-face {
src: url("/assets/fonts/NotoSerifJP-Regular.woff");
font-family: 'NotoSerif';
font-style: normal;
font-weight: normal;
}
[class^="icon-"],
[class*=" icon-"] {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'brass' !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-transform: none;
}
.icon-flag:before {
content: "\e90f";
}
.icon-mail2:before {
content: "\e910";
}
.icon-star:before {
content: "\e911";
}
.icon-mail:before {
content: "\e90e";
}
.icon-calendar:before {
content: "\e90d";
}
.icon-newtab:before {
content: "\e907";
}
.icon-minus:before {
content: "\e90a";
}
.icon-plus:before {
content: "\e90b";
}
.icon-menu:before {
content: "\e909";
}
.icon-close:before {
content: "\e908";
}
.icon-arrow-down:before {
content: "\e904";
}
.icon-arrow-up:before {
content: "\e905";
}
.icon-arrow-left:before {
content: "\e906";
}
.icon-arrow-right:before {
content: "\e900";
}
.icon-map-pin:before {
content: "\e902";
}
.icon-telephone:before {
content: "\e903";
}
.icon-check:before {
content: "\e90c";
}
.icon-add_circle:before {
content: "\e147";
}
.icon-control_point:before {
content: "\e3ba";
}
.icon-remove_circle:before {
content: "\e15c";
}
.icon-keyboard_arrow_down:before {
content: "\e313";
}
.icon-keyboard_arrow_left:before {
content: "\e314";
}
.icon-keyboard_arrow_right:before {
content: "\e315";
}
.icon-keyboard_arrow_up:before {
content: "\e316";
}
.icon-remove_circle_outline:before {
content: "\e15d";
}
.icon-facebook:before {
content: "\e901";
}
.icon-blog:before {
content: "\e912";
}
.icon-instagram:before {
content: "\ea92";
}
.icon-tag:before {
content: "\e913";
}
.icon-price-tags {
content: "\e936";
}
.icon-checkbox {
content: "\e914";
}
/* fonts
*--------------------------------------------------
*/
@font-face {
src: url("/assets/fonts/2f49cfea-0d51-47d0-a241-2d3cb0603763.eot?#iefix");
src: url("/assets/fonts/2f49cfea-0d51-47d0-a241-2d3cb0603763.eot?#iefix") format("eot"), url("/assets/fonts/5ce02acb-3445-4164-86a5-9bd541309028.woff2") format("woff2"), url("/assets/fonts/79e21b98-1f97-412a-8ffc-d9aa5e3f8351.woff") format("woff"), url("/assets/fonts/64dfa2f2-18d6-416c-b163-8379076b0e87.ttf") format("truetype"), url("/assets/fonts/01258bf8-4972-4ddf-a7b9-685f3f6cf748.svg#01258bf8-4972-4ddf-a7b9-685f3f6cf748") format("svg");
font-family: "WTC Our Bodoni W01 Light";
}
@font-face {
src: url("/assets/fonts/century-gothic.eot?#iefix");
src: url("/assets/fonts/century-gothic.eot?#iefix") format("eot"), url("/assets/fonts/century-gothic.woff2") format("woff2"), url("/assets/fonts/century-gothic.woff") format("woff"), url("/assets/fonts/century-gothic.ttf") format("truetype");
font-family: "century-gothic";
}
@font-face {
src: url("/assets/fonts/Snell Roundhand.eot?#iefix");
src: url("/assets/fonts/Snell Roundhand.eot?#iefix") format("eot"), url("/assets/fonts/Snell Roundhand.woff2") format("woff2"), url("/assets/fonts/Snell Roundhand.woff") format("woff"), url("/assets/fonts/Snell Roundhand.ttf") format("truetype");
font-family: "Snell Roundhand";
}
/* Common
*--------------------------------------------------
*/
.center {
text-align: center;
}
.no-br {
white-space: nowrap;
}
/* Form Module
*--------------------------------------------------
*/
/* Heading
*--------------------------------------------------
*/
.box-heading {
height: 180px;
color: #000;
text-align: center;
}
.box-heading__inner {
padding-top: 30px;
}
.box-heading__inner p {
display: block;
font-family: 'century-gothic', 'sans-serif';
font-size: 56px;
}
.box-heading__inner .hdg_lv1 {
color: #b89c6d;
font-size: 15px;
}
@media only screen and (max-width: 767px) {
.box-heading {
height: 100px;
}
.box-heading__inner {
padding-top: 15px;
}
.box-heading__inner p {
font-size: 30px;
}
.box-heading__inner .hdg_lv1 {
font-size: 14px;
}
}
.hdg_lv2 {
margin-bottom: 10px;
font-size: 20px;
font-weight: normal;
text-align: center;
}
@media only screen and (max-width: 767px) {
}
.hdg_lv3 {
margin-bottom: 10px;
font-size: 26px;
text-align: center;
}
.hdg_lv4--arrow:before,
.hdg_lv5--arrow:before,
.txt--arrow:before {
font-family: 'brass' !important;
content: "\e900";
}
.hdg_lv4--newtab:after,
.hdg_lv5--newtab:after,
.txt--newtab:after {
margin-left: 3px;
font-family: 'brass' !important;
content: "\e907";
}
.hdg_lv4--underline,
.hdg_lv5--underline,
.txt--underline {
text-decoration: underline;
}
.hdg_lv4-bold,
.hdg_lv5-bold,
.txt-bold {
font-weight: bold;
}
.hdg_lv4-lead,
.hdg_lv5-lead,
.txt-lead {
margin-bottom: 85px;
color: #555;
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
font-size: 15px;
line-height: 22px;
text-align: center;
}
.hdg_lv4-note,
.hdg_lv5-note,
.txt-note {
margin-top: 10px;
padding-left: 1em;
color: #555;
font-size: 14px;
line-height: 1.33;
text-align: left;
text-indent: -1em;
}
a .txt--underline,
a:hover .txt--underline {
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.txt-lead {
margin-bottom: 25px;
font-size: 14px;
letter-spacing: -0.01em;
text-align: left;
}
.txt-note {
font-size: 12px;
}
}
.blue {
color: #83cdd0;
}
.dark-blue {
color: #83cdd0;
}
.gold {
color: #b89c6d;
}
/* table
*--------------------------------------------------
*/
/* fonts
*--------------------------------------------------
*/
.jp--noto {
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
}
.en--century,
.en--number {
/* macのみ*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'century-gothic', 'sans-serif';
font-weight: normal;
letter-spacing: 0.05em;
}
.en--snell {
/* macのみ*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 5px;
font-family: 'Snell Roundhand';
font-weight: 400;
letter-spacing: 0;
}
.condensed {
letter-spacing: -0.15em;
}
/* word
*--------------------------------------------------
*/
.word {
display: inline-block;
text-indent: 0;
}
.word--pad {
display: inline-block;
margin-right: 0.5em;
text-indent: 0;
}
/* layout
*--------------------------------------------------
*/
.content-wrapper {
position: relative;
max-width: 1120px;
margin: 0 auto;
padding: 0 30px;
}
.content-wrapper--02 {
padding: 0;
}
@media only screen and (max-width: 767px) {
.content-wrapper {
width: auto;
margin: 0;
padding: 0 15px;
}
.content-wrapper--02 {
padding: 0;
}
}
/* header
*--------------------------------------------------
*/
.header {
z-index: 100;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 130px;
background: #fff;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
color: #000;
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
-webkit-transition: top 0.3s;
transition: top 0.3s;
}
.header.__is-hidden {
top: -130px;
}
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
.header {
font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
}
}
@media only screen and (max-width: 1119px) {
.header {
height: 90px;
}
.header.__is-hidden {
top: -90px;
}
}
@media only screen and (max-width: 767px) {
.header {
height: 55px;
}
.header.__is-hidden {
top: -55px;
}
}
.header__above {
position: relative;
width: 1120px;
height: 75px;
margin: 0 auto;
}
@media only screen and (max-width: 1119px) {
.header__above {
width: 100%;
height: 90px;
margin: 0;
}
}
@media only screen and (max-width: 767px) {
.header__above {
height: 55px;
}
}
.header__logo {
z-index: 3;
position: absolute;
top: 28px;
left: 10px;
width: 120px;
height: 55px;
}
.header__logo-link {
display: block;
width: 300px;
font-size: 0;
}
@media only screen and (max-width: 1119px) {
.header__logo {
top: 50%;
left: 20px;
width: 400px;
margin: -29px 0 0;
}
.header__logo-link {
width: 400px;
}
}
@media only screen and (max-width: 767px) {
.header__logo {
left: 8px;
width: 100px;
margin-top: -12px;
}
.header__logo-link {
width: 180px;
}
}
@media screen and (max-width: 320px) {
.header__logo-link {
width: 130px;
}
}
.header__contents {
z-index: 1;
position: absolute;
top: 23px;
right: 0;
height: 44px;
}
.header__contents-list {
overflow: hidden;
}
.header__contents-tel {
position: relative;
width: 344px;
height: 44px;
float: left;
}
.header__contents-tel-label {
width: 110px;
height: 32px;
padding: 8px 0 1px 0;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
font-size: 11px;
line-height: 14px;
text-align: center;
}
.header__contents-tel-number {
position: absolute;
top: 0;
left: 120px;
padding-left: 28px;
color: #83cdd0;
font-size: 25px;
letter-spacing: 1px;
line-height: 28px;
}
.header__contents-tel-number .icon-telephone:before {
position: absolute;
top: -1px;
left: -3px;
font-size: 32px;
}
.header__contents-tel-note {
position: absolute;
top: 30px;
left: 120px;
font-size: 11px;
letter-spacing: 0px;
line-height: 1;
}
.header__contents-contact {
position: relative;
width: 124px;
height: 44px;
margin-right: 17px;
float: left;
}
.header__contents-contact:before {
position: absolute;
top: 50%;
right: 8px;
margin-top: -6px;
color: #708fa2;
font-family: 'bleu-leman' !important;
font-size: 12px;
line-height: 12px;
content: "\e900";
}
.header__contents-contact a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 124px;
height: 44px;
padding: 7px 12px 0 0;
border: 1px solid #708fa2;
color: #708fa2;
font-size: 11px;
line-height: 14px;
text-align: center;
}
.header__contents-contact:hover a {
border: 1px solid #99c0d8;
color: #99c0d8;
}
.header__contents-contact:hover:before {
color: #99c0d8;
}
.header__contents-link {
position: relative;
height: 44px;
margin-right: 2px;
float: left;
}
.header__contents-link a {
line-height: 44px;
}
@media only screen and (max-width: 1119px) {
.header__contents {
display: none;
}
}
.nav {
z-index: 2;
position: relative;
width: 1120px;
margin: 0 auto;
}
.nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
@media only screen and (min-width: 1120px) {
.nav {
display: block !important;
}
}
@media only screen and (max-width: 1119px) {
.nav {
display: none;
}
}
@media only screen and (min-width: 767px) {
#nav_global {
display: block !important;
}
}
.nav-list__item {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
float: left;
}
.nav-list__item > a,
.nav-list__item > span {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
height: 55px;
line-height: 55px;
text-align: center;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.nav-list__item > a {
color: #000;
font-weight: 500;
}
.nav-list__item > span {
color: #c0b4b4;
cursor: default;
}
.nav-list__item > a:hover {
color: #008cce;
opacity: 1;
}
.nav-list__item > a:after,
.nav-list__item > a:hover:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
border-right: 0 solid #fff;
border-left: 0 solid #fff;
content: '';
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.nav-list__item > a:after {
background: #fff;
}
.nav-list__item > a:hover:after {
background: #008cce;
}
.nav-contact {
display: none;
}
.nav-sns--pc {
float: left;
}
.nav-list__item--insta,
.nav-list__item--facebook,
.nav-list__item--blog {
margin: 0 10px;
font-size: 20px;
}
.nav-list__item--insta > a,
.nav-list__item--facebook > a,
.nav-list__item--blog > a {
width: 20px;
}
.icon_sns_insta > img,
.icon_sns_facebook > img,
.icon_sns_blog > img {
width: 100%;
padding: 10px;
}
@media only screen and (max-width: 1119px) {
.icn-list {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-evenly;
margin: 0 30px;
}
}
.header__btn,
.nav-list__item--sp,
.nav-sub,
.nav-sns--sp,
.nav-conv {
display: none;
}
@media only screen and (max-width: 1119px) {
.nav-sns--pc {
display: none;
}
.header__btn {
display: block;
float: right;
}
.header__btn ul {
display: table;
table-layout: fixed;
}
.header__btn li {
display: table-cell;
border-left: 1px solid #e1ddd8;
vertical-align: middle;
}
.header__btn li a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 90px;
height: 90px;
padding: 10px 5px;
color: #83cdd0;
font-family: "century-gothic", sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
}
.header__btn li:last-child a {
padding: 20px 5px;
background-color: #b89c6d;
color: #fff;
}
.header__btn li.is-active a {
background: #a87b4e;
color: #fff;
opacity: 1;
}
.header__btn li a .icon {
display: block;
margin-bottom: 2px;
color: #83cdd0;
font-size: 42px;
}
.header__btn li.is-active a .icon {
color: #fff;
}
.header__btn__bar {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
display: block;
position: relative;
width: 28px;
height: 25px;
margin: 0 auto 10px;
transform: rotate(0deg);
text-align: center;
cursor: pointer;
transition: 0.5s ease-in-out;
}
.header__btn__bar span {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
display: block;
position: absolute;
left: 0;
width: 100%;
height: 3px;
transform: rotate(0deg);
background: #fff;
opacity: 1;
transition: 0.25s ease-in-out;
}
.header__btn__bar span:nth-child(1) {
top: 0px;
}
.header__btn__bar span:nth-child(2),
.header__btn__bar span:nth-child(3) {
top: 10px;
}
.header__btn__bar span:nth-child(4) {
top: 20px;
}
.is-active .header__btn__bar span {
background: #fff;
}
.is-active .header__btn__bar span:nth-child(1) {
top: 18px;
left: 50%;
width: 0%;
}
.is-active .header__btn__bar span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.is-active .header__btn__bar span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.is-active .header__btn__bar span:nth-child(4) {
top: 18px;
left: 50%;
width: 0%;
}
.nav {
width: 100%;
height: 100vh;
overflow-y: scroll;
background-color: #e8f1f1;
background-size: 100%;
}
.nav.is-opened{
padding-bottom: 160px;
box-sizing: border-box;
}
.nav-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
border-top: 1px solid #bbdae1;
}
.nav-list__item:before {
display: none;
}
.nav-list__item--sp {
display: block;
}
.nav-list__item {
display: inline-block;
width: 50%;
float: left;
}
.nav-list__item > a {
display: table;
width: 100%;
height: 60px;
min-height: 60px;
border-right: 1px solid #bbdae1;
border-bottom: 1px solid #bbdae1;
font-size: 15px;
line-height: 1.1;
}
.nav-list__item > span {
display: table;
height: 70px;
min-height: 70px;
border-right: 1px solid #bbdae1;
border-bottom: 1px solid #bbdae1;
font-size: 15px;
line-height: 1.1;
}
.nav-list__item > span {
color: #c0b4b4;
}
.nav-list__item > a:after {
display: none;
}
.nav-list__item > a > span {
display: table-cell;
width: 100%;
padding-top: 1px;
vertical-align: middle;
}
.nav-list__item small {
display: block;
margin-top: 7px;
color: #b89c6d;
font-family: "Avenir Next W01 Light", sans-serif;
font-size: 12px;
}
.nav-list__item.visible-pc{
display: none!important;
}
.nav-list__item.visible-sp{
display: block!important;
}
.nav-sub {
display: block;
padding: 15px 0;
}
.nav-sub__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nav-sub__list__item {
position: relative;
width: 45%;
margin-bottom: 5px;
padding-left: 5%;
font-size: 16px;
}
.nav-sub__list__item::before {
-webkit-transform: translateY(-50%);
position: absolute;
top: 60%;
left: 5px;
transform: translateY(-50%);
color: #b89c6d;
font-family: 'brass' !important;
content: "\e900";
}
.nav-sns--sp {
display: block;
padding-bottom: 50px;
}
.nav-conv {
display: block;
padding: 15px 10px 15px;
text-align: center;
}
.nav-conv__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.nav-conv__list__item {
display: inline-block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.nav-conv__list__item .btn {
width: 100%;
height: 50px;
border: none;
font-size: 12px;
line-height: 17px;
padding-right: 15px;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
}
.nav-conv__list__item .btn::before {
font-size: 12px;
right: 5px;
}
.nav-conv__list__item .btn--fair {
background-color: #83cdd0;
max-width: 100%;
}
.nav-conv__list__item .btn--fair::before {
font-size: 12px;
}
.nav-conv__list__item .btn--reserve {
background-color: #49a7bb;
}
.nav-conv__list__item .btn--inquiry {
background-color: #38799e;
}
.nav__title--sp {
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
}
.nav-contact {
height: 100vh;
padding: 0 20px;
background-color: #e8f1f1;
text-align: center;
}
.nav-contact__content {
padding: 20px;
border-bottom: 1px solid #ccd9d9;
}
.nav-contact__text {
margin-top: 5px;
font-size: 12px;
}
.nav-contact__fax {
color: #83cdd0;
font-size: 24px;
}
html.menu-opened,
body.menu-opened {
overflow: hidden;
position: fixed;
height: 100vh;
}
}
@media only screen and (max-width: 767px) {
.header__btn li a {
width: 55px;
height: 55px;
padding: 4px 5px;
font-size: 9px;
}
.header__btn li:last-child a {
padding: 12px 5px;
}
.header__btn li a .icon {
margin-bottom: 2px;
font-size: 30px;
}
.header__btn li:nth-child(2n) a .icon {
margin-bottom: 3px;
}
.header__btn li.is-active a .icon {
color: #fff;
}
.header__btn__bar {
width: 18px;
height: 25px;
margin-bottom: 0;
}
.header__btn__bar span {
height: 2px;
}
.header__btn__bar span:nth-child(1) {
top: 0px;
}
.header__btn__bar span:nth-child(2),
.header__btn__bar span:nth-child(3) {
top: 6px;
}
.header__btn__bar span:nth-child(4) {
top: 12px;
}
.nav-list__item > a,
.nav-list__item > span {
font-size: 14px;
}
.nav-list__item small {
font-size: 9px;
}
.nav-sub__list__item {
font-size: 10px;
}
.nav-sub + .nav-conv{
padding-top: 0;
max-width: 300px;
margin: 0 auto;
}
.nav-sub + .nav-conv .nav-conv__list__item .btn{
font-size: 12px;
}
}
/* body
*--------------------------------------------------
*/
.body {
margin-top: 130px;
}
@media only screen and (max-width: 1119px) {
.body {
margin-top: 90px;
}
}
@media only screen and (max-width: 767px) {
.body {
margin-top: 55px;
}
}
/* nav-backtotop
*--------------------------------------------------
*/
.nav-backtotop {
position: relative;
}
.nav-backtotop > a {
display: block;
}
.nav-backtotop .icon {
-webkit-transition: all 0.3s ease;
position: absolute;
right: 70px;
bottom: 30px;
padding: 13px;
border-radius: 50%;
background: #83cdd0;
color: #fff;
font-size: 20px;
transition: all 0.3s ease;
}
.nav-backtotop > a:hover {
opacity: 1;
}
.nav-backtotop > a:hover .icon {
background: #5fb6b9;
}
.nav-backtotop.is-sticky {
z-index: 100;
position: fixed;
right: 0;
bottom: 0;
}
.nav-backtotop .nav-backtotop__text {
display: none;
}
@media only screen and (max-width: 1119px) {
.nav-backtotop {
position: relative;
right: 0;
bottom: 0;
padding: 11px 0;
border-top: 1px solid #e7e2df;
text-align: center;
}
.nav-backtotop .icon {
position: relative;
right: 0;
bottom: 0;
padding: inherit;
border-radius: 0;
background: #fff;
color: #5fb6b9;
font-size: inherit;
}
.nav-backtotop .nav-backtotop__text {
display: inline-block;
padding-left: 5px;
color: #5fb6b9;
letter-spacing: 0.1em;
}
.nav-backtotop .nav-backtotop__text small {
font-size: 15px;
}
.nav-backtotop.is-sticky {
left: 0;
background: #fff;
}
}
/* button
*--------------------------------------------------
*/
.btn {
-webkit-transition: all 0.3s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
position: relative;
width: 265px;
border: 0;
border: 1px solid #83cdd0;
background: #333;
background: #83cdd0;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
font-size: 16px;
line-height: 50px;
text-align: center;
transition: all 0.3s ease;
}
.btn:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 5px;
color: #fff;
font-family: 'brass' !important;
font-size: 12px;
line-height: 12px;
content: "\e900";
}
.btn:hover {
opacity: 0.7;
}
.btn--short {
width: 200px;
font-size: 14px;
}
.btn--sm {
width: 74px;
background: #83cdd0;
font-size: 13px;
line-height: 26px;
}
.btn--lg {
width: 74px;
background: #83cdd0;
font-size: 20px;
line-height: 26px;
}
.btn--fullwidth {
width: 100%;
}
.btn--corona {
border: 1px solid #34739f;
background-color: #34739f;
font-size: 18px;
line-height: 1.3;
padding: 20px 0;
}
.btn--corona small {
margin-top: 0.8em;
font-size: 80%;
}
.btn--corona:before {
display: none;
}
.btn--white {
border: 1px solid #83cdd0;
background: #fff;
color: #83cdd0 !important;
}
.btn--white:before {
position: absolute;
right: auto;
left: 0;
left: 8px;
color: #83cdd0;
font-size: 12px;
content: "\e906";
}
.btn--white:hover {
border: 1px solid #5fb6b9;
background: #fff;
color: #5fb6b9 !important;
opacity: 1;
}
.btn--white::hover:before {
color: #5fb6b9;
}
.btn--fair {
-webkit-transition: all 0.3s ease;
width: 100%;
max-width: 420px;
color: #fff;
line-height: 60px;
transition: all 0.3s ease;
}
.btn--fair:hover {
border: 1px solid #5fb6b9;
background: #5fb6b9;
opacity: 1;
}
.btn--kengaku {
-webkit-transition: all 0.3s ease;
width: 100%;
max-width: 420px;
border: 1px solid #73afd9;
background: #73afd9;
line-height: 60px;
transition: all 0.3s ease;
}
.btn--kengaku:hover {
border: 1px solid #739ed9;
background: #739ed9;
opacity: 1;
}
.btn--pdf {
margin-top: 10px;
}
@media only screen and (max-width: 1119px) {
.btn-phone {
display: block;
padding: 13px 10px 9px;
background: #83cdd0;
color: #fff;
font-size: 24px;
letter-spacing: 0.1em;
}
.btn-phone--02 {
background: #fff;
color: #83cdd0;
}
}
@media only screen and (max-width: 767px) {
.btn {
display: block;
width: 180px;
margin: 0 auto;
font-size: 14px;
line-height: 40px;
}
.btn--sm {
width: 94px;
line-height: 35px;
}
.btn--fullwidth {
width: 100%;
padding: 5px 20px;
line-height: 25px;
}
.btn--corona {
font-size: 14px;
}
.btn--corona small {
margin-top: 0;
}
}
.btn--pdf {
margin-top: 10px;
}
/* footer
*--------------------------------------------------
*/
.footer .content-wrapper {
max-width: 1120px;
}
@media only screen and (max-width: 1119px) {
.footer .content-wrapper {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px;
}
}
@media only screen and (max-width: 767px) {
.footer .content-wrapper {
padding: 0;
}
}
.footer__contact {
padding-bottom: 40px;
background: url("/assets/images/common/bg_footer01.jpg");
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
}
.footer__contact__title {
padding: 65px 0 30px;
text-align: center;
}
.footer__contact__title--en {
display: block;
color: #fefefe;
font-size: 54px;
line-height: 68px;
}
.footer__contact__title--jp {
display: block;
color: #dac38d;
font-size: 16px;
}
.footer__contact__sub {
margin-bottom: 10px;
color: #000;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.footer__contact__text {
margin-bottom: 15px;
color: #fff;
font-size: 13px;
letter-spacing: -0.1em;
line-height: 1.5;
}
.footer__contact__content:after {
display: block;
clear: both;
content: "";
}
.footer__contact__item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
margin: 0 5px;
padding: 30px 20px 20px;
float: left;
background: rgba(255,255,255,0.2);
text-align: center;
}
.footer__contact__mail {
width: calc(50% - 10px);
padding: 30px 20px 30px;
}
.footer__contact__tel {
width: calc(100% - 50% - 10px);
}
.footer__contact__image,
.footer__contact__inner {
display: table-cell;
vertical-align: top;
}
.footer__contact__image {
width: 35%;
padding-right: 20px;
}
.footer__contact__tel__content {
max-width: 400px;
margin: 0 auto;
}
.footer__contact__tel__title {
margin: 20px 0 10px;
padding: 8px 0;
border-top: 1px solid rgba(255,255,255,0.4);
border-bottom: 1px solid rgba(255,255,255,0.4);
color: #fff;
font-size: 13px;
}
.footer__contact__tel__inner {
display: table;
width: 100%;
}
.footer__contact__tel__nummber {
display: table-cell;
vertical-align: middle;
}
.footer__contact__tel__nummber a {
color: #fff;
font-size: 36px;
}
.footer__contact__tel__nummber a:hover {
opacity: 1;
}
.footer__contact__tel__nummber .icon-telephone {
position: relative;
top: 6px;
font-size: 44px;
}
.footer__contact__tel__note {
display: table-cell;
padding-left: 10px;
color: #fff;
font-size: 11px;
text-align: left;
vertical-align: middle;
}
.footer__contact__btn {
margin-top: 30px;
text-align: center;
}
.box-dial{
color: #fff;
}
.box-dial__number .icon-telephone{
font-size: 40px;
margin-right: 5px;
position: relative;
top: 6px;
}
.box-dial__number .en--number{
font-size: 30px;
font-weight: bold;
}
.box-dial__times{
font-size: 11px;
}
.box-dial__times span + span{
margin-left: 10px;
}
@media only screen and (max-width: 1119px) {
.footer__contact__item {
padding: 25px 20px 20px;
}
.footer__contact__mail {
position: relative;
width: calc(50% - 10px);
padding-bottom: 90px;
}
.footer__contact__tel {
width: calc(50% - 10px);
}
.footer__contact__tel__nummber,
.footer__contact__tel__note {
display: block;
text-align: center;
}
.footer__contact__image {
width: 130px;
}
.footer__contact__image img {
width: 130px;
}
.footer__contact__btn {
position: absolute;
right: 20px;
bottom: 20px;
left: 20px;
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 991px){
.box-dial__number .icon-telephone {
font-size: 24px;
top: 4px;
}
.box-dial__number span.en--number {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.footer__contact {
padding-bottom: 28px;
}
.footer__contact__title {
padding: 30px 0;
}
.footer__contact__title--en {
font-size: 27px;
line-height: 35px;
}
.footer__contact__title--jp {
font-size: 12px;
}
.footer__contact__content {
display: block;
margin: 0;
padding: 0 20px;
}
.footer__contact__mail {
display: block;
position: relative;
width: auto;
margin: 0;
padding: 15px 5px 90px;
float: none;
background: url("/assets/images/common/bg_footer01.jpg");
direction: rtl;
border-top: solid 1px #8a8e8e;
}
.footer__contact__mail + .footer__contact__mail{
padding-bottom: 20px;
}
.footer__contact__inner {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0 20px 0 0;
direction: ltr;
text-align: left;
}
.footer__contact__mail .footer__contact__sub {
margin-bottom: 5px;
font-size: 14px;
line-height: 1.3;
text-align: left;
}
.footer__contact__mail .footer__contact__text {
margin-bottom: 0;
font-size: 12px;
}
.footer__contact__inner {
vertical-align: top;
}
.footer__contact__image {
width: 100px;
padding: 0;
vertical-align: top;
line-height: 0;
}
.footer__contact__image img {
width: 100px;
}
.footer__contact__btn {
position: absolute;
right: 5px;
bottom: 15px;
left: 5px;
margin: 0;
}
.footer__contact__tel {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: auto;
margin: 0;
padding: 20px;
float: none;
background: url("/assets/images/common/bg_footer02.jpg");
}
.footer__contact__sub {
margin-bottom: 0;
color: #fff;
font-size: 16px;
}
.footer__contact__tel__content {
display: block;
max-width: none;
padding-left: 0;
}
.footer__contact__tel__title {
display: none;
}
.footer__contact__tel__nummber,
.footer__contact__tel__note {
display: block;
width: auto;
}
.footer__contact__tel__nummber {
margin-bottom: 5px;
}
.footer__contact__tel__nummber .arc-phone {
display: block;
padding: 9px 0;
background: #fff;
color: #5fb6b9;
font-size: 24px;
text-align: center;
}
.footer__contact__tel__nummber .arc-phone small {
margin-bottom: -8px;
font-size: 11px;
}
.footer__contact__tel__nummber .arc-phone .icon-telephone {
font-size: 28px;
}
.footer__contact__tel__note {
padding: 0;
text-align: center;
}
.footer__contact__btn a.btn {
width: 100%;
max-width: none;
font-size: 16px;
line-height: 58px;
}
.box-dial__hotline{
color: #fff;
}
.box-dial__number .icon-telephone{
font-size: 20px;
top: 3px;
}
.box-dial__number .en--number{
font-size: 18px;
}
}
.footer__contact__phone-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: center;
max-width: 1120px;
border-bottom: 1px solid #8a8e8e;
}
.footer__contact__phone {
padding: 30px 0;
text-align: right;
}
.footer__contact__phone:first-child {
position: relative;
text-align: left;
}
.footer__contact__phone li {
display: inline-block;
margin: 0;
color: #fff;
text-align: left;
}
.footer__contact__phone li:not(:last-child) {
margin-right: 5px;
}
.footer__contact__phone__number {
display: block;
color: #fff;
font-size: 26px;
letter-spacing: 0.05em;
line-height: 1;
}
.footer__contact__phone__number--small {
font-size: 26px;
}
.footer__contact__phone__number .icon-telephone {
position: relative;
top: 5px;
}
.footer__contact__phone__title {
font-size: 16px;
letter-spacing: 0.05em;
}
.footer__contact__phone__title span {
display: block;
font-size: 13px;
}
.footer__contact__phone__time {
font-size: 10px;
}
.footer__contact__phone__fax {
margin-top: 5px;
letter-spacing: 0.05em;
line-height: 1.7;
}
@media only screen and (max-width: 1119px) {
.footer__contact__phone {
padding: 30px 0;
}
.footer__contact__phone-wrapper {
display: block;
width: auto;
}
.footer__contact__phone {
width: auto;
border-top: 1px solid #8a8e8e;
text-align: center !important;
}
.footer__contact__phone:first-child::after {
display: none;
}
}
@media only screen and (max-width: 767px) {
.footer__contact__phone {
padding: 20px;
border-bottom: 0;
background: url("/assets/images/common/bg_footer04.jpg");
}
.footer__contact__phone li {
display: block;
margin: 0;
text-align: center;
}
.footer__contact__phone__title {
margin-bottom: 12px;
font-size: 16px;
font-weight: normal;
}
.footer__contact__phone__title span {
display: inline;
font-size: 12px;
}
.footer__contact__phone__number {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-bottom: 3px;
padding: 15px;
border: 1px solid #fff;
color: #fff;
font-size: 25px;
cursor: pointer;
}
a.footer__contact__phone__number:link,
a.footer__contact__phone__number:visited {
color: #fff;
}
.footer__contact__phone__number:hover {
color: #fff;
opacity: 0.7;
}
.footer__contact__phone__number .icon-telephone {
top: 3px;
}
.footer__contact__phone__time {
margin-bottom: 5px;
padding-top: 0;
font-size: 10px;
}
}
/*---------------------------------- */
.footer__contact__more {
display: table;
width: 100%;
max-width: 830px;
margin: 40px auto 0;
color: #fff;
font-size: 13px;
letter-spacing: 0;
}
.footer__contact__more__content,
.footer__contact__more__button {
display: table-cell;
width: 50%;
padding: 0 5px;
vertical-align: middle;
}
.footer__contact__more h3 {
margin-bottom: 5px;
color: #fff;
font-size: 18px;
}
.footer__contact__more__button {
text-align: right;
}
.footer__contact__more__button .btn {
width: 330px;
border: 1px solid #fff;
background: transparent;
color: #fff;
font-size: 16px;
line-height: 60px;
}
@media only screen and (max-width: 767px) {
.footer__contact__more,
.footer__contact__more__content,
.footer__contact__more__button {
display: block;
width: auto;
text-align: center;
}
.footer__contact__more {
margin-top: 25px;
}
.footer__contact__more__content {
margin-bottom: 10px;
padding: 0 20px;
}
.footer__contact__more h3 {
margin-bottom: 15px;
font-size: 16px;
}
.footer__contact__more__button {
padding: 0 20px;
}
.footer__contact__more__button .btn {
width: 100%;
}
}
/* .footer__sitemap
*--------------------------------------------------
*/
.footer__sitemap {
display: block;
background: url("/assets/images/common/bg_footer02.jpg");
}
.footer__sitemap .content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 50px 0;
}
.footer__logo {
width: 40%;
border-right: 1px solid #8a8e8e;
}
.sitemap__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;
padding-left: 10%;
}
.sitemap__list {
width: 33.33333333%;
}
.sitemap__item {
margin-bottom: 10px;
padding-left: 17px;
}
.sitemap__item a {
position: relative;
color: #fff;
}
.sitemap__item a::before {
position: absolute;
top: 20%;
left: -19px;
font-family: 'brass';
line-height: 10px;
content: "\e900";
}
@media only screen and (max-width: 1119px) {
.footer__sitemap {
display: none;
}
}
/* .footer__copyright
*--------------------------------------------------
*/
.footer__copyright {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 25px 10px 25px;
background: #000;
color: #fff;
}
.footer__copyright a {
color: #fff;
}
.footer__copyright a:link,
.footer__copyright a:visited {
color: #fff;
}
.footer__copyright-item {
display: inline-block;
margin-left: 20px;
font-size: 12px;
letter-spacing: 0.05em;
line-height: 1;
}
.footer__copyright-item .txt--newtab {
padding-left: 4px;
}
.footer__copyright-item:first-child {
margin-left: 0;
}
.footer__copyright-txt {
margin-top: 8px;
color: #c1c5c8;
font-size: 11px;
letter-spacing: 0.1em;
line-height: 1;
}
.footer__brass {
position: absolute;
top: 50%;
right: 0;
width: 124px;
height: 23px;
margin-top: -10px;
}
.footer__brass-link {
display: block;
width: 124px;
height: 23px;
background: url("/assets/images/common/brass_gray.png") no-repeat center;
background-size: contain;
}
.footer__brass span {
display: none;
}
@media only screen and (max-width: 767px) {
.footer__copyright {
padding: 15px 0 20px;
background: url("/assets/images/common/bg_footer03.jpg");
}
.footer__copyright-list {
margin-bottom: 15px;
padding: 0 10px 10px;
border-bottom: 1px solid #5b5d5d;
text-align: left;
}
.footer__copyright-item {
margin-left: 15px;
font-size: 10px;
letter-spacing: -0.1em;
}
.visible-sp + .footer__copyright-item,
.footer__copyright-item:first-child {
margin-left: 0;
}
.footer__copyright-txt {
font-size: 9px;
letter-spacing: 0.1em;
text-align: center;
}
.footer__brass {
position: static;
width: 62px;
height: 16px;
margin: 10px auto 0;
}
.footer__brass-link {
width: 62px;
height: 16px;
background: url("/assets/images/common/brass_gray_sp.png") no-repeat center;
background-size: contain;
}
}
@media only screen and (max-width: 1119px) {
.footer__brass {
right: 30px;
}
.footer__copyright-txt {
text-align: center;
}
.footer__brass {
position: static;
margin: 10px auto 0;
}
.footer__copyright-list {
text-align: center;
}
}
/* .footer__information
*--------------------------------------------------
*/
.footer__information {
display: none;
}
@media only screen and (max-width: 767px) {
.footer__information {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
}
.footer__information a {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #fff;
position: relative;
line-height: 1.5;
height: 64px;
font-size: 14px;
}
.footer__information__item--fair {
background-color: #00b2be;
}
.footer__information__item--maternity {
background-color: #8d6238;
letter-spacing: -2px;
}
.footer__information__item:before {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-family: 'brass' !important;
content: "\e900";
}
.invisible--materynity a {
width: 100%;
}
.footer__information.is-sticky {
z-index: 50;
position: fixed;
right: 0;
bottom: 0;
}
.footer__information-label{
padding: 2px 6px;
background: #fff;
border-radius: 2px;
color: #00b2be;
display: inline-block;
font-size: 12px;
margin-bottom: 3px;
}
}
/*------------------------------------------------*/
/*slick*/
/*------------------------------------------------*/
.slick--gold .slick-dots {
bottom: -35px;
}
.slick--gold .slick-dots li {
width: 7px;
height: 7px;
margin: 0 6px;
}
.slick--gold .slick-dots li button {
width: 7px;
height: 7px;
padding: 0;
border-radius: 7px;
background: #929292;
}
.slick--gold .slick-dots li button:before {
display: none;
}
.slick--gold .slick-dots li.slick-active button {
background: #b89c6d;
}
/*------------------------------------------------*/
.box-lead {
margin: 60px 0 65px;
text-align: center;
}
.box-lead .hdg-lv2 {
margin-bottom: 40px;
font-size: 30px;
letter-spacing: 0;
}
.box-lead .txt-lead {
margin-bottom: 0;
font-size: 15px;
letter-spacing: 0.05em;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.box-lead {
margin: 30px 0 35px;
}
.box-lead .hdg-lv2 {
margin-bottom: 15px;
color: #333;
font-size: 18px;
}
.box-lead .txt-lead {
line-height: 1.5;
}
}
/*
*--------------------------------------------------
*/
.box-media {
display: table;
table-layout: fixed;
}
.box-media__pic,
.box-media__txt {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
}
.box-media__pic {
width: 40%;
padding: 30px 15px 30px 35px;
text-align: center;
}
.box-media__txt {
width: 60%;
text-align: left;
}
/*
*--------------------------------------------------
*/
.box-mainvisual {
background: #fff;
}
.box-mainvisual__image {
height: 300px;
}
.box-mainvisual__inner {
padding: 35px 0 50px;
text-align: center;
}
.box-mainvisual__inner .en--century {
color: #000;
font-family: 'century-gothic', 'sans-serif';
font-size: 40px;
line-height: 1.1;
}
.box-mainvisual__inner h1 {
color: #b89c6d;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.box-mainvisual__inner {
padding: 19px 0;
}
.box-mainvisual__inner .en--century {
font-size: 27px;
}
.box-mainvisual__inner h1 {
font-size: 11px;
}
.box-mainvisual__image {
height: 250px;
}
}
/* lst
*--------------------------------------------------
*/
.lst-navi {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
margin: 0 auto 80px;
border-left: 1px solid #dbdbdb;
}
.lst-navi li {
display: table-cell;
border-right: 1px solid #dbdbdb;
text-align: center;
}
.lst-navi li a {
display: block;
padding: 0 40px;
color: #615e5c;
}
.lst-navi li span {
font-size: 15px;
}
.lst-navi li em {
display: block;
margin: 5px -6px 0;
font-size: 11px;
}
.lst-navi li a.is-active {
color: #547c3f;
}
@media only screen and (max-width: 767px) {
.lst-navi {
width: 100%;
margin-bottom: 0;
padding-bottom: 17px;
table-layout: fixed;
}
.lst-navi li {
padding: 0;
text-align: center;
}
.lst-navi li a {
margin-top: 0;
padding: 0 5px;
}
.lst-navi li span {
font-size: 12px;
}
.lst-navi li em {
margin-top: 0;
font-size: 8px;
}
}
/*------------------------------------------------*/
.lst-number {
padding-left: 1em;
text-indent: -1em;
counter-reset: lst-number;
}
.lst-number li {
margin-bottom: 5px;
color: #555;
font-size: 13px;
letter-spacing: 0;
line-height: 1.7;
}
.lst-number li:before {
margin-right: 10px;
content: counter(lst-number) ".";
counter-increment: lst-number;
}
@media only screen and (max-width: 1119px) {
.lst-number {
margin-top: 10px;
}
.lst-number li {
font-size: 11px;
line-height: 1.6;
}
}
/*------------------------------------------------*/
.lst-dot {
padding-left: 1em;
text-indent: -1em;
}
.lst-dot li {
position: relative;
margin-bottom: 5px;
color: #555;
}
.lst-dot li:before {
content: "・";
}
@media only screen and (max-width: 767px) {
.lst-dot {
padding-left: 0;
text-indent: 0;
}
.lst-dot li {
padding: 0;
}
}
/*------------------------------------------------*/
.lst-link {
margin: 65px -10px 55px;
}
.lst-link li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 50%;
margin-bottom: 10px;
padding: 0 10px;
float: left;
font-size: 15px;
}
.lst-link li a {
display: block;
color: #555;
}
.lst-link li a > .icon {
padding: 2px 5px 0 0;
vertical-align: top;
}
.lst-link li a span {
display: table-cell;
line-height: 1.6;
}
.lst-link li.is-active a {
color: #5b3932;
}
.lst-link li.is-active a:hover {
color: #555;
}
/* box-fair-bottom
*--------------------------------------------------
*/
.box-fair-bottom {
padding: 60px 0;
background: url("/assets/images/index/bg-fair.jpg") no-repeat center;
background-size: cover;
overflow: hidden;
}
.box-fair-bottom__heading{
text-align: center;
}
.box-fair-bottom__title{
font-size: 36px;
letter-spacing: 2px;
line-height: 1;
color: #b89c6d;
display: none;
}
.box-fair-bottom__subtitle{
font-size: 22px;
font-weight: normal;
line-height: 1;
color: #000;
}
.box-fair-bottom__iframe{
margin: 30px 0 20px;
}
.box-fair-bottom__button{
text-align: center;
}
@media only screen and (max-width: 767px) {
.box-fair-bottom {
padding: 30px 0;
}
.box-fair-bottom__title{
font-size: 24px;
}
.box-fair-bottom__subtitle{
font-size: 15px;
}
.box-fair-bottom__iframe{
margin: 10px 0 0;
}
.box-fair-bottom__button .btn{
width: 246px;
}
}
/* .box-fair-bottom--index {
margin-right: 30px;
border-radius: 0 30px 30px 0;
}
.box-fair-bottom__title {
margin-bottom: 35px;
color: #000;
font-size: 22px;
text-align: center;
}
.box-fair-bottom__button {
text-align: center;
}
.box-fair-bottom__button .btn {
color: #fff;
}
.box-fair-bottom__item {
position: relative;
padding: 0 15px;
}
.box-fair-bottom__item a {
display: block;
}
.box-fair-bottom__item span {
display: block;
}
.box-fair-bottom__image {
width: 100%;
height: 250px;
margin-bottom: 10px;
text-align: center;
}
.box-fair-bottom__image img {
width: 100%;
max-width: none;
}
.box-fair-bottom__date {
display: inline-block;
position: absolute;
top: 0;
left: 15px;
width: 70px;
padding: 10px 0;
background: #fff;
font-size: 12px;
letter-spacing: -0.02em;
text-align: center;
}
.box-fair-bottom__date em {
display: block;
font-family: "WTC Our Bodoni W01 Light";
font-size: 36px;
font-weight: normal;
line-height: 1;
}
.box-fair-bottom__date small {
font-family: "WTC Our Bodoni W01 Light";
font-size: 11px;
}
.box-fair-bottom__date.holiday {
color: #cb2020;
}
.box-fair-bottom__date.sunday {
color: #cb2020;
}
.box-fair-bottom__date.saturday {
color: #245f9b;
}
.box-fair-bottom__text {
font-size: 15px;
}
.box-fair-bottom__text .box-fair-bottom__label {
display: inline-block;
margin-right: 0.5em;
padding: 0 5px;
background: #b89c6d;
color: #fff;
font-size: 10px;
line-height: 20px;
text-align: center;
vertical-align: middle;
}
.lst-fair-bottom.slick-slider {
width: auto;
margin: 0 -15px 35px;
}
.lst-fair-bottom.slick-slider .icon {
top: calc(50% - 40px);
padding: 9px;
border: 1px solid #b89c6d;
background: none;
color: #b89c6d;
}
@media only screen and (max-width: 1119px) {
.box-fair-bottom .content-wrapper {
padding: 0 75px;
}
.box-fair-bottom__image {
height: 20vw;
}
}
@media only screen and (max-width: 767px) {
.box-fair-bottom {
padding: 30px 0;
}
.box-fair-bottom .content-wrapper {
padding: 0 15px;
}
.box-fair-bottom--index {
margin-right: 0;
border-radius: 0 0 30px 0;
background-size: auto;
}
.box-fair-bottom__title {
margin-bottom: 15px;
font-size: 18px;
}
.lst-fair-bottom.slick-slider {
margin-bottom: 10px;
}
.box-fair-bottom__item {
padding: 0 10px;
}
.box-fair-bottom__button .btn {
width: 246px;
}
.box-fair-bottom__text {
font-size: 13px;
}
.box-fair-bottom__text .box-fair-bottom__label {
font-size: 10px;
line-height: 16px;
}
.box-fair-bottom__image {
height: 50vw;
margin-bottom: 5px;
}
.box-fair-bottom__date {
left: 10px;
font-size: 10px;
}
.box-fair-bottom__date em {
font-size: 32px;
}
} */
/* tokuten-banner
*--------------------------------------------------
*/
.tokuten-banner {
padding: 50px 0;
background: #f2f4f4;
}
.tokuten-banner .content-wrapper {
max-width: 780px;
}
.tokuten-banner #accbox {
margin: 2em 0;
padding: 0;
}
.tokuten-banner #accbox li {
margin: 0 0 10px;
padding-left: 1.3em;
text-indent: -1em;
}
.tokuten-banner #accbox li:before {
content: "※";
}
.tokuten-banner #accbox dt {
display: block;
padding: 22px 0;
border: 1px dotted #c9c5c0;
font-size: 15px;
text-align: center;
cursor: pointer;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tokuten-banner #accbox dt:hover {
opacity: 0.7;
}
.tokuten-banner #accbox dt:after {
margin: 0 0 0 4px;
font-family: 'brass' !important;
content: "\e147";
}
.tokuten-banner #accbox dt.click:after {
content: "\e15c";
}
.tokuten-banner #accbox dd {
display: none;
padding: 20px 10px;
border: 1px dotted #c9c5c0;
border-top: none;
}
.tokuten-banner .accbox dt:hover {
opacity: 0.6;
}
.tokuten-banner .slick-slider .icon {
top: 45%;
padding: 9px;
border: 1px solid #b89c6d;
background: none;
color: #b89c6d;
}
.tokuten-banner .slick-slider .icon-arrow-left {
left: -8%;
}
.tokuten-banner .slick-slider .icon-arrow-right {
right: -8%;
}
.tokuten-banner .slick-dots {
bottom: -35px;
}
.tokuten-banner .slick-dots li {
width: 7px;
height: 7px;
margin: 0 6px;
}
.tokuten-banner .slick-dots li button {
width: 7px;
height: 7px;
padding: 0;
border-radius: 7px;
background: #929292;
}
.tokuten-banner .slick-dots li button:before {
display: none;
}
.tokuten-banner .slick-dots li.slick-active button {
background: #b89c6d;
}
.tokuten-banner__title {
margin-bottom: 25px;
color: #b89c6d;
font-size: 24px;
font-weight: normal;
text-align: center;
}
.tokuten-banner__list {
padding-bottom: 5px;
}
.tokuten-banner__item {
margin-top: 30px;
line-height: 0;
}
.tokuten-banner__item a {
display: block;
text-align: center;
}
.tokuten-banner__item:first-child {
margin-top: 0;
}
.tokuten-banner__link {
display: block;
}
@media only screen and (max-width: 1119px) {
.tokuten-banner .slick-slider {
margin: 35px 35px 0px;
}
}
@media only screen and (max-width: 767px) {
.tokuten-banner {
padding: 20px 0;
text-align: center;
}
.tokuten-banner .slick-slider {
margin: 0 -15px 35px;
}
.tokuten-banner .slick-slider .icon-arrow-left {
left: -15px;
}
.tokuten-banner .slick-slider .icon-arrow-right {
right: -15px;
}
.tokuten-banner .slick-slider .icon {
border: 1px solid #fff;
background: #fff;
}
.tokuten-banner .slick-slide {
padding: 0 10px;
}
.tokuten-banner .slick-slide img {
width: 100%;
max-width: none;
}
.tokuten-banner #accbox dt {
margin: 0;
padding: 13px 0;
font-size: 12px;
}
.tokuten-banner .slick-dots {
bottom: -35px;
}
.tokuten-banner__title {
margin-bottom: 20px;
font-size: 18px;
}
.tokuten-banner__list {
padding-bottom: 10px;
}
.tokuten-banner__item .visible-sp {
display: block !important;
}
.tokuten-banner__item .visible-pc {
display: none !important;
}
.tokuten-banner #accbox {
margin: 0 0 10px 0;
}
}
@media only screen and (max-width: 1119px) {
.tokuten-banner__item .visible-sp {
display: none !important;
}
.tokuten-banner__item .visible-pc {
display: block !important;
}
}
/* lst-anchor
*--------------------------------------------------
*/
.lst-anchor {
display: table;
width: 100%;
max-width: 930px;
margin: 75px auto 5px;
table-layout: fixed;
}
.lst-anchor li {
display: table-cell;
position: relative;
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
font-size: 16px;
vertical-align: middle;
}
.lst-anchor li:before {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
background: #dedede;
content: "";
}
.lst-anchor li:first-child:after {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
background: #dedede;
content: "";
}
.lst-anchor li a {
display: block;
padding-bottom: 20px;
text-align: center;
}
.lst-anchor li a span {
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: 0 auto;
color: #47aab6;
}
@media only screen and (max-width: 767px) {
.lst-anchor {
display: block;
width: auto;
margin: 25px -15px 0;
border-top: 1px solid #dedede;
}
.lst-anchor:after {
display: block;
clear: both;
content: "";
}
.lst-anchor li {
display: block;
width: 50%;
float: left;
border-bottom: 1px solid #dedede;
}
.lst-anchor li:nth-child(even):before {
display: none;
}
.lst-anchor li a {
padding: 12px 0;
font-size: 15px;
}
.lst-anchor li a span {
position: static;
}
}
@media (min-width: 768px) {
.lst-anchor li a {
height: auto !important;
}
}
/* box-map
*--------------------------------------------------
*/
.box-map {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 51px;
}
.box-map .hdg_lv2 {
margin-bottom: 20px;
}
.box-map__content--left {
width: 44%;
float: left;
}
.box-map__content--right {
width: 53%;
float: right;
}
.box-map__link {
margin-top: 40px;
text-align: center;
}
.box-map__title {
margin-bottom: 24px;
color: #b89c6d;
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
font-size: 20px;
text-align: center;
}
.box-map__image {
width: 100%;
}
.box-map a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 250px;
padding: 10px;
border: 1px solid;
background: #fff;
color: #5fb6b9;
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
font-size: 15px;
}
.box-map .icon:before {
display: inline-block;
padding: 5px 0 0 5px;
float: right;
}
@media only screen and (max-width: 1119px) {
.box-map {
margin: 15px 0 25px;
}
.box-map .hdg_lv2 {
margin-bottom: 7px;
}
.box-map__link {
margin-top: 12px;
text-align: center;
}
.box-map__link a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 250px;
padding: 10px;
border: 1px solid;
background: #fff;
font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
.box-map__title {
margin-bottom: 8px;
}
.box-map__content--left,
.box-map__content--right {
width: 100%;
margin: auto;
float: none;
}
.box-map__content--right {
margin-top: 12px;
}
.box-map__title {
font-size: 15px;
}
.box-map__link a {
width: 200px !important;
padding: 6px !important;
}
}
/*-------------------------------------------------*/
/* box-access
*--------------------------------------------------
*/
.box-access {
border: dashed 1px #c2bfbd;
text-align: center;
}
.box-access__title {
padding: 20px;
color: #b89c6d;
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
font-size: 18px;
letter-spacing: 0.1em;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.box-access__title:hover {
opacity: 0.7;
}
.box-access__title .icon {
padding-right: 10px;
}
.box-access__content {
padding: 0 20px 20px;
}
@media only screen and (max-width: 1119px) {
.box-access {
padding: 0;
border: none;
}
.box-access__title {
display: none;
}
.box-access__content {
display: block !important;
padding: 0;
}
}
/* faq-list
*--------------------------------------------------
*/
.faq-contents {
margin: 45px 0 0;
}
.faq-contents .is-active {
display: block;
}
.faq-list {
display: none;
border-top: 1px solid #fff;
}
.faq-list li + li {
margin-top: 1px;
}
.faq-list li dl {
margin: 0;
background: #e8f1f1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.faq-list li dl dt {
position: relative;
margin: 0;
padding: 22px 40px 22px 20px;
font-family: 'NotoSerif', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.faq-list li dl dt .faq-list__content {
color: #000;
font-weight: normal;
}
.faq-list li dl dt:hover {
background: #f2f4f4;
color: #5fb6b9;
}
.faq-list li dl dt:hover:after {
color: #5fb6b9;
}
.faq-list li dl dt:after {
position: absolute;
top: 50%;
right: 18px;
width: 11px;
height: 8px;
margin-top: -8px;
color: #555;
font-family: 'brass';
content: '\e90b';
}
.faq-list li dl dt .faq-list__icon {
vertical-align: middle;
}
.faq-list li dl .is-show:after {
content: '\e90a';
}
.faq-list li dl dd {
padding: 26px 20px 37px;
background: #fff;
color: #555 !important;
}
.faq-list__content {
display: table-cell;
padding-left: 15px;
font-size: 15px;
vertical-align: middle;
}
.faq-list__content p {
line-height: 2;
}
.faq-list__icon {
display: table-cell;
font-size: 0;
vertical-align: top;
}
.faq-list__icon img {
width: 34px;
height: auto;
}
.faq-list__link {
color: #5fb6b9;
}
.faq-list__link:link {
display: inline-block;
margin-top: 8px;
color: #5fb6b9;
text-decoration: underline;
}
.faq-list__link:visited {
color: #5fb6b9;
}
@media (min-width: 768px) and (max-width: 1119px) {
.faq-list li dl dt:hover {
background: #e8f1f1;
color: #4e4544;
}
.faq-list li dl dt:hover:after {
color: #4e4544;
}
}
@media only screen and (max-width: 767px) {
.box-maternity-faq {
padding-bottom: 10px;
}
.box-maternity-faq .hdg_lv2 {
margin-bottom: 0;
padding-top: 30px;
}
.faq-list__icon img {
width: 27px;
height: auto;
}
.faq-list li dl {
margin: 0 -15px;
}
.faq-list li dl dt {
font-weight: bold;
}
.faq-contents {
margin: 15px 0 0;
}
.faq-list__content {
font-size: 14px;
}
.faq-list__content p {
line-height: 1.6;
}
.faq-list li dl dt {
padding: 25px 40px 24px 16px;
}
.faq-list li dl dt:after {
right: 19px;
margin-top: -8px;
}
.faq-list li dl dd {
padding: 9px 15px 19px;
}
.faq-list li dl dt:hover {
background: #e8f1f1;
color: #4e4544;
}
.faq-list li dl dt:hover:after {
color: #4e4544;
}
.page-faq .nav-backtotop {
border-top: 0;
}
.faq-list__link:link {
margin-top: 0;
}
.faq-list li dl dt .faq-list__icon {
vertical-align: middle;
}
}
/* accordion */
#accbox {
margin: 2em 0;
padding: 0;
}
#accbox li {
margin: 0 0 10px;
padding-left: 1.3em;
text-indent: -1em;
}
@media only screen and (max-width: 767px) {
#accbox li {
font-size: 13px;
}
#accbox p {
font-size: 13px;
}
}
#accbox dt {
display: block;
padding: 22px 0;
border: 1px dotted #c9c5c0;
color: #665e5a;
font-size: 15px;
text-align: center;
cursor: pointer;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
#accbox dt {
font-size: 14px;
}
}
#accbox dt:after {
margin: 0 0 0 4px;
font-family: 'brass' !important;
content: "\e147";
}
#accbox dt.click:after {
content: "\e15c";
}
.accbox dt:hover {
opacity: 0.6;
}
#accbox dd {
display: none;
padding: 20px 10px;
border: 1px dotted #c9c5c0;
border-top: none;
}
#accbox .accbox__title {
margin: 20px 0 10px;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
#accbox .accbox__title {
margin: 15px 0 5px;
font-size: 16px;
}
}
.accbox--top #accbox dt {
border: none;
background: #83cdd0;
color: #fff;
}
.accbox--top #accbox dd {
border: none;
}
/* Brass Group */
.box-brass-group{
padding: 60px 0 55px;
}
.box-brass-group__title{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.box-brass-group__title p{
color: #ba8251;
font-size: 14px;
line-height: 1.785;
margin-top: 24px;
}
.box-brass-group__content{
display: flex;
margin-top: 50px;
}
.box-brass-group__col{
padding: 0 ;
}
.box-brass-group__col:nth-of-type(1){
width: 56%;
}
.box-brass-group__col:nth-of-type(2){
width: 44%;
padding-left: 65px;
border-left: solid 1px #eee;
}
.box-brass-group__subtitle{
font-size: 14px;
font-weight: bold;
color: #333;
margin-bottom: 32px;
}
.box-brass-group__colContent{
display: flex;
}
.box-brass-group__subColumn{
width: 50%;
}
.box-brass-group__link{
display: flex;
letter-spacing: 0.05em;
}
.box-brass-group__link + .box-brass-group__link{
margin-top: 24px;
}
.box-brass-group__link p{
width: 80px;
flex-shrink: 0;
font-size: 11px;
line-height: 1.9;
color: #666;
}
.box-brass-group__link ul li + li{
margin-top: 8px;
}
.box-brass-group__link ul li a{
font-size: 11px;
line-height: 1.54;
letter-spacing: 0.05em;
color: #666;
}
.box-brass-group__oricon{}
.box-brass-group__oricon span{
display: flex;
justify-content: center;
font-size: 0;
}
.box-brass-group__oricon p{
text-align: center;
color: #b89c6d;
font-size: 11px;
line-height: 1.5;
margin-top: 20px;
}
@media only screen and (max-width: 991px) {
.box-brass-group{
padding: 40px 20px 40px;
}
.box-brass-group__title{
justify-content: flex-start;
text-align: left;
align-items: flex-start;
}
.box-brass-group__title figure{
max-width: 108px;
}
.box-brass-group__title p{
font-size: 12px;
line-height: 1.75;
margin-top: 9px;
}
.box-brass-group__content{
margin-top: 25px;
flex-direction: column;
}
.box-brass-group__col{
padding: 0 ;
}
.box-brass-group__col:nth-of-type(1){
width: 100%;
}
.box-brass-group__col:nth-of-type(2){
width: 100%;
padding-left: 0;
border-left: none;
}
.box-brass-group__col + .box-brass-group__col{
margin-top: 28px;
padding-top: 28px;
border-top: solid 1px #eee;
}
.box-brass-group__subtitle{
font-size: 13px;
margin-bottom: 16px;
}
.box-brass-group__colContent{
flex-direction: column;
}
.box-brass-group__subColumn{
width: 100%;
}
.box-brass-group__subColumn + .box-brass-group__subColumn{
margin-top: 12px;
}
.box-brass-group__link + .box-brass-group__link{
margin-top: 20px;
}
.box-brass-group__link p{
width: 80px;
font-size: 11px;
line-height: 1.9;
}
.box-brass-group__link ul li + li{
margin-top: 8px;
}
.box-brass-group__link ul li a{
font-size: 11px;
line-height: 1.54;
}
.box-brass-group__oricon span{
justify-content: flex-start;
}
.box-brass-group__oricon span img{
height: 20px;
}
.box-brass-group__oricon p{
text-align: left;
font-size: 10px;
line-height: 1.5;
margin-top: 15px;
}
}
/*# sourceMappingURL=../maps/common.css.map */