@charset "UTF-8";
    *, *::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul[class], ol[class] {
padding: 0;
}
body, h1, h2, h3, h4, p, ul[class], ol[class], figure, blockquote, dl, dd {
margin: 0;
}
body {
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
ul[class], ol[class] {
list-style: none;
}
a:not([class]) {
text-decoration-skip-ink: auto;
}
img {
display: block;
}
article > * + * {
margin-top: 1em;
}
input, button, textarea, select {
font: inherit;
}
@media (prefers-reduced-motion: reduce) {
* {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
-webkit-transition-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
main {
display: block;
}
html {
font-size: 62.5%;
font-family: "Lato", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
line-height: 1.6;
color: #000;
text-rendering: auto;
font-weight: normal;
}
@media screen and (max-width: 414px) {
html {
font-size: 2.7777777778vw;
}
}
.mincho {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
} .font__en, .footer .copy, .footer__txt, .kv_txt, .header .copy, .gallery .feed__copy, .menu_box__item .txtarea .hls, .hl .en {
font-family: bodoni-urw, serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.09em;
}
.font__en--bold {
font-weight: 700;
}
.font__jp {
font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
} .normal {
font-weight: normal !important;
}
.bold {
font-weight: bold !important;
}  a {
color: #000;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
a:hover {
color: #000;
}
.pointer {
cursor: pointer;
}
.no_point {
pointer-events: none !important;
}
img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: bottom;
width: 100%;
height: auto;
display: block;
} .align_center {
text-align: center !important;
}
.align_left {
text-align: left !important;
}
.align_right {
text-align: right !important;
} ::-moz-selection {
background: #e9e9e9;
}
::selection {
background: #e9e9e9;
} .clearfix:after {
content: " ";
display: block;
clear: both;
}  .no_padding {
padding: 0 !important;
} input, button, textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input:not([type=checkbox]), button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
}
input[type=text],
input[type=email],
input[type=tel],
textarea {
outline: none;
border: 1px solid #aaa;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} .d_sp {
display: block;
}
@media screen and (min-width: 768px) {
.d_sp {
display: none;
}
}
.d_pc {
display: none;
}
@media screen and (min-width: 768px) {
.d_pc {
display: block;
}
} .shadow {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
} .round {
border-radius: 4px;
} .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.row {
display: block;
}
}
.row--rev {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.row .col {
width: 50%;
}
@media screen and (max-width: 767px) {
.row .col {
width: auto;
width: initial;
}
}
.row .col--sm {
width: 30%;
}
@media screen and (max-width: 767px) {
.row .col--sm {
width: auto;
width: initial;
}
}
.row .col--lg {
width: 70%;
}
@media screen and (max-width: 767px) {
.row .col--lg {
width: auto;
width: initial;
}
} .lineclamp--1 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.lineclamp--2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.lineclamp--3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.lineclamp--4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.lineclamp--5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
a:focus, *:focus {
outline: none;
} .opacity {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.opacity:hover {
opacity: 0.6;
} .d_pc {
display: block;
}
@media screen and (max-width: 767px) {
.d_pc {
display: none;
}
}
.d_sp {
display: none;
}
@media screen and (max-width: 767px) {
.d_sp {
display: block;
}
}
.inner {
max-width: 1200px;
margin: 0 auto;
padding: 60px 0;
}
@media screen and (max-width: 767px) {
.inner {
padding: 12% 8%;
overflow: hidden;
}
}
.section__inner {
position: relative;
padding: 80px 0;
}
@media screen and (max-width: 767px) {
.section__inner {
padding: 12% 0;
}
}
.hl {
color: #0067B2;
display: inline-block;
line-height: 1.2;
padding-top: 60px;
}
@media screen and (max-width: 767px) {
.hl {
display: block;
padding-top: 0;
position: relative;
z-index: 20;
}
}
.hl .en {
font-size: 80px;
font-size: 8rem;
}
@media screen and (max-width: 767px) {
.hl .en {
font-size: 60px;
font-size: 6rem;
}
}
.hl .jp {
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
}
.txt {
font-size: 16px;
font-size: 1.6rem;
line-height: 2.4;
color: #0067B2;
}
@media screen and (max-width: 767px) {
.txt {
font-size: 14px;
font-size: 1.4rem;
}
}
.illust {
position: absolute;
z-index: 2;
}
.illust01 {
width: 15%;
padding-top: 15%;
top: 36%;
left: 53%;
background: url(/asset/img/illust01.jpg) no-repeat center;
background-size: cover;
z-index: 0;
}
@media screen and (max-width: 767px) {
.illust01 {
width: 70%;
padding-top: 70%;
opacity: 0.2;
left: -17%;
}
}
.illust02 {
width: 15%;
padding-top: 15%;
top: 74%;
left: 83%;
background: url(/asset/img/illust02.jpg) no-repeat center;
background-size: cover;
z-index: 0;
}
@media screen and (max-width: 767px) {
.illust02 {
width: 60%;
padding-top: 60%;
opacity: 0.3;
}
}
.illust03 {
width: 15%;
padding-top: 8.3%;
top: 20%;
left: 83%;
background: url(/asset/img/txt_buauo.png) no-repeat center;
background-size: cover;
z-index: 2;
}
@media screen and (max-width: 767px) {
.illust03 {
width: 50%;
padding-top: 28.3%;
top: 29%;
left: 50%;
opacity: 0.2;
}
}
.illust04 {
width: 20%;
padding-top: 20%;
top: -10%;
left: 64%;
background: url(/asset/img/illust03.jpg) no-repeat center;
background-size: cover;
z-index: 0;
}
@media screen and (max-width: 767px) {
.illust04 {
width: 60%;
padding-top: 60%;
}
}
.illust05 {
width: 18%;
padding-top: 18%;
top: 50%;
left: 84%;
background: url(/asset/img/illust04.jpg) no-repeat center;
background-size: cover;
z-index: 0;
}
@media screen and (max-width: 767px) {
.illust05 {
top: 53%;
}
}
.illust06 {
width: 18%;
padding-top: 18%;
top: 50%;
left: 0;
background: url(/asset/img/illust05.jpg) no-repeat center;
background-size: cover;
z-index: 0;
}
@media screen and (max-width: 767px) {
.illust06 {
width: 30%;
padding-top: 30%;
top: 58%;
left: 80%;
}
}
.illust07 {
width: 30%;
padding-top: 30%;
bottom: -20%;
right: 0;
background: url(/asset/img/illust06.jpg) no-repeat center;
background-size: cover;
z-index: 0;
}
@media screen and (max-width: 767px) {
.illust07 {
bottom: -8%;
}
}
.ph {
position: absolute;
z-index: 1;
}
.ph01 {
width: 25%;
padding-top: 25%;
top: 5%;
left: 55%;
background: url(/asset/img/ph01.jpg) no-repeat center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.ph01 {
width: 45%;
padding-top: 45%;
top: 15%;
left: -21%;
opacity: 0.3;
}
}
.ph02 {
width: 15%;
padding-top: 15%;
top: 26%;
left: 80%;
background: url(/asset/img/ph02.jpg) no-repeat center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.ph02 {
width: 35%;
padding-top: 35%;
opacity: 0.2;
}
}
.ph03 {
width: 22%;
padding-top: 22%;
top: 45%;
left: 67%;
background: url(/asset/img/ph03.jpg) no-repeat center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.ph03 {
width: 62%;
padding-top: 62%;
opacity: 0.3;
}
}
.ph04 {
width: 16%;
padding-top: 16%;
top: 73%;
left: 56%;
background: url(/asset/img/ph04.jpg) no-repeat center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.ph04 {
width: 55%;
padding-top: 55%;
top: 90%;
left: -20%;
opacity: 0.3;
}
}
.about .hl {
text-align: right;
}
.about .section__inner {
padding-right: 45%;
}
@media screen and (max-width: 767px) {
.about .section__inner {
padding-right: 0;
}
}
.about .txt {
margin-top: 60px;
padding-left: 90px;
}
@media screen and (max-width: 767px) {
.about .txt {
margin-top: 12%;
padding-left: 0;
position: relative;
z-index: 10;
}
}
.menu .hl {
display: block;
text-align: center;
}
.menu .txt {
margin-top: 10px;
line-height: 1.7;
}
@media screen and (max-width: 767px) {
.menu .txt {
font-size: 14px;
font-size: 1.4rem;
margin-top: 2em;
}
}
.menu_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 20;
}
@media screen and (max-width: 767px) {
.menu_box {
display: block;
}
}
.menu_box__item {
margin-top: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
@media screen and (max-width: 767px) {
.menu_box__item {
margin-top: 20%;
display: block;
}
}
.menu_box__item--lunch {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-right: 35%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.menu_box__item--lunch {
padding-right: 0;
}
}
.menu_box__item--dinner {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-left: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.menu_box__item--dinner {
padding-left: 0;
}
}
.menu_box__item--takeout {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.menu_box__item--drink {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.menu_box__item .pic {
width: 280px;
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.menu_box__item .pic {
width: 100%;
position: relative;
z-index: 10;
}
}
.menu_box__item .txtarea {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.menu_box__item .txtarea {
margin-right: 0;
margin-top: 12%;
}
}
.menu_box__item .txtarea .hls {
font-size: 30px;
font-size: 3rem;
line-height: 1;
color: #0067B2;
}
.menu_box__item .txtarea .hlss {
font-size: 18px;
font-size: 1.8rem;
margin-top: 20px;
color: #0067B2;
}
@media screen and (max-width: 767px) {
.menu_box__item .txtarea .hlss {
font-size: 15px;
font-size: 1.5rem;
margin-top: 2em;
}
}
.access {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
.access {
display: block;
}
}
.access a {
display: inline;
color: #0067B2;
text-decoration: none;
}
.access .map {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-top: 50%;
position: relative;
}
@media screen and (max-width: 767px) {
.access .map {
padding-top: 100%;
margin-top: 12%;
}
}
.access .map iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.access .txtarea {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.access .txtarea {
padding: 0 6%;
}
}
.access .txtarea .hl {
padding-top: 0;
}
.access .txtarea .txt {
margin-top: 60px;
line-height: 2;
}
.access .txtarea .txt a {
text-decoration: underline;
}
.gallery .hl {
display: block;
text-align: center;
}
.gallery .feed {
margin-top: 40px;
}
.gallery .feed__copy {
text-align: right;
margin-top: 20px;
font-size: 16px;
font-size: 1.6rem;
color: #0067B2;
}
.welcome {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, .8);
z-index: 1110000;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
opacity: 0;
pointer-events: none;
}
.welcome.is_active {
opacity: 1;
pointer-events: all;
}
.welcome__inner {
width: 1180px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -60%);
transform: translate(-50%, -60%);
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: #FFF;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.welcome__inner {
width: 90%;
display: block;
}
}
.welcome__ph {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.welcome__txtarea {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #0067B2;
}
@media screen and (max-width: 767px) {
.welcome__txtarea {
padding: 10% 6% 8%;
}
}
.welcome__hl {
font-size: 20px;
font-size: 2rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.welcome__hl {
font-size: 16px;
font-size: 1.6rem;
}
}
.welcome__txt {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
margin-top: 20px;
text-align: center;
}
@media screen and (max-width: 767px) {
.welcome__txt {
margin-top: 6%;
font-size: 11px;
font-size: 1.1rem;
}
}
.welcome__txt strong {
font-size: 1.1em;
}
.welcome__txt strong.lg {
color: rgb(163, 0, 0);
font-size: 1.2em;
line-height: 1.4;
}
.welcome__close {
width: 30px;
height: 30px;
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
cursor: pointer;
} .header {
background: #0067B2;
}
.header .inner {
max-width: none;
max-width: initial;
padding: 60px;
}
@media screen and (max-width: 767px) {
.header .inner {
padding: 8% 0;
}
}
.header .copy {
font-size: 12px;
font-size: 1.2rem;
margin-top: 20px;
text-align: center;
color: #FFF;
}
@media screen and (max-width: 767px) {
.header .copy {
font-size: 10px;
font-size: 1rem;
margin-top: 8%;
}
}
.nav {
max-width: 1280px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.nav {
display: none;
}
}
.nav_list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nav_list__item {
-webkit-flex-basis: 20%;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
}
.nav_list__item .jp {
display: block;
}
.nav_list__item .font__en, .nav_list__item .footer .copy, .footer .nav_list__item .copy, .nav_list__item .footer__txt, .nav_list__item .kv_txt, .nav_list__item .hl .en, .hl .nav_list__item .en, .nav_list__item .menu_box__item .txtarea .hls, .menu_box__item .txtarea .nav_list__item .hls, .nav_list__item .gallery .feed__copy, .gallery .nav_list__item .feed__copy, .nav_list__item .header .copy, .header .nav_list__item .copy {
display: block;
text-transform: uppercase;
letter-spacing: 0.15em;
font-size: 13px;
font-size: 1.3rem;
margin-top: 0.3em;
}
.nav_list__item a {
color: #FFF;
text-decoration: none;
}
.nav_list__item--logo img {
max-width: 150px;
margin: 0 auto;
}
.nav_sp {
display: none;
position: relative;
}
@media screen and (max-width: 767px) {
.nav_sp {
display: block;
}
}
.nav_sp .logo {
width: 30%;
margin: 0 auto;
}
.nav_sp .trigger {
width: 30px;
height: 24px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.nav_sp .trigger span {
display: inline-block;
width: 100%;
height: 1px;
background: #FFF;
position: absolute;
left: 0;
}
.nav_sp .trigger span:nth-child(1) {
top: 0;
}
.nav_sp .trigger span:nth-child(2) {
top: 12px;
}
.nav_sp .trigger span:nth-child(3) {
bottom: 0;
}
.nav_sp__wrap {
display: none;
}
.kv {
position: relative;
margin-top: 60px;
padding: 0 60px 48px;
}
@media screen and (max-width: 767px) {
.kv {
margin-top: 10%;
padding: 0 8% 12%;
}
}
.kv_txt {
font-size: 4.6vw;
letter-spacing: 0.04em;
position: absolute;
color: #0067B2;
left: 0;
top: 50%;
line-height: 1;
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
z-index: 1000000;
}
@media screen and (max-width: 767px) {
.kv_txt {
font-size: 8vw;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.kv_txt span {
background: rgba(255, 255, 255, .8);
display: inline-block;
margin-top: 0.2em;
padding: 0.1em 0.1em 0.1em 0.3em;
}
.kv_teq {
width: 10%;
position: absolute;
left: 20px;
bottom: -50px;
z-index: 1;
}
@media screen and (max-width: 767px) {
.kv_teq {
width: 20%;
bottom: 100px;
}
}
.kv_access {
font-size: 16px;
font-size: 1.6rem;
color: #FFF;
line-height: 2;
position: absolute;
right: 0;
bottom: 0;
z-index: 1000000;
}
@media screen and (max-width: 767px) {
.kv_access {
font-size: 12px;
font-size: 1.2rem;
text-align: right;
position: static;
margin-top: 8%;
}
}
.kv_access a {
display: inline;
color: #FFF;
text-decoration: none;
}
.kv_slide {
width: 100%;
}
.kv_slide__item {
width: 100%;
padding-top: 50%;
}
@media screen and (max-width: 767px) {
.kv_slide__item {
padding-top: 100%;
}
}
@media screen and (min-width: 1440px) {
.kv_slide__item {
padding-top: 45%;
}
}
.kv_slide__item01 {
background: url(/asset/img/kv01.jpg) no-repeat center;
background-size: cover;
}
.kv_slide__item02 {
background: url(/asset/img/kv02.jpg) no-repeat center;
background-size: cover;
}
.kv_slide__item03 {
background: url(/asset/img/kv03.jpg) no-repeat center;
background-size: cover;
}
.kv_slide__item04 {
background: url(/asset/img/kv04.jpg) no-repeat center;
background-size: cover;
}
.kv_slide__item05 {
background: url(/asset/img/kv05.jpg) no-repeat center;
background-size: cover;
}
.info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.info {
display: block;
margin: -10% -5% 0;
padding: 6%;
background: rgba(0, 103, 178, .1);
}
}
.info_hl {
font-size: 30px;
font-size: 3rem;
color: #0067B2;
margin: 0 1.5em;
}
@media screen and (max-width: 767px) {
.info_hl {
font-size: 26px;
font-size: 2.6rem;
margin: 0;
}
}
.info_list {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: #0067B2;
font-size: 16px;
font-size: 1.6rem;
padding: 1em 0 1em 3em !important;
border-left: solid 1px #0067B2;
}
@media screen and (max-width: 767px) {
.info_list {
font-size: 14px;
font-size: 1.4rem;
padding: 1em 0 1.5em 2em !important;
}
}
.info_list__item {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.info_list__item {
display: block;
}
}
.info_list__item time {
margin-right: 2em;
}
@media screen and (max-width: 767px) {
.info_list__item time {
display: block;
margin-right: 0;
font-size: 12px;
font-size: 1.2rem;
}
}
.info_list__item a {
color: #0067B2;
display: inline;
}
.info_list__item:not(:first-child) {
margin-top: 1em;
} .footer {
background: #0067B2;
}
.footer__logo {
width: 160px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.footer__logo {
width: 120px;
}
}
.footer__txt {
text-align: center;
font-size: 16px;
font-size: 1.6rem;
margin-top: 40px;
color: #FFF;
}
@media screen and (max-width: 767px) {
.footer__txt {
font-size: 12px;
font-size: 1.2rem;
}
}
.footer__txt a {
display: inline;
color: #FFF;
text-decoration: none;
}
.footer .copy {
margin-top: 40px;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
color: #FFF;
}
@media screen and (max-width: 767px) {
.footer .copy {
margin-top: 20%;
font-size: 10px;
font-size: 1rem;
}
}
.page_content {
max-width: 780px;
margin: 0 auto;
}
.page_content .wp-block-heading {
font-size: 1.8rem;
margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
.page_content .wp-block-heading {
font-size: 1.6rem;
}
}
.page_content p {
font-size: 1.6rem;
margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
.page_content p {
font-size: 1.4rem;
}
}