@charset "UTF-8";
@import url('reset.css');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200;400;700&family=Oswald:wght@200..700&display=swap');

/* =========================================================
    basic style
========================================================= */
*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    height: 100%;
    font-size: 62.5%;
    overflow-x: hidden;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    font-family: kinto-sans, sans-serif,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ ゴシック',’MS PGothic’, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
    font-style: normal;
    text-align: center;
    color: #343434;
    background-image: url("../img/bg_pc.jpg");
    background-position:  top center;
    background-repeat: repeat-y;
    background-size: cover;
    background-attachment: fixed;
    -webkit-text-size-adjust: 100%;
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@media only screen and (max-width : 599px){
    body {
        background-image: url("../img/bg_sp.jpg");
        background-position:  top center;
        background-repeat: repeat-y;
        background-size: contain;
        background-attachment: fixed;
    }
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}



.pc{
    display: block;
}
    @media only screen and (max-width: 1024px){
        .pc {
            display: none;
        }
    }
    @media only screen and (max-width : 599px){
        .pc {
            display: none;
        }
    }


.pc_tablet{
    display: block;
}
    @media only screen and (max-width: 1024px){
        .pc_tablet {
            display: block;
        }
    }
    @media only screen and (max-width : 689px){
        .pc_tablet {
            display: none;
        }
    }

.tablet_sp {
    display: none;
}
    @media only screen and (max-width: 1024px){
        .tablet_sp {
            display: block;
        }
    }
    @media only screen and (max-width : 599px){
        .tablet_sp {
            display: block;
        }
    }

.tablet {
    display: none;
}
    @media only screen and (max-width: 1024px){
        .tablet {
            display: block;
        }
    }
    @media only screen and (max-width : 599px){
        .tablet {
            display: none;
        }
    }

.sp {
    display: none;
}
    @media only screen and (max-width: 1024px){
        .sp {
            display: none;
        }
    }
    @media only screen and (max-width : 599px){
        .sp {
            display: block;
        }
    }

ul{
    margin: 0;
    padding: 0;
}

p {
    margin: 1.4em 0 1.4em 0;
    text-align: justify;
    font-weight: 400;
}

a {
    overflow: hidden;
    outline: none;
    border: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

a:focus {
    outline: none;
}

a:link {
    color:  #0393ad;
    text-decoration: none;
}

a:visited {
    color:  #0393ad;
    text-decoration: none;
}

a:hover {
    color: #35b4cb;
    text-decoration: none;
}

a:active {
    color: #7fd8e8;
    text-decoration: none;
}

a:hover img{
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


/********** img **********/
img {
    width: 100%;
    margin: 0;
    border: 0;
}

a img {
    margin: 0;
    border: 0;
}

.area-art__photo {
    width: 100%;
    height: auto;
}


/********** margin **********/
.space_0{
    margin: 0 !important;
}

.space_1{
    margin: 0 0.5rem 0 0;
}

.space_2{
    margin: 0 1.0rem 0 0;
}

.space_3{
    margin: 0 2.0rem 0 0;
}

.margin-top-60px{
    margin: 60px 0 0;
}

.margin-bottom-100px{
    margin: 0 0 100px;
}


/********** text **********/
.text-xs {
    font-size: 1.2rem !important;
}

.text-s {
    font-size: 1.4rem !important;
}

.text-m {
    font-size: 1.8rem !important;
}

.text-l {
    font-size: 2.2rem !important;
}

.text-xl {
    font-size: 3.2rem !important;
}

.text12{
    font-size: 1.2rem !important;
}

.text14 {
    font-size: 1.4rem !important;
}

.text16 {
    font-size: 1.6rem !important;
}

.text-center {
    text-align: center !important;
}
@media only screen and (max-width : 599px) {
    .text-center{
        text-align: left !important;
    }
}

.text-left {
    text-align: left !important;
}

.text-white {
    color: #fff !important;
}

.text-green {
    color: #4a6d43 !important;
}

.text-yellow {
    color: #FFFF00
}

.text-yellow__underline {
    background: linear-gradient(transparent 70%, #f9f92d 0%);
}


/* ----- animation----- */
.fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
}
.fadein-up{
        transform: translate(0,60px);
}
.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}


/********** structure **********/
.container {
    width: 100%;
    margin: 0 auto;
}

.area-contents {
    width: 95%;
    max-width: 940px;
    margin: 0 auto;
    padding: 40px 0;
    /* text-align: left; */
}
    @media only screen and (max-width : 599px) {
        .area-contents {
            margin: 0 auto;
            padding: 10px 0;
        }
    }

.page-message .area-contents {
    width: 95%;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 0;
    /* text-align: left; */
}
    @media only screen and (max-width : 599px) {
        .page-message .area-contents {
            margin: 0 auto;
            padding: 10px 0;
        }
    }

.area-contents__full {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.area-contents__full--gray {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 50px;
    background-color: #F3F3F0;
}

.area-contents__full--blue {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    background-color: #00BADC;
}


/********** header **********/
header {
    position: relative;
    width: 100%;
    height: 700px;
    margin: 0;
    padding: 0;
    text-align: center;
    background-image: url("../img/header_bg_pc.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
    @media only screen and (max-width : 939px) {
        header {
            overflow: hidden;
            height: 560px;
        }
    }
    @media only screen and (max-width : 599px) {
        header {
            height: 385px;
            background-image: url("../img/header_bg_sp.jpg");
        }
    }

/* -- header - message -- */
.page-message header {
    height: 330px;
}
    /* @media only screen and (max-width : 939px) {
        header {
            overflow: hidden;
            height: 560px;
        }
    } */
    @media only screen and (max-width : 599px) {
        .page-message header {
            height: 200px;
            background-image: url("../img/header_bg_sp.jpg");
        }
    }


/********** hadline **********/
h1 {
    position: absolute;
    display: inline-block;
    overflow: hidden; 
    width: 780px;
    height: 700px;
    margin: 0 auto;
    top: 50%;
    left: calc(50% + 89px);
    transform: translate(-50%, -50%);
    background-image: url("../img/title.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 10;
}
    @media only screen and (max-width : 939px) {
        h1 {
            left: calc(50% + 65px);
            width: calc(780px * 0.8);
            height: calc(700px * 0.8);
        }
    }

    @media only screen and (max-width : 599px) {
        h1 {
            bottom: 0;
            left: calc(50% + 45px);
            width: calc(780px * 0.55);
            height: calc(700px * 0.55);
        }
    }

h2 {
    margin: 40px auto;
    color: #0393ad;
    font-size: 2.0rem;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    line-height: 1.8;
    letter-spacing: 2px;
    font-feature-settings: "palt";
}
    @media only screen and (max-width : 939px) {
        h2 {
            margin: 30px auto;
            font-size: 2.0rem;
            text-align: justify;
            line-height: 1.8;
        }
    }
    @media only screen and (max-width : 599px) {
        h2 {
            font-size: 1.6rem;
        }
    }

h2.headline__background--blue {
    position: relative;
    display: inline-block;
    margin: 0 auto 1.0rem;
    padding: 0.2rem 2.0rem;
    color: #fff;
    font-size: 2.6rem;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    line-height:2.0;
    font-feature-settings: "palt";
    letter-spacing: 1px;
    transform: rotate(-0.5deg);
}

@media only screen and (max-width : 939px) {
    h2.headline__background--blue {
        margin: 0 auto 1.0rem;
        padding: 0.2rem 2.0rem;
        font-size: 2.6rem;
        font-style: normal;
        text-align: left;
        line-height: 1.2;
        letter-spacing: 1px;
    }
}
@media only screen and (max-width : 599px) {
    h2.headline__background--blue {
        display: block;
        margin: 0 0 1.0rem;
        padding: 1.0rem 1.0rem;
        font-size: 1.8rem;
        text-align: left;
        line-height: 1.4;
        letter-spacing: 0;
    }
}

h2.headline__background--blue::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00BADC;
    transform: skew(-0.04turn, -0.5deg);
    z-index: -1;
  }
    @media only screen and (max-width : 599px) {
        h2.headline__background--blue::before {
            transform: skew(-0.01turn, -0.05deg);
        }
    }

.title-line__side
 {
    position: relative;
    display: inline-block;
    padding: 30px 55px;
    font-size: 2.0rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    letter-spacing: 4px;
}
    @media only screen and (max-width : 599px) {
        h3.title-line-side {
            padding: 20px 30px;
        }
    }

.title-line__side.color-blue {
    color: #00A0DC;
}

.title-line__side.color-white {
    color: #fff;
}

.title-line__side.color-black {
    color: #343434;
}

.title-line__side:before, .title-line__side:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 40px;
    height: 1px;
}
.title-line__side:before {
    left: 0;
}
    @media only screen and (max-width : 599px) {
        .title-line__side:before {
            left: -10px;
        }
    }

.title-line__side:after {
    right: 0;
}
    @media only screen and (max-width : 599px) {
        h3.title-line-side:after {
            right: -10px;
        }
    }

.title-line__side.color-blue:before,.title-line__side.color-blue:after {
    background-color: #00A0DC;
}

.title-line__side.color-white:before, .title-line__side.color-white:after {
    background-color: #fff;
}

.title-line__side.color-black:before, .title-line__side.color-black:after {
    background-color: #343434;
}

h4 {
    margin: 1.6rem 0;
    font-size: 2.0rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: justify;
    font-feature-settings: "palt";
}
    @media only screen and (max-width : 939px) {
        h4 {
            font-size: 1.8rem;
        }
    }
    @media only screen and (max-width : 599px) {
        h4 {
            margin: 0 0 1.6rem;
            font-size: 1.6rem;
            font-weight: 400;
            letter-spacing: 1px;
            line-height: 1.8;
    }
    }

/* -- headline - message -- */
.page-message h1 {
    position: absolute;
    display: inline-block;
    overflow: hidden; 
    width: 380px;
    height: 341px;
    margin: 0 auto;
    top: 50%;
    left: calc(50% + 38px);
}
    @media only screen and (max-width : 939px) {
        .page-message h1 {
            left: calc(50% + 65px);
            width: calc(780px * 0.8);
            height: calc(700px * 0.8);
        }
    }

    @media only screen and (max-width : 599px) {
        .page-message h1 {
            bottom: 0;
            left: calc(50% + 45px);
            width: calc(780px * 0.55);
            height: calc(700px * 0.55);
        }
    }

/********** banner **********/
.banner-area {
    margin: 0 auto;
    padding: 100px 0;
}
    @media only screen and (max-width : 599px) {
        .banner-area {
            padding: 60px 0;
        }
    }

.banner-area__image {
    width: 70%;
    max-width: 200px;
    height: auto;
}


/********** navigator **********/
.navigator-area__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-start;
	gap: 0 30px;
	overflow: hidden;
    width: 70%;
	margin: 0 auto;
    padding: 20px 0 0;
}
    @media only screen and (max-width : 899px) {
        .navigator-area__list{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: flex-start;
            gap: 0 10px;
            overflow: hidden;
            margin: 10px auto;
            padding: 0;
        }
    }
    @media only screen and (max-width : 599px) {
        .navigator-area__list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: flex-start;
            gap: 0 10px;
            overflow: hidden;
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }
    }

.navigator-area__list .navigator-area__item {
	overflow: hidden;
	flex-basis: 47.5%;
	text-align: center;
	margin: 0 0 20px 0;
}
    @media only screen and (max-width : 599px) {
        .navigator-area__list .navigator-area__item {
            overflow: hidden;
            flex-basis: 45%;
            text-align: center;
            margin: 0 0 25px;
        }
    }

.navigator-area__list .navigator-area__image {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 0;
}

.navigator-area__list figcaption{
	margin: 10px 0 0 0;
	padding: 0.2rem 0.8rem;
	line-height: 1.6;
	letter-spacing: 3px;
	text-align:center;
	font-size: 1.8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
}
    @media only screen and (max-width : 599px) {
        .navigator-area__list figcaption {
            font-size: 1.6rem;
            letter-spacing: 0;
        }
    }

.navigator-area__list figcaption span{
	display: block;
	margin: 0;
	padding: 0.4rem 1.0rem;
	font-size: 1.2rem;
	font-weight: 300;;
	letter-spacing: 1px;
	line-height: 1.4;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


/********** guest **********/
.guest-area__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-start;
	gap: 20px 20px;
	overflow: hidden;
    width: 100%;
	margin: 0 auto;
    padding: 20px 0 0;
}
    @media only screen and (max-width : 899px) {
        .guest-area__list{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: flex-start;
            gap: 0 10px;
            overflow: hidden;
            margin: 20px auto 40px auto;
            padding: 0;
        }
    }
    @media only screen and (max-width : 599px) {
        .guest-area__list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: flex-start;
            gap: 0 10px;
            overflow: hidden;
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }
    }

.guest-area__list .guest-area__item {
	overflow: hidden;
	flex-basis: 31%;
	text-align: center;
	margin: 0 0 20px 0;
}
    @media only screen and (max-width : 599px) {
        .guest-area__list .guest-area__item {
            overflow: hidden;
            flex-basis: 45%;
            text-align: center;
            margin: 0 0 25px;
        }
    }

.guest-area__list .guest-area__image {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 0;
}

.guest-area__list figcaption{
	margin: 10px 0 0 0;
	padding: 0.2rem 0.8rem;
	text-align:center;
}

.guest-area__information--time {
	display: inline-block;
	margin: 0 auto 0.6rem;
    padding: 0.25rem 1.5rem;
    color: #fff;
	font-size: 1.2rem;
	font-weight: 300;;
	letter-spacing: 2px;
	line-height: 1.4;
	border: 1px solid #fff;
}
    @media only screen and (max-width : 599px) {
        .guest-area__information--time {
            padding: 0.25rem 0.8rem;
            letter-spacing: 0;
        }
    }


.guest-area__information--name {
	margin: 0;
	padding: 0.4rem 1.0rem;
	font-size: 1.8rem;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.25rem;
	line-height: 1.4;
}
    @media only screen and (max-width : 599px) {
        .guest-area__information--name {
            font-size: 1.6rem;
        }
    }

.guest-area__information--.text_m {
	font-size: 1.7rem;
}

.guest-area__information--member {
	margin: 0;
	padding: 0.4rem 1.0rem;
	font-size: 1.2rem;
	font-weight: 300;;
	letter-spacing: 1px;
	line-height: 1.4;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


/********** report **********/
.report-area__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-start;
	gap: 20px 20px;
	overflow: hidden;
    width: 100%;
	margin: 0 auto;
    padding: 20px 0 0;
}
    @media only screen and (max-width : 899px) {
        .report-area__list{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: flex-start;
            gap: 0 10px;
            overflow: hidden;
            margin: 20px auto 40px auto;
            padding: 0;
        }
    }
    @media only screen and (max-width : 599px) {
        .report-area__list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: flex-start;
            gap: 0 10px;
            overflow: hidden;
            width: 100%;
            margin: 0 auto;
            padding: 0;
        }
    }

.report-area__list .report-area__item {
	overflow: hidden;
	flex-basis: 22%;
	text-align: center;
	margin: 0 0 20px 0;
}
    @media only screen and (max-width : 599px) {
        .report-area__list .report-area__item {
            overflow: hidden;
            flex-basis: 45%;
            text-align: center;
            margin: 0 0 25px;
        }
    }

.report-area__list .report-area__image {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 0;
}

.report-area__list figcaption{
	margin: 10px 0 0 0;
	padding: 0.2rem 0.8rem;
	line-height:1.6;
	letter-spacing: 3px;
	text-align: center;
	font-size: 1.6rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
}
    @media only screen and (max-width : 599px) {
        .report-area__list figcaption {
            font-size: 1.4rem;
            letter-spacing: 0;
        }
    }

.report-area__list figcaption span{
	display: block;
	margin: 0;
	padding: 0.4rem 1.0rem;
	font-size: 1.2rem;
	font-weight: 300;;
	letter-spacing: 1px;
	line-height: 1.4;
	-moz-border-radius:	10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


/********** project **********/
.subtitle__image {
    margin: 0 0 40px;
}
@media only screen and (max-width : 599px) {
    .subtitle__image {
        margin: 0 0 20px;
    }
}

.image__project {
    width: 90%;
    max-width: 800px;
    height: auto;
    margin: 0 auto 20px;
}
    @media only screen and (max-width : 599px) {
        .image__project {
            width: 100%;
            margin: 0 auto 20px;
        }
    }

.image__project-present {
    width: 80%;
    max-width: 600px;
    height: auto;
    margin: 20px auto;
}
@media only screen and (max-width : 599px) {
    .image__project-present {
        width: 100%;
        margin: 10px auto 15px;
    }
}

.image__project-sticker {
    width: 80%;
    max-width: 500px;
    height: auto;
    margin: 0 auto 10px;
}
@media only screen and (max-width : 599px) {
    .image__project-sticker {
        width: 100%;
        margin: 0 auto;
    }
}

.tag__message-theme {
    display: inline-block;
    padding: 0.4rem 1.2rem;
    background-color: #FFFF00;
    letter-spacing: 3px;
	text-align: center;
	font-size: 1.6rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-feature-settings: "palt";
    border: 1px solid #343434;
}
    @media only screen and (max-width : 599px) {
        .tag__message-theme {
            margin: 0 0 10px;
            letter-spacing: 2px;
            font-size: 1.4rem;
        }
    }

.title_message-theme {
	font-size: 2.8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
}
@media only screen and (max-width : 599px) {
    .title_message-theme {
        font-size: 2.2rem;
        line-height: 1.4;
    }
}


/* ----- button ----- */
.btn_msg a {
	display: block;
	overflow: hidden;
	width: 95%;
	max-width: 700px;
	margin:  30px auto 60px auto;
	padding: 20px 40px;
	color: #00badc;
	font-size: 2.4rem;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	border: 4px solid #00badc;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

@media only screen and (max-width : 939px) {
    .btn_msg a{
        padding: 8px;
        font-size: 1.8rem;
    }
}
@media only screen and (max-width : 599px) {
    .btn_msg a{
        width: 100%;
        min-width: 250px;
        margin:  20px auto 30px auto;
        padding: 5px;
    }
}


.btn_msg a:hover {
    color: #9be9f7;;
	border: 4px solid #9be9f7;
}


/********** banner : station **********/
.banner-area-station {
	margin: 100px auto 50px;
}
    @media only screen and (max-width : 939px) {
        .banner-area-station {
            width: 70%;
            margin: 30px auto;
        }
    }
    @media only screen and (max-width : 599px) {
        .banner-area-station {
            padding: 60px 0;
            width: 100%;
        }
    }

.banner-area-station__list {
        width: 100%;
}

.banner-area-station__item {
	position: relative;
	display: inline-block;
	width: 15%;
	margin: 0 40px 0 0;
}
    @media only screen and (max-width : 939px) {
        .banner-area-station__item {
            position: relative;
            display: inline-block;
            width: 40%;
            margin: 0 5% 80px 0;
            padding: 0 0 20px 0;
        }
    }
    @media only screen and (max-width : 599px) {
        .banner-area-station__item {
            width: 42%;
            margin: 0 25px 60px 0;
        }
    }

    @media only screen and (max-width : 599px) {
        .banner-area-station__item li:nth-child(even){
            width: 42%;
            margin: 0 0 40px 0;
        }
    }



.banner-area-station__item:last-child {
	margin: 0;
}

.banner-area-station__image {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
    @media only screen and (max-width : 939px) {
        .banner-area-station__image {
            position: absolute;
            width: 100%;
            height: auto;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            -webkit- transform: translateY(-50%) translateX(-50%);
        }
    }
    @media only screen and (max-width : 599px) {
    }


.banner-area-station .logo_j-wave {
	width: 160px;
	height: auto;
}
    @media only screen and (max-width : 939px) {
        .banner-area-station .logo_j-wave {
            width: 100%;
            height: auto;
        }
    }


/********** footer **********/
footer {
	overflow: hidden;
	width: 100%;
	padding: 50px 0 0;
	background-color: #fff;
}

.footer_bottom {
	display: flex;
	width: 1000px;
	margin: 0 auto 200px auto;
}

	@media only screen and (max-width: 1024px){
		.footer_bottom {
			width: 90%;
		}
	}

	@media only screen and (max-width : 599px){
		.footer_bottom {
			display: block;
			margin: 0 auto 70px auto;
		}
		
	}

.footer_bottom .gotohome{
	width: 100px;
}
	@media only screen and (max-width : 599px){
		.footer_bottom .gotohome{
			width: 100%;
			margin: 0 0 35px 0;
			text-align: center;
		}
	}

.footer_bottom .gotohome img{
	width: 100%;
	height: auto;
}
	@media only screen and (max-width : 599px){
		.footer_bottom .gotohome img{
			width: 30%;
			max-width: 200px;
		}
	}

.footer_bottom .j-wave_credit{
	width: calc(100% - 100px);
	text-align: right;
}
	@media only screen and (max-width : 599px){
		.footer_bottom .j-wave_credit{
			width: 100%;
			text-align: center;
		}
		
	}


.footer_bottom .j-wave_credit img{
	width: 200px;
	height: auto;
	margin: 0 0 10px;
}
	@media only screen and (max-width : 599px){
		.footer_bottom .j-wave_credit img{
			width: 60%;
			max-width: 400px;
		}
	}

.footer_bottom .j-wave_credit span{
	display: block;
	font-size: 10px;
}