@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 access
==============================*/

.access .path h4 { margin-bottom: 2rem; padding: 1rem; color: #66B1CB; border-top: solid 2px #66B1CB; background-color: #FFF; text-align: center; line-height: 1.4; font-size: 1.8rem; }
.access .path h5 { margin-bottom: 1rem; color: #222; }
.access .path ul { position: relative; }
.access .path ul:before { position: absolute; top: 2rem; left: 0.74rem; content: ""; width: 1px; height: calc(100% - 4rem); background-color: #EEE; }
.access .path ul li { margin-bottom: 2rem; margin-left: 4.5rem; }
.access .path ul li .n { position: relative; display: block; padding: 1rem; background-color: #EEE; line-height: 1.3; font-size: 1.6rem; font-weight: bold; }
.access .path ul li .n:before { position: absolute; top: 0; left: -4rem; content: ""; width: 0; height: 0; border: 2rem solid transparent; border-right: 2rem solid #EEE; }
.access .path ul li .n:after { position: absolute; top: 1.26rem; left: -4.5rem; content: ""; width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #66B1CB; }
.access .path ul li .g { color: #FFF; background-color: #DA4B62; }
.access .path ul li .g:before { border-right: 2rem solid #DA4B62; }
.access .path ul li .c { display: block; padding-top: 0.5rem; font-size: 1.4rem; }
.access .path .btw .bt { width: 100%; }

/* access_link ----------*/
.access_link {}
.access_link ul {}
.access_link ul li {}
.access_link ul li a { display: flex; padding: 1rem 1.5rem; border: solid 1px #66B1CB; text-align: center; text-decoration: none; font-weight: bold; }
.access_link ul li a i { color: #66B1CB; border-color: #66B1CB; margin-left: auto; }

/* other_link ----------*/
.other_link { padding-top: 6rem; }
.other_link li { border-left: solid 1px #333; }
.other_link li a { display: flex; align-items: center; gap: 1rem; padding: 1rem 2rem; color: #333; text-decoration: none; font-size: 1.6rem; }
.other_link li a strong { display: block; line-height: 1.4; margin-bottom: 0.5rem; }
.other_link li a small { display: block; font-size: 1.2rem; }
.other_link li a i { margin-left: auto; font-size: 1.2rem; color: #999; }

/* tab_wrap ----------*/
.tab_wrap {}
.tab_wrap .tab_nav { display: grid; width: 100%; margin-bottom: 6rem; grid-template-columns: 1fr 1fr; }
.tab_wrap .tab_nav li {}
.tab_wrap .tab_nav li a { display: block; color: #999; padding: 1rem; text-align: center; text-decoration: none; font-weight: bold; border-bottom: solid 1px #DDD; }
.tab_wrap .tab_nav li a.active { color: #333; border: solid 1px #DDD; border-bottom: none; }