/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
     ▼▼▼CSSの無効化▼▼▼
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body{
        font-family: "Noto Serif", serif;
		overflow-x:hidden;
		font-size: 1.8em;
}
@media screen and (max-width: 768.98px) {
    body {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 498px) {
    body {
        font-size: 1.5rem;
    }
}
a:hover{
 	opacity:1;
}-
p{
        margin-bottom: 0;
}
li{
        list-style-type: none;
}
ul{
	padding-left: 0;
}
/*ボタン*/
.ttl__style01::after {
    content: "";
    display: block;
    position: static;
    left: inherit;
    bottom: inherit;
    background: none; 
     opacity:1;
}
/*リンク*/
.contents a:not([class]):not([id])::before {
    content: none!important;
}
/*セクションのpadding*/
.home-sec {
    padding: 0;
}
.home-contents {
    padding-bottom: 0;
}
@media print, (min-width: 769px) {
    .pblock, .pblock-full, .pblock-slim, .pblock-wide {
        width: 100%;
        max-width: 1030px;
        margin-bottom: 120px;
        min-width: inherit;
    }
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
     ▼▼▼グローバルメニュー▼▼▼
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.nav-top .gnav-main {
        display: block;
        background: #125192;
        border: none;
}
.g-nav__link-img {
    filter: brightness(0) invert(1);
}
.nav-top .g-nav .g-nav__search .g-nav__link-en{
	color: #fff;
    font-family: "Noto Serif", serif;
}

.gnav-main__link1 span{
	     color: #fff!important;
    }

.navbar-toggler {
    font-family: "Noto Serif", serif;
}
/*ロゴホバー*/
@media (hover: hover) and (pointer: fine) {
    .g-nav__logo-link:hover{
		opacity:.5;
	}
}
/*メニューホバー*/
.nav-top .gnav-main__link1 span{
	transition: .3s;
}
.nav-top .gnav-main__link1:hover::before {
	position: absolute;
	content: none;
}
@media (hover: hover) and (pointer: fine) {
    .nav-top .gnav-main__link1:hover span{
        color:#B2E5E6!important;
    }
    .nav-top .gnav-main__link1::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #B2E5E6;
    bottom: 0;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform 0.3s;
    }

    .nav-top .gnav-main__link1:hover::after {
    transform: scale(1, 1);
    }
    .nav-top .g-nav .g-nav__search .g-nav__link_btn:hover{
		opacity: .7;
    }
}

@media screen and (max-width: 1199.98px) {
    .nav-top .gnav-main {
         display: none!important;
    }
    .nav-top .g-nav {
         position: fixed;
    }
    .nav-top .g-nav .g-nav__search_sp .g-nav__link-en {
        color: #fff;
        margin-top: 0;
        font-family: "Noto Serif", serif;
    }
    .nav-top .g-nav__medium_site-jp__ttl {
        font-size: 2rem;
    }
    .nav-top .g-nav__medium_site{
        padding: 18px 130px 12px 20px;
    }
}

@media screen and (max-width: 498px) {
    .nav-top .g-nav__medium_site-jp__ttl {
        font-size: 1.6rem;
    }
    .nav-top .g-nav__medium_site {
        padding: 20px 10px 15px;
    }
}
@media screen and (max-width: 365px) {
    .nav-top .g-nav__medium_site-jp__ttl {
        font-size: 1.5rem;
    }
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
     ▼▼▼メインビジュアル▼▼▼
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.home-mv__slide .slick-track > div{
	border: none;
	position: relative;
	height: 600px;
}
/*メインビジュアル1枚目*/
.home-mv__slide .slick-track > div:nth-child(1){
	background-image: url(/med/osakachouju-opening/image/sitetop/mv-01a.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}
/*メインビジュアル2枚目*/
.home-mv__slide .slick-track > div:nth-child(2){
	background-image: url(/med/osakachouju-opening/image/sitetop/mv-02a.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}
/*メインビジュアル3枚目*/
.home-mv__slide .slick-track > div:nth-child(3){
	background-image: url(/med/osakachouju-opening/image/sitetop/mv-03a.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}

@media screen and (max-width:960px){
    .home-mv__slide .slick-track > div{
        height:500px;
    }
}
@media screen and (max-width:768px){
    .home-mv__slide .slick-track > div{
        height:430px;
    }
}
@media screen and (max-width:498px){
    .home-mv__slide .slick-track > div{
        height:80vw;
	}
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------
      ▼▼▼col.css▼▼▼
----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  本文中 大見出し */
h3.col_danraku_midashi {
	font-size: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
}
/*  本文中 中見出し */
h4.col_internal_chuumidashi{
	font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
}
/*  本文中　小見出し */
h5.col_internal_komidashi {
	font-size: clamp(1.25rem, 1.114rem + 0.68vw, 1.625rem);
}
.col_komidashi_p{
	margin-left: 1.5em;
}
/*マーカー*/
.col_marker_blue_midashi{
	display: inline;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1em;
	padding: 5px 15px;
	background: linear-gradient(transparent 0%, #125192 0%);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;	
	color: #fff;
}

/*◆リスト*/
.col_mark_square{
	margin-left: 1em;
}
.col_mark_square li{
	margin: 0 0 .3em 0;
	margin-left: .7em;
	text-indent: -.7em;	
}
.col_mark_square li::before{
	content: "";
	display: inline-block;
    background: #125192;
    width: .7em;
    height: .7em;
	margin: 0 .5em .1em 0;
	transform: rotate(45deg);
}
/*◆表*/
.col_table_square{
	margin-left: 1em;
}
.col_table_square{
	border-spacing: 0 1em!important;
}
.col_table_square th::before{
	content: "";
	display: inline-block;
    background: #125192;
    width: .7em;
    height: .7em;
	margin: 0 .5em .1em 0;
	transform: rotate(45deg);
}
.col_table_square td{
	padding: 0 0 0 2em;
}
.col_table_square.block th,
.col_table_square.block td {
	display: block;
	width: 100%;
}

@media screen and (max-width:768px){
    .col_table_square th,
    .col_table_square td {
	    display: block;
	    width: 100%;
    }
    .overview_flex {
		flex-direction: column;
    }
}
/*一覧を見る　CSS無効化*/
.plink.plink_type_inline_line_r::after {
    content: "";
    display: block;
    position: static;
    width: inherit;
    height: inherit;
    background-color: inherit;
    right: inherit;
    top: inherit;
    transform: none;
}
/*
.plink.plink_type_inline_line_r:hover {
    -webkit-transform: none;
    transform: none;
}
.plink.plink_type_inline:hover {
    opacity:1 ;
    text-decoration: none;
    color: #fff;
}
*/

/*グラデーションボタン*/
 .plink.plink_type_inline_line_r{
        margin: 2em  auto 0;
        padding: 0em 2em;
        background: transparent;
        color: #fff;
        text-align: center;
        border-radius: 2em;
        display: inline-block;
        position: relative;
        text-decoration: none;
        transition: all .5s ease;
		z-index: 0;
}

.plink.plink_type_inline_line_r::before{
        content:"";
        width:100%!important;
        height:100%!important;
        position:absolute!important;
        z-index:-1!important;
        left:0!important;
		top: 0;
        transition:0.5s;
        background-image: linear-gradient(121deg, rgba(86, 166, 171, 1), rgba(18, 81, 146, 1));
        border-radius: 2em;
}
.plink.plink_type_inline_line_r::after{
        content:"";
        width:100%!important;
        height:100%!important;
        position:absolute!important;
        z-index:-2!important;
		top: 0!important;
        left:0!important;
        background-image: linear-gradient(121deg, rgba(125, 176, 228, 1), rgba(146, 213, 214, 1));!important;
        border-radius: 2em;
}
.plink.plink_type_inline_line_r:hover::before{
		opacity:0;
}
.plink.plink_type_inline_line_r:hover{
		color: #fff;
		opacity: 1;
		transform: translateY(-5px);
		box-shadow: 0 5px 10px rgba(125, 176, 228, .5);
}
.plink.plink_type_inline_line_r:active {
  transform: translateY(-2px);
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
     ▼▼▼common.css▼▼▼
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.small{
	font-size: .75em;
}
.bigger{
	font-size: 1.2em;
}
.content_width{
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
}
.center{
	margin: 0 auto;
	text-align: center;
}
.text_wrap{
	display: inline-block;
}
.margin_top_1em{
	margin-top: 1em;
}
.border_bottom{
	border-bottom: 1px solid #000;
	display: inline-block;
}
.sp_wrap{
	display:none;
}
@media (max-width:768px) {
  .sp_wrap{
      display:block;
  }
}

@media (hover: hover) and (pointer: fine) {
    .opacity_5:hover{
        opacity: .5;
    }
	.opacity_5{
		transition: .3s;
	}
}

h2 {
    font-size: clamp(1.875rem, 1.193rem + 3.41vw, 3.75rem);
}
h3{
	font-size: 1.7em;
}
@media sreccn and (max-width:768px){
	h3{
		font-size: 1.6em;
	}
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------
     ▼▼▼unit.css▼▼▼
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---画像つきテキストエリア---*/
.unit_side_imgarea {
	width: 100%;
	display: flex;
	gap: 2em;
}
/*テキストを左にする場合*/
.unit_side_imgarea.reverse {
	flex-direction: row-reverse;
	margin: 0;
}
/*画像wrap*/
.unit_side_imgarea .img_wrap {
	width: 40%;
}
.unit_side_imgarea .img_wrap img {
	width: 100%;
}
/*本文wrap*/
.unit_side_imgarea p{
	flex: 1;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------
     ▼▼▼sitetop.css▼▼▼
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------▼▼▼メインビジュアルのキャッチコピー▼▼▼-------------------------------------------*/
.home-mv::after{
        position: absolute;
        content: "";
        background:url(/med/osakachouju-opening/image/sitetop/mv-text-.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left top;
        width:650px; 
        height: 200px; 
        top: 5%;
        left: 5%;
}
@media screen and (max-width:960px){
        .home-mv::after{
                width:70%; 
                top: 5%;
                left: 3%;
        }
}
@media screen and (max-width:768px){
        .home-mv::after{
                width:80%; 
                top: 5%;
                left: 3%;
        }
}
@media screen and (max-width:498px){
        .home-mv::after{
                width:90%; 
                top: 5%;
                left: 3%;
        }
}
/*-----------------------------▼▼▼メインビジュアル下のボタン▼▼▼-------------------------------------------*/
#top_btn_wrapper{
	display: flex;
	justify-content: center;
	gap: 1em;
        width: 100%;
        margin: 2em calc(50% - 50vw);
        width: 100vw !important;
}
#top_btn_wrapper .top_btn{
	background: #F0FAFA;
	border-radius: 10px;
	padding: 0 .5em 2em;
	display: flex;
	flex-direction: column;
	align-items: center;
	width:300px;
}
#top_btn_wrapper .top_btn .blur{
 aspect-ratio: 1 / 1;
  background: radial-gradient(
    circle,
    rgba(178,229,230,.5),
    rgba(178,229,230,.5));
  border-radius: 50%;
  filter: blur(50px);
  width: 150px;
height: 150px;
        position: relative;
        z-indedx: -1;
}
#top_btn_wrapper .top_btn img{
	object-fit: contain;
	z-index: 1;
	width: 100px;
	height: 100px;
	margin: -150px 0 0 0;
	padding: 2em 0 0 0;
}
#top_btn_wrapper .top_btn p{
	flex: 1;
	text-align: center;
	display: flex;
	align-items: center;
    line-height: 1.3;
    margin: 1em 0 0;
	font-size: 17px;
}
#top_btn_wrapper .top_btn h4{
	color: #125192;
	font-size: 1.3em;
	margin: .2em 0 0 0;
}
/*パネルの丸ボタン*/
#top_btn_wrapper .top_btn{
	position: relative;
}
#top_btn_wrapper .top_btn .maru_btn{
	position: absolute;
	content: "";
	background: #125192;
	border-radius: 50%;
	bottom: -35px;
	right: 1em;
	width: 70px;
	height: 70px;
}
#top_btn_wrapper .top_btn .maru_btn.yajirushi span{
	position: relative;
	display:block;
	width: 43px;
	height: 3px;
	margin: 33.5px auto 0;
	border-radius: 9999px;
	background-color: #FFFFFF;
}
#top_btn_wrapper .top_btn .maru_btn.yajirushi span::before,
#top_btn_wrapper .top_btn .maru_btn.yajirushi span::after{
	content: "";
	position: absolute;
	top: calc(50% - 1.5px);
	right: 0;
	width: 14px;
	height: 3px;
	border-radius: 9999px;
	background-color: #FFFFFF;
	transform-origin: calc(100% - 1.5px) 50%;
}
#top_btn_wrapper .top_btn .maru_btn.yajirushi span::before{
	transform: rotate(39.5deg);
}
#top_btn_wrapper .top_btn .maru_btn.yajirushi span::after{
	transform: rotate(-39.5deg);
}
/*準備中*/
#top_btn_wrapper .top_btn .maru_btn.junbichu{
	background: #808080;
}
#top_btn_wrapper .top_btn .maru_btn.junbichu span{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #fff;
}
/*hover*/
#top_btn_wrapper .top_btn.hover,
#top_btn_wrapper .top_btn.hover .maru_btn,
#top_btn_wrapper .top_btn .maru_btn.yajirushi span,
#top_btn_wrapper .top_btn .maru_btn.yajirushi span::before,
#top_btn_wrapper .top_btn .maru_btn.yajirushi span::after{
	transition: .3s;
}
@media (hover: hover) {
	#top_btn_wrapper .top_btn.hover:hover{
		background: #B2E5E6;
	}
	#top_btn_wrapper .top_btn.hover:hover .maru_btn{
		background: #fff;
	}
	#top_btn_wrapper .top_btn.hover:hover .maru_btn.yajirushi span,
	#top_btn_wrapper .top_btn.hover:hover .maru_btn.yajirushi span::before,
	#top_btn_wrapper .top_btn.hover:hover .maru_btn.yajirushi span::after{
		background-color: #125192;
	}
}

@media screen and (max-width:1050px){
        #top_btn_wrapper .top_btn {
                width: 240px;
        }
        #top_btn_wrapper .top_btn p{
                font-size:.9em;
        }
}
@media screen and (max-width:768px){
         #top_btn_wrapper {
                row-gap: 3em;
                flex-wrap: wrap;
        }
        #top_btn_wrapper .top_btn {
                width: 250px;
        }
}

@media screen and (max-width:600px){
        #top_btn_wrapper .top_btn {
                width: 300px;
        }
        .unit_side_imgarea {
             gap: 1em;
        }
}

/*-----------------------------▼▼▼施設の特長▼▼▼-------------------------------------------*/
#concept{
	padding: 100px 0 50px;
}
#concept h2{
	margin: 0 0 .5em 0;
	color: #125192;
}
#concept .unit_side_imgarea.reverse{
	width: 95%;
	margin: 1em auto 0;
}
#concept .unit_side_imgarea.reverse .img_wrap {
    width: 30%;
	margin-top: -30px;
}
#concept .unit_side_imgarea.reverse .text_wrap {
    width: 70%;
}
#concept .unit_side_imgarea.reverse .text_wrap p:nth-of-type(2){
	margin: 1em 0 0 0;
	line-height: 1.8;
	font-size: 1.1em;
}

@media (max-width:960px) {
  #concept .unit_side_imgarea.reverse .img_wrap {
      margin-top: 0;
  }
}
@media (max-width:768px) {

  /*画像wrap*/
      #concept .unit_side_imgarea{
	    flex-direction: column-reverse;
            align-items: center;
       }
	.unit_side_imgarea p:not([class]){
		padding: 0;
		margin: 0;
	}
	#concept .unit_side_imgarea.reverse .img_wrap {
		width: 40%;
		margin-top: 0;
	}
	#concept .unit_side_imgarea.reverse .text_wrap {
		width: 100%;
	}
}
@media (max-width:600px) {

}
@media (max-width: 498px) {
    #concept .unit_side_imgarea.reverse .img_wrap {
        width: 70%;
    }
}
/*整備概要*/
#concept h3{
	color: #125192;
	border-bottom: 2px solid #B2E5E6;
	padding: 0 0 .2em .2em;
	margin: 2em 0 .5em 1em;

}
.overview_flex{
	display: flex;
	align-items: flex-start;
	gap: 1em;
	margin: 0 0 0 4em;
}
.overview_flex:nth-of-type(n+2){
	margin-top: 2em!important;
}
.overview_flex .light_blue_midashi{
	color: #125192;
	background: #B2E5E6;
	padding: .1em 1em 0;
	font-weight: bold;
	font-size: 1.3em;
}
.overview_flex .col_table_square{
	font-size: 1.2em;
}
@media screen and (max-width: 768px) {
    .overview_flex{
	   margin: 0 0 0 2em;
    }
}

/*-----------------------------▼▼▼スライドショー▼▼▼-------------------------------------------*/
#gallery{
       margin: 0 calc(50% - 50vw);
        width: 100vw!important;
}
.gallery_wrapper {
	display: flex;
	align-items: center;
	overflow: hidden;
        margin: 0 0 3em 0;
}
.gallery_wrapper .content {
	margin: 0 1em;
	width: 467px;
	height:262px;
}
.gallery_wrapper .content img{
	object-fit: contain;
	width: 100%;
	border-radius: 20px;
}
.gallery_wrapper .slideshow {
	display: flex;
	animation: loop-slide 55s infinite linear 1s both;
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@media screen and (max-width:768px){
        .gallery_wrapper{
                margin:0;
        }
        .gallery_wrapper .content {
            margin: 0 .5em;
            width: 300px;
            aspect-ratio: 467 / 263;
        }
}
/*-----------------------------▼▼▼NEWS▼▼▼-------------------------------------------*/
/*
.pblock.mb-0{
	margin: 0 calc(50% - 50vw);
        width: 100vw!important;
}
*/
#news-1{
        position: relative;
        background: rgba(178,229,230,.19);
        padding: 60px 0 20vw 0;
}
#news-1::before{
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        background: url(/med/osakachouju-opening/image/sitetop/arc.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 100vw;
        height: 400px;
}

#news-1 .ttl__style01 {
        position: relative;
        visibility: hidden;
       margin-bottom: 1em;
}
#news-1 .ttl__style01::after {
        position: absolute;
        content: "";
        visibility: visible;
        background: url(/med/osakachouju-opening/image/sitetop/NEWS.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        top:0;
        left: 7vw;
        width: 5em;
        height: 2em;
}
.news__list{
        max-width: 1200px;
        margin: 0 auto;
        width: 80%;
}
/*NEWSボタン配置*/
#news-1  .plink.plink_type_inline_line_r{
        margin: 1em  14vw 0 0;
		display: none;
}
.news__link{
		pointer-events:none!important;
}
@media screen and (max-width:960px){
        #news-1{
            padding: 60px 0 150px 0;
        }
}
@media screen and (max-width:768px){
        #news-1{
            padding: 60px 0 120px 0;
        }
}

/*-----------------------------▼▼▼工事建設状況▼▼▼-------------------------------------------*/
#construction{
        margin-top: -30px;
        padding: 0 0 130px 0;
}
/*見出し*/
#construction h2{
    margin: 0 0 2em 0;
    color: #125192;
	text-align: center;
        position: relative;
}
@media (min-width: 1300px) {
    #construction h2{
        margin-top: -4vw;
    }
}
@media screen and (max-width:498px){
    #construction h2{
        margin: 1em 0 2em 0;
    }
}
#construction h2 img{
        position: absolute;
        content: "";
        bottom: -1.6em;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: .9em;
        object-fit: contain;
}
/*パネル*/
#construction .construction_ul{
	display: flex;
	justify-content: center;
	gap: 1em;
}
#construction .construction_ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	background: rgba(178,229,230,.5);
	width:30%;
	padding: 1em;
}
#construction .construction_ul li img{
	width: 92%;
	
}
#construction .construction_ul li p{
	padding: .5em 0 0 0;
	font-size: 1.1em;
}
#construction .construction_ul li p .small{
	font-size: .8em;
}
@media screen and (max-width:768px){
        #construction{
            margin-top: 0;
         }
        #construction .construction_ul{
	    flex-direction: column;
            align-items: center;
        }
        #construction .construction_ul li{
	    width:60%;
        }
}
@media screen and (max-width:498px){
        #construction .construction_ul li{
	    width:80%;
        }
}

/*-----------------------------▼▼▼アクセス▼▼▼-------------------------------------------*/
#access{
        background: url(/med/osakachouju-opening/image/sitetop/access-bg.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position :center bottom;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
}
#access h2{
    margin: 0 0 2em 0;
    color: #125192;
	text-align: center;
        position: relative;
}
#access h2 img{
        position: absolute;
        content: "";
        bottom: -1.6em;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
        height: .9em;
        object-fit: contain;
}
#access p{
        width: calc(80% + 2em);
        margin: 0 auto;
		max-width: 1200px;
}
#access .map_wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2em;
    max-width:1200px;
    margin: 0 auto;
}
#access .map_wrapper img,
#access .map_wrapper iframe{
	width: 40%;
	object-fit: contain;
	aspect-ratio: 634/492;
}
#access .map_wrapper img{
	box-shadow: 5px 5px 0 rgba(18,81,146,.7);
	border: 1px solid rgba(18,81,146,.7);
}
@media (min-width:1200px) {
    #access{
            background-size: contain;
    }
}
@media (max-width:768px) {
	#access .map_wrapper{
		flex-direction: column;
	}
        #access .map_wrapper img,
        #access .map_wrapper iframe{
	    width: 80%;
        }
    #access p{
            width: 80%;
    }
}
@media screen and (max-width:498px){
        #access .map_wrapper img,
        #access .map_wrapper iframe{
	    width: 90%;
        }
    #access p{
            width: 90%;
    }
}
/*-----------------------------▼▼▼リンク▼▼▼-------------------------------------------*/
#link{
        display: flex;
        gap: 1em;
        justify-content: center;
        align-items: center;
        background: #e6e6e6;
        padding: 1em;
        margin: 50px calc(50% - 50vw) 0;
}
#link a{
        display: flex;
        justify-content: center;
        background: #ffffff;
        width: 300px;
        height: 70px;
}
#link a img{
         object-fit: contain;
}
#link a:nth-of-type(1) img{
        width: 200px;
}
#link a:nth-of-type(2) img{
        width: 230px;
        margin: 0 0 -5px 0;
}
#link a:nth-of-type(3) img{
        width: 140px;
}
@media screen and (max-width:960px){
        #link{
             flex-wrap: wrap;
        }
        #link a {
            width:200px;
            height:50px;
        }
        #link a:nth-of-type(1) img{
            width: 150px;
        }
        #link a:nth-of-type(2) img{
            width: 180px;
            margin: 0 0 -5px 0;
        }
        #link a:nth-of-type(3) img{
            width: 100px;
        }
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------
     ▼▼▼フッター▼▼▼
-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft{
        padding-top: 60px;
}
.ft__cont{
        max-width: 1200px;
        margin: 0 auto;
        display: block;
        width: 80%;
}
 .w-md-60 {
     width: 100% !important;
 }
@media screen and (max-width:768px){
    .ft__cont {
        width: 100%;
    }
}