@charset "UTF-8";


/*スマホ*/
@media screen and (max-width:1024px){
.map{color:#fff;width:100%;text-align:center;margin: 0px auto 0px auto;padding:2% 0 4% 0;}
.topobi3{color:#fff;width:100%;text-align:left;margin: 0px auto 0px auto;padding:5% 3% 5% 3%;background:#aaabab}
.font3{padding:0px 0 0px 0;font-size: clamp(10px, 0.6vw, 0.6rem);font-weight:400;line-height:200%;text-align:center;}
.font4{padding:0px 0 0px 0;font-size: clamp(10px, 1.4vw, 2.3rem);font-weight:400;line-height:200%;text-align:center;}
.font5{padding:1% 0 0px 0;font-size: clamp(10px, 1.2vw, 1.2rem);font-weight:400;line-height:210%;text-align:center;}
.font3333{padding:0px 0 0px 0;font-size: clamp(14px, 1.3vw, 1.4rem);font-weight:400;line-height:200%;text-align:center;}
.font4444{padding:0px 0 0px 0;font-size: clamp(16px, 2.2vw, 3.8rem);font-weight:400;line-height:200%;text-align:center;}
.font5555{padding:1% 0 0px 0;font-size: clamp(14px, 1.3vw, 1.4rem);font-weight:400;line-height:190%;text-align:left;}
.font444{ width:90%;padding:0px 0 4% 0;font-size: clamp(16px, 1.4vw, 2.3rem);font-weight:400;line-height:200%;text-align:left;margin: 0% auto 0% auto;}
.font44{ width:90%;padding:0px 0 4% 0;font-size: clamp(16px, 1.4vw, 2.3rem);font-weight:400;line-height:180%;text-align:left;margin: 0% auto 0% auto;}
.position { width: 100%; height:auto;text-align: center; padding: 5% 0% 4% 0%;}
.toptitle{text-align: center; padding: 3% 0% 5% 0%;color: #5c7d7c;font-size: clamp(13px, 1.2vw, 1.2rem);font-weight: 700;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.navi1{text-align: center; width: 50% ; max-width:400px ;margin: 5% auto 8%;}
.navi2{text-align: center; width: 50% ; max-width:400px ;margin: 0% auto 2%;}
.location2 { width: 100%; height:auto;padding: 3% 0% 2% 0%;

        background-image: url("../img/top/topbg3.webp");
        background-repeat: no-repeat;
        background-position:bottom right;}
	
	
.location { width: 100%; height:auto;text-align: center; padding: 5% 0% 4% 0%;
	
	        position: relative;
        width: 100%; height:auto;
        text-align: left;
        /* 余白を％で指定してレスポンシブに対応 */
        padding: 5% 3% 3% 5%;
        margin: 0% auto 0%;
        /* 背景画像の設定 */
        background-image: url("../img/top/topbg2.webp");
        background-repeat: no-repeat;
        background-position: top left;}
	

.font3333{padding:0px 0 0px 0;font-size: clamp(14px, 1.3vw, 1.4rem);font-weight:400;line-height:200%;text-align:center;}
.font4444{padding:0px 0 0px 0;font-size: clamp(16px, 2.2vw, 3.8rem);font-weight:400;line-height:200%;text-align:center;}
.font5555{padding:1% 0 0px 0;font-size: clamp(14px, 1.3vw, 1.4rem);font-weight:400;line-height:180%;text-align:left;}
.plan { width: 100%; height:auto;text-align: center; padding: 5% 0% 4% 0%;}
.font1{padding:1.5% 0 1.5% 0;font-size: clamp(14px, 1.4vw, 2.3rem);font-weight:400;line-height:160%;text-align:left;font-weight: 700; letter-spacing: 3px;}
.font2{width:90%;padding:1% 0 0px 0;font-size: clamp(12px, 1.2vw, 1.2rem);font-weight:400;line-height:180%;text-align:left;}
.font3{padding:0px 0 0px 0;font-size: clamp(16px, 0.6vw, 0.6rem);font-weight:400;line-height:200%;text-align:center;}
.font4{width:90%;padding:0px 0 0px 0;font-size: clamp(14px, 1.4vw, 2.3rem);font-weight:400;line-height:160%;text-align:left;margin:0px auto 0px auto;}

.font5{width:90%;padding:3% 0 0px 0;font-size: clamp(12px, 1.2vw, 1.2rem);font-weight:400;line-height:160%;text-align:left;margin:0px auto 0px auto;}
.topcap{width:90%;text-align:left;padding:0px 0 0px 0;margin: 50px auto 70px auto;line-height: 150%;font-size: clamp(10px, 0.6vw, 0.7rem);font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}


}

/*PC*/
@media print, screen and (min-width:769px){
.map{color:#fff;width:60%;text-align:center;margin: 0px auto 0px auto;padding:2% 0 0% 0;}
.topobi3{color:#fff;width:100%;text-align:center;margin: 0px auto 0px auto;padding:3% 0 3% 0;background:#aaabab}
.position { width: 100%; height:auto;text-align: center; padding: 5% 0% 4% 0%;}
.toptitle{text-align: center; padding: 0% 0% 2% 0%;color: #5c7d7c;font-size: clamp(13px, 1.2vw, 1.2rem);font-weight: 700;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.navi1{text-align: center; width: 30% ; max-width:400px ;margin: 5% auto 8%;}
.navi2{text-align: center; width: 30% ; max-width:400px ;margin: 0% auto 2%;}
.location2 { width: 100%; height:auto;padding: 1% 0% 2% 0%;

        background-image: url("../img/top/topbg3.webp");
        background-repeat: no-repeat;
        background-position:bottom right;}
.location { width: 100%; height:auto;text-align: center; padding: 5% 0% 4% 0%;
 position: relative;
        width: 100%; height:auto;
        text-align: left;
        /* 余白を％で指定してレスポンシブに対応 */
        padding: 5% 5% 3% 3%;
        margin: 0% auto 0%;
        /* 背景画像の設定 */
        background-image: url("../img/top/topbg2.webp");
        background-repeat: no-repeat;
        background-position: top left;}
.font1{padding:1.5% 0 1.5% 0;font-size: clamp(10px, 1.4vw, 2.3rem);font-weight:400;line-height:160%;text-align:left;font-weight: 700; letter-spacing: 3px;}
.font2{padding:1% 0 0px 0;font-size: clamp(10px, 1.2vw, 1.2rem);font-weight:400;line-height:210%;text-align:left;}
.font3{padding:0px 0 0px 0;font-size: clamp(10px, 0.6vw, 0.6rem);font-weight:400;line-height:200%;text-align:center;}
.font4{padding:0px 0 0px 0;font-size: clamp(10px, 1.4vw, 2.3rem);font-weight:400;line-height:200%;text-align:center;}
.font444{padding:0px 0 2% 0;font-size: clamp(10px, 1.4vw, 2.3rem);font-weight:400;line-height:200%;text-align:center;}
.font5{padding:1% 0 0px 0;font-size: clamp(10px, 1.2vw, 1.2rem);font-weight:400;line-height:210%;text-align:center;}
.font3333{padding:0px 0 0px 0;font-size: clamp(14px, 1.3vw, 1.4rem);font-weight:400;line-height:200%;text-align:center;}
.font4444{padding:0px 0 0px 0;font-size: clamp(16px, 2.2vw, 3.8rem);font-weight:400;line-height:200%;text-align:center;}
.font5555{padding:1% 0 0px 0;font-size: clamp(14px, 1.3vw, 1.4rem);font-weight:400;line-height:210%;text-align:center;}
.font44{margin:3% 0 0px 0;font-size: clamp(10px, 1.4vw, 2.3rem);font-weight:400;line-height:200%;text-align:center;}	
.plan { width: 100%; height:auto;text-align: center; padding: 5% 0% 4% 0%;}
.topcap{width:100%;text-align:center;padding:0px 0 0px 0;margin: 0% auto 3% auto;line-height: 150%;font-size: clamp(10px, 0.6vw, 0.7rem);font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

}