/* btn start */
.form-btn-box,
.more-btn-box{ margin: 30px 0 0;}
.form-btn-box .form-btn,
.more-btn-box .more-btn{ max-width: 110px;}
.form-btn-box .form-btn::before,
.more-btn-box .more-btn::before{ width: 7px;}
.form-btn-box .form-btn::after,
.more-btn-box .more-btn::after{ display: none;}
.form-btn-box .form-btn p,
.more-btn-box .more-btn p{ font-size: 20px;}
/* btn end */

/* pager start */
.pager-area{ margin: 30px 0 0;}
.pager-area p{ font-size: 22px; margin: 0 30px;}
.pager-area .preview:hover,
.pager-area .next:hover{ background-size: 10px;}
/* pager end */

/* title start */
.htitle p.jp{ font-size: 14px; min-height: 28px;}
/* title end */

/* form start */
ul.form{ list-style: none; width: 100%;}
ul.form > li{ display: block;}
ul.form li .title{ width: 100%; padding: 10px 10px 10px;}
ul.form li .title p{ font-size: 14px;}
ul.form li .form-box{ width: 100%; padding: 0 10px 10px;}
ul.form li .form-box select,
ul.form li .form-box input{ font-size: 16px;}
ul.form li .form-box textarea{ font-size: 16px;}
ul.form li.pp{ display: block; padding: 10px 10px 10px;}
ul.form li.pp .pp-box{ padding-bottom: 10px;}
ul.form li.pp .pp-box p{ font-size: 14px;}
ul.form li.pp .pp-box h2{ font-size: 16px;}
/* form end */

/* Pick up Blog start */
.pick-blog .circle{ width: 50px; height: 50px; left: -25px;}
.pick-blog .circle::after{ left: -44px;  width: 70px;}
.pick-blog.active .circle::after{ background-image: url("../images/blog-arrow02.png");}
.pick-blog .inner{ width: 100%;}
.pick-blog .htitle{ text-align: left; display: block;}
.pick-blog .htitle .en{ justify-content: flex-start; margin-right: 0;}
.pick-blog .box ul{ width: 100%; padding: 10px 0 0 0; box-sizing: border-box;}
.pick-blog .box ul li{ width: 100%; list-style: none; margin: 8px 0;}
.pick-blog .box ul li a{ padding: 0 13px 0 10px;}
.pick-blog .box ul li a:hover{ border-left: 5px solid var(--color_black); transform: scale(1);}
.pick-blog .box ul li a p{ font-size: 12px;}
@media screen and (max-width:819px){
	.pick-blog{ width: calc(100% - 70px); max-width: 280px; height: 100vh; border-radius: 20px; right: -400px; padding: 10px; border: 1px solid #000;}
	.pick-blog[data-loading="true"]{ right: -274px;}
	.pick-blog.active{ right: 10px; height: 100vh; width: calc(100% - 70px); max-width: 280px;}
	.pick-blog .box ul li:nth-of-type(n+3){ display: none;}
}
/* Pick up Blog end */

/* header start */
html.is-fixed,
html.is-fixed body { height: 100%; overflow: hidden;}
header{ padding: 10px 10px 10px; mix-blend-mode: normal;}
header a.logo{ background-image: url("../images/header-logo-sp.png"); margin-right: 10px;}
header .navbar{ border: 1px solid var(--color_black); box-sizing: border-box; background-color: #ffffff57; border-radius: 2px;}
header .navbar-container input[type="checkbox"],
header .navbar-container .hamburger-lines{ display: block;}
header .navbar-container{ display: block; position: relative; width: 45px; height: 45px;}
header .navbar-container input[type="checkbox"]{ position: absolute; display: block; height: 100%; width: 100%; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 5; opacity: 0; transition:}
header .navbar-container .hamburger-lines{ display: block; height: 23px; width: 29px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 2; display: flex; flex-direction: column; justify-content: space-between;}
header .navbar-container .hamburger-lines .line{ display: block; height: 3px; width: 100%; border-radius: 10px; background: var(--color_black); transition: transform 0.4s ease-in-out;}
header .navbar-container .hamburger-lines .line1{ transform-origin: 0% 0%;}
header .navbar-container .hamburger-lines .line2{ width: 90%; transition: transform 0.2s ease-in-out;}
header .navbar-container .hamburger-lines .line3{ width: 80%; transform-origin: 0% 100%;}
header .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1{ width: 100%; transform: rotate(35deg) translateX(3px);}
header .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2{ transform: scaleY(0);}
header .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3{ width: 100%; transform: rotate(-35deg) translateX(3px);}
header .navbar .menu-items li.item{ margin: 0 ; padding: 0; mix-blend-mode: difference; width: 100%; border-top: 1px solid var(--color_white); border-bottom: 1px solid var(--color_white);}
header .navbar .menu-items li.item:nth-of-type(n+2){ border-top: 0 none;}
header .navbar .menu-items li.item a{ font-size: 16px; font-weight: bold; padding: 15px 10px; box-sizing: border-box; display: block;}
header .navbar .menu-items li.item a::before{ content: ""; display: block; position: absolute; top: 0; right: 12px; bottom: 0; margin: auto; width: 6px; aspect-ratio: 1 / 2; background-image: url("../images/arrow01.png"); background-position: center; background-size: 100%; background-repeat: no-repeat;}
/*header .menu-items li:last-child{ display: block; position: absolute; bottom: -150px; left: 0; right: 0; margin: auto; border: 0px none;}
header .menu-items li:last-child p{ font-size: 24px; font-weight: bold; font-family: var(--font_Rock); text-align: center; line-height: 2;}*/
header .menu-items a::after{ display: none;}
header .navbar .menu-items{ padding-top: 107px; background: var(--color_white); width: calc(100vw - 20px); height: auto; display: flex; justify-content: end; flex-direction: column; position: absolute; top: -1px; border: 3px solid var(--color_black); left: -101px; opacity: 0; pointer-events: none;}
header .navbar .menu-items.is-fixed{ animation-name: backInUp; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: .5s; animation-duration: .5s; opacity: 1; pointer-events: auto;}
header .navbar .menu-items.is-no-fixed{ animation-name: backOutUp; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: .5s; animation-duration: .5s; opacity: 0; pointer-events: none;}
header .navbar-container input[type="checkbox"]:checked ~ .menu-items{ opacity: 1; height: auto;}
header .navbar-container input[type="checkbox"]:checked ~ .menu-items li.item{ display: block;}
header.active{ padding: 10px 10px 10px;}
header.active .menu-items{ left: -61px; padding-top: 58px;}
header.active .navbar-container input[type="checkbox"]:checked ~ .menu-items{}
/* header end */

/* service start */
.service-area{ width: 100%; margin: 40px auto 0; padding: 0 10px;}
.service-area .wrap .htitle p.jp{ font-size: 14px;}
.service-area .wrap .service-list{ width: 100%; margin-top: 40px; display: block;}
.service-area .wrap .service-list .service-item{ width: 100%; max-width: 100%; margin-left: 0; margin-right: 0;}
.service-area .wrap .service-list .service-item:nth-child(n+2){ margin-top: 10px;}
/* service end */

/* news start */
.news-area{ width: calc(100% - 20px); margin: 40px auto 0; padding: 40px 20px;}
.news-area table{ width: 100%; border-spacing: 0; margin: 20px auto 0; display: block;}
.news-area table tr{ display: flex; flex-wrap : wrap; justify-content: space-between; width: 100%; padding: 20px 0 0 0; box-sizing: border-box;}
.news-area table tr:nth-of-type(1){ display: none;}
.news-area table th{ display: none;}
.news-area table td{ display: block; width: 50%; padding: 10px 10px 50px 10px;}
.news-area table td.date{ width: 50%; font-size: 14px; padding: 0; border-bottom: 0 none;}
.news-area table td.cate{ width: 50%; font-size: 12px; text-align: right; padding: 0; border-bottom: 0 none;}
.news-area table td.cate span{ display: inline-block; background-color: var(--color_white); color: var(--color_black); padding: 1px 10px; box-sizing: border-box; border-radius: 5px;}
.news-area table td.title{ width: 100%; padding: 10px 0 20px;}
.news-area table td.title span{ display: block;}
.news-area table td.title .pd{ padding: 0 0;}
.news-area table td.title span p{ font-size: 14px;}
.news-area table td.title a p{ font-size: 14px; width: calc(100% - 18px);}
.news-area table td.title a .arrow{ width: 8px; background-image: url("../images/arrow01.png"); background-position: center; background-size: 100%; background-repeat: no-repeat;}
.news-area table td.title a:hover{ padding: 0;}
/* news end */

.footer-btn{ width: calc(100% - 20px); max-width: 510px; top: calc(100% - 70px);}
.footer-btn .footer-btn-link{ display: flex; justify-content: space-between; align-items: center;}
.footer-btn .footer-btn-link .text{ width: 80%; height: 50px; padding: 5px 10px; margin-top: -5px;}
.footer-btn .footer-btn-link .text p{ font-size: 12px;letter-spacing: 0; line-height: 1.4;}
.footer-btn .footer-btn-link .i{ width: 20%; height: 50px; padding: 5px 10px; background-size: 6px; background-position: center center; margin-top: 10px;}
.footer-btn .footer-btn-link:hover .text{ margin-top: -5px;}
.footer-btn .footer-btn-link:hover .i{ margin-top: 10px;}