html {
  scroll-behavior: smooth;
}
.seto01_body01 {
	scroll-behavior: smooth;
	line-height: 150% !important;
	font-size:16px;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO, Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	scroll-behavior: smooth;
    color:#006f98;
    background-color: #ffffff!important;
}
a:hover img {
  filter: brightness(85%);
  transition: filter 0.3s ease;
}

.seto01_section { 
	max-width:1280px;
	margin:0 auto;
}
 .seto01_section_nav_wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center; /* 中央揃え */
    z-index: 1000;
}
.seto01_section_nav {
    width: 1280px;
    height: 70px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0px;

}

.seto01_nav_logo {
    height: 30px; padding: 18px 23px; /* ロゴ画像の高さを調整 */
}

.seto01_nav_links {
    display: flex;
    gap: 0px; /* 画像同士の間隔 */
}

.seto01_nav_links a {
    display: block;
    width: 70px; /* 正方形の画像サイズ */
    height: 70px;
}

.seto01_nav_links img { margin-top: 0px!important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}   
.seto01_fotter_nav {
   width: 1280px;
    height: 118px;
    background-color: white;
    display: flex;
    justify-content: center; /* 中央揃え */
    align-items: center;
    margin: 0 auto; z-index: 6;
}
.seto01_footer_inner {
    width: 900px; /* 中央のボックス */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.seto01_footer_logo {
    height: 78px; /* ロゴのサイズ調整 */
}

.seto01_fotter_links {
    display: flex;
    gap: 10px; /* 画像間の余白 */
}

.seto01_fotter_links a {
    display: block;
    width: 52px; /* 各アイコンのサイズ */
    height: 52px;
}

.seto01_fotter_links img {
    width: 100%; margin-top: -10px!important;
    height: 100%;
    object-fit: cover;
}

.seto01_wave_section { 
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}

.seto01_wave_box01, .seto01_wave_box02, .seto01_wave_box03, .seto01_wave_box04, .seto01_wave_box05 {
     position: relative;
    background-size: 100% auto; /* 横幅100%、高さは自動 */
    background-position: top center; /* ウェーブを上に配置 */
    background-repeat: no-repeat;
    z-index: 1;
}


/* 各ボックスの背景画像 */
.seto01_wave_box01 { min-height: 900px; margin-bottom: -80px; 
    background-image: url('../images/seto01_wave_box01.png');
}
.seto01_wave_box02 { min-height: 580px;  padding-top: 80px; margin-bottom: -80px; 
    background-image: url('../images/seto01_wave_box02.png'); 
    z-index: 2;
}
.seto01_wave_box03 { min-height: 800px;  padding-top: 80px; margin-bottom: -130px; padding-bottom: 130px;
    background-image: url('../images/seto01_wave_box03.png');
    z-index: 3;
}
.seto01_wave_box04 { min-height: 1200px;  margin-bottom: -80px; padding-top: 180px;  padding-bottom: 130px;
    background-image: url('../images/seto01_wave_box04.png');
    z-index: 4;
}
.seto01_wave_box05 { min-height: 500px; margin-bottom: 0px; padding-bottom: 30px;
    background-image: url('../images/seto01_wave_box05.png');
    z-index: 5;
}

.seto01_in_image01 {
	max-width:1280px;
	position: relative;
	padding:20px 0;
	margin:0 auto 70px;
}
.seto01_in_image01 p {
max-width:796px; line-height: 180%; 
}

.seto01_in_section {
    max-width: 1280px;
    margin: 0 auto;
    display: block;
}

.seto01_in_2colum {
  width: 900px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 32px;
  gap: 20px;
}

.seto01_in_image01_wrap {
  width: 437px;
  height: 481px;
  position: relative;
}

.dorm_img_base,
.dorm_img_link {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.dorm_img_base {
  z-index: 1;
}

.dorm_img_link {
  z-index: 2;
}

    
.seto01_text-center { text-align: center;  max-width:520px;
margin:-260px auto 20px!important; font-weight: bold; font-size: 1.2vw;
}
.seto01_text02 {  max-width:520px; line-height: 180%; 
margin:-270px auto 20px!important; 
	}
.seto01_line_banner_wrap {
  position: relative;
  width: 1280px;
  height: 241px;
  margin: 0 auto;
}

.background-img {
  width: 100%;
  height: auto;
  display: block;
}

.button-link {
  position: absolute;
  top: 48px;   /* ← ここはボタンの縦位置に応じて調整 */
  left: 680px; /* ← ボタンの横位置に応じて調整 */
  display: block;
}

.button-img {
  width: 325px;  /* ← ボタン画像のサイズに合わせて調整 */
  height: auto;
  display: block;
}

/* hover時の明るさ変更 */
.button-link:hover .button-img {
  filter: brightness(85%);
  transition: filter 0.3s ease;
}
    
@media screen and (min-width: 769px) {    
img {
	width:100%;
	margin:32px 0px !important;
	padding:0px !important;
	vertical-align: bottom;
	line-height: 1.0em;
}
    .seto01_section_nav_wrapper_smart,.seto01_in_smart_section,.seto01_section_nav_smart,
    .seto01_nav_links_smart,.seto01_nav_links_smart a,
    .seto01_nav_links_smart img,.seto01_fotter_nav_smart,.seto01_footer_inner_smart,.seto01_footer_logo_smart,.seto01_fotter_links_smart,.seto01_fotter_links_smart a,.seto01_fotter_links_smart img,.seto01_wave_box01_smart, 
    .seto01_wave_box02_smart, 
    .seto01_wave_box03_smart,  .seto01_in_image01_left_smart, 
    .seto01_in_image01_right_smart,
    .seto01_wave_box04_smart, 
    .seto01_wave_box05_smart, .seto01_wave_section_smart, .seto01_in_section_smart, .seto01_in_2colum_smart {
        display: none;
    } 
}        
    
@media screen and (max-width: 768px) {
  html, body {
        margin: 0;
        padding: 0;
        overflow-x: hidden; /* 横スクロールを防ぐ */
    }
   img {
        margin: 0 !important; /* 余白を消す */
	width:100%;  display: block;
	padding:0px !important;
	line-height: normal !important;
    }
.seto01_section {
		max-width:100%;
		margin:0 auto!important;
	}
    .seto01_body01 {
        line-height: normal !important;
    }
.seto01_in_section,.seto01_section_nav_wrapper,.seto01_section_nav,.seto01_nav_logo,.seto01_nav_links,.seto01_nav_links a,.seto01_nav_links img,.seto01_fotter_nav,.seto01_fotter_logo,.seto01_fotter_links,.seto01_fotter_links a,.seto01_fotter_links img,.seto01_wave_box01, .seto01_wave_box02, .seto01_wave_box03, .seto01_wave_box04, .seto01_wave_box05,.seto01_wave_section,.seto01_in_2colum,.seto01_in_image01_left, 
.seto01_in_image01_right {
  display:none;
}

.seto01_in_smart_section {
		width:100%!important;
		display:block;
		 margin: 0 !important;
	}
.seto01_in_image01 p {
width:90%; font-size: 3vw; line-height: 180%; margin:0 auto!important;
}
.seto01_text-center { text-align: center;
margin:-155px auto 20px!important;
}	
.seto01_text02 { 
margin:-175px auto 20px!important; font-size: 3vw;
}
.seto01_section_nav_wrapper_smart {
    width: 100%;
    position: fixed; /* 固定表示 */
    bottom: 0; /* 画面の一番下に配置 */
    left: 0;
    z-index: 1000;
    background-color: white;
}

.seto01_section_nav_smart {
    width: 100%;
    max-height: 70px; /* ナビの高さ */
    display: flex;
    justify-content: space-between;
}

.seto01_nav_links_smart {
    display: flex;
    width: 100%;
    justify-content: space-evenly; /* 均等に配置 */
}

.seto01_nav_links_smart a {
    flex-basis: 20%; /* 5つのボタンを均等に分ける */
    min-width: 60px; /* 小さすぎないようにする */
    
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seto01_nav_links_smart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid white; /* 1pxの白い枠線 */
    box-sizing: border-box;
}


   .seto01_fotter_nav_smart { z-index: 6;
        width: 100%; padding-bottom: 70px;
        background-color: white;
        
    }

    .seto01_footer_inner_smart {
        display: flex; margin: 40px 40px; /* 上下40px・左右45pxの余白 */
        flex-direction: column; /* 縦並び */
        align-items: center;
    }

    .seto01_footer_logo_smart {
        width: 100%; /* ロゴのサイズを調整 */
        padding-bottom: 47px!important; }

    .seto01_fotter_links_smart {
        display: flex;
        justify-content: center;
        gap: 5px; /* 画像同士の間隔 */
    }

    .seto01_fotter_links_smart a {
        display: block;
        width: 45px; /* 正方形の画像サイズ */
        height: 45px;
    }

    .seto01_fotter_links_smart img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
 .seto01_wave_section_smart { 
        width: 100%;
        position: relative;
    }

    .seto01_wave_box01_smart, 
    .seto01_wave_box02_smart, 
    .seto01_wave_box03_smart, 
    .seto01_wave_box04_smart, 
    .seto01_wave_box05_smart {
        position: relative;
        background-size: 100% auto; /* 横幅100%、高さは自動 */
        background-position: top center; /* ウェーブを上に配置 */
        background-repeat: no-repeat;
        z-index: 1;
    }
    .seto01_wave_box01_smart img, 
    .seto01_wave_box02_smart img, 
    .seto01_wave_box03_smart img, 
    .seto01_wave_box04_smart img, 
    .seto01_wave_box05_smart img {
   	width:100%;
	margin:38px 0px !important;
	padding:0px !important;
	vertical-align: bottom;
	line-height: 1.0em;
    }
    

    /* 各ボックスの背景画像 */
    .seto01_wave_box01_smart { min-height: 760px; margin-bottom: -78px; padding-top: 0px; 
        background-image: url('../images/seto01_wave_box01_smart.png');
    }
    .seto01_wave_box02_smart {min-height: 530px;  padding-top: 30px; margin-bottom: -90px; 
        background-image: url('../images/seto01_wave_box02_smart.png');
        z-index: 2;
    }
    .seto01_wave_box03_smart {min-height: 880px;  margin-bottom: -60px; padding-top: 50px; padding-bottom: 30px;
        background-image: url('../images/seto01_wave_box03_smart.png'); 
        z-index: 3;
    }
    .seto01_wave_box04_smart {min-height: 300px; margin-bottom: -20px;   padding-top: 50px; padding-bottom: 15px;
        background-image: url('../images/seto01_wave_box04_smart.png');
        z-index: 4;
    }
    .seto01_wave_box05_smart {min-height: 1100px;  margin-bottom: -20px;  padding-top: 15px; padding-bottom: 15px;
        background-image: url('../images/seto01_wave_box05_smart.png');
        z-index: 5;
    }
 .seto01_in_section_smart {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .seto01_in_2colum_smart {
    display: flex; /* 横並び */
    justify-content: space-between; /* 均等配置 */
    align-items: center; /* 縦方向の中央揃え */
    overflow: hidden;
    margin: 0 auto; /* 中央配置 */
        gap: 20px; /* 画像間の余白 */
        width: 90%; /* コンテンツ幅を90%に */
    }

    .seto01_in_image01_left_smart, 
    .seto01_in_image01_right_smart {
         width: 48%; /* 均等に配置（間隔を少しあける） */
    }

    .seto01_in_image01_left_smart img, 
    .seto01_in_image01_right_smart img {
        width: 100%; /* 画像を親要素いっぱいに */
        height: auto; /* 縦横比を維持 */
        display: block;
    }
    
.seto01_line_banner_wrap_smart {
  position: relative;
  width: 100%;
  height: 227px;
  margin: 0 auto;
}

.background-img-smart {
  width: 100%;
  height: auto;
  display: block;
}

/* ボタンリンクを中央に配置 */
.button-link-smart {
  position: absolute;
  top: 70px; /* ← ボタンの縦位置を調整（中央に近づける） */
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

/* ボタン画像のサイズを適切に調整（仮に180px） */
.button-img-smart {
  width: 330px;
  height: auto;
  display: block;
}

/* hover効果 */
.button-link-smart:hover .button-img-smart {
  filter: brightness(85%);
  transition: filter 0.3s ease;
}

    
 }