@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

.cal-sans-regular {
  font-family:"Cal Sans", sans-serif;
  font-weight:400;
  font-style:normal;
}
body { background: url("../images/bg.jpg?20250505") #fc5700 no-repeat center top; background-size:contain; }
.twm-page-content { animation:fil_blur 1s forwards; }
@keyframes fil_blur {
  from { filter: blur(1.5rem) brightness(200%); -webkit-filter: blur(1.5rem) brightness(200%); opacity:0; -webkit-pacity:0; }
  to { filter: blur(0) brightness(100%); -webkit-filter: blur(0) brightness(100%); pacity:1; -webkit-pacity:1; }
}
h1 { text-indent:-9999px; height:0; }
.KV img { width:100%; height:auto; }

#bookmark-singlepage-nav { background:none; box-shadow:none; height:90px; }
#bookmark-singlepage-nav .new-v2-page-detail__types-container { background:#fff; width:70%; border-radius:2.2vw 0.8vw; }
#bookmark-singlepage-nav .new-v2-page-detail__types-link::after { background:none; }
.-pc #bookmark-singlepage-nav .new-v2-page-detail__types-link:hover, #bookmark-singlepage-nav .new-v2-page-detail__types-link.-active, #bookmark-singlepage-nav .new-v2-page-detail__types-link:active { background:#fff; border-radius:1.6vw 0.8vw; }
#bookmark-singlepage-nav .new-v2-page-detail__types-link { font-family:"Cal Sans", sans-serif; color:#595959; font-size:1.5vw; font-weight:600; width:300px; }
#bookmark-singlepage-nav .new-v2-page-detail__types-link span { font-weight:400; padding:0 2px; letter-spacing:1px; }

.tab-content article { color:#fff; letter-spacing:0.1rem; width:90%; padding-bottom:3vw; margin:0 auto; }
.tab-content article section { width:82%; display:flex; margin:0 auto 6vw; justify-content:center; align-items:center; }
.tab-content article section .duck_img { width:46%; }
.tab-content article section .duck_img img:nth-child(1) { width:66%; }
.tab-content article section .duck_img img:nth-child(2) { width:19%; }
.tab-content article section .duck_img img.ative { margin-right:8%; animation-iteration-count:infinite; animation-name:Duck; animation-duration:13s; }
@keyframes Duck {
  0% { content:url("../images/Duck_img1.png"); }
  33% { content:url("../images/Duck_img2.png"); }
  66% { content:url("../images/Duck_img3.png"); }
  100% { content:url("../images/Duck_img4.png"); }
}
.tab-content article section .duck_con { width:52%; margin-left:2%; }
.tab-content article section dl { font-size:1vw; display:inline-block; }
.tab-content article section dl dt { font-weight:400; float:left; width:15%; }
.tab-content article section dl dd { float:left; width:85%; }
.tab-content article section dl dd span { font-size:0.8vw; }
.tab-content article section .btnrow { margin-top:0; }
.tab-content article h2 { font-size:1.5vw; margin-bottom:4vw; text-align:center; }
.tab-content article h2.stit { color:#fff000; display:flex; justify-content:center; align-items:center; }
.tab-content article h2.stit div { width:41%; margin:0 2vw; border-bottom:1px solid #fff000; }
.tab-content .tab-container article h2 { margin-top:3vw; position:relative; }
.tab-content .tab-container article h2 span { margin:0 2px; }
.tab-content .tab-container article h2 .cel_img { width:12%; position:absolute; top:-135%; left:76%; z-index:-1; }
.tab-content article ul { display:flex; padding:0; margin:0 0 4vw; justify-content:center; }
.tab-content article ul li { list-style:none; width:30%; margin:0 1.2%; }
.tab-content article ul li img { width:100%; }
.tab-content article h3 { font-size:1.6vw; text-align:center; margin-top:1vw; }
.tab-content article p { font-size:1.4vw; line-height:1.2em; margin-bottom:0.8vw; }
.tab-content article ul.white { width:86%; margin:0 auto 1vw; }
.tab-content article ul.white li { background:#fff; border-radius:20vw; padding:2vw 3vw; }
.tab-content article ul.white li p { color:#ff6700; font-weight:600; text-align:center; }
.tab-content article ul.white li p span { font-weight:500; margin-right:3px; }

.font_gray { color:#595959; font-weight:600; }
.con_1 { width:140%; margin-left:-3.2vw; }
.con_2 { display:flex; justify-content:center; }
.con_1 .btnrow_phone { background:#fff; border-radius:30vw; text-align:center; width:41%; padding:0.1vw 0 0.1vw; margin-right:0.4vw; }
.tab-content article .mar_t1 { margin:0.3vw auto 0; }
.btn-primary-black {
  color: #ff6700 !important;
  background-image: linear-gradient(to right, #fff, #fff, #fff, #fff);
  border-radius: 90px !important;
  border: 0;
  outline: 0;
  background-size: 300% 100%;
  transition: all .5s ease-in-out;
}
.tab-content article ul.white li .btn-primary-black {
  color:#fff !important;
  background:#ff6700;
}
.btn-primary-black:hover {
  color:#595959 !important;
  background-position: 100% 0;
  transition: all .5s ease-in-out;
}
.tab-content article ul.white li .btn-primary-black:hover {
  background:#595959;
}
.btnrow_phone { float:left; margin:0.4vw auto 0; }
.tab-content article ul.white li .btnrow { margin:0 auto 0; }
.con_2 .btnrow { margin:2vw 0.2vw 0; }
.btnrow { margin:2.8vw auto 0; }
.btnrow_phone a { background:none; font-size:0.9vw; line-height:1em; margin:0 0.2vw; }
.btnrow a { font-family:"Cal Sans", sans-serif; font-size:1.2vw; line-height:1em; margin:0 0.2vw; }

.position-relative { width:78%; margin:0 auto 2vw; }

.twm-content-note { color:#fff; width:72%; padding:0 0 3vw; }
.twm-content-note h4 { font-size:1vw; font-weight:400; padding-left:0; margin-bottom:8px; }
.twm-content-note h4:before { background:none; width:0; margin-right:0; }
.twm-content-note ul li { font-size:1vw; font-weight:400; color:#fff; margin-bottom:0; margin-left:0; }

@media screen and (min-width: 0px) and (max-width:949px) {
	body { background: url("../images/m_bg.jpg") #fc5700 no-repeat center top; }
	
	#wrapper { margin-bottom:7.5vh; }
	
	.tab-content article section { width:100%; display:block; }
	.tab-content article section .duck_img { width:100%; }
	.tab-content article section .duck_con { width:100%; margin:5vw 0 10vw; }
	.tab-content article section dl { font-size:2.6vw; }
	.tab-content article section dl dd span { font-size:2.2vw; }
	
	#bookmark-singlepage-nav { margin-bottom:9vw; }
	#bookmark-singlepage-nav .new-v2-page-detail__types-container { background:#fff; width:91%; border-radius:3vw 1vw; padding-left:2%; }
	#bookmark-singlepage-nav .new-v2-page-detail__types-link { font-size:4.4vw; flex:auto; }
	
	.tab-content article { width:90%; margin:0 auto 0; }
	.tab-content article h2 { font-size:4.4vw; margin-top:6vw; line-height:1.4em; }
	.tab-content .tab-container article h2.mar_l1 { margin-left:-23%; }
	.tab-content .tab-container article h2 .cel_img { width:22%; top:-3%; left:75%; }
	.tab-content article h2.stit div { width:33%; }
	.tab-content article ul { display:block; font-weight:500; margin:-10vw 0 12vw; }
	.tab-content article ul li { width:95%; margin:0 auto; }
	.tab-content article ul li img { margin:11vw auto 0; }
	.tab-content article h3 { font-size:4.2vw; margin-top:3vw; }
	.tab-content article p { font-size:3.8vw; text-align:left; }
	.tab-content article p br { display:none; }
	.tab-content article ul.white { width:100%; }
	.tab-content article ul.white li { padding:4vw 3vw 3vw; margin-bottom:3vw; }
	
	.con_1 { width:100%; margin:1vw auto 0; }
	.con_2 { display:block; margin-top:2.6vw; }
	.con_1 .btnrow_phone { width:100%; height:auto; }
	.tab-content article .mar_t1 { margin:2vw auto 0; }
	.btnrow_phone { margin-top:1.6vw; }
	.con_2 .btnrow { margin:0 0 1.6vw; }
	.btnrow { margin-top:2.6vw; }
	.btnrow_phone a { font-size:2.8vw; line-height:2vw; padding-bottom:12px; margin-top:1vw; }
	.btnrow a { font-size:2.8vw; line-height:4vw; margin-top:1vw; }
	
	.position-relative { width:90%; margin:0 auto 7vw; }
	
	.twm-content-note { background:none; box-shadow:none; width:86%; padding:0 0 1vw; }
	.twm-content-note h4 { font-size:2.5vw; padding-left:4px; }
	.twm-content-note h4:before { display:none; }
	.twm-content-note ul { padding:0 0 0 5vw; }
	.twm-content-note ul li { font-size:2.5vw; }
	.notice-toggle-btn-v2024 { background:none; }
	.notice-toggle-btn-v2024:before { background:#fff; }
	.notice-toggle-btn-v2024 .-btn { background:#fff; }
	.notice-toggle-btn-v2024 .-btn span, .notice-toggle-btn-v2024 .-btn div { background:#ff6700; }
}
@media (max-width: 640px) {
	.tab-content article ul.white li .btnrow { width:70%; margin-top:2vw; }
	
	.con_2 .btnrow:nth-child(2) { margin:-1.6vw 0 0; }

}