@charset "Shift_JIS";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
padding: 0;
margin: 0;
font-size: 100%;
vertical-align: baseline;
outline: 0;
background: transparent;
border: 0;
}

body {
line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}

nav ul {
list-style: none;
}

blockquote,
q {
quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
content: '';
content: none;
}

a {
padding: 0;
margin: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

/* change colors to suit your needs */
ins {
color: #4d4d4d;
-webkit-text-decoration: none;
text-decoration: none;
background-color: #ff9;
}

/* change colors to suit your needs */
mark {
font-style: italic;
font-weight: bold;
color: #4d4d4d;
background-color: #ff9;
}

del {
-webkit-text-decoration: line-through;
text-decoration: line-through;
}

abbr[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted;
}

table {
border-spacing: 0;
border-collapse: collapse;
}

/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
padding: 0;
margin: 1em 0;
border: 0;
border-top: 1px solid #ccc;
}

input,
select {
vertical-align: middle;
}

details > summary {
list-style: none;
}

details > summary::-webkit-details-marker {
display: none;
}

button {
padding: 0;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
outline: none;
background-color: transparent;
border: none;
}

@media screen and (min-width: 768px) {
.display-sp {
display: none;
}
}

@media screen and (max-width: 767px) {
.display-pc {
display: none;
}
}

.mv {
width: auto;
background: #e3ecfa;
}
.mv .mv__img {
width: 100%;
height: auto;
}
.mv .mv__img img {
display: block;
width: min(2560px, 100%);
height: auto;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1441px) {
.mv .mv__img {
height: 700px;
}
.mv .mv__img img {
height: 100%;
object-fit: cover;
}
}

.nav {
box-sizing: border-box;
width: 100%;
background-color: rgba(255, 255, 255, 0.7);
border-bottom: 2px solid #fff;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
@media screen and (min-width: 768px) {
.nav {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 50;
}
}
.nav .nav-list {
box-sizing: border-box;
display: flex;
width: min(1200px, 100%);
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
.nav .nav-list {
justify-content: space-between;
}
}
@media screen and (max-width: 767px) {
.nav .nav-list {
flex-wrap: wrap;
gap: 12px 0;
justify-content: center;
padding: 12px 20px;
}
}
.nav .nav-item {
list-style: none;
}
@media screen and (min-width: 768px) {
.nav .nav-item {
flex: 1;
}
}
@media screen and (max-width: 767px) {
.nav .nav-item {
width: -webkit-fit-content;
width: fit-content;
}
}
.nav .nav-item .nav-item__link {
display: grid;
color: #38394c;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
transition: 0.3s ease;
}
@media screen and (min-width: 768px) {
.nav .nav-item .nav-item__link {
gap: 8px;
padding: 20px;
}
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.nav .nav-item .nav-item__link:hover,
.nav .nav-item .nav-item__link:focus {
background: #e3ecfa;
}
.nav .nav-item .nav-item__link:hover .nav-item__sub-text,
.nav .nav-item .nav-item__link:focus .nav-item__sub-text {
color: #0074bf;
}
}
@media screen and (max-width: 767px) {
.nav .nav-item .nav-item__link {
box-sizing: border-box;
gap: 4px;
width: 111px;
padding: 12px 8px;
}
}
@media screen and (max-width: 767px) {
.nav .nav-item .nav-item__link--wide {
width: 140px;
}
}
.nav .nav-item .nav-item__text {
line-height: 1;
color: #0074bf;
letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
.nav .nav-item .nav-item__text {
font-size: 20px;
}
}
.nav .nav-item .nav-item__sub-text {
font-size: 12px;
font-weight: 700;
line-height: 1.5;
color: #38394c;
letter-spacing: 0.12em;
}

@media screen and (min-width: 768px) {
.message {
padding-top: 120px;
padding-bottom: 120px;
background:
url('/open-innovation/images/img_message_bg_text_pc.png'),
url('/open-innovation/images/img_message_bottom_bg_pc.png');
background-repeat: no-repeat, no-repeat;
background-position:
top 49px right 47px,
center;
background-size:
min(740px, 59.6774193548vw) auto,
cover;
}
}
@media screen and (max-width: 767px) {
.message {
padding-top: 80px;
padding-bottom: 80px;
background:
url('/open-innovation/images/img_message_bg_text_sp.png'),
url('/open-innovation/images/img_message_bottom_bg_sp.png');
background-repeat: no-repeat, no-repeat;
background-position:
top 31px right 23px,
center;
background-size:
74.1333333333vw auto,
cover;
}
}
.message .message__inner {
display: grid;
}
@media screen and (min-width: 768px) {
.message .message__inner {
grid-template-columns: min(362px, 29.1935483871vw) 1fr;
gap: 80px;
}
}
@media screen and (max-width: 767px) {
.message .message__inner {
gap: 40px;
}
}
.message .message__person-img {
width: 100%;
overflow: hidden;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(96, 103, 148, 0.2);
}
@media screen and (min-width: 768px) {
.message .message__person-img {
aspect-ratio: 362/450;
}
}
@media screen and (max-width: 767px) {
.message .message__person-img {
aspect-ratio: 335/416;
}
}
.message .message__person-img img {
width: 100%;
height: 100%;
vertical-align: bottom;
object-fit: cover;
}
.message .message__content {
display: grid;
}
@media screen and (min-width: 768px) {
.message .message__content {
gap: 40px;
}
}
@media screen and (max-width: 767px) {
.message .message__content {
gap: 20px;
}
}
.message .message__text {
line-height: 2;
color: #38394c;
letter-spacing: 0.12em;
}
@media screen and (min-width: 768px) {
.message .message__text {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.message .message__text {
font-size: 14px;
}
}
.message .message__profile {
display: grid;
grid-gap: 12px;
gap: 12px;
text-align: right;
}
.message .message__profile-info {
display: grid;
}
@media screen and (min-width: 768px) {
.message .message__profile-info {
gap: 16px;
}
}
@media screen and (max-width: 767px) {
.message .message__profile-info {
gap: 12px;
}
}
.message .message__profile-info .message__profile-company {
font-weight: 700;
line-height: 1.5;
color: #0074bf;
letter-spacing: 0.12em;
}
@media screen and (min-width: 768px) {
.message .message__profile-info .message__profile-company {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.message .message__profile-info .message__profile-company {
font-size: 16px;
}
}
.message .message__profile-info .message__profile-name {
display: flex;
align-items: baseline;
margin-left: auto;
font-weight: 700;
line-height: 1.5;
color: #38394c;
letter-spacing: 0.12em;
}
@media screen and (min-width: 768px) {
.message .message__profile-info .message__profile-name {
gap: 20px;
font-size: 24px;
}
}
@media screen and (max-width: 767px) {
.message .message__profile-info .message__profile-name {
gap: 12px;
font-size: 20px;
}
}
@media screen and (min-width: 768px) {
.message .message__profile-info .message__profile-post {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.message .message__profile-info .message__profile-post {
font-size: 14px;
}
}

.about {
overflow: hidden;
}
@media screen and (min-width: 768px) {
.about {
padding-top: 120px;
padding-bottom: 120px;
background: url('/open-innovation/images/img_about_bg_pc.png');
background-repeat: no-repeat;
background-position: top 50px left 40px;
background-size: min(45.9677419355vw, 570px) auto;
}
}
@media screen and (max-width: 767px) {
.about {
padding-top: 80px;
padding-bottom: 80px;
background: url('/open-innovation/images/img_about_bg_sp.png');
background-repeat: no-repeat;
background-position: top 31px left 20px;
background-size: 57.0666666667vw auto;
}
}
.about .about__content {
display: grid;
}
@media screen and (min-width: 768px) {
.about .about__content {
gap: 80px;
}
}
@media screen and (max-width: 767px) {
.about .about__content {
gap: 40px;
}
}
.about .about__text {
line-height: 1.5;
color: #38394c;
letter-spacing: 0.12em;
}
@media screen and (min-width: 768px) {
.about .about__text {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.about .about__text {
font-size: 14px;
}
}
.about .about__text .about__name {
font-style: normal;
}
.about .about__text .about__lead {
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.about .about__text .about__lead {
margin-bottom: 16px;
}
}
.about .about-phase {
margin-bottom: 40px;
counter-reset: phase;
}
@media screen and (max-width: 767px) {
.about .about-phase {
margin-bottom: 32px;
}
}
.about .about-phase:last-child {
margin-bottom: 0;
}
.about .about-phase .about-phase__item {
list-style: none;
counter-increment: phase;
}
.about .about-phase .about-phase__item + .about-phase__item {
margin-top: 12px;
}
@media screen and (max-width: 767px) {
.about .about-phase .about-phase__item + .about-phase__item {
margin-top: 8px;
}
}
.about .about-phase .about-phase__title {
margin-bottom: 8px;
font-weight: bold;
color: #0074bf;
}
@media screen and (max-width: 767px) {
.about .about-phase .about-phase__title {
margin-bottom: 4px;
}
}
.about .about-phase .about-phase__title::before {
content: counter(phase) '. ';
}
.about .about-phase .about-phase__text {
padding-left: 1.4em;
}
.about .about__img {
width: 100%;
}
.about .about__img img {
width: 100%;
height: auto;
vertical-align: bottom;
}
@media screen and (min-width: 768px) {
.about .about__img {
margin-bottom: max(-24px, -1.8181818182vw);
}
}
@media screen and (max-width: 767px) {
.about .about__img {
width: calc(100% + 0.064 * 2 * 100%);
margin-left: calc(-1 * 0.064 * 100%);
margin-right: calc(-1 * 0.064 * 100%);
margin-top: calc(-1 * 0.0213333333 * 100%);
}
}

.about-slider {
position: relative;
box-sizing: border-box;
width: 100%;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.about-slider {
height: min(460px, 36.5079365079vw);
padding-bottom: 160px;
background: url('/open-innovation/images/img_about_slider_bg_pc.png');
background-repeat: no-repeat;
background-position: center bottom min(92px, 7.3015873016vw);
background-size: min(1241px, 100%) auto;
}
}
@media screen and (max-width: 767px) {
.about-slider {
height: 61.3333333333vw;
padding-bottom: 80px;
background: url('/open-innovation/images/img_about_slider_bg_sp.png');
background-repeat: no-repeat;
background-position: center bottom 12.2666666667vw;
background-size: 165.6vw auto;
}
}
.about-slider .about-slider__list {
position: absolute;
top: 0;
left: 50%;
padding: 0;
list-style: none;
translate: -50%;
}
.about-slider .slider {
display: flex;
gap: min(40px, 3.2258064516vw);
width: -webkit-fit-content;
width: fit-content;
}
@media screen and (max-width: 767px) {
.about-slider .slider {
gap: 5.3333333333vw;
}
}
.about-slider .slider__item {
flex-shrink: 0;
}
@media screen and (min-width: 768px) {
.about-slider .slider__item {
width: min(320px, 25.8064516129vw);
}
}
@media screen and (max-width: 767px) {
.about-slider .slider__item {
width: 42.6666666667vw;
}
}
.about-slider .slider__item:nth-child(2n) {
padding-top: min(60px, 4.8387096774vw);
}
@media screen and (max-width: 767px) {
.about-slider .slider__item:nth-child(2n) {
padding-top: 8vw;
}
}
.about-slider .slider__img {
margin: 0;
line-height: 0;
}
.about-slider .slider__img img {
width: 100%;
height: auto;
color: rgba(96, 103, 148, 0.2);
}
@media screen and (min-width: 768px) {
.about-slider .slider__img img {
border-radius: min(16px, 1.2903225806vw);
box-shadow: 0 20px 40px;
}
}
@media screen and (max-width: 767px) {
.about-slider .slider__img img {
border-radius: 2.1333333333vw;
box-shadow: 0 10px 20px;
}
}

.works {
overflow: hidden;
}
@media screen and (min-width: 768px) {
.works {
padding-top: 120px;
padding-bottom: 120px;
background:
url('/open-innovation/images/img_works_bg_text_pc.png'),
url('/open-innovation/images/img_works_bg_pc.png');
background-repeat: no-repeat, no-repeat;
background-position:
top 51px right 39px,
center;
background-size: min(499px, 40.2419354839vw), cover;
}
}
@media screen and (max-width: 767px) {
.works {
padding-top: 80px;
padding-bottom: 80px;
background:
url('/open-innovation/images/img_works_bg_text_sp.png'),
url('/open-innovation/images/img_works_bg_sp.png');
background-repeat: no-repeat, no-repeat;
background-position:
top 31px right 20px,
left top;
background-size:
50.1333333333vw auto,
413.8666666667vw auto;
}
}
.works .works__img {
width: 100%;
}
.works .works__img img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.works .works__carousel {
position: relative;
}
@media screen and (min-width: 768px) {
.works .works__carousel {
margin-top: 80px;
}
}
@media screen and (max-width: 767px) {
.works .works__carousel {
margin-top: 40px;
}
}
.works .works-list {
width: 100%;
height: auto;
}
.works .works-list__item {
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 20px;
height: auto;
background: linear-gradient(
-45deg,
rgba(255, 255, 255, 0.5),
rgba(255, 255, 255, 0.7),
rgba(255, 255, 255, 0.5)
);
border: 2px solid #fff;
border-radius: 20px;
box-shadow: 20px 40px 32px rgba(96, 103, 148, 0.2);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
@media screen and (min-width: 768px) {
.works .works-list__item {
width: 384px;
padding: 32px;
}
}
@media screen and (max-width: 767px) {
.works .works-list__item {
width: min(335px, 100%);
padding: 20px;
}
}
.works .works-list__item .works-list__category,
.works .works-list__item .works-list__title {
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.12em;
}
@media screen and (min-width: 768px) {
.works .works-list__item .works-list__category,
.works .works-list__item .works-list__title {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.works .works-list__item .works-list__category,
.works .works-list__item .works-list__title {
font-size: 16px;
}
}
.works .works-list__item .works-list__category {
color: #0074bf;
}
.works .works-list__item .works-list__title {
color: #38394c;
}
.works .works-list__item .works-list__img {
box-sizing: border-box;
aspect-ratio: 16/9;
overflow: hidden;
border: 2px solid #eff3fa;
border-radius: 20px;
}
.works .works-list__item .works-list__img img {
width: 100%;
height: 100%;
vertical-align: bottom;
object-fit: cover;
}
.works .works-list__item .works-list__text {
display: grid;
}
@media screen and (min-width: 768px) {
.works .works-list__item .works-list__text {
gap: 12px;
}
}
@media screen and (max-width: 767px) {
.works .works-list__item .works-list__text {
gap: 8px;
}
}
.works .works-list__item .works-list__content {
color: #38394c;
}
@media screen and (min-width: 768px) {
.works .works-list__item .works-list__content {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.works .works-list__item .works-list__content {
font-size: 14px;
}
}
.works .works-list__ctrl {
position: relative;
z-index: 10;
display: flex;
align-items: center;
margin-top: 40px;
}
.works .works-list__scrollbar {
flex: 1;
height: 4px;
background: #b3b5ca;
border-radius: 9999px;
}
@media screen and (min-width: 768px) {
.works .works-list__scrollbar {
margin-right: 40px;
}
}
@media screen and (max-width: 767px) {
.works .works-list__scrollbar {
margin-right: 20px;
}
}
.works .works-list__scrollbar .swiper-scrollbar-drag {
background: #0074bf;
}
.works .works-button {
align-content: center;
text-align: center;
cursor: pointer;
background: #fff;
background-image: url('/open-innovation/images/icon_button_arrow_blue.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
border-radius: 50%;
box-shadow: 0 8px 8px rgba(96, 103, 148, 0.2);
scale: -1 1;
transition: 0.3s ease;
}
@media screen and (min-width: 768px) {
.works .works-button {
width: 64px;
height: 64px;
}
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.works .works-button:hover,
.works .works-button:focus {
background: #0074bf;
background-image: url('/open-innovation/images/icon_button_arrow_white.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
}
}
@media screen and (max-width: 767px) {
.works .works-button {
width: 48px;
height: 48px;
background: #0074bf;
background-image: url('/open-innovation/images/icon_button_arrow_white.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
}
}
.works .works-button .works-button__text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
white-space: nowrap;
border: 0;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
}
.works .works-button + .works-button {
scale: 1 1;
}
@media screen and (min-width: 768px) {
.works .works-button + .works-button {
margin-left: 12px;
}
}
@media screen and (max-width: 767px) {
.works .works-button + .works-button {
margin-left: 8px;
}
}

.magazine {
box-sizing: border-box;
padding: 120px 0;
background-color: #fff;
background-image: url('/open-innovation/images/img_magazine_bg_pc.png');
background-repeat: no-repeat;
background-position: top 51px left 44px;
background-size: max(482px, min(60.97%, 878px)) auto;
}
@media screen and (max-width: 767px) {
.magazine {
padding: 80px 0;
background-image: url('/open-innovation/images/img_magazine_bg_sp.png');
background-position: top 30px left 25px;
background-size: 88% auto;
}
}

.magazine__layout {
display: grid;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.magazine__layout {
grid-template-columns: 1fr min(400px, 31.746031746vw);
gap: 40px 80px;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.magazine__layout {
gap: 40px;
}
}

@media screen and (min-width: 768px) {
.magazine__inner {
grid-column: span 2;
}
}

.magazine__text {
font-size: 16px;
color: #38394c;
}

.magazine__note {
margin-top: 16px;
}

.magazine__note-item {
font-size: 14px;
color: #717493;
list-style: none;
}

.magazine__list {
display: grid;
grid-gap: 40px;
gap: 40px;
list-style: none;
}
@media screen and (max-width: 767px) {
.magazine__list {
position: relative;
z-index: 1;
order: 999;
}
}

.magazine__list-title {
margin-bottom: 12px;
font-weight: 700;
line-height: 1.5;
color: #0074bf;
letter-spacing: 0.12em;
}
@media screen and (min-width: 768px) {
.magazine__list-title {
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.magazine__list-title {
font-size: 16px;
}
}

.magazine__button-list {
display: grid;
grid-gap: 20px;
gap: 20px;
list-style: none;
}
@media screen and (min-width: 768px) {
.magazine__button-list {
grid-template-columns: repeat(2, 1fr);
}
}

.magazine__button-item {
list-style: none;
}

@media screen and (max-width: 767px) {
.magazine__button {
margin: 0 auto;
}
}
.magazine__button .button {
width: 100%;
}

.magazine__img {
width: 100%;
}
.magazine__img img {
width: 100%;
height: auto;
vertical-align: bottom;
box-shadow: 15px 29px 23px rgba(96, 103, 148, 0.2);
}
@media screen and (max-width: 767px) {
.magazine__img img {
box-shadow: 11px 22px 18px rgba(96, 103, 148, 0.2);
}
}

.information {
position: relative;
box-sizing: border-box;
padding: 120px 0;
background-color: #fff;
background-image: url('/open-innovation/images/img_information_bg_pc.png');
background-repeat: no-repeat;
background-position: top 46px right 42px;
background-size: max(633px, min(82.36%, 1186px)) auto;
}
@media screen and (max-width: 767px) {
.information {
padding: 80px 0;
background-image: url('/open-innovation/images/img_information_bg_sp.png');
background-position: top 30px left 20px;
background-size: 66.93% auto;
}
}

.information__list {
position: relative;
box-sizing: border-box;
height: 318px;
padding-right: 40px;
}
@media screen and (max-width: 767px) {
.information__list {
height: 357px;
}
}

.information__list .simplebar-content {
padding-right: 20px;
}
@media screen and (max-width: 767px) {
.information__list .simplebar-content {
padding-right: 16px;
}
}

.information__list .simplebar-track.simplebar-vertical {
width: 20px;
background-color: #eff3fa;
}
@media screen and (max-width: 767px) {
.information__list .simplebar-track.simplebar-vertical {
width: 16px;
}
}

.information__list .simplebar-scrollbar::before {
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
background-color: #0074bf;
border-radius: 10px;
opacity: 1;
}

.information__item {
list-style: none;
}
.information__item > a {
-webkit-text-decoration: none;
text-decoration: none;
}
.information__item > a .information__arrow {
display: flex;
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.information__item > a:hover,
.information__item > a:focus {
background-color: #eff3fa;
border-bottom: 1px solid #0074bf;
}
.information__item > a:hover .information__date,
.information__item > a:focus .information__date {
color: #0074bf;
}
.information__item > a:hover .information__title,
.information__item > a:focus .information__title {
color: #0074bf;
}
.information__item > a:hover .information__arrow,
.information__item > a:focus .information__arrow {
background-color: #fff;
background-image: url('/open-innovation/images/icon_button_arrow_blue.svg');
}
}

.information__layout {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
border-bottom: 1px solid #b3b5ca;
transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
.information__layout {
padding: 16px 0;
}
}

.information__date-wrap {
display: flex;
flex-direction: row;
align-items: center;
}

.information__date {
font-family: Outfit, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
color: #717493;
letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
.information__date {
font-size: 14px;
}
}

.information__tag {
padding: 4px 12px;
margin-left: 20px;
font-size: 14px;
font-weight: bold;
color: #0074bf;
background-color: #e3ecfa;
border-radius: 20px;
}
@media screen and (max-width: 767px) {
.information__tag {
padding: 4px 12px;
margin-left: 12px;
font-size: 12px;
}
}

.information__title {
margin-top: 12px;
font-size: 16px;
color: #38394c;
}
@media screen and (max-width: 767px) {
.information__title {
font-size: 14px;
}
}

.information__arrow {
display: none;
align-items: center;
justify-content: center;
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
margin-left: 20px;
background-color: #0074bf;
background-image: url('/open-innovation/images/icon_button_arrow_white.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
border-radius: 50%;
transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
.information__arrow {
width: 36px;
min-width: 36px;
height: 36px;
min-height: 36px;
}
}

.contact {
box-sizing: border-box;
padding: 65px 0;
background: linear-gradient(-206deg, #fff 40%, #ddecf8 90%);
}
@media screen and (max-width: 767px) {
.contact {
padding: 80px 0 70px;
}
}

.contact__layout {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.contact__layout {
flex-direction: column-reverse;
}
}

.contact__img {
width: 100%;
max-width: 609px;
height: auto;
margin-right: 80px;
}
@media screen and (max-width: 767px) {
.contact__img {
margin-top: 40px;
margin-right: 0;
}
}
.contact__img img {
width: 100%;
height: auto;
}

@media screen and (max-width: 767px) {
.contact__content {
display: flex;
flex-direction: column;
align-items: center;
}
}

.contact__heading {
max-width: 306px;
}
.contact__heading .heading {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.contact__heading .heading {
margin-bottom: 40px;
}
}
.contact__heading .heading__ja {
justify-content: flex-start;
}
@media screen and (max-width: 767px) {
.contact__heading .heading__ja {
justify-content: center;
}
}

.contact__text {
font-size: 20px;
font-weight: 500;
color: #38394c;
}
@media screen and (max-width: 767px) {
.contact__text {
font-size: 16px;
}
}

.contact__button {
max-width: 320px;
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.contact__button {
width: 100%;
max-width: 335px;
}
}
.contact__button .button {
width: 100%;
}

.contact-banner {
position: fixed;
right: 0;
bottom: 36px;
z-index: 100;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 23px 32px;
color: #fff;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
background-color: #0074bf;
border-radius: 20px 0 0 20px;
box-shadow: 0 8px 8px rgba(96, 103, 148, 0.2);
transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
.contact-banner {
bottom: 46px;
padding: 12px 23px;
}
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.contact-banner:hover,
.contact-banner:focus {
color: #0074bf;
background-color: #e3ecfa;
}
.contact-banner:hover .contact-banner__ja::before,
.contact-banner:focus .contact-banner__ja::before {
background-image: url('/open-innovation/images/icon_contact_banner_mail_blue.svg');
}
}
.contact-banner .contact-banner__ja::before {
transition: 0.3s ease;
}

.contact-banner__en {
display: block;
font-family: Outfit, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
.contact-banner__en {
font-size: 24px;
}
}

.contact-banner__ja {
position: relative;
box-sizing: border-box;
display: flex;
align-items: center;
padding-left: 4px;
margin: 4px 0 0 16px;
font-size: 14px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.contact-banner__ja {
font-size: 12px;
}
}
.contact-banner__ja::before {
position: absolute;
top: 50%;
left: -8px;
display: block;
width: 16px;
height: 16px;
content: '';
background-image: url('/open-innovation/images/icon_contact_banner_mail_white.svg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: translate(-50%, -50%);
}

.contact-banner__ja-text {
display: inline-block;
margin-left: 4px;
}

@media screen and (min-width: 768px) {
html {
scroll-padding-top: 88px;
}
}

@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
#page {
padding: 0;
overflow: visible;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.5;
letter-spacing: 0.12em;
}

@media only screen and (max-width: 768px) {
#page:not(.not-rwd) {
padding: 0;
}
}
.breadcrumb {
padding: 6px 20px 3px;
}
@media screen and (max-width: 767px) {
.breadcrumb {
padding: 6px 15px 3px;
}
}

#footer {
overflow: visible;
}
#footer #footer-inner {
padding-top: 0;
}
#footer #footer-top {
z-index: 90;
}
#footer #footer-top.active {
position: absolute;
top: -65px;
}
#footer #footer-top.stop {
top: auto;
right: 30px;
}
@media screen and (max-width: 767px) {
#footer:not(.not-rwd) #footer-inner {
padding-top: 0;
}
}
@media screen and (max-width: 767px) {
#footer:not(.not-rwd) #footer-top.stop {
right: 15px;
}
}

.font-en {
font-family: Outfit, sans-serif;
font-weight: 500;
}

.container {
box-sizing: border-box;
width: 100%;
max-width: 1280px;
padding: 0 40px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.container {
max-width: 100%;
padding: 0 20px;
}
}

.heading {
display: block;
width: 100%;
margin-bottom: 80px;
text-align: center;
}
@media screen and (max-width: 767px) {
.heading {
margin-bottom: 40px;
}
}

.heading__en {
display: block;
font-family: Outfit, sans-serif;
font-size: 80px;
font-weight: 500;
color: #0074bf;
}
@media screen and (max-width: 767px) {
.heading__en {
font-size: max(30px, min(16vw, 60px));
}
}

.heading__ja {
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #38394c;
}
@media screen and (max-width: 767px) {
.heading__ja {
font-size: 16px;
}
}

.heading__ja-text {
display: inline-block;
margin-left: 8px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.heading__ja-text {
margin-left: 8px;
}
}

.button {
position: relative;
box-sizing: border-box;
display: inline-block;
padding: 20px 64px 20px 20px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-align: center;
-webkit-text-decoration: none;
text-decoration: none;
background-color: #0074bf;
border-radius: 32px;
transition: 0.3s ease;
}
.button::before,
.button::after {
transition: 0.3s ease;
}
.button::before {
position: absolute;
top: 50%;
right: 14px;
z-index: 2;
display: block;
width: 20px;
height: 20px;
content: '';
background-image: url('/open-innovation/images/icon_button_arrow_blue.svg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
.button::before {
right: 6px;
}
}
.button::after {
position: absolute;
top: 50%;
right: -10px;
z-index: 1;
display: block;
width: 44px;
height: 44px;
content: '';
background-color: #fff;
border-radius: 32px;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
.button {
padding: 20px 48px 20px 20px;
font-size: 14px;
}
.button::after {
right: -6px;
width: 32px;
height: 32px;
}
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.button:hover,
.button:focus {
color: #0074bf;
background-color: #e3ecfa;
}
.button:hover::before,
.button:focus::before {
background-image: url('/open-innovation/images/icon_button_arrow_white.svg');
}
.button:hover::after,
.button:focus::after {
background-color: #0074bf;
}
.button:hover > *,
.button:focus > * {
color: #0074bf;
}
}
.button > * {
font-size: 16px;
font-weight: bold;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.button > * {
font-size: 14px;
}
}

.button--download {
padding-top: 8px;
padding-bottom: 8px;
}
.button--download::before {
background-image: url('/open-innovation/images/icon_button_download_blue.svg');
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
.button--download:hover::before,
.button--download:focus::before {
background-image: url('/open-innovation/images/icon_button_download_white.svg');
}
}
@media screen and (max-width: 767px) {
.button--download {
min-height: 61px;
}
}