@charset "utf-8";
@charset "utf-8";

  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,picture {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
line-height: 1.5em;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
margin : 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
img {
vertical-align: bottom;
border: none;
}
picture {
display: block;
} :root {
--inner: 100rem;
}
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
html {
-webkit-font-smoothing: antialiased;
font-size: 62.5%;
}
@media screen and (max-width: 1200px) {
html {
font-size: 0.7320644217vw;
}
}
@media screen and (max-width: 767px) {
html {
font-size: 2.6666666667vw;
}
}
body {
margin: 0 auto;
padding: 0;
font-size: 1.6rem;
line-height: 1.8em;
color: #2C2623;
height: 100%;
font-family: YakuHanJP,"Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 500;
position: relative;
}
@media screen and (max-width: 767px) {
body {
font-size: 1.4rem;
}
}
.en {
font-family: "Outfit", sans-serif;
font-weight: 400;
font-style: normal;
}
.en2 {
font-family: "Braah One", sans-serif;
font-weight: 400;
font-style: normal;
}
table {
margin : 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
img {
vertical-align: bottom;
border: none;
max-width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
main {
display: block;
position: relative;
}
a {
outline:none;
color: #2C2623;
}
a:hover {
text-decoration: none;
}
a,a:hover,a:hover img,button,input {
-webkit-transition: 0.5s;
transition: 0.5s;
text-decoration: none;
}
a:hover {
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
} input[type=text]:focus {
outline: none;
}
#main {
overflow: hidden;
}
section {
position: relative;
}
.container {
max-width: calc(var(--inner) + 6rem);
margin-left: auto;
margin-right: auto;
padding-left: 3rem;
padding-right: 3rem;
}
.pt-0 {
padding-top: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
@media only screen and ( max-width : 767px ) {
.container {
max-width: 100%;
}
.br_pc {
display: none;
}
.sp_none{display:none !important;}
}
@media print, screen and ( min-width : 768px ) {
.br_sp {
display: none;
}
.sp { display:none !important; }
} .d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
@media (min-width: 576px) {
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
}
@media (min-width: 768px) {
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
}
@media (min-width: 992px) {
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
}
@media (min-width: 1200px) {
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
} .text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
} #header {
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 99;
transition: transform 0.3s 0.3s;
}
#header.scroll {
background: transparent;
backdrop-filter: blur(5px);
}
#header.hidden {
transform: translateY(-100%);
transition: transform 0.3s ease-out;
}
@media only screen and ( max-width : 767px ) {
#header {
height: 6.5rem;
padding: 1.5rem;
align-items: center;
}
header.hidden {
transform: translateY(-6.8rem) !important;
}
.open header.hidden {
transform: translateY(0) !important;
}
#h_logo {
position: fixed;
top: 1.2rem;
left: 1.5rem;
z-index: 104;
}
#h_logo img {
width: 18rem;
}
#menu_btn {
transition: .3s;
cursor: pointer;
position: absolute !important;
z-index: 9999;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 4.5rem;
height: 4.5rem;
background: #DAA039;
right: 1.5rem;
top: 1rem;
border-radius: 50%;
}
#menu_btn.active {
}
.overlay {
content: "";
display: block;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: 100;
opacity: 0;
transition: opacity .5s;
}
.overlay.open {
width: 100%;
height: 100vh;
opacity: 1;
}
#main {
height: 100%;
transition: all .5s;
}
.menu-trigger {
vertical-align: middle;
text-align: center;
position: relative;
width: 1.2rem;
height: .6rem;
}
.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: .2rem;
background-color: #fff;
transition: all .5s;
border-radius: 1rem;
}
#menu_btn.active .menu-trigger span {
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(3) {
}
#menu_btn.active .menu-trigger span:nth-of-type(1) {
transform: translateY(.2rem) rotate(-45deg);
} .menu-trigger span:nth-of-type(2) {
bottom: 0;
}
#menu_btn.active .menu-trigger span:nth-of-type(2) {
transform: translateY(-.2rem) rotate(45deg);
}
#gNav {
min-height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 101;
transition: all .2s;
width: 100%;
padding: 7rem 2rem 3.2rem;
opacity: 0;
visibility: hidden;
}
#gNav.open { opacity: 1;
visibility: visible;
display: flex;
flex-direction: column;
background: rgba(255,255,255,1);
}
#gNav .nav {
border: 1px solid #3a9d5c;
border-radius: 1.6rem;
width: 100%;
max-width: 52rem;
margin: 0 auto;
min-height: 0;
padding: 1.2rem 0 0.4rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
position: relative;
background: #47B46D;
box-shadow: 0 0.6rem 2.8rem rgba(44, 38, 35, 0.12);
}
#gNav .nav > li {
text-align: left;
margin-bottom: 0;
padding: 0 1.6rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}
#gNav .nav > li:last-child {
border-bottom: none;
}
#gNav .nav > li > a {
position: relative;
display: block;
width: 100%;
box-sizing: border-box;
font-size: 1.8rem;
line-height: 1.45;
border-bottom: none;
padding: 1.5rem 0 1.55rem;
font-weight: 700;
color: #fff;
letter-spacing: 0.02em;
}
#gNav .nav > li.has-dropdown {
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
#gNav .nav > li.has-dropdown > .nav-parent {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.2rem;
padding-right: 0;
min-height: 5.2rem;
}
#gNav .nav > li.has-dropdown > .nav-parent::after {
content: "";
flex-shrink: 0;
width: 0;
height: 0;
border: 0.45rem solid transparent;
border-top-color: #fff;
border-bottom: 0;
margin-top: 0.35rem;
transition: transform 0.25s ease;
}
#gNav .nav > li.has-dropdown.is-open > .nav-parent::after {
transform: rotate(180deg);
margin-top: 0;
margin-bottom: 0.35rem;
}
#gNav .nav > li.has-dropdown.is-open > .nav-parent {
color: #fff;
}
#gNav .nav .submenu {
max-height: 0;
overflow: hidden;
margin: 0;
padding: 0;
text-align: left;
opacity: 0;
visibility: hidden;
transition: max-height 0.35s ease, opacity 0.25s ease, margin 0.25s ease, padding 0.25s ease, visibility 0.25s;
}
#gNav .nav > li.has-dropdown.is-open .submenu {
max-height: 24rem;
margin: 0 0 1.4rem;
padding: 1rem 1rem 1.2rem;
background: rgba(255, 255, 255, 0.16);
border-radius: 1rem;
opacity: 1;
visibility: visible;
}
#gNav .nav .submenu li {
margin-bottom: 0.6rem;
}
#gNav .nav .submenu li:last-child {
margin-bottom: 0;
}
#gNav .nav .submenu a {
display: flex;
align-items: center;
position: relative;
font-size: 1.55rem;
font-weight: 600;
line-height: 1.5;
color: #fff;
padding: 1.15rem 1rem 1.15rem 2.8rem;
border-radius: 0.65rem;
border-bottom: none;
background: rgba(255, 255, 255, 0.08);
transition: background 0.2s ease;
}
#gNav .nav .submenu a::before {
content: "";
position: absolute;
left: 1rem;
top: 50%;
width: 0.55rem;
height: 0.55rem;
margin-top: -0.1rem;
border-right: 0.2rem solid rgba(255, 255, 255, 0.95);
border-bottom: 0.2rem solid rgba(255, 255, 255, 0.95);
transform: translateY(-50%) rotate(-45deg);
opacity: 0.9;
}
#gNav .nav .submenu a:active {
background: rgba(255, 255, 255, 0.2);
}
}
@media print, screen and ( min-width : 768px ) {
#header {
height: 9rem;
padding: 0 6rem;
display: flex;
align-items: center;
justify-content: space-between;
}
header.hidden {
transform: translateY(-9rem) !important;
}
#h_logo img {
width: 24.8rem;
}
#menu_btn,.overlay {
display: none;
}
#gNav .nav > li {
font-weight: 600;
margin-right: 2.4rem;
padding-right: 2.4rem;
position: relative;
}
#gNav .nav > li:last-child {
margin-right: 0;
padding-right: 0;
}
#gNav .nav > li:after {
content: "";
width: .1rem;
height: 1.2em;
background: #222;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(25deg);
}
#gNav .nav > li:last-child:after {
content: none;
}
#gNav .nav > li:last-child {
margin-right: 0;
}
#gNav .nav > li.has-dropdown > .nav-parent {
position: relative;
padding-right: 1.4rem;
}
#gNav .nav > li.has-dropdown > .nav-parent::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
border: .35rem solid transparent;
border-top-color: #2C2623;
transform: translateY(-25%);
}
#gNav .nav > li.has-dropdown .submenu {
position: absolute;
top: calc(100% + .8rem);
left: 50%;
transform: translateX(-50%);
min-width: 24rem;
margin: 0;
padding: .8rem 0;
list-style: none;
background: #fff;
border-radius: .8rem;
box-shadow: 0 .4rem 2rem rgba(44, 38, 35, 0.12);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
z-index: 120;
}
#gNav .nav > li.has-dropdown:hover .submenu,
#gNav .nav > li.has-dropdown:focus-within .submenu {
opacity: 1;
visibility: visible;
}
#gNav .nav > li.has-dropdown .submenu li {
margin: 0;
padding: 0;
}
#gNav .nav > li.has-dropdown .submenu li:after {
content: none;
}
#gNav .nav > li.has-dropdown .submenu a {
display: block;
padding: 1rem 1.8rem;
font-weight: 600;
font-size: 1.5rem;
line-height: 1.4;
white-space: nowrap;
opacity: 1;
}
#gNav .nav > li.has-dropdown .submenu a:hover {
background: #f4f4f2;
opacity: 1;
}
} .footer_logo .logo {
margin-bottom: 2rem;
display: block;
max-width: 27rem;
}
.footer_logo .address {
line-height: 1.64em;
}
.footer_nav_inner li {
font-weight: 500;
position: relative;
padding-left: 2.4rem;
}
.footer_nav_inner li:before {
content: "";
position: absolute;
top: .5rem;
left: 0;
width: 1.2rem;
height: 1.1rem;
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow.svg) no-repeat center / contain;
}
.footer_nav_inner li a {
display: block;
position: relative;
}
.footer_bottom {
border-top: 1px solid #ddd;
}
.f_sub_nav li {
position: relative;
margin-right: 1em;
padding-right: 1em;
}
.f_sub_nav li:after {
content: "";
height: 1em;
background: #222;
width: 1px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.f_sub_nav li:last-child {
margin-right: 0;
padding-right: 0;
}
.f_sub_nav li:last-child:after {
content: none;
}
@media only screen and ( max-width : 767px ) {
#footer {
padding: 4rem 0;
}
.footer_logo {
padding-bottom: 3rem;
border-bottom: 1px solid #ddd;
margin-bottom: 3rem;
}
.footer_logo .address {
}
.f_nav_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.f_nav_list li {
width: 48%;
margin-bottom: 1rem;
}
.footer_bottom {
margin-top: 3rem;
padding-top: 2rem;
}
.f_copy {
font-size: 1rem;
text-align: center;
margin-top: 3rem;
}
.f_sub_nav {
font-size: 1.2rem;
}
}
@media print, screen and ( min-width : 768px ) {
#footer {
padding: 6rem 0;
}
.footer_logo {
width: 38rem;
margin-right: 6rem;
}
.footer_logo .address {
}
.footer_nav {
width: 40rem;
}
.footer_nav_inner li:before {
top: .8rem;
}
.footer_nav_inner {
margin-right: 5rem;
flex: auto;
}
.footer_nav_inner:last-child {
margin-right: 0;
}
.footer_nav_inner .f_nav_list {
}
.footer_nav_inner li {
margin-bottom: 1.5rem;
}
.footer_nav_inner li:last-child {
margin-bottom: 0;
}
.footer_bottom {
margin-top: 4rem;
padding-top: 4rem;
}
.f_copy {
font-size: 1.1rem;
}
.f_sub_nav {
font-size: 1.3rem;
}
} .fit {
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
width: 100%;
height: 100%;
}
.title_heading,
.title_heading_inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column-reverse;
}
.title_heading .title_jp {
font-weight: 900;
text-align: center;
}
.title_heading .title_en img {
display: block;
}
.btn {
display: flex;
align-items: center;
justify-content: center;
position: relative;
max-width: 22rem;
color: #fff;
background: #222;
height: 6rem;
border-radius: 6rem;
font-weight: 700;
}
.btn:after {
content: "";
position: absolute;
width: 3.4rem;
height: 3.4rem;
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_bg_black.svg) no-repeat center / contain;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
}
.btn_center {
margin: 0 auto;
}
.btn_medium {
max-width: 35rem;
height: 6rem;
}
.btn_brown {
background: #B4987C;
}
.btn_red {
background: #D64545;
}
.btn_white {
background: #fff;
color: #47B46D;
}
.btn_green {
background: #47B46D;
}
.btn_brown:after {
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_brown.svg) no-repeat center / contain;
}
.btn_red:after {
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_red.svg) no-repeat center / contain;
}
.btn_white:after {
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_green.svg) no-repeat center / contain;
}
.btn_green:after {
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_green.svg) no-repeat center / contain;
}
@keyframes akabiraCircleSpin {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.about_illust {
position: relative;
}
.about_illust_img {
position: absolute;
z-index: 10;
transform-origin: center bottom;
backface-visibility: hidden;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
.about_illust01 {
animation-name: aboutIllustPopA;
animation-duration: 2.7s;
animation-delay: 0s;
width: 5rem;
}
.about_illust02 {
animation-name: aboutIllustPopB;
animation-duration: 3.2s;
animation-delay: 0.35s;
width: 11.2rem;
}
.about_illust03 {
animation-name: aboutIllustPopB;
animation-duration: 2.4s;
animation-delay: 0.75s;
width: 7rem;
}
.about_illust04 {
animation-name: aboutIllustPopA;
animation-duration: 3.5s;
animation-delay: 0.2s;
width: 9rem;
}
@media only screen and ( max-width : 767px ) {
.sec {
padding: 5rem 0;
}
.title_heading {
margin-bottom: 4rem;
}
.title_en {
}
.title_heading .title_jp {
font-size: 2.8rem;
}
.btn_center_sp {
margin: 0 auto;
}
.btn {
font-size: 1.5rem;
}
}
@media print, screen and ( min-width : 768px ) {
.sec {
padding: 10rem 0;
}
.title_heading {
margin-bottom: 6rem;
}
.title_heading .title_jp {
font-size: 4.2rem;
}
.btn {
font-size: 1.7rem;
}
} @keyframes akabiraCircleSpin {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes aboutIllustPopA {
0%,
100% {
transform: translateY(0) rotate(0deg);
}
18% {
transform: translateY(-5px) rotate(-2.5deg);
}
36% {
transform: translateY(-2px) rotate(1.8deg);
}
54% {
transform: translateY(-6px) rotate(-1.2deg);
}
72% {
transform: translateY(-1px) rotate(2deg);
}
88% {
transform: translateY(-3px) rotate(-0.8deg);
}
}
@keyframes aboutIllustPopB {
0%,
100% {
transform: translateY(0) rotate(0deg);
}
22% {
transform: translateY(-4px) rotate(2.2deg);
}
44% {
transform: translateY(-7px) rotate(-2deg);
}
62% {
transform: translateY(-2px) rotate(1.2deg);
}
80% {
transform: translateY(-5px) rotate(-1.6deg);
}
}
@keyframes journeyTitleTalk {
0%,
100% {
transform: translateX(0) scaleX(1) scaleY(1) rotate(0deg);
}
18% {
transform: translateX(0.25rem) scaleX(1.06) scaleY(0.95) rotate(1deg);
}
36% {
transform: translateX(0.1rem) scaleX(0.98) scaleY(1.03) rotate(-1deg);
}
52% {
transform: translateX(0.4rem) scaleX(1.08) scaleY(0.94) rotate(1.2deg);
}
72% {
transform: translateX(0) scaleX(1) scaleY(1.01) rotate(-0.6deg);
}
100% {
transform: translateX(0) scaleX(1) scaleY(1) rotate(0deg);
}
} .news_list li:last-child {
margin-bottom: 0;
}
.news_list li a {
position: relative;
padding-right: 3.4rem;
}
.news_list li a:after {
content: "";
width: 2.4rem;
height: 2.4rem;
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/arrow_bg_green.svg) no-repeat center / contain;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.news_list li .news_date {
}
.news_list li .news_title {
font-weight: 500;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media only screen and ( max-width : 767px ) {
.news_list li {
}
.news_list li a {
display: flex;
flex-direction: column;
justify-content: center;
height: 7rem;
}
}
@media print, screen and ( min-width : 768px ) {
.news_list li {
}
.news_list li a {
display: flex;
align-items: center;
height: 6rem;
}
.news_list li .news_date {
width: 12rem;
padding-right: 2rem;
}
.news_list li .news_title {
width: calc(100% - 12rem);
}
} .pamphlet_wrap {
background: #F8F8EC;
box-shadow: 0 .3rem .6rem rgba(0, 0, 0, 0.16);
position: relative;
}
.pamphlet_wrap:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 12rem;
height: 12rem;
background: url(https://akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/pamphlet_title.png) no-repeat center / contain;
}
.pamphlet_img {
width: 10rem;
display: block;
margin: 0 auto 2rem;
}
.pamphlet_img img {
width: 100%;
}
.pamphlet_btn {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: #222;
max-width: 23rem;
height: 4.2rem;
font-size: 1.2rem;
border-radius: 4.2rem;
font-weight: 700;
margin: 0 auto;
}
@media only screen and ( max-width : 767px ) {
.pamphlet_wrap {
border-radius: 2rem;
padding: 2rem;
}
.pamphlet_wrap:before {
border-radius: 2rem 0 0 0;
width: 10rem;
height: 10rem;
}
}
@media print, screen and ( min-width : 768px ) {
.pamphlet_wrap {
border-radius: 3rem;
padding: 3rem;
}
.pamphlet_wrap:before {
border-radius: 3rem 0 0 0;
}
} .wp-pagenavi {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wp-pagenavi .pages,
.previouspostslink,
.nextpostslink {
display: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
width: 6rem;
height: 6rem;
background: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin: 0 1rem;
color: #ccc;
font-family: "din-2014", sans-serif;
font-weight: 700;
font-size: 2.4rem;
border: none;
border-radius: 50%;
}
.wp-pagenavi .page:hover {
background: var(--mainColor);
color: #fff;
}
.wp-pagenavi .current {
background: var(--mainColor);
color: #fff;
}
.wp-pagenavi a, .wp-pagenavi span {
border: none !important;
}
.wp-pagenavi .extend {
display: flex;
align-items: center; 
}
.wp-pagenavi .first,
.wp-pagenavi .last {
display: flex;
align-items: center;
padding-top: .7em;
}
@media only screen and ( max-width : 767px ) {
.wp-pagenavi {
margin-top: 5rem;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
width: 4rem;
height: 4rem;
line-height: 3.5rem;
margin: 0 .5rem;
font-size: 2rem;
}
}
@media print, screen and ( min-width : 768px ) {
.wp-pagenavi {
margin-top: 10rem;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
line-height: 5.5rem;
}
} @media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}

.top_heading {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column-reverse;
}
.top_heading_inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column-reverse;
}
.top_heading .title_jp {
font-weight: 900;
text-align: center;
}
.top_heading_illust {
position: absolute;
}
.title_en img,
.top_heading_illust img {
width: 100%;
}
@media only screen and ( max-width : 767px ) {
.top_heading {
margin-bottom: 3rem;
}
.top_heading .title_en {
}
.top_heading .title_jp {
font-size: 4rem;
}
}
@media print, screen and ( min-width : 768px ) {
.top_heading {
margin-bottom: 9rem;
}
.top_heading .title_jp {
font-size: 8rem;
}
} #mv {
position: relative;
overflow: hidden;
background: #000;
}
.mv_video {
position: absolute;
inset: 0;
z-index: 1;
}
.mv_video video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.mv_title {
position: absolute;
z-index: 10;
color: #fff;
font-weight: 900;
letter-spacing: .15em;
}
@media only screen and ( max-width : 767px ) {
#mv {
height: 177.87vw;
width: calc(100svw - 4rem);
height: calc(100svh - 8.5rem);
margin: 0 auto;
border-radius: 2rem;
}
.mv_title {
font-size: 3rem;
bottom: 10rem;
left: 2rem;
}
}
@media print, screen and ( min-width : 768px ) {
#mv {
width: calc(100svw - 10rem); height: calc(100svh - 14rem);
margin: 0 auto;
border-radius: 4rem;
}
.mv_title {
font-size: 3.6vw;
bottom: 10vw;
left: 4vw;
}
} .mv_obi {
position: absolute;
width: 700%;
bottom: -.8rem;
left: -50%;
right: -50%;
z-index: 3;
}
.mv_obi_inner {
display: flex;
align-items: center;
position: relative;
z-index: 3;
padding:0 2%;
overflow: hidden;
}
.mv_obi_inner .mv_flowing {
white-space: nowrap;
}
.mv_obi_inner .mv_flowing p {
display: inline-block;
}
.mv_obi_inner .mv_flowing img {
width: 301.7rem;
display: block;
}
@media only screen and ( max-width : 767px ) {
.mv_obi_inner .mv_flowing p {
margin-right: 2rem;
}
}
@media print, screen and ( min-width : 768px ) {
.mv_obi {
width: 400%;
}
.mv_obi_inner .mv_flowing p {
margin-right: 2vw;
}
.mv_obi_inner .mv_flowing img {
min-width: 301.7rem;
width: 220.9vw;
}
} #news {
background: #F8F8EC;
position: relative;
}
#news:before {
content: "";
z-index: -1;
width: 100%;
left: 0;
position: absolute;
background: #F8F8EC;
height: 28rem;
top: -28rem;
}
#news .title_heading .title_jp {
letter-spacing: .1em;
}
#news .top_heading .title_en {
width: 13.8rem;
}
.news_list {
background: #fff;
overflow: auto;
border: 1px solid #B1B18A;
}
.news_list li {
border-bottom: 1px solid #ddd;
}
@media only screen and ( max-width : 767px ) {
#news {
border-radius: 0 0 4rem 4rem;
margin-top: 2rem;
}
.news_list {
height: 22rem;
padding: 1.5rem; }
#news .top_heading {
margin-bottom: 2rem;
}
#news .top_heading .title_jp {
font-size: 3.4rem;
}
}
@media print, screen and ( min-width : 768px ) {
#news {
border-radius: 0 0 8rem 8rem;
}
#news .news_heading {
width: 26rem;
}
#news .top_heading {
margin-bottom: 4rem;
align-items: flex-start;
}
#news .top_heading .title_jp {
font-size: 4rem;
}
.news_list {
width: 71rem;
height: 22rem;
padding: 2rem 4rem;
}
} #about,
#about .container {
position: relative;
}
#about .top_heading .title_en {
width: 19.6rem;
}
.about_inner {
position: relative;
z-index: 4;
}
#about .top_heading .top_heading_inner {
}
#about .top_heading .title_jp {
text-align: left;
}
#about .top_heading .title_jp .about_sub_title {
display: block;
color: #D64545;
line-height: 1.2;
}
.about_text {
line-height: 2em;
text-align: justify;
}
.about_gallery {
width: 100%;
overflow: hidden;
margin-top: 3rem;
}
.about_gallery_splide.splide {
cursor: grab;
}
.about_gallery_splide.splide:active {
cursor: grabbing;
}
.about_gallery_splide .splide__slide {
margin-right: 1.5rem;
}
.about_gallery_splide .splide__slide img {
display: block;
height: clamp(16rem, 38vw, 35rem);
width: auto;
max-width: none;
}
.about_illust_mapPin {
width: 17rem;
position: relative;
z-index: 5;
}
.about_illust_mapPin_circle {
position: relative;
text-align: center;
}
.akabira_circle {
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: center center;
animation: akabiraCircleSpin 16s linear infinite;
}
.akabira_pin {
position: absolute;
left: 50%;
z-index: 6;
top: 0;
opacity: 0;
will-change: transform, opacity;
}
.akabira_pin img {
width: 100%;
}
@media (prefers-reduced-motion: reduce) {
.akabira_circle {
animation: none;
}
.akabira_pin {
opacity: 1;
transform: translateX(-50%);
}
.about_illust_img {
animation: none;
}
}
@media only screen and ( max-width : 767px ) {
#about {
padding-bottom: 0;
}
#about .top_heading .title_jp .about_sub_title {
text-align: center;
}
#about .top_heading .title_en {
margin-right: -12rem;
}
#about .top_heading .title_en img {
transform: rotate(10deg);
}
#about .top_heading .title_jp {
font-size: 3.4rem;
}
#about .top_heading .title_jp .about_sub_title {
font-size: 4rem;
}
.about_text {
margin-bottom: 3rem;
}
.pamphlet_wrap {
margin-top: 3rem;
}
.about_illust{
position: relative;
min-height: 34rem;
}
.about_illust_mapPin {
left: 22%;
top: 4rem;
width: 14rem;
padding-top: 10rem;
}
.about_illust_mapPin_circle img {
width: 9.5rem;
}
.about_illust_mapPin_circle .akabira_circle {
width: 11rem;
}
.about_illust_map {
position: absolute;
right: -3rem;
left: -3rem;
top: 0;
}
.about_illust01 {
left: 1rem;
top: 18rem;
width: 3.5rem;
}
.about_illust02 {
right: 0;
top: 8rem;
width: 9rem;
}
.about_illust03 {
left: 8rem;
top: 25rem;
width: 5rem;
}
.about_illust04 {
right: 5rem;
top: 22rem;
width: 6rem;
}
.about_gallery_splide .splide__slide {
margin-right: .4rem;
}
}
@media print, screen and ( min-width : 768px ) {
#about:before {
content: "";
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%;
z-index: 3;
}
.about_inner {
width: 40rem;
}
#about .top_heading {
margin-bottom: 4rem;
}
#about .top_heading .title_jp {
font-size: 5rem;
}
#about .top_heading .title_jp .about_sub_title {
font-size: 8rem;
}
#about .title_en {
margin-bottom: 1.5rem;
}
.about_text {
font-size: 1.7rem;
margin-bottom: 6rem;
}
.about_illust {
width: 48rem;
}
.about_illust_map {
width: 212.1rem;
right: -132rem;
top: -35.8rem;
position: absolute;
z-index: -1;
}
.pamphlet_wrap {
margin-top: 5.5rem;
}
.about_gallery {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
z-index: 1;
}
.about_illust_mapPin {
left: 20.5rem;
padding-top: 13rem;
top: 4rem;
width: 20rem;
}
.about_illust_mapPin_circle img {
width: 17rem;
}
.about_illust_mapPin_circle .akabira_circle {
width: 19rem;
}
.akabira_pin {
width: 20rem;
}
.about_illust01 {
left: 12rem;
top: 25rem;
}
.about_illust02 {
right: -10rem;
top: 10rem;
}
.about_illust03 {
left: 23rem;
top: 41rem;
}
.about_illust04 {
right: -7rem;
top: 37rem;
}
} #souvenir {
background: #F8F8EC;
overflow: hidden;
}
#gourmet .title_jp .gourmet_sub_title {
display: block;
margin: 0 auto;
}
#gourmet .title_jp .gourmet_sub_title img {
display: block;
}
#gourmet .title_en {
position: absolute;
}
.top_list {
counter-reset: listnum;
}
.top_list_item {
background: #fff;
border-radius: 2rem;
box-shadow: 0 .3rem .6rem rgba(0, 0, 0, 0.16);
position: relative;
}
.top_list_item:before {
counter-increment: listnum;
content: counter(listnum, decimal-leading-zero);
font-family: "Braah One", sans-serif;
position: absolute;
z-index: 3;
font-size: 6rem;
-webkit-text-stroke: 0.08em #fff;
paint-order: stroke fill;
}
#gourmet .top_list_item:before {
color: #D64545;
}
#souvenir .top_list_item:before {
color: #C2C2A2;
}
.top_list_item_img {
position: relative;
border-radius: 2rem 2rem 0 0;
overflow: hidden;
}
.top_list_item_img img {
width: 100%;
}
.top_list_item_img:before {
content: "";
width: 100%;
background: url(//akabirakankoukyoukai.jp/wp/wp-content/themes/akabirakankoukyoukai/img/top/mask.png) no-repeat center center / 100%;
left: 0;
bottom: -1px;
z-index: 2;
position: absolute;
}
.top_list_item_title {
text-align: center;
font-weight: 700;
}
.top_list_item_text {
line-height: 1.8;
text-align: justify;
}
@media only screen and ( max-width : 767px ) {
#gourmet {
padding-bottom: 12rem;
margin-bottom: 6rem;
}
#souvenir {
padding-bottom: 20rem;
border-radius: 4rem;
}
#souvenir .mv_obi {
bottom: 6rem;
}
.top_list {
margin-bottom: 3rem;
}
.top_list_item {
margin-bottom: 4rem;
}
.top_list_item_img:before {
height: 2rem;
}
.top_list_item:last-child {
margin-bottom: 0;
}
.top_list_item:before {
left: 1.5rem;
top: -1.5rem;
}
.top_list_item_title {
font-size: 2.4rem;
margin-bottom: 1.5rem;
}
.top_list_item_content {
padding: 2rem;
}
#gourmet .title_jp .gourmet_sub_title {
max-width: 15rem;
}
#gourmet .title_en {
left: -7rem;
top: -3rem;
width: 12rem;
}
#souvenir .title_en {
margin-bottom: 1rem;
width: 18rem;
}
#gourmet .top_heading_illust {
width: 7rem;
right: -8rem;
bottom: 1rem;
}
#souvenir .top_heading_illust01 {
width: 7rem;
left: -5rem;
top: -3rem;
}
#souvenir .top_heading_illust02 {
width: 2.5rem;
right: -1rem;
top: -2.5rem;
}
#gourmet .top_heading,
#souvenir .top_heading {
margin-bottom: 5rem;
}
}
@media print, screen and ( min-width : 768px ) {
#gourmet {
padding-bottom: 12vw;
margin-bottom: 8vw;
}
#souvenir {
padding-bottom: 22vw;
border-radius: 8rem;
}
#souvenir .mv_obi {
bottom: 8vw;
}
#gourmet .title_jp .gourmet_sub_title {
max-width: 25.3rem;
}
#gourmet .title_en {
left: -12.6rem;
top: 2.2rem;
width: 19.6rem;
}
#souvenir .title_en {
margin-bottom: 1.5rem;
}
#gourmet .top_heading_illust {
width: 10.8rem;
right: -15.6rem;
bottom: 0;
}
#souvenir .top_heading_illust01 {
width: 11.2rem;
left: -16.4rem;
bottom: 0;
}
#souvenir .top_heading_illust02 {
width: 4.2rem;
right: -10.4rem;
top: 1.2rem;
}
.top_list {
margin-bottom: 6rem;
}
.top_list_item {
width: 47rem;
}
.top_list_item:before {
left: 3rem;
top: -1.5rem;
}
.top_list_item_img:before {
height: 3rem;
}
.top_list_item_title {
font-size: 3rem;
margin-bottom: 2rem;
}
.top_list_item_content {
padding: 1.5rem 5rem 3rem;
}
} #event .top_heading_inner {
align-items: flex-start;
}
.event_gallery {
width: 100%;
overflow: hidden;
margin-top: 3rem;
}
.event_hima_gallery_splide.splide {
cursor: grab;
}
.event_hima_gallery_splide.splide:active {
cursor: grabbing;
}
.event_hima_gallery_splide .splide__slide {
margin: 0;
}
.event_hima_gallery_splide .splide__slide img {
display: block;
width: 34rem;
max-width: 78vw;
height: auto;
border-radius: 1.5rem;
}
.event_list_item_img img {
border-radius: 1.5rem;
width: 100%;
}
.event_list_item_content p {
line-height: 2;
text-align: justify;
}
.event_list_item:last-child {
margin-bottom: 0;
}
@media only screen and ( max-width : 767px ) {
#event .title_en {
margin-bottom: -2rem;
margin-left: -3rem;
width: 15rem;
}
#event .top_heading_illust {
width: 9rem;
top: -3rem;
right: -2rem;
}
.event_list_item {
margin-bottom: 6rem;
}
.event_list_item_img {
margin-bottom: 2rem;
}
.event_list_item_title {
font-size: 2.4rem;
margin-bottom: 1.5rem;
}
.event_list_item_content p {
margin-bottom: 2rem;
}
.event_hima_gallery_splide .splide__slide img {
width: 20rem;
border-radius: 1rem;
}
}
@media print, screen and ( min-width : 768px ) {
#event .title_en {
margin-bottom: -2rem;
margin-left: -5rem;
width: 20.9rem;
}
#event .top_heading_illust {
width: 13.2rem;
top: 0;
right: -14rem;
}
.event_list_item {
margin-bottom: 14rem;
}
.event_gallery {
margin-top: 8rem;
}
.event_list_item_img {
width: 47%;
}
.event_list_item_content {
width: 45%;
}
.event_list_item_title {
font-size: 3rem;
margin-bottom: 2rem;
}
.event_list_item_content p {
font-size: 1.7rem;
margin-bottom: 3rem;
}
} #journey {
position: relative;
background: #47B46D;
}
#journey:before {
content: "";
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}
#journey .container,
.journey_wrap {
position: relative;
}
.journey_main {
flex: 1;
min-width: 0;
position:  relative;
z-index: 2;
}
.journey_visual {
flex-shrink: 0;
width: 100%;
max-width: 72rem;
position: absolute;
top: 0;
}
.journey_visual_cols {
display: flex;
gap: 2.5rem;
height: 100%;
}
.journey_gallery_splide.splide {
flex: 1;
height: 100%;
min-width: 0;
overflow: hidden;
border-radius: 1.2rem;
}
.journey_gallery_splide .splide__track,
.journey_gallery_splide .splide__list {
height: 100%;
}
.journey_gallery_splide .splide__slide {
overflow: hidden;
border-radius: 1rem;
}
.journey_gallery_splide .splide__slide img {
display: block;
width: 100%;
height: 24rem;
object-fit: cover;
}
#journey .top_heading .title_jp {
text-align: left;
color: #FFFFBA;
}
#journey .title_en img {
display: block;
transform-origin: left center;
}
#journey .title_en img.is-inview {
animation: journeyTitleTalk 1.1s ease-in-out 1 both;
}
.journey_text p {
color: #fff;
line-height: 2;
text-align: justify;
}
.journey_illust {
position: absolute;
}
@media (prefers-reduced-motion: reduce) {
#journey .title_en img {
animation: none;
}
}
@media only screen and ( max-width : 767px ) {
#journey:before {
background: rgba(71,180,109,.85);
}
#journey .top_heading,
#journey .top_heading_inner {
align-items: flex-start;
}
#journey .title_en {
width: 12rem;
}
.journey_visual_cols {
gap: 1rem;
}
.journey_gallery_splide .splide__slide img {
height: 12rem;
}
.journey_visual {
left: 0;
padding: 0 1rem;
}
.journey_illust {
top: 6rem;
right: 0;
width: 18rem;
}
.journey_text p {
margin-bottom: 3rem;
}
}
@media print, screen and ( min-width : 768px ) {
#journey:before {
background: linear-gradient(to right,  rgba(71,180,109,1) 0%,rgba(71,180,109,0.8) 50%,rgba(71,180,109,0.69) 57%,rgba(255,255,255,0) 100%);
}
#journey .top_heading {
margin-bottom: 4rem;
}
#journey .top_heading_inner {
align-items: flex-start;
}
.journey_inner {
width: 43rem;
position: relative;
}
.journey_text p {
font-size: 1.7rem;
margin-bottom: 7.5rem;
}
.journey_visual {
align-self: stretch;
right: -30rem;
}
.journey_illust {
bottom: 0;
right: -22rem;
width: 26rem;
}
} @media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}