@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

.shippori-mincho {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
}
.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight:300;
}

#page-35th { width:100%; padding:30px 0; font-family:'Noto Sans JP',"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif;}

.p35th-logo { width:200px; }
@media screen and (max-width:600px){
.p35th-logo { width:110px; }
}

.p35th-title { display:flex; align-items:flex-start; padding:70px 0 0; }
.p35th-title .img { width:350px; text-align:center; }
.p35th-title .img img { max-width:220px; }
.p35th-title .tit { padding-left:20px; }
.p35th-title h2 { font-size:min(3.0vw,3.4rem); font-weight:700; line-height:1.6; color:#000; letter-spacing:0.03em; padding:15px 0 20px 0; }
.p35th-title p { font-size:min(2.4vw,2.0rem); line-height:1.6; }
@media screen and (max-width:980px){
.p35th-title .img { width:250px; text-align:center; }
}
@media screen and (max-width:600px){
.p35th-title { display:block; }
.p35th-title .img { width:40%; width:140px; margin:0 auto 20px; }
.p35th-title .tit { padding-left:0; }
.p35th-title h2 { font-size:min(4.6vw,3.4rem); }
.p35th-title p { font-size:min(3.5vw,1.8rem); }
}

.main-35th { width:100%; margin:20px 0; background-image:url(/2021/images/35th/35th-bg.jpg); background-size:cover; min-height:300px; }
.main-35th .contents-35th { width:100%; max-width:1500px; margin:auto; padding:13em 0 9em; position:relative; }
.main-35th .text-35th { text-align:center; position:relative; width:45%; max-width:560px; margin:auto; }
.main-35th .text-35th h3 { margin-bottom:0.8em; }
.main-35th .text-35th h3 img { width:100%; }
.main-35th .text-35th p { font-size:min(1.8vw,2.0rem); font-weight:500; line-height:1.9; padding:0.8em 0; }
.main-35th .text-35th .item-02 { position:absolute; top:-18%; left:-25%; width:35%; max-width:220px; }
@media screen and (max-width:980px){
.main-35th .contents-35th { padding:10em 0 7em; }
.main-35th .text-35th { width:65%; }
.main-35th .text-35th h3 img { width:97%; margin:auto;}
.main-35th .text-35th p { font-size:min(2.5vw,2.0rem); }
.main-35th .text-35th .item-02 { top:-14%; left:-18%; width:28%; max-width:220px; }
}
@media screen and (max-width:600px){
.main-35th { background-image:url("/2021/images/35th/35th-bg_sp.jpg"); }
.main-35th .contents-35th { padding:30% 0 38%; }
.main-35th .text-35th { width:85%; }
.main-35th .text-35th p { font-size:min(3.4vw,2.0rem); }
.main-35th .text-35th .item-02 { top:-15%; left:0; width:25%; max-width:220px; }
}

.main-35th .item-01 { position:absolute; top:2.5%; left:1%; width:15%; max-width:185px; }
.main-35th .item-03 { position:absolute; top:3.5%; right:30%; width:14%; max-width:150px; }
.main-35th .item-04 { position:absolute; top:2%; right:2%; width:20%; max-width:260px; }
.main-35th .item-05 { position:absolute; top:30%; left:10%; width:11%; max-width:160px; }
.main-35th .item-06 { position:absolute; top:26%; right:10%; width:23%; max-width:325px; }
.main-35th .item-07 { position:absolute; top:55%; left:0.8%; width:17%; max-width:260px; }
.main-35th .item-08 { position:absolute; top:52%; left:25%; width:11%; max-width:145px; }
.main-35th .item-09 { position:absolute; top:58%; right:1.5%; width:12%; max-width:150px; }
.main-35th .item-10 { position:absolute; top:83%; left:17%; width:14%; max-width:170px; }
.main-35th .item-11 { position:absolute; top:79%; right:8%; width:20%; max-width:330px; }
@media screen and (max-width:1200px){
.main-35th .item-01 { left:0.8%; max-width:150px; }
.main-35th .item-06 { top:26%; right:6%; width:23%; max-width:300px; }
.main-35th .item-08 { left:22%; max-width:125px; }
.main-35th .item-09 { max-width:130px; }
}
@media screen and (max-width:980px){
.main-35th .item-01 { top:0%; left:28.5%; width:13%; }
.main-35th .item-05 { left:7%; }
.main-35th .item-06 { top:36%; right:4%; width:23%; max-width:325px; }
.main-35th .item-07 { top:65%; left:1.5%; }
.main-35th .item-08 { top:50%; left:20%; }
.main-35th .item-09 { top:65%; right:2.5%; }
.main-35th .item-10 { top:86%; left:12%; }
.main-35th .item-11 { top:85%; }
}
@media screen and (max-width:600px){
.main-35th .item-05 { position:absolute; top:2.5%; left:40%; width:13%; }
.main-35th .item-07 { position:absolute; top:4%; left:67%; width:24%; }
.main-35th .item-10 { position:absolute; top:42%; left:2%; width:17%; }
.main-35th .item-08 { position:absolute; top:41%; left:78%; width:18%; }
.main-35th .item-03 { position:absolute; top:60%; right:78%; width:15%; }
.main-35th .item-01 { position:absolute; top:58%; left:82%; width:18%; }
.main-35th .item-04 { position:absolute; top:78%; right:75%; width:22%; }
.main-35th .item-09 { position:absolute; top:81%; right:42%; width:13%; }
.main-35th .item-06 { position:absolute; top:78%; right:5%; width:29%; }
.main-35th .item-11 { position:absolute; top:90%; right:59%; width:25%; }
}

.main-35th span { position:relative; display:inline-block;}
.main-35th .txt-bdr { position:absolute; bottom:2px; left:0; width:180%; }

.greeting-35th { width:90%; max-width:900px; margin:50px auto 20px; padding:10px 0 0; }
.greeting-35th h3 { font-size:min(3.4vw,2.7rem); font-weight:700; padding:20px 0; }
.greeting-35th p { font-size:min(2.7vw,1.9rem); font-weight:500; line-height:1.8; margin:35px 0; }
.greeting-35th p br.sp { display:none; }
.greeting-35th p span.inter { font-weight:500; }
.greeting-35th p span.shippori-mincho { font-weight:700; font-size:110%; }
.greeting-35th p span.after-line { position:relative; }
.greeting-35th p span.after-line::after { content:''; position:absolute; top:50%; right:-28px; width:25px; height:1px; border-top:1.5px solid #000; }
.greeting-35th p.name { display:flex; justify-content:flex-end; align-items:center; }
.greeting-35th p.name img.sign1 { width:auto; height:62px; margin-left:20px; }
.greeting-35th p.name img.sign2 { width:auto; height:58px; margin-left:20px; }
.greeting-35th p.img { padding:50px 0; }
@media screen and (max-width:825px){
.greeting-35th p { font-size:min(2.6vw,1.9rem); }
}
@media screen and (max-width:600px){
.greeting-35th { margin:30px auto 20px; padding:0 0 10px; }
.greeting-35th p br.sp { display:block; }
.greeting-35th h3 { font-size:min(4.5vw,2.7rem); }
.greeting-35th p { font-size:min(3.4vw,1.9rem); margin:1em 0; }
.greeting-35th p.name { padding-top:10px;}
.greeting-35th p.name img.sign1 { width:auto; height:48px; }
.greeting-35th p.name img.sign2 { width:auto; height:45px; }
}
#page-35th hr { border:none; border-top:1px solid #dfdfdf; }

.greeting-list { width:90%; max-width:800px; margin:20px auto; text-align:right; }
.greeting-list a { text-decoration:none; }
.greeting-list a:hover { text-decoration:underline; }



