#wrap { position: relative; padding-top: 5vw; background: url(/images/00/img_wrap_bg.png) no-repeat 50% 0 / 100% auto; z-index: 3; }

/* section */
section { position: relative; padding: 5vw 0 2vw; }
section .num {text-shadow: 0 0 30px rgb(0 0 0 / 10%);line-height: 1;font-weight: 700;font-style: italic;font-size: 9rem;color: #fff;top: -2vw;right: 5vw;}

/* more_btn */
.more_btn { padding-left: 1rem; }
.more_btn:before { position: absolute; border: 1px var(--dark) solid; top: 6px; left: 6px; opacity: .6; content: ""; }
.more_btn span { position: relative; margin-left: 3rem; width: 50px; height: 40px; border-left: 1px #6d6b6b solid; }
.more_btn span:before , .more_btn span:after { position: absolute; background: var(--light); display: block; top: calc(50% - .5px); right: 25%; content: ""; }

/* about_area */
#about_area { padding-bottom: 0; }
#about_area:before { position: absolute; width: 200px; height: 80%; background: #ffe0ca; border-bottom-left-radius: 50rem; display: block; top: -5vw; right: 0; content: ""; }
#about_area .txt_box { padding: 70px 9vw 70px 0; width: calc(435px + 9vw);}
#about_area .txt_box:before { position: absolute; width: 150%; height: 100%; background: #f9f9f9; border-top-right-radius: 8rem; top: 0; left: -50%; content: ""; }
#about_area .txt_box .num {font-size: 154px;top: 10px;right: 7vw;display: none;}
#about_area .txt_box h3 {line-height: 1;font-weight: 500;font-size: 23px;}
#about_area .txt_box h2:before { position: absolute; width: 30px; height: 5px; background: var(--gary); display: block; bottom: 0; left: 0; content: ""; }
#about_area .txt_box h2 b {line-height: 1;font-size: 23px;}
#about_area .txt_box h2 .mr_5{
    margin-right: 0.55rem;
}
#about_area .txt_box h2 b:first-letter , #honor_area h3:first-letter { color: var(--primary); }
#about_area .txt_box article {font-weight: 400;line-height: 1.8;font-size: 19px;}
#about_area .img_box { margin: -5vw 0 0 -3vw; z-index: 2; }
#about_area .img_box:before { position: absolute; border: 2px #bcbcbc dashed; display: block; top: 0; left: 0; content: ""; }
#about_area .img_box .img_about { overflow: hidden; }
#about_area .img_box ul { width: 100%; height: 100%; top: 7%; z-index: 3; }
#about_area .img_box ul li { background: #fff; border: 1px var(--primary) solid; top: 40%; left: 40%; }
#about_area .img_box .img_tool { width: 70%; right: -40%; bottom: -10%; }

/* news_contact_area */
#news_contact_area .item { overflow: hidden; margin: 0 0 -50px; padding: 5rem; background: url(/images/00/img_news_bg.jpg) no-repeat 50% / cover; border-radius: 0 6rem; }
#news_contact_area .item:before { position: absolute; width: calc(100% - 22px); height: calc(100% - 22px); border: 1px #fff solid; border-radius: 0 6rem; top: 10px; left: 10px; opacity: .5; content: ""; }
#news_contact_area .item * { color: #fff; }
#news_contact_area .item h2 { line-height: 1.3; font-weight: 500; font-size: 30px; }
#news_contact_area .item h3 { line-height: 1.3; font-weight: 500; font-size: 25px; }
#news_contact_area .item .num {font-weight: 700;line-height: 80%;font-size: 8rem;top: auto;right: 25px;bottom: 12px;opacity: .3;display: none;}
#news_contact_area #news_box li.news_list { padding: 1rem 0 2rem; display: flex; align-items: stretch; border-bottom: 1px rgb(255 255 255 / 50%) solid; }
#news_contact_area #news_box li.news_list .time {width: 50px;}
#news_contact_area #news_box li.news_list .time font { line-height: .8; font-weight: 500; font-size: 30px; }
#news_contact_area #news_box li.news_list .time span { line-height: 1; font-weight: 500; font-size: 20px; }
#news_contact_area #news_box li.news_list .info { width: 1%; flex: 1 1 auto; }
#news_contact_area #news_box li.news_list .info h4 { height: 25px; line-height: 1; font-weight: 400; font-size: 25px; }
#news_contact_area #news_box li.news_list .info article { margin-top: .5rem; height: 16px; line-height: 1; font-weight: 300; }
#news_contact_area #news_box .slick-dots { text-align: left; }
#news_contact_area #news_box .slick-dots li { margin: 0 3px; background: none; border: 1px #fff solid; opacity: 1; }
#news_contact_area #news_box .slick-dots li.slick-active { background: #fff; }
#news_contact_area #contact_box { margin: -50px 0 0; background-image: url(/images/00/img_contact_bg.jpg); border-radius: 6rem 0; }
#news_contact_area #contact_box:before { border-radius: 6rem 0; }
#news_contact_area #contact_box .icon { border: 2px #fff solid; }
#news_contact_area #contact_box .icon svg { width: 55%; height: 100%; fill: #fff; }
#news_contact_area #contact_box .num { right: auto; left: 0; }

/* other_box */
#other_box { margin-top: 5vw; padding: 0; background: url(/images/00/img_other_bg.png) no-repeat right bottom / cover; }

/* pitcher_area */
#pitcher_area { grid-template-columns: repeat(3, 1fr); }
#pitcher_area .item img { width: 100%; }
#pitcher_area .item .info { padding: 10%; background: rgb(0 0 0 / 34%); opacity: 0; }
#pitcher_area .item .info b { line-height: 1; letter-spacing: .15em; font-size: 4.5vw; color: #fff; }
#pitcher_area .item .info p { position: relative; letter-spacing: .15em; font-size: 1.5vw; color: #fff; }
#pitcher_area .item .info p:before { position: absolute; width: 25px; height: 3px; background: #fff; display: block; top: -15px; left: 0; content: ""; }
#pitcher_area .item.color_box .info { padding: 10% 15%; background: none; justify-content: center; opacity: 1; }
#pitcher_area .item.color_box .info p { padding: 10px 0 2px; }
#pitcher_area .item.color_box .info p:before { width: calc(4em + .6rem); height: 2px; top: auto; bottom: 0; }

/* honor_area */
#honor_area { padding: 5vw; }
#honor_area .txt_box .num {width: 14rem;font-size: 8rem;top: -1.3rem;right: -10rem;display: none;}
#honor_area .txt_box .pos_rel { line-height: 1; font-size: 32px; z-index: 2; }
#honor_area .txt_box h2.pos_rel { font-size: 40px; }
#honor_area ul li { position: relative; margin: 5px 0px 0 20px; padding-left: 10px; display: list-item;
    list-style: square;}

@media screen and (max-width: 1440px) {
	section .num{font-size: 7rem;top: -2vw;right: 1vw;}
}
@media screen and (max-width: 1360px) {
	#about_area .num { top: auto; right: 2vw; bottom: 1vw; }
	#about_area .txt_box { width: 45vw; }
}
@media screen and (min-width: 1281px){
	.more_btn:hover:before { top: 0; left: 0; }
	.more_btn:hover span { margin-left: 4rem; }
	#pitcher_area .item:hover .info { opacity: 1; }
}
@media screen and (max-width: 1280px){
	#about_area .img_box { margin-top: 0; }
}
@media screen and (min-width: 1161px){
	#links_area li { max-width: 25%; }
	#honor_area ul { width: 75%; }
}
@media screen and (max-width: 1160px){
	#about_area .num { font-size: 14vw; } 
	#about_area .txt_box .num { font-size: 8rem; top: 2rem; right: 3rem; }
	#about_area .txt_box h3 {font-size: 20px;}
	#about_area .txt_box h2 b {font-size: 21px;}
	#about_area .img_box { margin-top: 3vw; }
	#links_area .workframe { width: 100%; }
	#links_area ul { padding-bottom: 30px; }
	#links_area .slick-dots { bottom: -30px; }
	#pitcher_area .item {width: 300px;min-height: auto;}
	#pitcher_area .item.bg_box { width: 0; }
	#pitcher_area .item.slick-current .info { opacity: 1; }
    #pitcher_area .item .info b { font-size: 79px; }
    #pitcher_area .item .info p { font-size: 28px; }
}
@media screen and (max-width: 1024px){
	#about_area .img_box { margin-top: 5vw; }
	#news_contact_area .item , #news_contact_area #contact_box { margin: 3vw 0; }
}
@media screen and (max-width: 980px){
	#about_area:before { display: none; }
	#about_area >.num {right: auto;bottom: -3vw;left: 0;display: none;}
	#about_area .txt_box { padding: 70px 0; width: 100%; }
	#about_area .txt_box:before { width: 100vw; left: -5vw; }
	#about_area .img_box {margin: -8vw auto 6%;}
	#about_area .img_box ul { top: 7%; }
	#about_area .img_box ul li { margin: 0 3%; }
	#news_contact_area .item { padding: 3rem 5rem; }
	#news_contact_area .item h2 { font-size: 22px; }
	#news_contact_area .item h3 { font-size: 19px; }
	#news_contact_area #news_box li.news_list { border-bottom: 0; }
	#honor_area .txt_box h2.pos_rel{font-size: 26px;}
	#honor_area .txt_box .pos_rel{font-size: 28px;margin-bottom: 10px;}
	#honor_area .txt_box{margin-bottom: 20px;}
}


@media screen and (max-width: 760px){
	#news_contact_area #news_box li.news_list .time font { font-size: 25px; }
	#news_contact_area #news_box li.news_list .time span { font-size: 17px; }
	#news_contact_area #news_box li.news_list .info h4 { height: 22px; font-size: 22px; }
	#news_contact_area #news_box li.news_list .info article { height: 14px; font-size: 14px; }
	#news_contact_area .item .num { font-size: 13vw; }
}
@media screen and (max-width: 640px){
	#news_contact_area .item { padding: 2rem 1.2rem 1rem; }
	#news_contact_area .item , #news_contact_area .item:before { border-radius: 0 1rem; }
	#news_contact_area #contact_box , #news_contact_area #contact_box:before { border-radius: 1rem 0; }
}
@media screen and (max-width: 550px){
	#links_area li img { max-width: 90vw; }
	#about_area .txt_box h2 b {font-size: 18px;}
}