@charset "utf-8";


/*-------------
@font-face {font-family:'hirakaku';src: url('../fonts/hrkk4t.woff');}
@font-face {font-family:'hirakaku';src: url('../fonts/hrkk4t.woff2');}
@font-face {font-family:'hirakaku';src: url('../fonts/hrkk4t.otf');}
@font-face {font-family:'hirakaku';src: url('../fonts/hrkk4t.ttc');}
@font-face {font-family:'hirakaku';src: url('../fonts/hrkk4t.eot');}
-------------*/

@font-face {font-family:'NotoSerifJP';src: url('../fonts/NotoSerifJP-VF.woff');}
@font-face {font-family:'NotoSerifJP';src: url('../fonts/NotoSerifJP-VF.woff2');}
@font-face {font-family:'NotoSerifJP';src: url('../fonts/NotoSerifJP-VF.ttf');}
@font-face {font-family:'NotoSerifJP';src: url('../fonts/NotoSerifJP-VF.eot');}


@font-face {font-family:'NotoSans-Light';src: url('../fonts/NotoSans-Light.woff');}
@font-face {font-family:'NotoSans-Light';src: url('../fonts/NotoSans-Light.woff2');}
@font-face {font-family:'NotoSans-Light';src: url('../fonts/NotoSans-Light.ttf');}
@font-face {font-family:'NotoSans-Light';src: url('../fonts/NotoSans-Light.eot');}


@font-face {font-family:'NotoSans-Regular';src: url('../fonts/NotoSans-Regular.woff');}
@font-face {font-family:'NotoSans-Regular';src: url('../fonts/NotoSans-Regular.woff2');}
@font-face {font-family:'NotoSans-Regular';src: url('../fonts/NotoSans-Regular.ttf');}
@font-face {font-family:'NotoSans-Regular';src: url('../fonts/NotoSans-Regular.eot');}















html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;font-family:'NotoSans-Regular', sans-serif;}

body,html{
overflow-x:hidden;
}










@media screen and (min-width:1px) and ( max-width:640px) {
/* ===== コンテナ ===== */
.hero {
  width: 100%;
  height: calc(100dvh - 0px);/*---height: calc(100dvh - 60px);---*/
  position: relative;
  overflow: hidden;
}


/* ロゴ中央配置 */
.hero-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
}

/* ロゴサイズ調整 */
.hero-logo img {
  width: 250px; /* お好みで */
  max-width: 90%;
  height: auto;
}

/* ===== スライド ===== */
.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  opacity: 0;
  transition: opacity 1s ease;
}

.slide.active {
  opacity: 1;
  z-index: 1;
}

/* 動画用 */
.bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ← 背景っぽくする */
}








div.seccontents{
width:100%;
height:auto;
margin:0 auto;
background-color:#dedede;
}

div.secboxmain{
max-width:1700px;
width:100%;
margin:0 auto;
min-height:80vh; 
padding:5% 0 5% 0;
display:flex;
 justify-content:center;    /* 横中央 */
align-items:center;        /* 縦中央 */
flex-direction: column;
}


div.secbox1{
width:94%;
margin:0;
padding:10% 0 0 6%;
height: auto;
}

div.secbox3{
width:85%;
margin:0;
padding:0 0 0 15%;
height: auto;
}

div.secbox3 img{
display:block;
width:100%;
height:auto;
padding:0;
margin:0;
}

div.secbox2{
display:none;
}

h2.sectitle1{
font-size:1.3em;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
letter-spacing:-1px;
text-align:justify;
line-height:30px;
padding:0 0 5% 0;
margin:0;
/*--------text-shadow: 0px 3px 4px rgba(255, 255, 255, 0.89);--------*/
/*--------text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.45);--------*/
color:#333333;
}

p.secword1{
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
padding:1% 0 0 0;
margin:0;
/*--------text-shadow: 0px 3px 4px rgba(255, 255, 255, 0.89);--------*/
/*--------text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.45);--------*/
color:#333333;
}

a.seclink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:8% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}










.youtube{
width: 100%;
aspect-ratio: 16 / 9;
}

.youtube iframe{
width: 100%;
height: 100%;
vertical-align:bottom;
}










div.threecontents{
width:100%;
min-height:80vh; 
margin:0 auto;
padding:0 0 10% 0;
background-color:#fefefe;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.threebox1{
max-width:1200px;
width:85%;
margin:0 auto;
height: auto;
padding:12% 2.5% 12% 2.5%;
}

h2.threetitle1{
font-size:1.35em;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
letter-spacing:-1px;
text-align:center;
line-height:30px;
padding:0;
margin:0;
color:#333333;
}

p.threeword1{
font-weight:normal;
font-size:0.9em;
text-align:center;
line-height:30px;
padding:7% 0 0 0;
margin:0;
color:#333333;
}

a.threelink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:8% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}

div.threeimgbox{
width:100%;
height:auto;
margin:0 auto;
padding:0 0 12% 0;
}


div.threeimgboxmini{
max-width:85%;
width:100%;
height:auto;
margin:2% auto;
padding:0 0 0 0;
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.18);
}

img.threeimgboxminiinner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}










div.fourcontents{
width:100%;
min-height:45vh;/*----70vh-----*/
margin:0 auto;
background-color:#333333;
padding:0 0 12% 0;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

h2.fourtitle1{
font-size:1.35em;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
letter-spacing:-1px;
text-align:center;
line-height:30px;
padding:12% 0 0 0;
margin:0 0 5% 0;
color:#dedede;
}

div#subcontnts015{
max-width:1200px;
width:100%;
height:auto;
margin:0 auto 0 auto;
display:flex;
justify-content: space-around;
padding:20px 0 20px 0;
}


div#subcontnts016{
max-width:100%;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}

div#subcontnts017{
width:100%;
}

img#subcontnts018{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0;
border-radius:8px;
vertical-align:bottom;
}

div#subcontnts019{
width:85%;
margin:0 auto 0 auto;
padding:30px 0 0 0;
height:auto;
}

h3#subcontnts020{
font-size:1.25em;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 2% 0;
line-height:30px;
color:#dedede;
letter-spacing:-0.5px;
border-bottom:1px solid #dedede;
text-align:justify;
}

p.subcontnts021a{
width:100%;
height:auto;
margin:0 auto;
font-size:0.9em;
letter-spacing:-0.5px;
line-height:30px;
padding:3% 0 0 0;
color:#dedede;
text-align:justify;
}

p.subcontnts021b{
width:100%;
height:auto;
margin:0 auto;
font-size:0.8em;
line-height:30px;
padding:3% 0 0 0;
color:#dedede;
text-align:justify;
}

a.fourlink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:5% 0 0 0;
margin-left:auto;
color:#dedede;
border-bottom:1px solid #dedede;
text-decoration:none;
}

div.slider1{
width:100%;
height:auto;
margin:0 auto;
}

.slider1 img{
width:100%;
height:auto;
vertical-align:bottom;
}

div.slider2{
width:100%;
height:auto;
margin:0 auto;
}

.slider2 img{
width:100%;
height:auto;
vertical-align:bottom;
}

div.slider3{
width:100%;
height:auto;
margin:0 auto;
}

.slider3 img{
width:100%;
height:auto;
vertical-align:bottom;
}





div.fivecontents{
width:100%;
min-height:45vh; 
margin:0 auto;
background-color:#fefefe;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.fivebox1{
max-width:1200px;
width:85%;
margin:0 auto;
height: auto;
padding:12% 2.5% 12% 2.5%;
}

h2.fivetitle1{
font-size:1.3em;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
letter-spacing:-1.5px;
text-align:center;
line-height:30px;
padding:0;
margin:0;
color:#333333;
}

p.fiveword1{
font-weight:normal;
font-size:0.9em;
text-align:center;
line-height:30px;
padding:7% 0 0 0;
margin:0;
color:#333333;
}

a.fivelink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:8% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}

div.fiveimgbox{
width:100%;
height:auto;
margin:0 auto;
padding:0 0 12% 0;
}


div.fiveimgboxmini{
max-width:85%;
width:100%;
height:auto;
margin:2% auto;
padding:0 0 0 0;
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.18);
}

img.fiveimgboxminiinner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}










div.sixcontents{
width:100%;
min-height:40vh; 
margin:0 auto;
background-color:#dedede;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.sixbox1{
max-width:1000px;
width:85%;
margin:0 auto;
height: auto;
padding:12% 2.5% 12% 2.5%;
}

h2.sixtitle1{
font-size:1.35em;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
letter-spacing:-1px;
text-align:center;
line-height:30px;
padding:0;
margin:0 0 6% 0;
color:#333333;
}

div.sixheightbox{
width:100%;
height:auto;
padding:30px 0;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
display:flex;
justify-content: space-around;
}

div.sixheightbox2{
width:100%;
height:auto;
padding:30px 0;
display:flex;
justify-content: space-around;
}

div.sixword1a{
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:0 0 0 0;
margin:0;
color:#333333;
width:20%;
}

div.sixword1b{
padding:0 0 0 0;
margin:0;
width:85%;
}

span.sixword1b1{
color:#333333;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
}

span.sixword1b2{
color:#333333;
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
}

a.sixlink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}










div#sevenspcbox{
display:none;
}

div.sevencontents{
width:100%;
min-height:18vh; 
margin:0 auto;
background-color:#fafafa;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.sevenbox1{
max-width:1200px;
width:95%;
margin:0 auto;
height: auto;
padding:8% 2.5% 2.5% 2.5%;
}

div.sevenaddressbox{
width:80%;
height:auto;
margin:0 auto;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
}

div.sevenaddressboxmini1{
max-width:65%;
width:100%;
height:auto;
margin:0.75% auto 0.75% 0;
padding:0 0 0 0;
color:#333333;
font-weight:normal;
font-size:0.85em;
text-align:justify;
letter-spacing:;
line-height:30px;
}

div.sevenaddressboxmini2{
max-width:35%;
width:100%;
height:auto;
margin:0.75% auto 0.75% 0;
padding:0 0 0 0;
}

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






div.sevenaddressboxmini3{
  width:100%;
  height:auto;
  margin:0.75% 0 0.75% auto;
  padding:0;
  display:flex;
  flex-direction:column;      /* ← 縦並び */
  align-items:flex-end;       /* ← 右寄せ */
}

/* アイコン横並び */
.sns-icons{
  display:flex;
  gap:10px;
}


/* リンク */
.adresswords{
  margin-top:10%;
  text-align:right;
}


img.sevenaddressboxmini3img{
  display:block;
  width:30px;
  height:30px;
  padding:15px 15px 0 0;
  margin:0;   /* ← auto削除 */
}

a.sevenlink1{
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 0 0 auto;
color:#333333;
text-decoration:none;
}

p.copyrights{
text-align:center;
font-size:0.7em;
padding:40px 0 15px 0;
margin:0;
color:#333333;
}

span.sevenaddressboxmini1other{
text-decoration:none;
color:#333333;
}

a.sevenaddressboxmini2links{
text-decoration:none;
color:#333333;
}

}



















































































@media screen and (min-width:641px) and ( max-width:1100px) {
.hero {
  width: 100%;
  height: calc(100dvh - 60px);
  position: relative;
  overflow: hidden;
}

/* ロゴ中央配置 */
.hero-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
}

/* ロゴサイズ調整 */
.hero-logo img {
  width: 250px; /* お好みで */
  max-width: 90%;
  height: auto;
}

/* ===== スライド ===== */
.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  opacity: 0;
  transition: opacity 1s ease;
}

.slide.active {
  opacity: 1;
  z-index: 1;
}

/* 動画用 */
.bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ← 背景っぽくする */
}






div.seccontents{
width:100%;
height:auto;
margin:0 auto;
background-color:#dedede;
}

div.secboxmain{
max-width:1700px;
width:100%;
margin:0 auto;
min-height:80vh; 
padding:5% 0 5% 0;
display:flex;
 justify-content:center;    /* 横中央 */
align-items:center;        /* 縦中央 */
flex-direction: column;
}


div.secbox1{
width:94%;
margin:0;
padding:5% 0 0 6%;
height: auto;
}

div.secbox3{
width:80%;
margin:0;
padding:0 0 0 20%;
height: auto;
}

div.secbox3 img{
display:block;
width:100%;
height:auto;
padding:0;
margin:0;
}

div.secbox2{
display:none;
}

h2.sectitle1{
font-size:1.35em;
text-align:justify;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
line-height:30px;
padding:0 0 15px 0;
margin:0;
color:#333333;
}

p.secword1{
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
padding:1% 0 0 0;
margin:0;
color:#333333;
}

a.seclink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}










.youtube{
width: 100%;
aspect-ratio: 16 / 9;
}

.youtube iframe{
width: 100%;
height: 100%;
vertical-align:bottom;
}










div.threecontents{
width:100%;
min-height:80vh; 
margin:0 auto;
background-color:#fefefe;
padding:0 0 8% 0;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.threebox1{
max-width:1200px;
width:80%;
margin:0 auto;
height: auto;
padding:5% 2.5% 5% 2.5%;
}

h2.threetitle1{
font-size:1.35em;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
text-align:center;
line-height:30px;
padding:0;
margin:0;
color:#333333;
}

p.threeword1{
font-weight:normal;
font-size:0.9em;
text-align:center;
line-height:30px;
padding:7% 0 0 0;
margin:0;
color:#333333;
}

a.threelink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}

div.threeimgbox{
width:100%;
height:auto;
margin:0 auto;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
padding:0 0 5% 0;
}


div.threeimgboxmini{
max-width:32%;
width:100%;
height:auto;
margin:0.75% auto;
padding:0 0 0 0;
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.18);
}

img.threeimgboxminiinner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}










div.fourcontents{
width:100%;
min-height:60vh; /*-----100vh-----*/
margin:0 auto;
background-color:#333333;
padding:0 0 5% 0;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

h2.fourtitle1{
font-size:1.35em;
text-align:center;
line-height:30px;
padding:5% 0 0 0;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
margin:0 0 5% 0;
color:#dedede;
}

div#subcontnts015{
max-width:1200px;
width:100%;
height:auto;
margin:0 auto 0 auto;
display:flex;
justify-content: space-around;
padding:20px 0 20px 0;
}


div#subcontnts016{
max-width:100%;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}

div#subcontnts017{
width:80%;
margin:0 auto;
}

img#subcontnts018{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0;
border-radius:8px;
vertical-align:bottom;
}

div#subcontnts019{
width:85%;
margin:0 auto 0 auto;
padding:30px 0 0 0;
height:auto;
}

h3#subcontnts020{
font-size:1.25em;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 2% 0;
line-height:30px;
color:#dedede;
letter-spacing:-0.5px;
border-bottom:1px solid #dedede;
text-align:justify;
}

p.subcontnts021a{
width:100%;
height:auto;
margin:0 auto;
font-size:0.9em;
letter-spacing:-0.5px;
line-height:30px;
padding:3% 0 0 0;
color:#dedede;
text-align:justify;
}

p.subcontnts021b{
width:100%;
height:auto;
margin:0 auto;
font-size:0.8em;
line-height:30px;
padding:3% 0 0 0;
color:#dedede;
text-align:justify;
}

a.fourlink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:5% 0 0 0;
margin-left:auto;
color:#dedede;
border-bottom:1px solid #dedede;
text-decoration:none;
}

div.slider1{
width:100%;
height:auto;
margin:0 auto;
}

.slider1 img{
width:100%;
height:auto;
vertical-align:bottom;
}

div.slider2{
width:100%;
height:auto;
margin:0 auto;
}

.slider2 img{
width:100%;
height:auto;
vertical-align:bottom;
}

div.slider3{
width:100%;
height:auto;
margin:0 auto;
}

.slider3 img{
width:100%;
height:auto;
vertical-align:bottom;
}









div.fivecontents{
width:100%;
min-height:80vh; 
margin:0 auto;
background-color:#fefefe;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.fivebox1{
max-width:1200px;
width:80%;
margin:0 auto;
height: auto;
padding:5% 2.5% 2.5% 2.5%;
}

h2.fivetitle1{
font-size:1.35em;
font-family:'NotoSerifJP', sans-serif;
text-align:center;
font-weight:500;
line-height:30px;
padding:0;
margin:0;
color:#333333;
}

p.fiveword1{
font-weight:normal;
font-size:0.9em;
text-align:center;
line-height:30px;
padding:7% 0 0 0;
margin:0;
color:#333333;
}

a.fivelink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}

div.fiveimgbox{
width:100%;
height:auto;
margin:0 auto;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
padding:0 0 5% 0;
}


div.fiveimgboxmini{
max-width:32%;
width:100%;
height:auto;
margin:0.75% auto;
padding:0 0 0 0;
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.18);
}

img.fiveimgboxminiinner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}

span#deldelpc{
display:none;
}








div.sixcontents{
width:100%;
min-height:60vh; 
margin:0 auto;
background-color:#dedede;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.sixbox1{
max-width:1000px;
width:80%;
margin:0 auto;
height: auto;
padding:5% 2.5% 5% 2.5%;
}

h2.sixtitle1{
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
font-size:1.35em;
text-align:center;
line-height:30px;
padding:0;
margin:0 0 7% 0;
color:#333333;
}

div.sixheightbox{
width:100%;
height:auto;
padding:30px 0;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
display:flex;
justify-content: space-around;
}

div.sixheightbox2{
width:100%;
height:auto;
padding:30px 0;
display:flex;
justify-content: space-around;
}

div.sixword1a{
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:0 0 0 0;
margin:0;
color:#333333;
width:20%;
}

div.sixword1b{
padding:0 0 0 0;
margin:0;
width:80%;
}

span.sixword1b1{
color:#333333;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
}

span.sixword1b2{
color:#333333;
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
}

a.sixlink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}










div#sevensspbox{
display:none;
}

div.sevencontents{
width:100%;
min-height:20vh; 
margin:0 auto;
background-color:#fafafa;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.sevenbox1{
max-width:1200px;
width:95%;
margin:0 auto;
height: auto;
padding:2.5% 2.5% 2.5% 2.5%;
}

div.sevenaddressbox{
width:100%;
height:auto;
margin:0 auto;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
}


div.sevenaddressboxmini1{
max-width:10%;
width:100%;
height:auto;
margin:0.75% auto 0.75% 0;
padding:0 0 0 0;
}

img.sevenaddressboxmini1inner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}

div.sevenaddressboxmini2{
max-width:40%;
width:100%;
height:auto;
margin:0.75% auto 0.75% 0;
padding:0 0 0 0;
color:#333333;
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
}

div.sevenaddressboxmini3{
  max-width:40%;
  width:100%;
  height:auto;
  margin:0.75% 0 0.75% auto;
  padding:0;
  display:flex;
  flex-direction:column;      /* ← 縦並び */
  align-items:flex-end;       /* ← 右寄せ */
}

/* アイコン横並び */
.sns-icons{
  display:flex;
  gap:10px;
}

/* リンク */
.sns-links{
  margin-top:10px;
  text-align:right;
  font-size:0.9em;
}

/* リンク */
.adresswords{
  margin-top:10%;
  text-align:right;
  font-size:0.9em;
}


img.sevenaddressboxmini3img{
  display:block;
  width:30px;
  height:30px;
  padding:15px 0 0 15px;
  margin:0;   /* ← auto削除 */
}

a.sevenlink1{
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 0 0 auto;
color:#333333;
text-decoration:none;
}


a.sevenaddressboxmini2links{
text-decoration:none;
color:#333333;
}


}





































@media screen and (min-width:1101px) and ( max-width:1380px) {
/* ===== コンテナ ===== */
.hero {
  width: 100%;
  height: calc(100dvh - 60px);
  position: relative;
  overflow: hidden;
}

/* ロゴ中央配置 */
.hero-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
}

/* ロゴサイズ調整 */
.hero-logo img {
  width: 250px; /* お好みで */
  max-width: 90%;
  height: auto;
}

/* ===== スライド ===== */
.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  opacity: 0;
  transition: opacity 1s ease;
}

.slide.active {
  opacity: 1;
  z-index: 1;
}

/* 動画用 */
.bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ← 背景っぽくする */
}








div.seccontents{
width:100%;
height:auto;
margin:0 auto;
background-color:#dedede;
}

div.secboxmain{
max-width:1700px;
width:100%;
margin:0 auto;
min-height:90vh; 
padding:5% 0 5% 0;
display:flex;
 justify-content:center;    /* 横中央 */
align-items:center;        /* 縦中央 */
}


div.secbox1{
width:28%;
margin:0;
padding:0 0 0 6%;
height: auto;
}

div.secbox2{
width:66%;
margin:0;
padding:0 0 0 0%;
height: auto;
}

div.secbox2 img{
display:block;
width:100%;
height:auto;
padding:0;
margin:0;
}

div.secbox3{
display:none;
}

h2.sectitle1{
font-size:1.35em;
text-align:justify;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
line-height:30px;
letter-spacing:-0.5px;
padding:0 0 20px 0;
margin:0;
color:#333333;
}

p.secword1{
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
padding:1% 0 0 0;
margin:0;
color:#333333;
}

a.seclink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}










.youtube{
width: 100%;
aspect-ratio: 16 / 9;
}

.youtube iframe{
width: 100%;
height: 100%;
vertical-align:bottom;
}










div.threecontents{
width:100%;
min-height:80vh; 
margin:0 auto;
background-color:#fefefe;
padding:0 0 8% 0;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.threebox1{
max-width:1200px;
width:80%;
margin:0 auto;
height: auto;
padding:5% 2.5% 5% 2.5%;
}

h2.threetitle1{
font-size:1.35em;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
text-align:center;
line-height:30px;
padding:0;
margin:0;
color:#333333;
}

p.threeword1{
font-weight:normal;
font-size:0.9em;
text-align:center;
line-height:30px;
padding:7% 0 0 0;
margin:0;
color:#333333;
}

a.threelink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}

div.threeimgbox{
width:100%;
height:auto;
margin:0 auto;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
padding:0 0 5% 0;
}


div.threeimgboxmini{
max-width:32%;
width:100%;
height:auto;
margin:0.75% auto;
padding:0 0 0 0;
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.18);
}

img.threeimgboxminiinner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}










div.fourcontents{
width:100%;
min-height:60vh; /*-----100vh-----*/
margin:0 auto;
background-color:#333333;
padding:0 0 5% 0;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

h2.fourtitle1{
font-size:1.35em;
text-align:center;
line-height:30px;
padding:5% 0 0 0;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
margin:0 0 5% 0;
color:#dedede;
}

div#subcontnts015{
max-width:1200px;
width:80%;
height:auto;
margin:0 auto 0 auto;
display:flex;
justify-content: space-around;
padding:20px 2.5% 20px 2.5%;
}


div#subcontnts016{
display:flex;
justify-content: space-around;
max-width:100%;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}

div#subcontnts017{
width:55%;
}

img#subcontnts018{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0;
border-radius:8px;
vertical-align:bottom;
}

div#subcontnts019{
width:45%;
position:relative;
}

h3#subcontnts020{
width:90%;
height:auto;
margin-left:auto;
font-size:1.35em;
padding:0 0 2% 0;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
color:#dedede;
line-height:30px;
border-bottom:1px solid #dedede;
text-align:justify;
}

p.subcontnts021a{
width:90%;
height:auto;
margin-left:auto;
font-size:0.9em;
padding:3% 0 0 0;
line-height:30px;
color:#dedede;
text-align:justify;
}

p.subcontnts021b{
width:90%;
height:auto;
margin-left:auto;
font-size:0.8em;
line-height:30px;
padding:3% 0 0 0;
color:#333333;
text-align:justify;
}

a.fourlink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:5% 0 0 0;
margin-left:auto;
color:#dedede;
border-bottom:1px solid #dedede;
text-decoration:none;
}

div.slider1{
width:100%;
height:auto;
margin:0 auto;
}

.slider1 img{
width:100%;
height:auto;
vertical-align:bottom;
}

div.slider2{
width:100%;
height:auto;
margin:0 auto;
}

.slider2 img{
width:100%;
height:auto;
vertical-align:bottom;
}

div.slider3{
width:100%;
height:auto;
margin:0 auto;
}

.slider3 img{
width:100%;
height:auto;
vertical-align:bottom;
}









div.fivecontents{
width:100%;
min-height:80vh; 
margin:0 auto;
background-color:#fefefe;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.fivebox1{
max-width:1200px;
width:80%;
margin:0 auto;
height: auto;
padding:5% 2.5% 2.5% 2.5%;
}

h2.fivetitle1{
font-size:1.35em;
font-family:'NotoSerifJP', sans-serif;
text-align:center;
font-weight:500;
line-height:30px;
padding:0;
margin:0;
color:#333333;
}

p.fiveword1{
font-weight:normal;
font-size:0.9em;
text-align:center;
line-height:30px;
padding:7% 0 0 0;
margin:0;
color:#333333;
}

a.fivelink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}

div.fiveimgbox{
width:100%;
height:auto;
margin:0 auto;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
padding:0 0 5% 0;
}


div.fiveimgboxmini{
max-width:32%;
width:100%;
height:auto;
margin:0.75% auto;
padding:0 0 0 0;
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.18);
}

img.fiveimgboxminiinner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}

span#deldelpc{
display:none;
}








div.sixcontents{
width:100%;
min-height:60vh; 
margin:0 auto;
background-color:#dedede;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.sixbox1{
max-width:1000px;
width:80%;
margin:0 auto;
height: auto;
padding:5% 2.5% 5% 2.5%;
}

h2.sixtitle1{
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
font-size:1.35em;
text-align:center;
line-height:30px;
padding:0;
margin:0 0 7% 0;
color:#333333;
}

div.sixheightbox{
width:100%;
height:auto;
padding:30px 0;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
display:flex;
justify-content: space-around;
}

div.sixheightbox2{
width:100%;
height:auto;
padding:30px 0;
display:flex;
justify-content: space-around;
}

div.sixword1a{
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:0 0 0 0;
margin:0;
color:#333333;
width:20%;
}

div.sixword1b{
padding:0 0 0 0;
margin:0;
width:80%;
}

span.sixword1b1{
color:#333333;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
}

span.sixword1b2{
color:#333333;
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
}

a.sixlink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}










div#sevensspbox{
display:none;
}

div.sevencontents{
width:100%;
min-height:20vh; 
margin:0 auto;
background-color:#fafafa;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.sevenbox1{
max-width:1200px;
width:95%;
margin:0 auto;
height: auto;
padding:2.5% 2.5% 2.5% 2.5%;
}

div.sevenaddressbox{
width:100%;
height:auto;
margin:0 auto;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
}


div.sevenaddressboxmini1{
max-width:10%;
width:100%;
height:auto;
margin:0.75% auto 0.75% 0;
padding:0 0 0 0;
}

img.sevenaddressboxmini1inner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}

div.sevenaddressboxmini2{
max-width:40%;
width:100%;
height:auto;
margin:0.75% auto 0.75% 0;
padding:0 0 0 0;
color:#333333;
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
}

div.sevenaddressboxmini3{
  max-width:40%;
  width:100%;
  height:auto;
  margin:0.75% 0 0.75% auto;
  padding:0;
  display:flex;
  flex-direction:column;      /* ← 縦並び */
  align-items:flex-end;       /* ← 右寄せ */
}

/* アイコン横並び */
.sns-icons{
  display:flex;
  gap:10px;
}

/* リンク */
.sns-links{
  margin-top:10px;
  text-align:right;
  font-size:0.9em;
}

/* リンク */
.adresswords{
  margin-top:10%;
  text-align:right;
  font-size:0.9em;
}


img.sevenaddressboxmini3img{
  display:block;
  width:30px;
  height:30px;
  padding:15px 0 0 15px;
  margin:0;   /* ← auto削除 */
}

a.sevenlink1{
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 0 0 auto;
color:#333333;
text-decoration:none;
}


a.sevenaddressboxmini2links{
text-decoration:none;
color:#333333;
}


}



























































































@media screen and (min-width:1381px) {
/* ===== コンテナ ===== */
.hero {
  width: 100%;
  height: calc(100dvh - 60px);
  position: relative;
  overflow: hidden;
}

/* ロゴ中央配置 */
.hero-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
}

/* ロゴサイズ調整 */
.hero-logo img {
  width: 250px; /* お好みで */
  max-width: 90%;
  height: auto;
}

/* ===== スライド ===== */
.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  opacity: 0;
  transition: opacity 1s ease;
}

.slide.active {
  opacity: 1;
  z-index: 1;
}

/* 動画用 */
.bg-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ← 背景っぽくする */
}








div.seccontents{
width:100%;
height:auto;
margin:0 auto;
background-color:#dedede;
}

div.secboxmain{
max-width:1700px;
width:100%;
margin:0 auto;
min-height:90vh; 
padding:5% 2.5% 5% 2.5%;
display:flex;
 justify-content:center;    /* 横中央 */
align-items:center;        /* 縦中央 */
}


div.secbox1{
width:23%;
margin:0;
padding:0 0 0 7%;
height: auto;
}

div.secbox2{
width:65%;
margin:0;
padding:0 0 0 0%;
height: auto;
}

div.secbox2 img{
display:block;
width:100%;
height:auto;
padding:0;
margin:0;
}

div.secbox3{
display:none;
}

h2.sectitle1{
font-size:1.35em;
text-align:justify;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
line-height:30px;
letter-spacing:-0.5px;
padding:0 0 20px 0;
margin:0;
color:#333333;
}

p.secword1{
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
padding:1% 0 0 0;
margin:0;
color:#333333;
}

a.seclink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}










.youtube{
width: 100%;
aspect-ratio: 16 / 9;
}

.youtube iframe{
width: 100%;
height: 100%;
vertical-align:bottom;
}










div.threecontents{
width:100%;
min-height:80vh; 
margin:0 auto;
background-color:#fefefe;
padding:0 0 8% 0;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.threebox1{
max-width:1200px;
width:80%;
margin:0 auto;
height: auto;
padding:5% 2.5% 5% 2.5%;
}

h2.threetitle1{
font-size:1.35em;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
text-align:center;
line-height:30px;
padding:0;
margin:0;
color:#333333;
}

p.threeword1{
font-weight:normal;
font-size:0.9em;
text-align:center;
line-height:30px;
padding:7% 0 0 0;
margin:0;
color:#333333;
}

a.threelink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}

div.threeimgbox{
width:100%;
height:auto;
margin:0 auto;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
padding:0 0 5% 0;
}


div.threeimgboxmini{
max-width:32%;
width:100%;
height:auto;
margin:0.75% auto;
padding:0 0 0 0;
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.18);
}

img.threeimgboxminiinner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}










div.fourcontents{
width:100%;
min-height:60vh; /*-----100vh-----*/
margin:0 auto;
background-color:#333333;
padding:0 0 5% 0;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

h2.fourtitle1{
font-size:1.35em;
text-align:center;
line-height:30px;
padding:5% 0 0 0;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
margin:0 0 5% 0;
color:#dedede;
}

div#subcontnts015{
max-width:1200px;
width:80%;
height:auto;
margin:0 auto 0 auto;
display:flex;
justify-content: space-around;
padding:20px 2.5% 20px 2.5%;
}


div#subcontnts016{
display:flex;
justify-content: space-around;
max-width:100%;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}

div#subcontnts017{
width:55%;
}

img#subcontnts018{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0;
border-radius:8px;
vertical-align:bottom;
}

div#subcontnts019{
width:45%;
position:relative;
}

h3#subcontnts020{
width:90%;
height:auto;
margin-left:auto;
font-size:1.35em;
padding:0 0 2% 0;
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
color:#dedede;
line-height:30px;
border-bottom:1px solid #dedede;
text-align:justify;
}

p.subcontnts021a{
width:90%;
height:auto;
margin-left:auto;
font-size:0.9em;
padding:3% 0 0 0;
line-height:30px;
color:#dedede;
text-align:justify;
}

p.subcontnts021b{
width:90%;
height:auto;
margin-left:auto;
font-size:0.8em;
line-height:30px;
padding:3% 0 0 0;
color:#333333;
text-align:justify;
}

a.fourlink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:5% 0 0 0;
margin-left:auto;
color:#dedede;
border-bottom:1px solid #dedede;
text-decoration:none;
}

div.slider1{
width:100%;
height:auto;
margin:0 auto;
}

.slider1 img{
width:100%;
height:auto;
vertical-align:bottom;
}

div.slider2{
width:100%;
height:auto;
margin:0 auto;
}

.slider2 img{
width:100%;
height:auto;
vertical-align:bottom;
}

div.slider3{
width:100%;
height:auto;
margin:0 auto;
}

.slider3 img{
width:100%;
height:auto;
vertical-align:bottom;
}









div.fivecontents{
width:100%;
min-height:80vh; 
margin:0 auto;
background-color:#fefefe;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.fivebox1{
max-width:1200px;
width:80%;
margin:0 auto;
height: auto;
padding:5% 2.5% 2.5% 2.5%;
}

h2.fivetitle1{
font-size:1.35em;
font-family:'NotoSerifJP', sans-serif;
text-align:center;
font-weight:500;
line-height:30px;
padding:0;
margin:0;
color:#333333;
}

p.fiveword1{
font-weight:normal;
font-size:0.9em;
text-align:center;
line-height:30px;
padding:7% 0 0 0;
margin:0;
color:#333333;
}

a.fivelink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}

div.fiveimgbox{
width:100%;
height:auto;
margin:0 auto;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
padding:0 0 5% 0;
}


div.fiveimgboxmini{
max-width:32%;
width:100%;
height:auto;
margin:0.75% auto;
padding:0 0 0 0;
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.18);
}

img.fiveimgboxminiinner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}

span#deldelpc{
display:none;
}








div.sixcontents{
width:100%;
min-height:60vh; 
margin:0 auto;
background-color:#dedede;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.sixbox1{
max-width:1000px;
width:80%;
margin:0 auto;
height: auto;
padding:5% 2.5% 5% 2.5%;
}

h2.sixtitle1{
font-family:'NotoSerifJP', sans-serif;
font-weight:500;
font-size:1.35em;
text-align:center;
line-height:30px;
padding:0;
margin:0 0 7% 0;
color:#333333;
}

div.sixheightbox{
width:100%;
height:auto;
padding:30px 0;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
display:flex;
justify-content: space-around;
}

div.sixheightbox2{
width:100%;
height:auto;
padding:30px 0;
display:flex;
justify-content: space-around;
}

div.sixword1a{
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:0 0 0 0;
margin:0;
color:#333333;
width:20%;
}

div.sixword1b{
padding:0 0 0 0;
margin:0;
width:80%;
}

span.sixword1b1{
color:#333333;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
}

span.sixword1b2{
color:#333333;
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
}

a.sixlink1{
width:150px;
display:block;
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 auto;
color:#333333;
border-bottom:1px solid #333333;
text-decoration:none;
}










div#sevensspbox{
display:none;
}

div.sevencontents{
width:100%;
min-height:20vh; 
margin:0 auto;
background-color:#fafafa;
  display:flex;
  flex-direction:column;
  justify-content:center;    /* 横中央 */
  align-items:center;        /* 縦中央 */
}

div.sevenbox1{
max-width:1200px;
width:95%;
margin:0 auto;
height: auto;
padding:2.5% 2.5% 2.5% 2.5%;
}

div.sevenaddressbox{
width:100%;
height:auto;
margin:0 auto;
display:flex;
justify-content: space-around;
flex-wrap: wrap;
}


div.sevenaddressboxmini1{
max-width:10%;
width:100%;
height:auto;
margin:0.75% auto 0.75% 0;
padding:0 0 0 0;
}

img.sevenaddressboxmini1inner{
display:block;
width:100%;
height:auto;
margin:0 auto;
padding:0 0 0 0;
}

div.sevenaddressboxmini2{
max-width:40%;
width:100%;
height:auto;
margin:0.75% auto 0.75% 0;
padding:0 0 0 0;
color:#333333;
font-weight:normal;
font-size:0.9em;
text-align:justify;
line-height:30px;
}

div.sevenaddressboxmini3{
  max-width:40%;
  width:100%;
  height:auto;
  margin:0.75% 0 0.75% auto;
  padding:0;
  display:flex;
  flex-direction:column;      /* ← 縦並び */
  align-items:flex-end;       /* ← 右寄せ */
}

/* アイコン横並び */
.sns-icons{
  display:flex;
  gap:10px;
}

/* リンク */
.sns-links{
  margin-top:10px;
  text-align:right;
  font-size:0.9em;
}

/* リンク */
.adresswords{
  margin-top:10%;
  text-align:right;
  font-size:0.9em;
}


img.sevenaddressboxmini3img{
  display:block;
  width:30px;
  height:30px;
  padding:15px 0 0 15px;
  margin:0;   /* ← auto削除 */
}

a.sevenlink1{
font-weight:normal;
font-size:1em;
text-align:justify;
line-height:30px;
padding:3% 0 0 0;
margin:0 0 0 auto;
color:#333333;
text-decoration:none;
}


a.sevenaddressboxmini2links{
text-decoration:none;
color:#333333;
}


}