@charset "UTF-8";

.oswald {
    font-family: "Oswald", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }


/* Reset
------------------------------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;

    scroll-behavior: smooth;

}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0; padding: 0; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans Japanese", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-font-smoothing: antialiased; color: #333;}
address,em { font-style: normal; }
th { font-weight: normal; }
table {border-collapse: collapse;border-spacing: 0;}
th { text-align: left; }
hr,legend { display: none;	}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img,fieldset { border: 0; }
li {list-style-type: none;}
a{text-decoration: none; color: #333;}

/* Fonts
------------------------------------------------------------*/
body{font: 14px/1.61 "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px;}

/* header
------------------------------------------------------------*/
header{position: fixed; top: 0; left: 0; background-color: #fff; z-index: 99; width: 100%; height: 60px; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.nav{display: flex; justify-content: space-between; align-items: center; max-width: 1100px; margin: auto; position: relative; top: 50%; transform: translateY(-50%);}
.nav-right{display: flex; justify-content: space-between; align-items: center;}
.logo{width: 200px;}
.nav-list a{display: inline-block;}
.nav-list a span{margin-inline: 5px 15px;}

/* footer
-----------------------------------------------------------*/
footer{background: no-repeat top center/100% auto url("../img/ACCESS.webp"); padding-block: 370px 90px;}
.footer-wrap{max-width: 1000px; margin: auto; display: flex; justify-content: space-between; gap: 30px 70px;}
.footer-left{width: 40%;} .footer-right{width: 60%; }
.access-info{text-align: center;}
.contact-title{display: inline-block; padding: 8px; border-block: thin solid #333; margin-top: 50px;}
.footer-tel{font-size: 2rem; display: flex; align-items: center; justify-content: center;}
.footer-tel span{font-size: 3rem; margin-left: 10px; letter-spacing: 3px; display: inline-block;}
.contact-btn{display: block; background-color: #00a6a0; color: #fff; padding: 5px;}
.access-content{margin-block: 20px;}
.train{margin-top: 10px;}
.access-content span{margin-left: 5px;}
.uketsuke{width: 100%; text-align: center; margin-block: 20px;}
.uketsuke-title{text-align: left; padding-left: 30px; width: 35%;}
.uketsuke td{padding-block: 15px; border-block: thin solid #333;}


small{display: block; background-color: #00a6a0; color: #fff; text-align: center; font-size: 12px;padding-block: 15px;}
.footer_area{display: none;}
.pc-none{display: none;}

/* mobile
-----------------------------------------------------------*/
@media (max-width: 1000px) {
    footer{background: no-repeat top center/150% auto url("../img/sp-ACCESS.webp"); padding-block: 35vw 0;}
    .footer-wrap{padding-inline: 5%; background: no-repeat bottom center/100% auto url("../img/sp-bottom.webp"); padding-bottom: 90px;}
}
@media (max-width: 768px) {
    .pc-none{display: block;}

    header{position: relative;}
    .nav{ padding-inline: 5%;}
    .logo{width: 35vw;}
    .nav-list a span{display: none;}
    .nav-list{margin-left: 10px;}

    .footer-wrap{flex-wrap: wrap;}
    .footer-left,.footer-right{width: 100%; padding-inline: 5%;}
    .contact-title {margin-top: 30px;}
    .footer-tel{font-size: 8vw;}
    .footer-tel span{font-size: 10vw;}
    .uketsuke-title{padding-left: 0; width: auto;}

    small{margin-bottom: 90px;}


    .footer_area {display: block; position: fixed;bottom: 0;left: 0;width: 100%;background-color: rgba( 0, 0, 0, 0.6 );z-index: 10000;font-family: Avenir,"Helvetica neue",Helvetica,YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;-webkit-font-smoothing: antialiased;}
	.footer_area .footer_area_inner {position: relative;width: 90%;margin: 0 5%;padding: 15px 0;}
	.footer_area .footer_area_inner .footer_area_inner_btn {width: 85%;padding: 15px 0;font-size: 12px;font-weight: bold;margin-left: 15px; }
	.inquiry_btn {background-color: #1E445B;-webkit-border-radius: 3px;display: inline-block;text-align: center;text-decoration: none;width: 49%;padding: 5px 0;font-size: 12px;font-weight: bold;vertical-align: middle;}
	.text_icon {padding: 1% 4%;font-size: 70%;background-color: #FFFFFF;margin: 0 0 0 7px;color: #1E445B;-webkit-border-radius: 3px;}
	.inquiry_btn:link, .inquiry_btn:visited {color: #FFFFFF !important;}
	#siteBottom{margin-bottom: 85px;}
	#icon{padding: 5px 0;font-size: 20px;vertical-align: middle;}
}