@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
}

a {
    color: #019ac6;
}

h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1vw;
    color: #019ac6;
    font-family: "Shippori Mincho", serif;
}

h2 {
    font-size: 2vw;
    font-weight: 600;
    font-family: monospace;
    color: #303030;
}

#page-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
    font-size: 14px;
    line-height: 1;
    z-index: 1000;
}

#page-top a {
    text-decoration: none;
    color: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    display: block;
    transition: all .4s ease;
    opacity: 0.7;
}

#page-top a img {
    width: 100%;
    transform: rotate(-180deg);
}

#page-top a:hover {
    text-decoration: none;
    opacity: 1;
    transition: 1s;
}

/* 点滅 */
#page-top{
	-webkit-animation:blink 3s ease-in-out infinite alternate;
    -moz-animation:blink 3s ease-in-out infinite alternate;
    animation:blink 3s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.6;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.6;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.6;}
    100% {opacity:1;}
}


/*ナビメニューのスタイルを指定*/
nav.NavMenu{
	position: fixed; /*表示位置を固定*/
	z-index: 9998; /*重ね順を変更*/
	top: 0; /*表示位置を指定*/
	right: 0; /*表示位置を指定*/
	background: #fff;/*背景を白にする*/
	color: #000; /*文字色を黒にする*/
  font-size: 1.2vw;
	text-align: center; /*テキストを中央揃え*/
	width: 60%; /*全幅表示*/
	transform: translateY(-100%); /*ナビを上に隠す上から出したい場合は、transform: translateYを使う。*/
	transition: all 0.6s; /*アニメーションの時間を指定*/
}

nav.NavMenu ul{
	background: #019ac6; /*背景をグレーにする*/
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

nav.NavMenu ul li{
	font-size: 1.1em;
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
}

nav.NavMenu ul li:last-child{
	padding-bottom: 0;
	border-bottom: none; /*最後のメニュー項目のみ下線を消す*/
}

nav.NavMenu ul li a {
	display: block; /*クリックできる領域を広げる*/
}

/*トグルボタンが押されたときに付与するクラス*/
nav.NavMenu.active{
	transform: translateY(0%);/*上から出したい場合は、transform: translateYを使う。*/
}

/*トグルボタンのスタイルを指定*/
.Toggle {
	position: fixed;/* bodyに対しての絶対位置指定 */
	right: 28px;
	top: 28px;
	width: 42px;
	height: 42px;
	cursor: pointer;/*divだけどカーソルが変わるようにしている*/
	z-index: 9999;/*ボタンを一番上にしている(押せなくなるから)*/
}

.Toggle span {
	display: block;
	position: absolute;
	left: 6px;
	width: 30px;
	border-bottom: solid 3px #000000;
	transition: .35s ease-in-out;/*変化の速度を指定*/
}

.Toggle span:nth-child(1) {
	top: 9px;
}

.Toggle span:nth-child(2) {
	top: 18px;
}

.Toggle span:nth-child(3) {
	top: 27px;
}

/* 最初のspanをマイナス45度に */
.Toggle.active span:nth-child(1) {
  display: block;
	top: 18px;
  margin-left: -57vw;
	transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
	top: 18px;
  margin-left: -57vw;
	transform: rotate(45deg);
}

/* ハンバーガーメニュー内 */
.navmenu-top {
    width: 100%;
    display: flex;
}

.navmenu-top-1 {
    width: 35%;
    display: flex;
}

.navmenu-top-1 ul li a {
    display: block;
    padding: 2vw;
    font-size: 1.4vw;
    color: #fff;
}

.navmenu-top-1 ul li a:hover {
    display: block;
    padding: 2vw;
    font-size: 1.4vw;
    color: #fff;
    background-color: #00c559;
    transition: 0.5s;
}


.nav-menu-box {
    padding: 10vw;
}

.navmenu-top-flex {
    width: 65%;
}

.navmenu-top-2 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.menu-item1 {
    width: 100%;
    margin: 3vw 0;
    display: flex;
    justify-content: space-around;
}

.menu-item1 p a {
    width: 50%;
    padding: 1vw 2vw;
    font-size: 1.5vw;
    font-weight: bolder;
    background-color: gray;
    color: #fff;
    border-radius: 5px;
}

.menu-item1 p a:hover {
    background-color: #000;
    transition: 0.5s;
}

.menu-item2 {
    width: 100%;
    margin-top: 2vw;
    display: flex;
    justify-content: space-between;
}

.menu-item2-1,
.menu-item2-2,
.menu-item2-3 {
    width: 20%;
    padding: 1vw;
    border: 1px solid gray;
}

.menu-item2-1 a p,
.menu-item2-2 a p,
.menu-item2-3 a p  {
    color: #000;
}

.menu-item2-1 {
    margin-left: 1vw;
}

.menu-item2-3 {
    margin-right: 1vw;
}

.menu-item2 a img {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.navmenu-top-3 {
    width: 80%;
    margin-top: 2vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    line-height: 1.6;
}

.navmenu-top-3 div p {
  padding-left: 1vw;
  margin-bottom: 2vw;
  background-color: #019bc63f;
}

.navmenu-top-3 ul li a {
  width: 100%;
    display: block;
    padding: 1.2vw 0 1.2vw 1vw;
    line-height: 0.4;
    background-color: #ffffff;
}

.menu-li1 a span,
.menu-li2 a span,
.menu-li3 a span {
  display: block;
  width: 10%;
  margin-left: auto;
  color: #019ac6;
}

.header1 {
    display: flex;
    margin-top: 1vw;
}

.header1-title a {
    display: flex;
}

.logo-img {
    width: 60px;
    height: 45px;
    margin-top: 0.5vw;
    margin-left: 2vw;
}

.airport-box {
    margin-left: auto;
    margin-right: 2vw;
}

.airport {
	display: none;
}
.Label {		/*タイトル*/
    position: relative;
	padding-top: 1em;
    padding-left: 0.7em;
    padding-right: 1.5em;
	display: block;
    height: 65px;
    margin-left: -128px;
	background-color: #ffffff;
    color: #019ac6;
    font-size: 18px;
    font-weight: 600;
    box-sizing: border-box;
    
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #019ac6;
	border-right: 2px solid #019ac6;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 5px );
	right: 10px;
	transform: rotate(135deg);
}
.Label,
.content {
    margin-left: -128px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
    border:1px solid #019ac6;
    position: absolute;
    z-index: 200;
}
.content {		/*本文*/
    width: 90px;
    margin-top: 64px;
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
    border-top: none;
    background-color: #fff;
}
.airport:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding: 20px ;
	transition: all .3s;
}
.airport:checked + .Label::before {
    margin-top: 3px;
	transform: rotate(-45deg) !important;
    transition: 0.2s;
}

.content ul {
    margin-top: -15px;
}

.content ul li {
    padding-top: 5px;
}

.content ul li a{
    color: #019ac6;
}

.rogin {
    display: flex;
    width: 100px;
    height: 67px;
    margin-right: 10vw;
    background-color: #019ac6;
    justify-content: center;
    align-items: center;
}

.rogin a {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.7;
}


.plan {
    display: flex;
    width: 100%;
    margin-top: 2vw;
    margin-bottom: 1vw;
    font-size: 1.2vw;
}

.plan a {
    position: relative;
    color: #000;
}

.plan a::after {
    background-color: #019ac6;
    bottom: -8px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .3s;
    width: 100%;
}

.plan a:hover::after {
    bottom: -4px;
    opacity: 1;
}

.country1 img {
    width: 3vw;
}

.country1 img:nth-of-type(2) {
    width: 3.5vw;
}

.country1 img:nth-of-type(3) {
    width: 2.6vw;
}

.country1 img:nth-of-type(4) {
    width: 2.8vw;
}

.country1 {
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.country1 div:first-child {
    width: 2vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    margin-left: 3vw;
    margin-right: 1vw;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #fff;
    background-color: #019ac6;
    
}

.country1 div:not(:first-child) {
    width: 10vw;
    padding-left: 1vw;
}

.country2 img {
    width: 3vw;
}

.country2 {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.country2 div:first-child {
    width: 2vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    margin-left: 2vw;
    margin-right: 1vw;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #fff;
    background-color: #019ac6;
}

.country2 div:not(:first-child) {
    width: 10vw;
    padding-left: 1vw;
}

/* main */
.main_imgBox {
    height: 40vw;
    overflow: hidden;
    position: relative; 
}
  
.main_img {
    z-index: 5;
    opacity: 0;
    width: 100%;
    height: 40vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 24s 0s infinite;
    animation: anime 24s 0s infinite; }

.main_img:nth-of-type(2) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s; }

  .main_img:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    animation-delay: 12s; }

  .main_img:nth-of-type(4) {
    -webkit-animation-delay: 18s;
    animation-delay: 18s; }

@keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
     17% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    35% {
        opacity: 0;
        transform: scale(1.2) ;
        z-index: 9;
    }
    100% { opacity: 0 }
}
 
.tab-wrap {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    margin: 2vw 0;
    margin-left: 4.7vw;
    font-size: 1.2vw;
    z-index: 100;
}

.tab-wrap:after {
    content: '';
    width: 100%;
    height: 2px;
    background: rgb(236, 47, 47);
    display: block;
    order: -1;
}

.tab-label {
    color: White;
    background: rgba(59, 59, 59, 0.795);
    font-weight: 600;
    text-align: center;
    padding: 10px;
    order: -1;
    position: relative;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    flex: 1;
    z-index: 100;
}

.tab-label:not(:last-of-type) {
    margin-right: 5px;
}

.tab-content {
    width: 90vw;
    height: 0;
    overflow: hidden;
    opacity: 0;
    background: rgb(207, 207, 207);
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: rgb(207, 207, 207);
    color: #383838;
}

.tab-switch:checked+.tab-label+.tab-content {
    height: auto;
    overflow: auto;
    padding: 15px;
    opacity: 1;
    transition: .5s opacity;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

/* ラジオボタン非表示 */
.tab-switch {
     display: none;
}

/* ステッパー */
#count  tr {
}

#count  tr th {
    display: inline-block;
    margin-top: 0.5vw;
    margin-right: 1vw;
}

#count  tr td{
    display: inline-block;
    margin-right: 2vw;
}

#count input {
	width: 3vw;
	height: 3vw;
	box-sizing: border-box;
	text-align: center;
}

#count .minus, 
#count .plus {
	width: 3vw;
	height: 3vw;
    font-size: 1.2vw;
}

.stay-box {
    display: flex;
    font-size: 15px;
    flex-wrap: wrap;
    align-items: center;
}

.stay-box:first-child {
    margin-bottom: 2vw;
}

.stay-box p {
    margin-right: 1vw;
}

/* タブ　ホテル */

.tab-container {
    position: relative;
    margin-right: 2vw;
}

.tab-container::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 14px;
    width: 5px;
    height: 5px;
    border-top: 2px solid skyblue;
    border-left: 2px solid skyblue;
    pointer-events: none;
    transform: translateY(-50%) rotate(-135deg);
}

.mt-2:nth-last-of-type(1) {
    margin-left: 2vw;
}

.box-p {
    font-size: 15px;
    font-weight: 600;
}

.select-group {
    display: flex;
}

.flexbox {
    display: flex;
    margin-right: 3vw;
}


/* ステッパー */
.container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.container2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 3vw;
}

.container3 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 3vw;
}

.input-group {
    display: flex;
}

.input-group2 {
    display: flex;
}

.input-group3 {
    display: flex;
}

/* WebKit ブラウザで、input type="number" のスピンボタンを非表示にする。 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

/* Firefox で、input type="number" のスピンボタンを非表示にする。また、入力欄の値表示を中央寄せにし、高さをボタンのサイズに合わせる。 */
input[type="number"] {
  -moz-appearance: textfield;
  text-align: center;
  height: 32px;
}

/*ボタンのサイズを 44 × 44 CSS ピクセルにする。*/
button.btn-number {
  width: 35px;
  height: 35px;
}

/* ステッパーコンポーネントの横幅を指定する。 */
div.input-group {
  width: 160px;
}


.send {
    display: block;
    width: 150px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    font-family: serif;
    background-color: #00c559;
    border: 1px solid #101010;
    cursor: pointer;
    transition: 1s;
    border-radius: 10px;
}

.send:hover {
    background-color: #00fd72;
    transition: 0.3s;
}

/* セレクトボックス */
select{
    position: relative;
    width: 150px;
    height: 30px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
}


.calendar {
    margin-right: 1vw;
}

.date-title {
    margin-right: 1vw;
}


.input-box2 {
    margin-right: 2vw;
}


.content1 {
    width: 80%;
    margin-top: 4vw;
    margin-left: auto;
    margin-right: auto;
}

.content1-1 h2 {
    margin-bottom: 1vw;
}

.important {
    display: flex;
    border-bottom: 1px solid gray;
}

.important span:first-child {
    width: 7vw;
    margin-top: 1.5vw;
    margin-right: 2vw;
    margin-bottom: 1vw;
    text-align: center;
    border: 1px solid;
    font-size: 1.6vw;
    font-weight: 600;
    color: red;
}

.important span:nth-child(2) {
    width: 90%;
    margin-top: 0.5vw;
    font-size: 1.4vw;
}

.notice div {
    display: flex;
    margin-top: 1vw;
    padding-bottom: 1vw;
}

.notice-box {
    border-bottom: 1px solid gray;
}

.notice-box span {
    display: flex;
    align-items: center;
    justify-content: center;
}

time {
    width: 10vw;
    margin-right: 1vw;
    font-size: 1.2vw;
}

.notice-tag1 {
    display: block;
    width: 7vw;
    height: 2vw;
    text-align: center;
    color: coral;
    border: 1px solid;
    font-size: 1.2vw;
}

.notice-tag2 {
    display: block;
    width: 7vw;
    height: 2vw;
    text-align: center;
    color: blue;
    border: 1px solid;
    font-size: 1.2vw;
}

.notice span:nth-of-type(1) {
    margin-right: 2vw;
}

.notice div span a {
    font-size: 1.2vw;
}

.content1-more {
    width: 20vw;
    margin-top: 2vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4vw;
    font-weight: bold;
    text-align: center;
    border: 1px solid #000;
    border-radius: 5px;
}

.content2 {
    margin-bottom: 3vw;
}

.content2 h2 {
    margin-left: 10vw;
}


/* スライド */
.wrap {
    display: flex;
    height: 180px;
    align-items: center;
    overflow: hidden;
}
.slideshow {
    display: flex;
}
.content11 {
    width: 400px;
    height: 100px;
    margin: 10px;
}

.content11:nth-child(1) {
    display: block;
    border: 1px solid gray;
}
.content11:nth-child(2) {
    display: block;
    border: 1px solid gray;
}
.content11:nth-child(3) {
    display: block;
    border: 1px solid gray;
}
.content11:nth-child(4) {
    display: block;
    border: 1px solid gray;
}
.content11:nth-child(5) {
    display: block;
    border: 1px solid gray;
}

.slideshow {
    display: flex;
    animation: loop-slide 35s infinite linear 0s both;
}
@keyframes loop-slide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
}

.slide-paused:hover .slideshow {
    animation-play-state: paused;
}

.content-hover {
    transition: all 0.2s;
}
.content-hover:hover {
    transform: translateY(-20px);
    box-shadow: 0 3px 10px 0 #333;
    opacity: 0.8;
    cursor: pointer;
}

.slide-1 {
    width: 100%;
    display: flex;
}
.slide-1 a {
    display: inline-block;
}

.slide-1 img {
    width: 50%;
    height: 100px;
}

.slide-1-text {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.slide-1-text2 {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

.slide-1-text span {
    font-size: 13px;
}

.slide-1-text2 span {
    font-size: 13px;
}

.slide-1-text img {
    margin-top: 16px;
    width: 20px;
    height: 20px;
}

.slide-1-text2 img {
    margin-top: 16px;
    width: 20px;
    height: 20px;
}

.slide-1-text p {
    margin-top: 5px;
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
}

.slide-1-text2 p {
    margin-top: 5px;
    text-align: center;
    font-size: 17px;
}

.background-pickup {
    width: 100%;
    padding-bottom: 5vw;
    overflow: hidden;
    background-image: url(../images/erea_bg.jpg);
    background-size: 120% 100%;
    background-color: rgba(255, 255, 255, 0.4);
    background-blend-mode: lighten;
}

.pickup {
    margin-top: 3vw;
    margin-left: 5%;
}

.content3{
    margin-bottom: 4vw;
}

.content3 h2 {
    margin-left: 10vw;
    margin-bottom: 3vw;
}

.special {
    display: flex;
    width: 92%;
    height: 20vw;
    margin-left: auto;
    margin-right: auto;
}

.special-flex {
    display: flex;
    width: 100%;
}

.special-flex a {
    display: flex;
    width: 100%;
}

.special p {
    color: #fff;
}

.special-item1,
.special-item2,
.special-item3,
.special-item4 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 5px 5px rgb(165, 165, 165), 10px 10px rgb(223, 223, 223),20px 20px rgba(223, 223, 223, 0.39);
}

.special-item1 img,
.special-item2 img,
.special-item3 img,
.special-item4 img {
    width: 100%;
}

.special-item1{
    position: relative;
    background-image: url(../images/special-1.jpg);
    background-size: 100% 100%;
}

.special-item2{
    position: relative;
    background-image: url(../images/special-2.jpg);
    background-size: 100% 100%;
}
.special-item3{
    position: relative;
    background-image: url(../images/special-3.jpg);
    background-size: 100% 100%;
}
.special-item4{
    position: relative;
    background-image: url(../images/special-4.jpg);
    background-size: 100% 100%;
}


.special-box {
    display: flex;
}

.special-box p:first-child {
    margin-right: 1vw;
}

.special-tab {
    width: 5vw;
    font-size: 1.3vw;
    text-align: center;
    background-color: #00c559;
}

.special-back {
    width: 19.5vw;
    height: 3vw;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.8015581232492998) 60%, rgba(255,255,255,0) 100%);
}

.special-back2 {
    width: 19.5vw;
    height: 5vw;
    position: absolute;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.8015581232492998) 60%, rgba(255,255,255,0) 100%);
}

.special-text {
    position: absolute;
    bottom: 0;
    font-size: 1.4vw;
    line-height: 1.2;
}


.content4 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.content4 h2 {
    margin-bottom: 2vw;
}

.campaign div {
    display: flex;
    margin-top: 1vw;
    padding-bottom: 1vw;
    border-bottom: 1px solid gray;
}

.campaign time {
    width: 15%;
    display: flex;
    align-items: center;
}

.campaign-tag1 {
    width: 7vw;
    height: 2vw;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 3%;
    padding-top: 0.5%;
    text-align: center;
    font-size: 1.2vw;
    background-color: rgb(255, 194, 227);
}

.campaign-tag2 {
    width: 7vw;
    height: 2vw;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 3%;
    padding-top: 0.5%;
    text-align: center;
    font-size: 1.2vw;
    background-color: rgb(190, 190, 255);
}

.campaign div span {
    width: 70%;
    margin-top: auto;
    margin-bottom: auto;
}

.campaign div span a {
    display: inline-block;
    font-size: 1.3vw;
}


.content5-back {
    width: 100%;
    padding-top: 3vw;
    padding-bottom: 2vw;
    background-color : #ebfcff;
	background-image:
	repeating-linear-gradient( 0deg,rgba(255, 255, 255, 0.7) 0px 4px,	transparent 4px 6px),
	repeating-linear-gradient( -45deg,rgba(255, 255, 255, 0) 0px 0px,	transparent 0px 0px);
}

.content5 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.content5 div h2 {
    margin-top: 2vw;
    margin-bottom: 2vw;
} 

.content5 h2:not(1) {
    background-color: #00c559;
} 

/* 旅行スライド */

.slide-dots {
    margin: 0;
    padding: 0;
    text-align: center;
}

.slide-dots li {
    display: inline-block;
    margin: 0 10px;
}

.slide-dots li button::before {
    content: "";
    width: 15px;
    height: 15px;
    margin-top: 1vw;
    left: 0;
    position: absolute;
    cursor: pointer;
    background-color: #00c559;
}
.slide-dots li.slick-active button::before {
    width: 15px;
    height: 15px;
    outline: none;
    cursor: pointer;
    background-color: #0035c5;
    transform: rotate(-495deg);
    transition: 3s;
    border-radius: 50%;
}

.slide-dots li button {
    position: relative;
    text-indent: -9999px;
}

.slide-dots button {
  background: none;
  border: none;
  outline: none;
  padding: 0 7px;
}



.multiple { 
    padding: 0;
}

.multiple img { 
    width: 100%;
}

.multiple div { 
    margin: 0 5px;
}

.multiple .slick-next { 
    right: 17px; 
    z-index: 100;
}

.multiple .slick-prev { 
    left: 23px; 
    z-index: 100;
}

.maltiple-box1 {
    display: block;
    background-color: #e6e6e6;
}

.maltiple-box1 a img {
    width: 100%;
    height: 10vw;
}

.maltiple-box1 a div {
    height: 14vw;
}

.maltiple-box1 div p:first-child {
    height: 5vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-size: 1.5vw;
    font-weight: bolder;
    color: #000;
}

.maltiple-box1 div p:not(:first-child) {
    color: #000;
    font-size: 1.3vw;
}


.content6 {
    width: 80%;
    margin-top: 3vw;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

.content6 h2 {
    margin-bottom: 2vw;
}

.content6-text {
    background-color: #dfdfdf;
    background-image: url(../images/content6-item1.png); 
    background-repeat: no-repeat;
    background-size: 5vw 5vw;
    background-position: 3vw;
    padding-bottom: 2vw;
}

.content6 h4 {
    font-size: 1.5vw;
    padding-top: 1vw;
    margin-left: 12vw;
    margin-bottom: 1vw;
}

.content6-text-box {
    margin-left: 12vw;
    display: flex;
}

.content6-text-box span {
    font-size: 1.3vw;
}

.content6-box-item span {
    margin-left: 1vw;
    font-size: 1.3vw;
}

.content6-search {
    width: 70%;
    margin-top: 2vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
}

.content6-search div {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    align-items: center;
    width: 50%; /* 任意の幅に調整してください */
    overflow: hidden;
    border-radius: 3px;
    background-color: #f2f2f2;
}

.content6-search label input {
    height: 45px;
    padding: 5px 15px;
    border: none;
    box-sizing: border-box;
    background-color: #f2f2f2;
    font-size: 1.3vw;
    outline: none;
}

.content6-search input::placeholder {
    color: #777777;
}

.content6-search button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 45px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.content6-search button::after {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: url(../images/search.png);
    background-size: 100% 100%;
    background-color: #f2f2f2;
}

.content7 {
    width: 80%;
    margin-top: 3vw;
    margin-left: auto;
    margin-right: auto;
    background-color: #019bc61a;
}

.content7-banner1 {
}

.content7-banner1 img {
    width: 100%;
    height: 5vw;
    margin: 1vw;
}

.banner-flex {
    display: flex;
}

.content8 {
    width: 80%;
    margin-top: 3vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 1vw;
}

.content8 div:first-child {
    margin-bottom: 2vw;
}

.content8-flex {
    display: flex;
    justify-content: space-between
}

.content8-box {
    width: 20%;
}

.content8-box h4 {
    margin-bottom: 1em;
}

.content8-box a {
    display: block;
}

.content9 {
    width: 80%;
    margin-top: 3vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 1vw;
}

.content9-box {
}

.content9-box h4 {
    margin-left: 1vw;
    margin-bottom: 0.5vw;
}

.content9-box span {
    display: inline-block;
    padding: 0 1em;
    border-right: 1px solid gray;
}

.content9-box1,
.content9-box2,
.content9-box3 {
    padding: 1vw;
    margin-bottom: 1vw;
    border: 1px solid gray;
}

.content9-flex {
    display: flex;
}

.content9-flex p {
    width: 10%;
    margin-left: 1vw;
}

.content9-item {
    width: 90%;
    margin-bottom: 1vw;
}

footer {
    width: 100%;
    text-align: center;
}

.footer-flex {
    display: flex;
    width: 80%;
    margin: 2vw auto;
    padding: 1vw 0;
    justify-content: space-around;
    background-color: #019bc61a;
}

/* z-index
    nav 9998-9999
    Label 200
    heroimg 5-9
    tab 100 */

/* メインカラー#019ac6 */