@charset "UTF-8";

.ik_allwrap {font-family: "Noto Sans TC", sans-serif;}
.jose {font-family: "Josefin Sans", sans-serif;}


/*　■■■■■■■■■■■■伊根航路tw■■■■■■■■■■■■　*/

@media screen and (min-width : 840px) {
.ik_main {position:absolute;top:0;left:0;height: 90vh;width: 100%;background: url(../../../../../assets/ineex_tw/main_pc2.webp) center center / cover;min-height: 800px;}
.ik_main::after {content:'';position: absolute;bottom: -1px;left:0;width: 100%;height: 15vh;background: url(../../../../../assets/ineex_tw/wave.webp) center bottom / 100% auto no-repeat;z-index: 3;}

.ik_maintitle {position: absolute;top: 19vh;left: 0;width: 100%;text-align: center;}
.ik_maintitle h2 {width: 80vw;max-width: 930px;display: inline-block;}
.ik_maintitle h2 img {width: 100%;}
.ik_japan {position: absolute;bottom:-13vh;right: 4vw;width: 20vw;max-width: 340px;}
.ik_japan img {filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));}
.ik_exbus {position: absolute;bottom:-15vh;left: 3vw;width: 32vw;max-width: 630px;z-index: 1000;}
.ik_exbus img {filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));}

/*
@media screen and (min-width : 1450px) and (max-width : 1650px) {
.ik_japan {position: absolute;top:7vh;right: 2vw;width: 20vw;max-width: 340px;}
.ik_japan img {filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));}
.ik_exbus {position: absolute;top:43vh;right: 2vw;width: 28vw;max-width: 600px;}
.ik_exbus img {filter: drop-shadow(2px 2px 4px rgba(9, 6, 6, 0.5));}
}

@media screen and (min-width : 1250px) and (max-width : 1450px) {
.ik_japan {position: absolute;top:13vh;right: 3vw;width: 19vw;max-width: 350px;}
.ik_exbus {position: absolute;top:46vh;right: 1vw;width: 26vw;max-width: 550px;}
.ik_exbus img {filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));}
}

@media screen and (min-width : 840px) and (max-width : 1250px) {
.ik_maintitle {position: absolute;top: 17vh;left: 0;width: 100%;text-align: center;}
.ik_japan {position: absolute;top:17vh;right: 3vw;width: 19vw;max-width: 350px;}
.ik_main {position:absolute;top:0;left:0;height: 80vh;width: 100%;background: url(../../../../../assets/ineex_tw/main_pc.webp) center center / cover;min-height: 800px;}
.ik_exbus {position: absolute;top:48vh;right: 0vw;width: 26vw;max-width: 550px;}
.ik_exbus img {filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));}
}
*/

.ik_concept {display: flex;flex-wrap: nowrap;gap: 0 8%;justify-content: center;width: 86vw;max-width: 1250px;margin: 93vh auto 140px auto;}
.ik_concept .ik_concept_img {width: 45%;position: relative;}
.ik_concept .ik_concept_img img:nth-child(1) {width: 100%;border-radius: 30px;}
.ik_concept .ik_concept_img img:nth-child(2) {width: 40%;position: absolute;top: 210px;right:-50px;border-radius: 30px;}
.ik_concept .ik_concept_body {width: 47%;padding: 30px 0 0 0!important;}
.ik_concept .ik_concept_body h3 {background: url(../../../../../assets/ineex_tw/nami.svg) left center / 70px auto no-repeat;padding: 0 0 0 75px;margin: 0 0 20px -30px;color: #6576BE;font-size: 30px;font-weight: 500;letter-spacing: 2px;line-height: 140%;}
.ik_concept .ik_concept_body p {font-size: 17px;line-height: 240%;margin-bottom: 20px;}

.ik_concept_access {color: #D83340;font-size: 19px!important;font-weight: 500;border:#D83340 1px solid;border-radius: 30px;padding: 5px 20px 5px 20px;line-height: 130%;}

@media screen and (min-width : 840px) and (max-width : 1400px) {
.ik_concept .ik_concept_img img:nth-child(2) {width: 40%;position: absolute;top: 190px;right:-30px;border-radius: 30px;}
.ik_concept .ik_concept_body {width: 47%;padding: 50px 0 0 0;}
.ik_concept .ik_concept_body h3 {background: url(../../../../../assets/ineex_tw/nami.svg) left center / 70px auto no-repeat;padding: 0 0 0 75px;margin: 0 0 20px -30px;color: #6576BE;font-size: 2.2vw;font-weight: 500;letter-spacing: 1px;line-height: 140%;white-space: nowrap;}
.ik_concept .ik_concept_body p {font-size: 16px;line-height: 210%;margin-bottom: 20px;}
.ik_concept_access {color: #D83340;font-size: 17px!important;font-weight: 500;border:#D83340 1px solid;border-radius: 30px;padding: 10px 20px 10px 20px;line-height: 150%!important;margin-left: 20px;}
}


@media screen and (min-height : 500px) and (max-height : 900px) {
    .ik_concept {margin: 830px auto 140px auto;}
}


.ik_features {padding: 0 0 70px 0;}
.ik_features_inner {width: 86vw;max-width: 1300px;margin: 0 auto;}
.ik_f_title {display: flex;flex-wrap: nowrap;gap: 0 13%;justify-content: space-around;width: 100%;margin-bottom: 60px;}
.ik_f_title h2 {width: 60%;margin: -70px 0 0 0;}
.ik_f_title h2 span:nth-child(1) {font-size: 105px;font-weight: bold;letter-spacing: 6px;color: #6576BE;display: inline-block;line-height: 110%;position: relative;padding: 10px 130px 0 0;background: url(../../../../../assets/ineex_tw/kamome.svg) right top / 120px auto no-repeat;}
.ik_f_title h2 span:nth-child(2) {font-size: 28px;font-weight: 500;letter-spacing: 2px;display: inline-block;padding: 0 20px 0 0;}
.ik_f_title h2 span:nth-child(3) {font-size: 16px;font-weight: 300;letter-spacing: 1px;display: inline-block;color: #666;}
.ik_f_title .ik_f_ship {width: 27%;margin: -70px 0 0 0;}

@media screen and (min-width : 840px) and (max-width : 1200px) {
    .ik_f_title h2 span:nth-child(1) {font-size: 8vw;font-weight: bold;letter-spacing: 6px;color: #6576BE;display: inline-block;line-height: 110%;position: relative;padding: 10px 130px 0 0;background: url(../../../../../assets/ineex_tw/kamome.svg) right top / 120px auto no-repeat;}
    .ik_f_title h2 {width: 60%;margin: -50px 0 0 0;}
.ik_f_title h2 span:nth-child(3) {font-size: 16px;font-weight: 300;letter-spacing: 1px;display: block;color: #666;padding-top: 10px;}
.ik_f_title .ik_f_ship {width: 27%;margin: -50px 0 0 0;}
}



.ik_f_title2 {width: 100%;margin-bottom: 30px;padding-top: 60px;}
.ik_f_title2 h2 {border-bottom: #6576BE 1px solid;padding: 0 0 20px 5px;margin-bottom: 40px;font-size: 60px;font-weight: bold;letter-spacing: 4px;color: #6576BE;}

.ik_f_wrap2 {display: flex;flex-wrap: nowrap;gap: 0 3%;justify-content: center;}
.ik_f_wrap2 .ik_f_box {width: 48.5%;}

.ik_f_wrap {display: flex;flex-wrap: nowrap;gap: 0 2.5%;justify-content: center;}
.ik_f_wrap .ik_f_box {width: 32%;}
.ik_f_wrap .ik_f_box img {width: 100%;height: 260px;object-fit: cover;margin-bottom: 20px;}
.ik_f_wrap .ik_f_box h3 {text-align: center;font-weight: 500;line-height: 140%;margin-bottom: 16px;font-size: 22px;}
.ik_f_wrap .ik_f_box:nth-child(1) img {border-radius: 40px 0 0 0;}
.ik_f_wrap .ik_f_box:nth-child(3) img {border-radius: 0 40px 0 0;}

@media screen and (min-width : 840px) and (max-width : 1200px) {
.ik_f_wrap .ik_f_box img {width: 100%;height: 18vw;object-fit: cover;margin-bottom: 20px;}
.ik_f_wrap .ik_f_box:nth-child(1) img {border-radius: 20px 0 0 0;}
.ik_f_wrap .ik_f_box:nth-child(3) img {border-radius: 0 20px 0 0;}
.ik_f_wrap .ik_f_box h3 {text-align: center;font-weight: 500;line-height: 140%;margin-bottom: 16px;font-size: 1.8vw;}
.ik_f_wrap .ik_f_box p {font-size: 15px;line-height: 200%;}
}

.ik_image {width: 100%;height: 400px;background: url(../../../../../assets/ineex_tw/p3.webp) center center / cover no-repeat fixed;margin-bottom: 80px;;}

.ik_kouro {display: flex;flex-wrap: nowrap;gap: 0 5%;justify-content: center;max-width: 1000px;width: 84vw;margin: 0 auto 90px auto;}
.ik_kouro img {height: auto;width: 47%;border-radius: 16px;}

.ik_timetable {max-width: 1200px;width: 86vw;margin: 0 auto 100px auto;}
.ik_timetable h2 {border-bottom: #6576BE 1px solid;padding: 0 0 20px 5px;margin-bottom: 40px;}
.ik_timetable h2 span:nth-child(1) {font-size: 60px;font-weight: bold;letter-spacing: 4px;color: #6576BE;padding: 0 30px 0 0;}
.ik_timetable h2 span:nth-child(2) {font-size: 30px;font-weight: bold;letter-spacing: 4px;color: #333;padding: 0 0 0 0;}
.ik_syukko {font-size: 21px;letter-spacing: 1px;margin-bottom: 40px;font-weight: 500;padding: 0 0 0 5px;line-height: 140%;}

.ik_tt_tablewrap {display: flex;flex-wrap: nowrap;gap: 0 2%;justify-content: center;}
.ik_tt_tablewrap table {width: 49%;border-collapse: collapse;font-size: 17px;line-height: 130%;}
.ik_tt_tablewrap table tr:nth-child(1) th {background-color: #e9effc;}
.ik_tt_tablewrap table th {border: #ccc 1px solid;padding: 12px 15px;white-space: nowrap;text-align: center;}
.ik_tt_tablewrap table td {border: #ccc 1px solid;padding: 12px 15px;text-align: center;}
.ik_tt_arrow {vertical-align: middle;font-size: 24px;padding: 0 0 0 0!important;width: 7%!important;}

.table_note {font-size: 20px;padding: 20px 0 20px 0;}

.bus_fare {width: 100%;border-collapse: collapse;font-size: 19px;line-height: 130%;margin: 40px 0 50px 0;}
.bus_fare th {border: #ccc 1px solid;padding: 12px 15px;white-space: nowrap;text-align: center;background-color: #e9effc;}
.bus_fare td {border: #ccc 1px solid;padding: 12px 15px;text-align: left;}

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

@media screen and (min-width : 840px) and (max-width : 1100px) {
.ik_tt_tablewrap {display: flex;flex-wrap: wrap;gap: 30px 2%;justify-content: center;}
.ik_tt_tablewrap table {width: 100%;border-collapse: collapse;font-size: 17px;line-height: 130%;text-align: center;}

}

.ik_click {font-size: 21px;letter-spacing: 1px;margin-bottom: 10px;font-weight: 500;padding: 0 0 0 5px;}
.ik_click span {font-size: 25px;color: #f00;font-weight: bold;padding: 0 0 0 4px;}


.ik_tickets_wrap {display: flex;flex-wrap: nowrap;gap: 0 2%;justify-content: center;padding-top: 40px;margin-bottom: 60px;}
.ik_tickets_wrap .ikt_box {width: 23%;text-align: center;}
.ik_tickets_wrap .ikt_box figure {height: 200px;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;margin: 0 0 15px 0;}
.ik_tickets_wrap .ikt_box figure img {width: 100%;height: auto;object-fit: cover;}
.ik_tickets_wrap .ikt_box h3 {font-size: 17px;}


.ik_table {width: 100%;border-collapse: collapse;font-size: 17px;line-height: 140%;text-align: center;margin-bottom: 50px;}
.ik_table th {border: #ccc 1px solid;padding: 12px 15px;white-space: nowrap;background-color: #e9effc;}
.ik_table td {border: #ccc 1px solid;padding: 12px 15px;text-align: left;}

.ik_h3 {font-size: 28px;font-weight: bold;padding: 0 0 0 15px;border-left: #6576BE 6px solid;margin-bottom: 30px;line-height: 100%;}
.ik_list {list-style-type: circle;margin: 0 0 30px 25px;font-size: 16px;}
.ik_list li {margin-bottom: 10px;}

.cv_btn {text-align: center;padding: 80px 0 100px 0;}
.cv_btn a {background: url(../../../../../assets/ineex_tw/kamome2.svg) left 40px center / 80px auto no-repeat;padding: 20px 80px 20px 130px;background-color: #d46a00;border-radius: 50px;color: #fff;font-size: 32px;font-weight: bold;position: relative}
.cv_btn a span {font-size: 20px;padding: 0 0 0 20px;}
.cv_btn a::after {position: absolute;top: 34px;right: 30px;content:'▶';color: #fff;font-size: 20px;}

.foot_image img {border-radius: 40px;}


}







/*SP*/
@media screen and (max-width : 840px) {

img {max-width: 100%;}

.ik_main {position:absolute;top:0;left:0;height: 80vh;width: 100%;background: url(../../../../../assets/ineex_tw/main_sp2.webp) center center / cover;}
.ik_main::after {content:'';position: absolute;bottom: 0vw;left:0;width: 100%;height: 10vh;background: url(../../../../../assets/ineex_tw/wave.webp) center bottom / 100% auto no-repeat;z-index: 3;}

.ik_maintitle {position: absolute;top: 26vh;left: 0;width: 100%;text-align: center;}
.ik_maintitle h2 {width: 100vw;display: inline-block;}
.ik_maintitle h2 img {width: 100%;}
.ik_japan {position: absolute;top:19vh;right: 1vw;width: 27vw;}
.ik_japan img {filter: drop-shadow(0.5vw 0.5vw 1vw rgba(0, 0, 0, 0.5));}
.ik_exbus {position: absolute;top: 32vh;left: 5vw;width: 54vw;}
.ik_exbus img {filter: drop-shadow(0.5vw 0.5vw 1vw rgba(0, 0, 0, 0.5));}

.ik_concept {display: flex;flex-wrap: wrap;gap: 6vw 0;justify-content: center;width: 86vw;margin: 84vh auto 15vw auto;}
.ik_concept .ik_concept_img {width: 100%;position: relative;line-height: 0;margin-bottom: 0vw;}
.ik_concept .ik_concept_img img:nth-child(1) {width: 100%;border-radius: 3vw;}
.ik_concept .ik_concept_body {width: 100%;padding: 0 0 0 0;}
.ik_concept .ik_concept_body h3 {background: url(../../../../../assets/ineex_tw/nami.svg) left center / 10vw auto no-repeat;padding: 0 0 0 11vw;margin: 0 0 2.5vw 0vw;color: #6576BE;font-size: 4.8vw;font-weight: 500;letter-spacing: 0.1vw;line-height: 140%;}
.ik_concept .ik_concept_body p {font-size: 3.6vw;line-height: 210%;margin-bottom: 4vw;letter-spacing: 0;}

.ik_concept_access {color: #D83340;font-size: 3.6vw!important;font-weight: 500;border:#D83340 1px solid;border-radius: 3vw;padding: 2vw 3vw;line-height: 140%!important;}

.ik_features {padding: 0 0 7vw 0;}
.ik_features_inner {width: 90vw;margin: 0 auto;}
.ik_f_title {display: flex;flex-wrap: wrap;gap: 0 13%;justify-content: flex-start;width: 100%;margin-bottom: 7.5vw;position: relative}
.ik_f_title h2 {width: 90%;margin: -8vw 0 0 0;}
.ik_f_title h2 span:nth-child(1) {font-size: 12vw;font-weight: bold;letter-spacing: 0.5vw;color: #6576BE;display: inline-block;line-height: 110%;position: relative;padding: 1.5vw 22vw 0 0;background: url(../../../../../assets/ineex_tw/kamome.svg) right top / 20vw auto no-repeat;}
.ik_f_title h2 span:nth-child(2) {font-size: 5.3vw;font-weight: 500;letter-spacing: 0.3vw;display: inline-block;padding: 0 2.5vw 0 0;}
.ik_f_title h2 span:nth-child(3) {font-size: 2.8vw;font-weight: 300;letter-spacing: 0.1vw;display: inline-block;color: #666;}
.ik_f_title .ik_f_ship {width: 32%;margin: 8vw 0 0 0;position: absolute;bottom: 1vw;right: 0;}
.ik_f_title .ik_f_ship img {width: 100%;}

.ik_f_wrap {display: flex;flex-wrap: wrap;gap: 0 2.5%;justify-content: center;}
.ik_f_wrap .ik_f_box {width: 100%;}
.ik_f_wrap .ik_f_box img {width: 100%;height: 55vw;object-fit: cover;margin-bottom: 2.5vw;}
.ik_f_wrap .ik_f_box h3 {text-align: center;font-weight: 500;line-height: 150%;margin-bottom: 2vw;font-size: 4.8vw;}
.ik_f_wrap .ik_f_box img {border-radius: 4vw 4vw 0 0;}
.ik_f_wrap .ik_f_box p {font-size: 3.6vw;line-height: 200%;margin-bottom: 7vw;}


.ik_f_title2 {width: 100%;margin-bottom: 6vw;padding-top: 7vw;}
.ik_f_title2 h2 {border-bottom: #6576BE 1px solid;padding: 0 0 2vw 1vw;margin-bottom: 6vw;font-size: 8vw;font-weight: bold;letter-spacing: 1px;color: #6576BE;}

.ik_f_wrap2 {display: flex;flex-wrap: wrap;gap: 4vw;justify-content: center;}
.ik_f_wrap2 .ik_f_box {width: 100%;}
.ik_f_wrap2 .ik_f_box iframe {max-width: 100%;width: 100%;height: 55vw;}



.ik_image {width: 100%;height: 60vw;background: url(../../../../../assets/ineex_tw/p3.webp) center center / cover no-repeat;margin-bottom: 10vw;;}

.ik_kouro {display: flex;flex-wrap: wrap;gap: 5vw 0;justify-content: center;width: 70vw;margin: 0 auto 11.5vw auto;}
.ik_kouro img {height: auto;width: 100%;border-radius: 1.6vw;}

.ik_timetable {width: 88vw;margin: 0 auto 7vw auto;b}
.ik_timetable h2 {border-bottom: #6576BE 1px solid;padding: 0 0 2.5vw 0.5vw;margin-bottom: 5vw;white-space: nowrap;}
.ik_timetable h2 span:nth-child(1) {font-size: 7.5vw;font-weight: bold;letter-spacing: 0.4vw;color: #6576BE;padding: 0 3.5vw 0 0;}
.ik_timetable h2 span:nth-child(2) {font-size: 4.5vw;font-weight: bold;letter-spacing: 0.2vw;color: #333;padding: 0 0 0 0;}
.ik_syukko {font-size: 3.8vw;letter-spacing: 0.1vw;margin-bottom: 5vw;font-weight: 500;padding: 0 0 0 0.5vw;line-height: 160%;}

.ik_tt_tablewrap {display: flex;flex-wrap: wrap;gap: 0 2%;justify-content: center;}
.ik_tt_tablewrap table {width: 100%;border-collapse: collapse;font-size: 3.5vw;line-height: 140%;text-align: center;margin-bottom: 5vw;}
.ik_tt_tablewrap table tr:nth-child(1) th {background-color: #e9effc;}
.ik_tt_tablewrap table th {border: #ccc 1px solid;padding: 2vw 1.2vw;white-space: nowrap;}
.ik_tt_tablewrap table td {border: #ccc 1px solid;padding: 1.2vw 1.2vw;}
.ik_tt_arrow {vertical-align: middle;font-size: 4.5vw;padding: 0 0 0 0!important;width: 7%!important;}

.table_note {font-size: 3.8vw;padding: 0 0 5vw 0;}

.ik_click {font-size: 3.9vw;letter-spacing: 0vw;margin-bottom: 4vw;font-weight: 500;padding: 0 0 0 0.5vw;}
.ik_click span {font-size: 4.5vw;color: #f00;font-weight: bold;padding: 0 0 0 0.5vw;}
.tal {text-align: left!important;}

.bus_fare {width: 100%;border-collapse: collapse;font-size: 3.7vw;line-height: 130%;margin: 0 0 10vw 0;}
.bus_fare th {border: #ccc 1px solid;padding: 12px 15px;white-space: nowrap;text-align: center;background-color: #e9effc;}
.bus_fare td {border: #ccc 1px solid;padding: 12px 15px;text-align: left;}

.ik_table {width: 100%;border-collapse: collapse;font-size: 3.5vw;line-height: 140%;text-align: center;margin-bottom: 5vw;}
.ik_table th {border: #ccc 1px solid;padding: 2vw 1.2vw;background-color: #e9effc;}
.ik_table td {border: #ccc 1px solid;padding: 1.2vw 1.2vw;}

.ik_tickets_wrap {display: flex;flex-wrap: wrap;gap: 0 3%;justify-content: center;padding-top: 3vw;}
.ik_tickets_wrap .ikt_box {width: 48%;text-align: center;margin-bottom: 6vw;}
.ik_tickets_wrap .ikt_box figure {height: 30vw;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;margin: 0 0 15px 0;}
.ik_tickets_wrap .ikt_box figure img {width: 100%;height: auto;object-fit: cover;}
.ik_tickets_wrap .ikt_box h3 {font-size: 3.5vw;line-height: 140%;}


.ik_h3 {font-size: 5vw;font-weight: bold;padding: 0 0 0 2vw;border-left: #6576BE 6px solid;margin-bottom: 5vw;line-height: 100%;}
.ik_list {list-style-type: circle;margin: 0 0 6vw 5vw;font-size: 3.5vw;}
.ik_list li {margin-bottom: 2vw;}


.cv_btn {text-align: center;padding: 10vw 0 12.5vw 0;}
.cv_btn a {background: url(../../../../../assets/ineex_tw/kamome2.svg) left 6vw center / 16vw auto no-repeat;padding: 2.5vw 14vw 2.5vw 23vw;background-color: #d46a00;border-radius: 10vw;color: #fff;font-size: 6.0vw;font-weight: bold;position: relative}
.cv_btn a span {font-size: 3.8vw;padding: 0 0 0 2.5vw;}
.cv_btn a::after {position: absolute;top: 4.3vw;right: 5.5vw;content:'▶';color: #fff;font-size: 3.8vw;}

.foot_image {margin-bottom: 10vw;}
.foot_image img {border-radius: 2vw;}



}