@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;700?family=Roboto:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

* { min-height:0; min-width:0; box-sizing: border-box; }
*:focus	{ outline: none; }
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 {
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}
body	{ color: #310707; background-color: #fff; font-family: 'Noto Serif JP', serif; font-weight: 400; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; letter-spacing:.06rem; height:100%; overflow-x: hidden;}
img	{ display:inline-block; height: auto; width: 100%; max-width: 100%; backface-visibility: hidden; }
a, a:link, a:visited, a:active	{ color: #2C2C2C; text-decoration: none; }
a:hover	{ color: #959595; font-style: normal; text-decoration: none; }
#pagetop	{ position: absolute; top: 0; left: 0;  }
@media (min-width: 768px) { 
	a .news_aLine	{ border-top: 1px solid transparent; border-bottom: 1px solid transparent; background: linear-gradient(#a64cec, #a64cec) 100% 100% / 0 1px no-repeat; transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s; }
	.toppage a:hover .news_aLine	{ border-top: 1px solid transparent; border-bottom: 1px solid transparent; background: linear-gradient(#fff, #fff) 100% 100% / 0 1px no-repeat; transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s; }
	a:hover .news_aLine, 
	.toppage a:hover .news_aLine	{ background-position: 0 100%; background-size: 100% 1px; }
}

/* ------------ INVIEW ------------- */
.fadein	{ opacity: 0; }
.fadein.inview	{ animation-name: fadeUp; animation-duration:1.5s; animation-fill-mode:forwards; }
.slidein	{ opacity: 0; }
.slidein.inview	{ animation-name: slidefade; animation-duration:1.5s; animation-fill-mode:forwards; }
@keyframes fadeUp	{
  from { opacity: 0; transform: translateY(30px); }
  to	{ opacity: 1; transform: translateY(0); }
}
@keyframes slidefade	{
  from { opacity: 0; transform: translateX(-40px); }
  to	{ opacity: 1; transform: translateX(0); }
}
/* ------------ ITEM INVIEW ------------- */
.entimg	{ width: 90%; overflow: hidden; position: relative; opacity : 0; }
.entimg.inview	{ overflow: hidden; opacity : 1; transition:all 1s; }
.entimg.inview:before	{ animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards; background: #fff; content: ''; position: absolute; top: -10px; bottom: -10px; right: -10px; left: -10px; pointer-events: none; z-index: 1; }
@keyframes img-wrap {
  100% { transform: translateX(100%); }
}

/* ------------ TOP SCROLL DOWN ------------- */
a.scrollDown { color:#ffffff; font-size: clamp(14px, 16px, 1.2vw); line-height: 1; font-weight: 500; position: absolute; bottom: 40px; right: 15%; z-index: 2; display: inline-block; text-decoration: none; }
#business a.scrollDown { transform: translateX(-50%); left: calc(50% - 15px); }
a.scrollDown { padding-top: 80px; }
a.scrollDown span	{ position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb 2s infinite; animation: sdb 2s infinite; opacity: 0; box-sizing: border-box; }
a.scrollDown span:nth-of-type(1)	{ -webkit-animation-delay: 0s; animation-delay: 0s; }
a.scrollDown span:nth-of-type(2)	{ top: 16px; -webkit-animation-delay: .15s; animation-delay: .15s; }
a.scrollDown span:nth-of-type(3)	{ top: 32px; -webkit-animation-delay: .3s; animation-delay: .3s; }
@-webkit-keyframes sdb	{
  0%	{ opacity: 0; }
  50%	{ opacity: 1; }
  100%	{ opacity: 0; }
}
@keyframes sdb	{
  0%	{ opacity: 0; }
  50%	{ opacity: 1; }
  100%	{ opacity: 0; }
}
@media (max-width: 767.9px) { 
	a.scrollDown { bottom: 20px; right: calc(50% - 26px); }
}
a.pganc	{ display: block; margin-top:-100px; padding-top:100px; }
@media (max-width: 767.9px) { 
	a.pganc	{ display: block; margin-top:-80px; padding-top:80px; }
}
/* ------------ LOADING ------------- */
.loading	{ position: fixed; display: -webkit-flex; display: flex; justify-content: center; align-items: center; background: #B2B2B2; background-position:center; background-attachment: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; pointer-events: none; }
.loading-block	{ width: 80px; display: flex; justify-content: space-between; }
.circle	{ width: 12px; height: 12px; background-color: #959595; border-radius: 50%; animation: loading 1s infinite; }
.circle:nth-child(2)	{ animation-delay: 0.1s; }
.circle:nth-child(3)	{ animation-delay: 0.2s; }
.circle:nth-child(4)	{ animation-delay: 0.3s; }
@keyframes loading {
	0%	{ transform: scale(0.1); }
	100%	{ transform: scale(1); }
}
@media (max-width: 767.9px) { 
	.loading	{ background-size:24px auto; }
}

/* ------------ DRAWR MENU ------------- */
.spnavi	{ display: block; width: 100%; max-width: 400px; height: 100%; min-height: 100vh; background: rgba(255,255,255,1); margin: 0; padding: 0; position: fixed; top: 0; right: 0; left: auto; bottom: 0; z-index: 90; transform: translate(100vw); transition: all .5s; overflow: auto; }
.spnavi.open	{ transform: translateZ(0); }
.menuinner	{ display: block; padding: 30px 20px; margin: 0; width: 100%; min-height: 100%; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.menuinner > h2	{ display: block; width: 100%; padding: 0; margin: 0 0 20px; }
.menuinner > h2 a	{ display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; font-size: 24px; font-weight: 400; line-height: 1.2; }
.menuinner > h2 a img	{ width: 180px; margin: 0 10px 0 0; }
.menuinner > ul	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 0; margin: 0; }
.menuinner > ul > li	{ width: 100%; list-style: none; padding: 0; margin: 0; position: relative; border-top: 1px solid #666; }
.menuinner > ul > li > a	{ display: block; color:#000; font-size: 16px; line-height: 1.5; font-weight: 400; letter-spacing:.05rem; padding: 10px 0; margin: 0; transition: all .5s; }
.menuinner > ul > li > a svg	{ width: 14px; }
.menuinner > ol	{ width: 100%; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 15px 0 0; margin: 0; border-top: 1px solid #666; }
.menuinner > ol > li	{ width: 100%; list-style: none; padding: 0; margin: 0; position: relative; }
.menuinner > ol > li > a	{ display: block; color:#959595; font-size: 14px; line-height: 1.5; font-weight: 400; letter-spacing:.05rem; padding: 0 0 10px; margin: 0; transition: all .5s; }
.menuinner > ol > li > a svg	{ width: 14px; }
.menuinner > p	{ text-align: left; color:#666; font-size: 10px; line-height: 1.5; padding: 20px 0 0; margin: 0; width: 100%; max-width: 300px; }
.sp_info	{ width: 100%; flex-wrap: wrap; }
.sp_info ul.telset	{ width: 100%; margin: 0 0 20px; }
@media (min-width: 768px) { 
	.menuinner > ul > li > a:hover, 
	.menuinner > ol > li > a:hover	{ color:#a64cec; }
}
@media (max-width: 767.9px) { 
	nav.sp	{ width: 100%; height: calc(var(--vh, 1vh) * 100); }
	.menuinner > ul.nav	{ max-width: 280px; width: 90%; }
	.menuinner > ul.subnav	{ max-width: 280px; width: 90%; }
	.menuinner > ul.subnav > li > a	{ font-size: 14px; }
	.sp_info ul.telset	{ margin: 0 0 10px; }
}
@media (max-width: 374px) { 
	.menuinner > ul.nav > li > a	{ font-size: 14px; padding: 7px 0; }
	.menuinner > ul.subnav > li > a	{ font-size: 12px; }
	.menuinner > p	{ font-size: 9px; padding: 10px 0 0; }
}

.drwrapper	{ height: 100%; overflow-x: hidden; position: relative; }
.overlay	{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: 20; opacity: 0; transition: opacity .5s; background-color: rgba(0,0,0,.8); }
.overlay.open	{ width: 100%; height: 100%; opacity: 1; position: fixed; }
.menu-trigger	{ display: none; width: 60px; height: 60px; vertical-align: middle; cursor: pointer; position: fixed; top: 0; left: auto; right: 0; z-index: 300; pointer-events: auto; transition: all .5s; background-color: rgba(0,0,0,.8); }
.menu-trigger:hover	{ background-color: #666; }
.menu-trigger span	{ display: inline-block; box-sizing: border-box; position: absolute; top: 20px; left: 20px; width: 20px; height: 3px; background-color: #fff; transition: all .5s; transform: translateX(0); transition: all .5s; }
.menu-trigger.active	{ transition: all .5s; }
.menu-trigger.active span	{ background-color: #fff; }
.menu-trigger span:nth-of-type(1)	{ top: 18px; }
.menu-trigger.active span:nth-of-type(1)	{ transform: translateY(8px) rotate(-45deg); }
.menu-trigger span:nth-of-type(2)	{ top: 26px; }
.menu-trigger.active span:nth-of-type(2)	{ opacity: 0; }
.menu-trigger span:nth-of-type(3)	{ top: 34px; }
.menu-trigger.active span:nth-of-type(3)	{ transform: translateY(-8px) rotate(45deg); }
@media (max-width: 767.9px) { 
	.menu-trigger	{ display: inline-block; width: 60px; height: 60px; }
	.menu-trigger span	{ top: 20px; left: 20px; width: 20px; }
	.menu-trigger.active	{ transition: all .5s; }
	.menu-trigger.active span	{ background-color: #fff; }
	.menu-trigger span:nth-of-type(1)	{ top: 20px; }
	.menu-trigger.active span:nth-of-type(1)	{ transform: translateY(8px) rotate(-45deg); }
	.menu-trigger span:nth-of-type(2)	{ top: 28px; }
	.menu-trigger.active span:nth-of-type(2)	{ opacity: 0; }
	.menu-trigger span:nth-of-type(3)	{ top: 36px; }
	.menu-trigger.active span:nth-of-type(3)	{ transform: translateY(-8px) rotate(45deg); }
}

/* ------------ HEADER ------------- */
header	{ display: -webkit-flex; display: flex; width: 100%; height: 160px; justify-content: center; position: fixed; top:0; left:0; z-index:22; padding: 0 20px; margin: 0; background-color: #fff; border-top: 0 solid #111; }
.head_inner	{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1400px; height: 100px; }
.head_inner > h1	{ padding: 3px 0 0; margin: 0; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; line-height: 0; }
.head_inner > h1 a	{ display: block; width: 320px; }
.head_info	{ display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%; max-width: 660px; justify-content: center; }
.head_info > p	{  margin: 0 0 0 30px; width: 100%; text-align: center; border-top: 1px dotted #ccc; padding: 5px 20px 0; font-size: 13px; letter-spacing:0; line-height: 1; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-weight: 400; font-family: 'Noto Sans JP', sans-serif;!important;  }
ul.telset	{ width: calc(50% - 30px); list-style-type: none; display: -webkit-flex; display: flex; flex-direction: column; padding: 0 0 5px; margin: 0 0 0 30px; }
ul.telset > li	{ width: 100%; padding: 0 0 5px; margin: 0; font-size: 14px; letter-spacing:0; line-height: 1; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-weight: 400; font-family: 'Noto Sans JP', sans-serif;!important;  }
ul.telset > li:first-child	{ width: 100%; font-size: 12px; font-weight: 400; border-bottom: 1px solid #959595; margin: 0 0 5px; }
ul.telset > li:last-child	{ width: 100%; font-size: 13px; padding: 0; margin: 0; }
ul.telset > li > a	{ display: inline-block; padding: 0 0 0 10px; font-size: 26px; font-weight: 500; color:#b41a1a; font-family: 'Roboto', sans-serif; }
@media (max-width: 1050px) { 
	.head_inner > h1 a	{ width: 240px; }
	ul.telset > li	{ font-size: 13px; }
	ul.telset > li:first-child	{ font-size: 11px; }
	ul.telset > li:last-child	{ font-size: 12px; }
	ul.telset > li > a	{ font-size: 20px; }
}
@media (max-width: 830px) { 
	.head_inner > h1 a	{ width: 200px; }
	ul.telset	{ margin: 0 0 0 10px; }
	ul.telset > li	{ font-size: 12px; }
	ul.telset > li:first-child	{ font-size: 10px; }
	ul.telset > li:last-child	{ font-size: 11px; }
	ul.telset > li > a	{ font-size: 18px; }
}
@media (max-width: 767.9px) { 
	header	{ width: 100%; height: 60px; justify-content: flex-start; align-items: center; top:0; left:0; right: 0; }
	.head_info	{ display: none; }
	ul.telset	{ margin: 0 0 0 10px; }
	ul.telset > li	{ font-size: 13px; }
	ul.telset > li:first-child	{ font-size: 11px; border-bottom: 0; border-top: 1px solid #959595; padding: 10px 0 0; }
	ul.telset > li:last-child	{ font-size: 12px; }
	ul.telset > li > a	{ font-size: 22px; }
}

/* ------------ NAVIGATION ------------- */
.globalnav	{ width: 100%; position: relative; display: -webkit-flex; display: flex; padding: 0; margin: 0; background-color: #f8f4ec; height: 54px; position: absolute; bottom: 0; left: 0; z-index: 20; border-bottom: 2px solid #fff; }
.globalnav > ul	{ display: -webkit-flex; display: flex; width: 100%; justify-content: center; list-style-type: none; height: 54px; }
.globalnav > ul > li	{ display: -webkit-flex; display: flex; flex-direction: column; line-height: 1; }
.globalnav > ul > li > a	{ padding: 15px 2vw; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; transition: all .3s; min-height: 54px; }
.globalnav > ul > li > a > span	{ color:#000; font-size: clamp(16px, 22px, 1.3vw); font-weight: 400; line-height: 1; letter-spacing:.03rem; transition: all .3s; white-space: nowrap; display: -webkit-flex; display: flex; align-items: center; }
.globalnav > ul > li > a > span svg	{ width: 20px; line-height: 1; vertical-align: bottom; margin: 0; }
.globalnav > ul > li > a::after	{ content:""; width: 0; height: 5px; background-color: #f1e6fa; position: absolute; left: 0; right: 100%; bottom: 0; transition: all .3s; }
.globalnav > ul > li > a:hover::after	{ width: 100%; right: 0; background-color: #a64cec; }
.globalnav > ul > li > a:hover span	{ color:#a64cec; }
.globalnav > ol	{ display: -webkit-flex; display: flex; position: absolute; right: 80px; bottom: 0; list-style-type: none; }
.globalnav > ol li	{ display: -webkit-flex; display: flex; flex-direction: column; line-height: 1; }
.globalnav > ol li a	{ padding: 10px 20px; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; transition: all .3s; min-height: 54px; position: relative; }
.globalnav > ol li a span	{ color:#333; font-size: clamp(12px, 16px, 1.3vw); font-weight: 400; line-height: 1; letter-spacing:.1rem; transition: all .3s; white-space: nowrap; display: -webkit-flex; display: flex; align-items: center; }
.globalnav > ol li a:hover span	{ color:#a64cec; }
.globalnav.current01 > ul li.nav01 > a::after,
.globalnav.current02 > ul li.nav02 > a::after,
.globalnav.current03 > ul li.nav03 > a::after,
.globalnav.current04 > ul li.nav04 > a::after,
.globalnav.current05 > ul li.nav05 > a::after,
.globalnav.current06 > ul li.nav06 > a::after,
.globalnav.current07 > ul li.nav07 > a::after,
.globalnav.current08 > ul li.nav08 > a::after	{ width: 100%; right: 0; background-color: #a64cec; }
#globalnav.UpMove	{ animation: UpAnime 0.5s forwards; }
@keyframes UpAnime	{
	from { opacity: 1; transform: translateY(0); }
	to { opacity: 0; transform: translateY(-100px); }
}
#globalnav.DownMove	{ animation: DownAnime 0.5s forwards; }
@keyframes DownAnime	{
	from	{ opacity: 0; transform: translateY(-100px); }
	to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 1100px) { 
	.globalnav > ol li:first-child	{ display: none; }
}
@media (max-width: 920px) { 
	.globalnav > ol li	{ display: none; }
}
@media (max-width: 767.9px) { 
	.globalnav	{ display: none; }
}
.dropdown-btn	{ position: relative; cursor: pointer; }
.dropdown-btn > ul.dropdown	{ position: absolute; top:80px; left:0; list-style-type: none; display: -webkit-flex; display: flex; flex-direction: column; z-index:17; opacity: 0; transition: all .3s; box-shadow: 0 3px 6px rgba(0, 0, 0, .05); pointer-events: none; }
.dropdown-btn > ul.dropdown.open	{ opacity: 1; top:50px; pointer-events: auto; }
.dropdown-btn > ul > li	{ border-bottom: 1px solid #fff; position: relative; min-width: 200px; }
.dropdown-btn > ul > li:last-child	{ border-bottom: 0; }
.dropdown-btn > ul > li:first-child	{ border-bottom: 0; height: 14px; background-color: transparent; }
.dropdown-btn > ul > li > a	{ display: -webkit-flex; display: flex; align-items: center; gap: 0 10px; color:#fff; background-color: #f1e6fa; height: 100%; padding: 16px 50px 16px 16px; white-space: nowrap; transition: all .5s; position: relative; position: relative; }
.dropdown-btn > ul > li:nth-child(2) > a::after	{ content:""; position: absolute; left:30px; top:-12px; border-style: solid; border-color: transparent transparent #f1e6fa transparent; border-width: 0 12px 12px 12px; transition: all .5s; }
.dropdown-btn > ul > li:nth-child(2) > a:hover::after	{ border-color: transparent transparent #a64cec transparent; }
.dropdown-btn > ul > li > a > svg	{ color: #fff; width: 20px; transition: all .5s; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; opacity: 0; }
.dropdown-btn > ul > li > a > span	{ color:#333; font-size: 16px; font-weight: 400; line-height: 1; transition: all .3s; }
.dropdown-btn > ul > li > a > span svg	{ width: 14px; line-height: 1; vertical-align: bottom; margin: 0; }
.dropdown-btn > ul > li > a > em	{ font-size: 16px; line-height: 1; letter-spacing:.1rem; font-style: normal; }
.dropdown-btn > ul > li > a:hover	{ background-color: #a64cec; }
.dropdown-btn > ul > li > a:hover > span	{ color: #fff; }
.dropdown-btn > ul > li > a:hover > svg	{ right: 10px; opacity: 1; }

/* ------------ TOP RECRUIT ------------- */
.torecruit	{ position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 60px; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 30; transition: all .3s; pointer-events: auto; }
.torecruit > a	{ width: 100%; height: 100%; background-color: #422991; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 0; transition: all .5s; position: relative; }
.torecruit > a::before	{ content:""; width: 0; height: 100%; background-color: #a64cec; position: absolute; top: 0; bottom: 0; left: 0; right: 100%; opacity: 0; transition: all .5s; z-index: 1; }
.torecruit > a > strong	{ display: -webkit-flex; display: flex; align-items: center; border-right: 1px solid #fff; z-index: 2; }
.torecruit > a > strong > em	{ color:#fff; font-size: 24px; font-size: clamp(16px, 24px, 3vw); font-weight: 400; line-height: 1; font-style: normal; padding: 0 10px 0 0; transition: all .3s; }
.torecruit > a > strong > span	{ color:#fff; font-size: 16px; font-size: clamp(12px, 16px, 2vw); font-weight: 400; line-height: 1; font-style: normal; padding: 0 20px 0 0; transition: all .3s; }
.torecruit > a > p	{ color:#fff; font-size: 16px; font-size: clamp(13px, 24px, 2vw); font-weight: 500; line-height: 1; font-style: normal; padding: 0 30px 0 20px; transition: all .3s; z-index: 2; }
.torecruit > a > span	{ color:#fff; font-size: 14px; font-size: clamp(13px, 14px, 2vw); font-weight: 400; line-height: 1.5; transition: all .3s; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 5px 30px 5px 20px; border: 1px solid #fff; position: relative; z-index: 2; }
.torecruit > a > span > i	{ font-style: normal; }
.torecruit > a > span > svg	{ color: #fff; width: 18px; transition: all .5s; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 8px; opacity: 1; }
.torecruit > a > img	{ position: absolute; right: 5%; bottom:0; z-index: 3; width: 120px; }
.torecruit.btn-off	{ opacity: 0; pointer-events: none; }
@media (min-width: 768px) { 
	.torecruit > a:hover::before	{ content:""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 1; }
	.torecruit > a:hover > span > svg	{ right: 2px; opacity: 1; }
}
@media (max-width: 767.9px) { 
	.torecruit	{ opacity: 1; transition: all .5s; left: 0; right: 0; width: 100%; height: 50px; }
	.torecruit.fixed	{ opacity: 1; pointer-events: auto; }
	.torecruit > a > strong	{ display: none; padding: 0 20px; }
	.torecruit > a > p	{ font-size: 12px; line-height: 1.3; padding: 0 20px 0 0; }
	.torecruit > a > span	{ font-size: 12px; padding: 0px 25px 0 16px; height: 32px; }
	.torecruit > a > span > i	{ display: none; }
	.torecruit > a > img	{ display: none; }
}
.tocontact_area	{ width: 100%; margin: 0; display: -webkit-flex; display: flex; padding: 0; position: relative; z-index: 8; height: 400px; }
.tocontact_inner	{ display: -webkit-flex; display: flex; flex-direction: column; position: relative; width: 100%; height: 100%; z-index: 10; background-color: #e04d28; }
.tocontact_inner > a	{ background-color: #e04d28; position: relative; width: 100%; height: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.tocontact_inner > a::before	{ content:""; width: 0; height: 100%; background-color: #1e4098; position: absolute; top: 0; bottom: 0; left: 0; right: 100%; opacity: 0; transition: all .5s; z-index: 1; }
.tocontact_inner > a > strong	{ position: relative; display: -webkit-flex; display: flex; align-items: center; z-index: 2; }
.tocontact_inner > a > strong > em	{ color:#fff; font-size: 50px; font-size: clamp(40px, 52px, 4.5vw); font-weight: 400; line-height: 1; font-style: normal; padding: 0 0 40px; transition: all .3s; }
.tocontact_inner > a > strong > span	{ color:#fff; font-size: 16px; font-size: clamp(12px, 16px, 2vw); font-weight: 400; line-height: 1; font-style: normal; padding: 0 20px 0 0; transition: all .3s; }
.tocontact_inner > a > p	{ color:#fff; font-size: 18px; font-size: clamp(14px, 20px, 2vw); font-weight: 400; line-height: 1; font-style: normal; padding: 0 0 40px; transition: all .3s; z-index: 2; }
.tocontact_inner > a > span	{ color:#fff; font-size: 20px; font-size: clamp(16px, 24px, 2vw); font-weight: 400; line-height: 1.5; transition: all .3s; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 10px 60px 10px 60px; border: 2px solid #fff; border-radius: 5px; position: relative; z-index: 2; }
.tocontact_inner > a > span > i	{ font-style: normal; }
.tocontact_inner > a > span > svg	{ color: #fff; width: 24px; transition: all .5s; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 8px; opacity: 1; }
@media (min-width: 768px) { 
	.tocontact_inner > a:hover::before	{ content:""; width: 100%; height: 100%; background-color: #1e4098; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 1; }
	.tocontact_inner > a:hover > span > svg	{ right: 2px; opacity: 1; }
}
@media (max-width: 767.9px) { 
	.tocontact_area	{ width: 100%; padding: 0; margin: 0; height: 300px; }
	.tocontact_inner 	{ padding: 0; margin: 0; }
	.tocontact_inner > a > strong > em	{ font-size: 30px; padding: 0 0 20px; }
	.tocontact_inner > a > p	{ font-size: 16px; padding: 0 0 20px; }
	.tocontact_inner > a > span	{ padding: 10px 30px 10px 30px; }
	.tocontact_inner > a > span > svg	{ width: 18px; }
}

/* ------------ TOP MAIN ------------- */
.topmain	{ position: relative; width: 100%; height: calc(100vh - 110px); margin: 110px 0 0; min-height: 680px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; position: relative; pointer-events: none; }
.topmain__wrapper	{ width: 100%; height: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 10% 10%; margin: 0; position: relative; }
.topmain__wrapper > strong	{ color:#fff; font-size: clamp(14px, 28px, 2vw); line-height: 1.6; padding: 0; margin: 0 0 10px; text-align: center; }
.topmain__wrapper > h1	{ padding: 0; }
.topmain__wrapper > h1 span	{ color:#fff; font-size: clamp(18px, 40px, 5vw); font-weight: 700; line-height: 1.4; }
.topmain__wrapper > h2	{ color:#fff; font-size: clamp(26px, 40px, 3vw); font-weight: 700; line-height: 1.3; padding: 0; text-align: center; }
.topmain__wrapper > h2 span	{ font-size: clamp(40px, 80px, 6vw); }
.topmain__wrapper > strong, 
.topmain__wrapper > h2	{ 
	-webkit-filter:drop-shadow(0 0 15px rgba(0, 0, 0, .8));
	-moz-filter:drop-shadow(0 0 15px rgba(0, 0, 0, .8));
	-ms-filter:drop-shadow(0 0 15px rgba(0, 0, 0, .8));
	filter:drop-shadow(0 0 15px rgba(0, 0, 0, .8));
}
.topmain__wrapper > p	{ position: absolute; right: 12%; top: 15%; max-width: 600px; border-radius: 100%; padding: 30px 35px; background: #c0c0c0; display: flex; justify-content: center; align-items: center; }
.topmain__wrapper > p::before	{ display: block; content: ''; padding-top: 100%; }
.topmain__wrapper > p > span	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; }
.topmain__wrapper > p > span > b	{ color:#959595; font-size: 28px; font-size: clamp(18px, 40px, 2.5vw); line-height: 1; font-weight: 700; padding: 0 0 10px; }
.topmain__wrapper > p > span > i	{ color:#959595; font-size: 18px; font-size: clamp(14px, 24px, 1.2vw); line-height: 1.2; font-weight: 400; text-align: center; font-style: normal; }
@media (max-width: 767.9px) { 
	.topmain	{ width: 100%; height: calc(100vh - 60px); left: 0; margin: 0; }
	.topmain__wrapper	{ width: 100%; margin: 0; padding: 0 20px 30%; }
	.topmain__wrapper > h1	{ padding: 100px 0; }
	.topmain__wrapper > h2	{ font-size: 20px; margin: 0 0 20px; }
	.topmain__wrapper > strong	{ font-size: 13px; }
	.topmain__wrapper > p	{ right: 10px; top: 65px; padding: 20px; z-index: 30; }
	.topmain__wrapper > p > span > b	{ font-size: 18px; }
	.topmain__wrapper > p > span > i	{ font-size: 12px; }
}
@media (max-width: 767.9px) { 
	.topmain	{ width: 100%; left: 0; }
	.btmlinkbtn > a	{ font-size: 30px; height: 60px; background-color: rgba(40,40,40,1); color:#ffffff; }
}

/* ------------ TOP SLIDER ------------- */
.topSlider	{ width: 100%; height: calc(100vh - 170px); position: fixed; top: 110px; right: 0; bottom: 0; left: 0; transition: all 2s; z-index:-1; }
/* .topSlider::after	{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content:""; background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,.3) 20%, rgba(255,255,255,0) 100%); transition: all 2s; mix-blend-mode: screen; } */
.topSlider.overwrite::after	{ background-color: rgba(255,255,255,.8); transition: all 2s; }
.topSlider .slick-slider .slick-track,
.topSlider .slick-slider .slick-list	{ height: 100%; }
.topSlider .main	{ display: -webkit-flex; display: flex; width: 100%; height: 100%; padding: 0; margin: 0; background: url(../images2/main01.jpg) center center no-repeat; background-size: cover; }
.tpslider	{ width: 100%; height: 100%; padding: 0; margin: 0; }
.tpslider .main01,
.tpslider .main02,
.tpslider .main03,
.tpslider .main04,
.tpslider .main05,
.tpslider .main06,
.tpslider .main07	{ width: 100%; height: 100%; padding: 0; margin: 0; }
.tpslider .main01	{ background: url(../images2/main01.jpg) center center no-repeat; background-size: cover; }
.tpslider .main02	{ background: url(../images2/main02.jpg) center center no-repeat; background-size: cover; }
.tpslider .slick-active .main01,
.tpslider .slick-active .main02	{ transform: scale(1.0); }
.slide-animation	{ animation: fadezoom 8s 0s forwards; }
@keyframes fadezoom { 0% { transform: scale(1); } 100% { transform: scale(1.1); }}
@media (max-width: 767.9px) { 
	.topSlider	{ width: 100%; top: 0; height: calc(100vh - 60px); }
	.tpslider .main01	{ background: url(../images2/main01s.jpg) center center no-repeat; background-size: cover; }
	.tpslider .main02	{ background: url(../images2/main02s.jpg) center center no-repeat; background-size: cover; }
	.topSlider .main	{ background: url(../images2/main01s.jpg) center center no-repeat; background-size: cover; }
}

/* ------------ TOP NEWS ------------- */
.topNews_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; margin: 200px 0 0; background-color: #fff; }
.topNews_inner	{ width: 90%; max-width: 1000px; display: -webkit-flex; display: flex; justify-content: space-between; flex-direction: column; background-color: #fff; margin: -200px 0 0; border-radius: 4px; padding: 60px 80px 0; }
.topNews_inner > dl	{ width: 100%; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #f1e6fa; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-weight: 400; font-family: 'Noto Sans JP', sans-serif;!important;  }
.topNews_inner > dl dt	{ width: 160px; font-size: 16px; line-height: 1.4; font-weight: 400; letter-spacing:0; }
.topNews_inner > dl dd	{ width: calc(100% - 160px); }
.topNews_inner > dl dd a	{ color:#0048c4; display: block; font-size: 16px; line-height: 1.4; font-weight: 400; text-decoration: none; transition: all .3s; }
.topNews_inner > dl:nth-child(n + 4)	{ display: none; }
@media (min-width: 768px) { 
	.topNews_inner > dl dd a:hover	{ color:#a64cec; text-decoration: underline; text-underline-offset: 0.3em; text-decoration-color: #0048c4; text-decoration-style: dotted; text-decoration-thickness: 2px; }
}
@media (max-width: 980px) { 
	.topNews_inner	{ width: 100%; padding: 30px 30px 20px; }
	.topNews_inner > dl dt	{ width: 120px; font-size: 14px; }
	.topNews_inner > dl dd	{ width: calc(100% - 120px); }
	.topNews_inner > dl dd a	{ font-size: 14px; }
}
@media (max-width: 767.9px) { 
	.topNews_wrapper	{ padding: 20px; }
	.topNews_inner	{ padding: 30px 20px 20px; }
	.topNews_inner > dl	{ flex-wrap: wrap; }
	.topNews_inner > dl dt	{ width: 100%; padding: 0 0 5px; font-size: 13px; }
	.topNews_inner > dl dd	{ width: 100%; }
	.topNews_inner > dl dd a	{ font-size: 13px; }
	.topNews_inner > dl:nth-child(n + 4)	{ display: none; }
}


/* ------------ SP NAVIGATION ------------- */
.spNavigation	{ display: none; }
@media (max-width: 767.9px) { 
	.spNavigation	{ width: 100%; display: -webkit-flex; display: flex; background-color: #fff; list-style-type: none; padding: 0; background-color: #f6f6f6; }
	.spNavigation > ul	{ width: 100%; display: -webkit-flex; display: flex; list-style-type: none; padding: 0; }
	.spNavigation > ul li	{ line-height: 1; border: 1px solid #dedede; border-left:  1px solid #fff; padding: 10px; }
	.spNavigation > ul li:last-child	{ border-right: 0; }
	.spNavigation > ul li > a	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; }
	.spNavigation > ul li > a span	{ color:#422991; font-size: 11px; font-weight: 700; text-align: center; font-family: 'Noto Sans JP', sans-serif;!important;  padding: 5px 0 0; }
	.spNavigation > ul li > a img	{ width: 90%; vertical-align: bottom; line-height: 0; }
}


/* ------------ TOP PICK UP ------------- */
.topPickup_wrapper	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 100px 50px; background-color: #f8f4ec; position: relative; }
/* .topPickup_wrapper::before	{ content:""; position: absolute; bottom: 0; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images2/bksky2.jpg) center center / cover no-repeat; z-index: 1; mix-blend-mode: screen; } */
.topPickup_inner	{ width: 100%; max-width: 1400px; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
#full_wrapper .topPickup_inner	{ padding: 40px 0 10px; }
.topPickup_inner > h3	{ width: 100%; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-end; margin: 0 0 40px; position: relative; }
.topPickup_inner > h3 > b	{ color:#333; font-size: clamp(20px, 42px, 3.4vw); font-weight: 400; line-height: 1; letter-spacing:.2rem; }
.topPickup_inner > h3 > a	{ color:#a64cec; font-size: clamp(14px, 20px, 1.5vw); font-weight: 400; line-height: 1.4; position: absolute; bottom: 0; right: 0; display: -webkit-flex; display: flex; align-items: center; justify-content: center; white-space: nowrap; }
.topPickup_inner > h3 > a svg	{ color:#a64cec; width: 20px; }
.topPickup_area_inner	{ width: 100%; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0; }
.topPickup_area_inner > h2	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 0 40px; }
.topPickup_area_inner > h2 b	{ color:#959595; font-size: clamp(40px, 52px, 4.5vw); font-weight: 400; line-height: 1; font-style: normal; padding: 0 0 20px; transition: all .3s; }
.topPickup_area_inner > h2 span	{ color:#959595; font-size: clamp(14px, 30px, 3vw); font-weight: 400; line-height: 1; }
.topPickup_area_inner > a	{ width: calc(25% - 10px); display: -webkit-flex; display: flex; flex-direction: column; align-items: center; background-color: #fff; padding: 0 0 20px; margin: 0; transition: all .3s; position: relative; }
.topPickup_area_inner > a > p	{ width: 100%; overflow: hidden; line-height: 0; position: relative; }
.topPickup_area_inner > a > p > strong	{ display: block; background: transparent center center / cover no-repeat; width: 100%; height: 0; padding: 0 0 80%; overflow: hidden; line-height: 0; transition: all 1s; opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; }
.topPickup_area_inner > a > p > .caption	{ position: absolute; display: -webkit-flex; display: flex; align-items: center; justify-content: center; top: 30px; left: -50px; width: 200px; padding: 2px 10px; background: #a64cec; transform: rotate(-45deg); }
.topPickup_area_inner > a > p > .caption span	{ color: #fff; font-size: clamp(13px, 18px, 1vw); line-height: 1.3; font-weight: 400; font-style: normal; }
.topPickup_area_inner > a > b	{ color:#959595; font-size: clamp(16px, 18px, 1.2vw); line-height: 1.3; font-weight: 400; padding: 20px 5% 0; width: 100%; }
.topPickup_area_inner > a > b svg	{ width: 18px; }
.topPickup_area_inner > a > span	{ color:#959595; font-size: 14px; font-size: clamp(13px, 16px, 1.3vw); line-height: 1.6; font-weight: 400; padding: 10px 5% 20px; width: 100%; }
.topPickup_area_inner > a > i	{ font-size: clamp(12px, 16px, 1.8vw); line-height: 1; font-style: normal; font-weight: 400; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 100px; background-color: rgba(0,0,0,1); color:#fff; width: 80%; max-width: 200px; padding: 10px; transition: all .3s; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 20px; }
.topPickup_area_inner > a > i svg	{ width: 20px; color:#fff; line-height: 1; margin: 0 0 0 10px; }
.topPickup_area_inner .topPickupBox3	{ width: calc(25% - 10px); box-sizing: border-box; border-radius: 4px; padding: 20px; }
.topPickup_area_inner .topPickupBox3	{ background-color: #fff; }
.topPickup_area_inner .topPickupBox3 > h5	{ display: block; text-align: center; padding: 10px 5px; margin: 0 0 15px; font-size: clamp(14px, 22px, 1.8vw); font-weight: 400; line-height: 1; border-radius: 5px; color:#959595000; }
.topPickup_area_inner .topPickupBox3 > form	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column;  font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-weight: 400; font-family: 'Noto Sans JP', sans-serif;!important;  }
.topPickup_area_inner .topPickupBox3 > p	{ width: 100%; text-align: center; padding: 10px 0 0; }
.topPickup_area_inner .topPickupBox3 > p a	{ width: 100%; color:#a64cec; font-size: 15px; font-weight: 400; line-height: 1.4; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.topPickup_area_inner .topPickupBox3 > p a svg	{ color:#a64cec; width: 20px; }
.topPickup_area_inner .fmsetlz	{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; padding: 0 0 10px; width: 100%; }
.topPickup_area_inner .fmsetlz > label	{ font-size: 13px; font-weight: 400; text-align: right; width: 45px; justify-content: flex-end; cursor: pointer; }
.topPickup_area_inner .fmsetlz > select	{ padding: 2px; font-size: 14px; width: calc(100% - 50px); cursor: pointer; }
.topPickup_area_inner .form-inline button	{ display: block; width: 100%; padding: 15px 10px; margin: 5px 0; font-size: 17px; font-weight: 400; line-height: 1; letter-spacing:.1rem; color:#fff; cursor: pointer; background-color: #959595; border: 0; border-radius: 5px; transition: all .3s;  }
.tpuplis	{ width: calc(25% - 10px); background-color: #fff; padding: 0 0 20px; margin: 0; transition: all .3s; position: relative; overflow: hidden; display: -webkit-flex; display: flex; flex-direction: column; }
.tpuplis > a	{ color:#000; font-size: clamp(12px, 18px, 1.2vw); line-height: 1.3; font-weight: 400; padding: 16px 5% 0; width: 100%; }
.topPickslider a	{ display: block; background: transparent center center / cover no-repeat; width: 100%; }
.caption	{ position: absolute; display: -webkit-flex; display: flex; align-items: center; justify-content: center; top: 30px; left: -50px; width: 200px; padding: 2px 10px; background: #fff; transform: rotate(-45deg); }
.caption span	{ color: #7900d8; font-size: clamp(9px, 18px, 1vw); line-height: 1.3; font-weight: 400; font-style: normal; }
@media only screen and (max-width: 1050px)	{
	.tpuplis, 
	.topPickup_area_inner > a, 
	.topPickup_area_inner .topPickupBox3	{ width: calc(50% - 10px); margin: 0 0 20px; }
	.topPickup_area_inner > a p strong	{ padding: 0 0 70%; }
}
@media (min-width: 668px) { 
	.tpuplis > a:hover	{ color:#a64cec; }
	.topPickup_area_inner > a:hover > b	{ color:#a64cec; }
	.topPickup_area_inner > a:hover > span	{ color:#666; }
	.topPickup_area_inner > a:hover > p strong	{ opacity: .7; transform: scale(1.1) rotate(0.001deg); }
	.topPickup_area_inner > a:hover > i	{ background-color: #a64cec; }
	.topPickup_area_inner .form-inline button:hover	{ background-color: #a64cec; }
}
@media (max-width: 667.999px) { 
	.topPickup_wrapper	{ padding: 30px 20px; }
	#full_wrapper .topPickup_inner	{ padding: 20px 0 10px; }
	.topPickup_inner > h3	{ justify-content: space-between; margin: 0 0 10px; }
	.topPickup_area_inner .topPickupBox3	{ display: none; }
	.topPickup_area_inner .topPickupBox3 > h5	{ font-size: 20px; }
	.topPickup_area	{ width: 100%; padding: 0; margin: 0; }
	.topPickup_area_inner 	{ padding: 0; margin: 0; }
	.topPickup_area_inner h2	{ margin: 0 0 20px; }
	.topPickup_area_inner h2 b	{ font-size: 30px; padding: 0 0 15px; text-align: center; }
	.topPickup_area_inner h2 span	{ font-size: 16px; }
	.topPickup_area_inner > a	{ width: 100%; }
	.tpuplis	{ width: calc(100% / 3 - 5px); padding: 0; margin: 0 0 20px; }
	.tpuplis > a	{ padding: 10px 5px; }
	.caption	{ top: 10px; left: -30px; width: 100px; }
}
.catebtn	{ width: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin: 0; padding: 40px 0 0; }
.topNews_wrapper .catebtn	{ margin: 0 0 80px; }
.catebtn > a	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: #959595; border-radius: 500px; padding: 20px 60px; color:#fff; font-size: clamp(16px, 22px, 1.5vw); font-weight: 400; line-height: 1.3; transition: all .3s; }
.catebtn.green > a	{ background-color: #019b3f; }
.catebtn > a svg	{ width: 20px; color:#fff; line-height: 1; transition: all .3s; }
@media (min-width: 768px) { 
	.catebtn > a:hover	{ font-style: normal; background-color: #a64cec; text-decoration: none; transform: translateY(-5px); }
	.catebtn.green > a:hover	{ background-color: #1bbf5d; }
}
@media (max-width: 767.9px) { 
	.catebtn	{ padding: 0 0 20px; }
	.topNews_wrapper .catebtn	{ margin: 0; }
	.catebtn > a	{ width: 100%; padding: 15px; color:#fff; }
	.tpuplis.pconlyspn, 
	.catebtn.pconlyspn	{ display: none; }
}


/* ------------ SP LINK AREA ------------- */
.spsplink_area	{ width: 100%; position: relative; display: -webkit-flex; display: flex; justify-content: center; flex-direction: column;  padding: 30px 20px 20px; margin: 0; background-color: #fff; }
.spsplink_area > h3	{ text-align: center;  font-size: 20px; font-weight: 400; line-height: 1; }
.spsplink_area_inner	{ width: 100%; display: -webkit-flex; display: flex; justify-content: space-between; padding: 20px 0 0; flex-wrap: wrap; }
.spsplink_area_inner > a	{ color:#500bb2; width: calc(33% - 6px); min-height: 84px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 5px; margin: 0 0 10px; text-align: center; font-size: 15px; line-height: 1.2; font-weight: 700; background-color: #f2f2f2; border: 3px solid #cccccc; border-radius: 5px; }
.spsplink_area_inner > a img	{ width: 70%; }
@media (min-width: 668px) { 
	.spsplink_area	{ display: none; }
}


/* ------------ SPECIAL AREA ------------- */
.special_area	{ width: 100%; position: relative; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin: 0; background-color: #fff; }
.special_area_inner	{ width: 100%; max-width: 1100px; display: -webkit-flex; display: flex; justify-content: space-between; padding: 100px 50px; flex-wrap: wrap; }
.special_area_inner > h2	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 0 40px; }
.special_area_inner > h2 b	{ color:#959595; font-size: 50px; font-size: clamp(40px, 52px, 4.5vw); font-weight: 400; line-height: 1; font-style: normal; padding: 0 0 20px; transition: all .3s; }
.special_area_inner > h2 span	{ color:#959595; font-size: 20px; font-size: clamp(14px, 30px, 3vw); font-weight: 400; line-height: 1; }
.special_area_inner > a	{ width: calc(50% - 20px); display: -webkit-flex; display: flex; flex-direction: column; align-items: center; background-color: #fff; padding: 0; margin: 0; transition: all .3s; position: relative; }
.special_area_inner > a > div	{ width: 100%; overflow: hidden; line-height: 0; position: relative; }
.special_area_inner > a > div::before	{ content:""; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; border: 1px solid #fff; z-index: 3; pointer-events: none; }
.special_area_inner > a > div strong	{ display: block; background: transparent center center / cover no-repeat; width: 100%; height: 0; padding: 0 0 65%; overflow: hidden; line-height: 0; transition: all 1s; opacity: 1; }
.special_area_inner > a > div ul	{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #fff; padding: 5px 20px; list-style-type: none; }
.special_area_inner > a > div ul li	{ width: 100%; text-align: center; color:#333; }
.special_area_inner > a > div ul li:first-child	{ padding: 5px 0 3px; }
.special_area_inner > a > div ul li:last-child	{ padding: 3px 0 5px; }
.special_area_inner > a > div ul li.sub	{ font-size: clamp(13px, 22px, 1vw); line-height: 1; }
.special_area_inner > a > div ul li.ttle	{ font-size: clamp(18px, 32px, 1.8vw); line-height: 1; font-weight: 400; }
.special_area_inner > a > b	{ color:#959595; font-size: 18px; font-size: clamp(18px, 20px, 1.4vw); line-height: 1.3; font-weight: 400; padding: 20px 5% 0; width: 100%; }
.special_area_inner > a > span	{ color:#959595; font-size: 14px; font-size: clamp(13px, 16px, 1.3vw); line-height: 1.6; font-weight: 400; padding: 10px 5% 20px; width: 100%; }
.special_area_inner > a > i	{ font-size: clamp(12px, 16px, 1.8vw); line-height: 1; font-style: normal; font-weight: 400; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 100px; background-color: rgba(0,0,0,1); color:#fff; width: 80%; max-width: 200px; padding: 10px; transition: all .3s; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 20px; }
.special_area_inner > a > i svg	{ width: 20px; color:#fff; line-height: 1; margin: 0 0 0 10px; }
@media (min-width: 768px) { 
	.special_area_inner > a:hover > b	{ color:#a64cec; }
	.special_area_inner > a:hover > span	{ color:#666; }
	.special_area_inner > a:hover > div strong	{ transform: scale(1.1); opacity: .7; }
	.special_area_inner > a:hover > i	{ background-color: #a64cec; }
}
@media (max-width: 767.9px) { 
	.special_area	{ width: 100%; padding: 0; margin: 0; background-color: #f8f4ec; }
	.special_area_inner 	{ padding: 40px 20px 20px; margin: 0; gap: 0; }
	.special_area_inner > h2	{ margin: 0 0 20px; }
	.special_area_inner > h2 b	{ font-size: 30px; padding: 0 0 15px; text-align: center; }
	.special_area_inner > h2 span	{ font-size: 16px; }
	.special_area_inner > a	{ width: 100%; margin: 0 0 20px; }
}

/* ------------ BANNER AREA ------------- */
.spbnn_area	{ width: 100%; position: relative; display: -webkit-flex; display: flex; justify-content: center; padding: 0; margin: 0; background-color: #f8f4ec; }
.spbnn_area_inner	{ width: 100%; max-width: 1100px; display: -webkit-flex; display: flex; justify-content: space-between; padding: 100px 50px 140px; flex-wrap: wrap; }
.spbnn_area_inner > h2	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 0 40px; }
.spbnn_area_inner > h2 b	{ color:#333; font-size: 50px; font-size: clamp(40px, 52px, 4.5vw); font-weight: 400; line-height: 1; font-style: normal; padding: 0 0 20px; transition: all .3s; }
.spbnn_area_inner > h2 span	{ color:#333; font-size: 20px; font-size: clamp(14px, 30px, 3vw); font-weight: 400; line-height: 1; }
.spbnn_area_inner > a	{ width: calc(33% - 20px); display: -webkit-flex; display: flex; flex-direction: column; align-items: center; background-color: #fff; padding: 0 0 70px; margin: 0 0 40px; transition: all .3s; position: relative; }
.spbnn_area_inner > a > p.photo	{ width: 100%; overflow: hidden; line-height: 0; position: relative; }
.spbnn_area_inner > a > p.photo strong	{ display: block; background: transparent center center / cover no-repeat; width: 100%; height: 0; padding: 0 0 65%; overflow: hidden; line-height: 0; transition: all 1s; opacity: 1; }
.spbnn_area_inner > a > p.txt	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; width: 100%; }
.spbnn_area_inner > a > p.txt b	{ color:#333; font-size: clamp(18px, 20px, 1.4vw); line-height: 1.3; font-weight: 400; padding: 20px 5% 0; width: 100%; }
.spbnn_area_inner > a > p.txt span	{ color:#333; font-size: clamp(12px, 13px, 1.3vw); line-height: 1.6; font-weight: 400; padding: 10px 5% 20px; width: 100%;  font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-weight: 400; font-family: 'Noto Sans JP', sans-serif;!important;  }
.spbnn_area_inner > a > p.txt i	{ font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-weight: 400; letter-spacing:.1rem; font-family: 'Noto Sans JP', sans-serif;!important;  font-size: clamp(12px, 14px, 1.4vw); line-height: 1.2; font-style: normal; font-weight: 400; display: -webkit-flex; display: flex; justify-content: center; align-items: center; border-radius: 100px; background-color: #959595; color:#fff; width: 80%; max-width: 200px; padding: 10px; transition: all .3s; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 20px; }
.spbnn_area_inner > a > p.txt i svg	{ width: 16px; color:#fff; line-height: 1; margin: 0 0 0 5px; }
@media (min-width: 768px) { 
	.spbnn_area_inner > a.lastone	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; padding: 0; margin: 40px 0 0; }
	.spbnn_area_inner > a.lastone > p.photo	{ width: 40%; overflow: hidden; line-height: 0; position: relative; }
	.spbnn_area_inner > a.lastone > p.photo strong	{ height: 0; padding: 0 0 55%; overflow: hidden; line-height: 0; transition: all 1s; opacity: 1; }
	.spbnn_area_inner > a.lastone > p.txt	{ width: 60%; display: -webkit-flex; display: flex; flex-direction: row; align-items: center; }
	.spbnn_area_inner > a.lastone > p.txt b	{ padding: 0 20px; width: auto; }
	.spbnn_area_inner > a.lastone > p.txt span	{ padding: 0 20px 0 0; width: auto; }
	.spbnn_area_inner > a.lastone > p.txt i	{ position: static; width: 200px; transform: translateX(0) translateY(0); }
	/*.spbnn_area_inner > a:hover	{ transform: translateY(-5px); }*/
	.spbnn_area_inner > a:hover > p.photo strong	{ transform: scale(1.05); opacity: .6; }
	.spbnn_area_inner > a:hover > p.txt b	{ color:#a64cec; }
	.spbnn_area_inner > a:hover > p.txt span	{ color:#666; }
	.spbnn_area_inner > a:hover > p.txt i	{ background-color: #a64cec; }
}
@media (max-width: 980px) { 
	.spbnn_area	{ padding: 0 0 100px; }
	.spbnn_area_inner > a	{ width: calc(50% - 5px); padding: 0 0 38px; margin: 0 0 10px; }
	.spbnn_area_inner > a > p.txt b	{ font-size: 13px; padding: 10px 5% 5px; }
	.spbnn_area_inner > a > p.txt span	{ font-size: 11px; padding: 0 5% 10px; }
	.spbnn_area_inner > a > p.txt i	{ font-size: 11px; width: 90%; max-width: 95%; padding: 6px; bottom: 12px; }
	.spbnn_area_inner > a > p.txt i svg	{ width: 12px; margin: 0; }
}
@media (max-width: 767.9px) { 
	.spbnn_area	{ width: 100%; margin: 0; }
	.spbnn_area_inner 	{ padding: 0 20px 20px; margin: 0; }
	.spbnn_area_inner > a	{ display: none; }
	.spbnn_area_inner > a.lastone	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; background-color: #fff; padding: 0 0 60px; margin: 0 0 40px; transition: all .3s; position: relative; }
	.spbnn_area_inner > a.lastone > p.photo	{ width: 100%; overflow: hidden; line-height: 0; position: relative; }
	.spbnn_area_inner > a.lastone > p.photo strong	{ display: block; background: transparent center center / cover no-repeat; width: 100%; height: 0; padding: 0 0 55%; overflow: hidden; line-height: 0; transition: all 1s; opacity: 1; }
	.spbnn_area_inner > a.lastone > p.txt	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; width: 100%; }
	.spbnn_area_inner > a.lastone > p.txt b	{ color:#333; font-size: 20px; line-height: 1.3; font-weight: 400; padding: 10px 20px 0; width: 100%; }
	.spbnn_area_inner > a.lastone > p.txt span	{ color:#333; font-size: 14px; line-height: 1.6; font-weight: 400; padding: 5px 22px; }
	.spbnn_area_inner > a.lastone > p.txt i	{ font-size: 12px; width: 90%; padding: 10px; bottom: 15px; }
	.spbnn_area_inner > a.lastone > p.txt i svg	{ width: 16px; color:#fff; line-height: 1; margin: 0 0 0 5px; }
}

/* ------------ TOP BANNER ------------- */
.topbnn	{ display: -webkit-inline-flex; display: inline-flex; margin: 40px 0 0; }
.topbnn > a	{ display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; padding: 1% 10%; border: 2px solid rgba(241,43,0,1); transition: all .5s; background-color: rgba(255,255,255,.8); position: relative; }
.topbnn > a::after	{ content:""; width: 0; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 100%; background-color: rgba(241,43,0,0); transition: all .5s; z-index: 1; }
.topbnn > a span	{ color:#a64cec; font-size: clamp(14px, 20px, 2vw); font-weight: 700; position: relative; z-index: 2; transition: all .5s; }
.topbnn > a svg	{ width: 40px; color:#a64cec; position: relative; z-index: 2; transition: all .5s; }
@media (min-width: 768px) { 
	.topbnn > a:hover::after	{ width: 100%; right: 0; background-color: rgba(241,43,0,1); }
	.topbnn > a:hover span	{ color:#fff; }
	.topbnn > a:hover svg	{ color:#fff; }
}
@media (max-width: 767.9px) { 
	.topbnn	{ margin: 20px 0 0; }
	.topbnn > a	{ padding: 2% 5%; }
	.topbnn > a svg	{ width: 30px; }
}

/* ------------ GO TOP ------------- */
.gotop { position: fixed; bottom: 0; right: 0; transition: all 1s; opacity: 0; z-index: 40; width: 60px; height: 60px; pointer-events: none; }
.gotop a { display: -webkit-flex; display: flex; align-items: center; justify-content: center; line-height: 0; transition: all .5s; height: 100%; width: 100%; background-color: #848484; }
.gotop a span { color:#fff; font-size: 13px; font-weight: 500; line-height: 1; letter-spacing:.2rem; padding: 0; margin: 3px 0 0; }
.gotop a svg { color:#fff; width: 28px; padding: 0; margin: 0;  transform:rotate(-90deg); }
.gotop.fixed { opacity: 1; pointer-events: auto; }
@media (min-width: 768px) { 
	.gotop a:hover { background-color: #7900d8; }
	.gotop > a:hover span,
	.gotop > a:hover .icon	{ color:#fff;  }
}
@media (max-width: 767.9px) { 
	.gotop { bottom: 50px; width: 50px; height: 50px; pointer-events: none; }
	.gotop a { background-color: transparent; }
	.gotop a svg { color:#a64cec; width: 34px; }
}

/* ------------ BLOCK ------------- */
@media (max-width: 767.9px)	{ .pconly { display: none!important; } }
@media (min-width: 768px)	{ .pconly { display: inline-block!important; } }
@media (max-width: 767.9px)	{ .sponly { display: inline-block!important; } }
@media (min-width: 768px)	{ .sponly { display: none!important; } }
.noimg	{ display: none!important; }
.delay01	{ transition-delay: 0.1s; animation-delay: 0.1s; }
.delay02	{ transition-delay: 0.2s; animation-delay: 0.2s; }
.delay03	{ transition-delay: 0.3s; animation-delay: 0.3s; }
.delay04	{ transition-delay: 0.4s; animation-delay: 0.4s; }
.delay05	{ transition-delay: 0.5s; animation-delay: 0.5s; }
.delay06	{ transition-delay: 0.6s; animation-delay: 0.6s; }
.delay07	{ transition-delay: 0.7s; animation-delay: 0.7s; }
.delay08	{ transition-delay: 0.8s; animation-delay: 0.8s; }
.delay09	{ transition-delay: 0.9s; animation-delay: 0.9s; }
.delay10	{ transition-delay: 1s; animation-delay: 1s;}

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }





/* ------------ past design ------------- */
#cont	{ padding: 160px 0 100px;  }
#wrapper2	{ width:100%; max-width: 1000px; background: #ffffff; padding: 10px 30px 50px; margin:0 auto 0; }
@media (max-width: 767.9px) { 
	#cont	{ padding: 60px 0;  }
	#wrapper2	{ width:auto; padding: 15px 2% 30px; margin:0 auto; margin-bottom:0; }
	#pannav	{ display: none; }
}

#full_wrapper #right_side	{ margin: 0 auto; width: 100%; max-width: 760px; }

.topPickupBox2	{ width: 270px; height: 300px; box-sizing: border-box; background: #93ca76; border: 2px solid #93ca76; border-radius: 6px; padding: 10px; float: left; }
.topPickupBox2 h5	{ display: block; text-align: center; padding: 10px 5px; margin: 0 0 15px; font-size: 16px; font-weight: 700; line-height: 1; border-radius: 5px; background-color: #fff; color:#000000; }
.topPickupBox2 form	{ width: 100%; }
.topPickupBox2 p	{ text-align: center; }
.fmsetlz	{ display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; padding: 0 0 10px; width: 100%; }
.fmsetlz > label	{ font-size: 13px; font-weight: 700; text-align: right; width: 45px; }
.fmsetlz > select.custom-select	{ padding: 2px; font-size: 14px; width: calc(100% - 50px); }
.form-inline button	{ display: block; width: 100%; padding: 10px 5px; margin: 5px 0; font-size: 16px; font-weight: 700; line-height: 1; color:#fff; cursor: pointer; background: -webkit-gradient(linear, left top, left bottom, from(#3eb370), to(#3eb370)); background: -webkit-linear-gradient(#3eb370, #00552e); background: -moz-linear-gradient(#3eb370, #00552e); background: -o-linear-gradient(#3eb370, #00552e); background: -ms-linear-gradient(#3eb370, #00552e); background: linear-gradient(#3eb370, #00552e); border-radius: 8px; }
@media only screen and (max-width: 641px)	{
	.topPickupBox2	{ width: 100%; height:auto; float: none; margin: 5px 0; border-radius: 3px; }
}

.ssearch-content	{ padding: 10px 0; }
.ssearch-fst	{ box-sizing: border-box; background: #93ca76; border: 2px solid #93ca76; border-radius: 10px; padding: 25px; }
.ssearch-fst .fmsetlz	{ padding: 0 0 10px; }
.ssearch-fst .fmsetlz > label	{ font-size: 18px; font-weight: 700; text-align: right; width: 60px; }
.ssearch-fst .fmsetlz > select	{ padding: 2px; font-size: 18px; width: calc(100% - 80px); }
.form-inline .ssearch-fst button	{ padding: 15px 10px; margin: 15px 0 0; font-size: 20px; border-radius: 10px; letter-spacing:.2rem; }
@media only screen and (max-width: 641px)	{
	.ssearch-fst	{ padding: 15px; }
	.ssearch-content	{ padding: 5px 0; }
	.ssearch-fst .fmsetlz > label	{ font-size: 13px; width: 45px; }
	.ssearch-fst .fmsetlz > select	{ font-size: 13px; width: calc(100% - 50px); }
	.form-inline .ssearch-fst button	{ padding: 10px; margin: 10px 0 0; font-size: 16px; }
}

.ssearch-sec	{ box-sizing: border-box; background: #d6e9ca; border: 2px solid #93ca76; border-radius: 5px; padding: 20px; }
.ssearch-sec > h5	{ font-size: 18px; font-weight: 700; padding: 5px; text-align: center; background: #fff; border-radius: 5px; }
.ssearch-sec > h5 > span	{ font-size: 14px; font-weight: 400; display: inline-block; padding: 0 0 0 10px; }
.ssearch-sec > ul	{ display: -webkit-flex; display: flex; padding: 0; margin: 0; width: 100%; justify-content: space-between; flex-wrap: wrap; }
.ssearch-sec > ul > li.form-check	{ list-style: none; padding: 15px 0 0; width: calc(50% - 10px); display: -webkit-flex; display: flex; justify-content: space-between; }
.ssearch-sec > ul > li.form-check .form-check-input	{ width: 20px; height:20px; cursor: pointer; }
.ssearch-sec > ul > li.form-check .form-check-label	{ width: calc(100% - 25px); cursor: pointer; }
.ssearch-sec > ul > li.form-check .form-check-label:hover	{ color:#003dec; }
.ssearch-sec > ul > li.form-check .form-check-label b	{ font-size: 18px; font-weight: 400; line-height: 1.3; display: block; width: 100%; }
.ssearch-sec > ul > li.form-check .form-check-label img	{ width: 80%; }
.ssearch-sec > ul > li.wihimg	{ align-items: flex-start; }
.ssearch-sec > ul > li.wihimg label.form-check-label	{ flex-wrap: wrap; }
@media only screen and (max-width: 641px)	{
	.ssearch-sec	{ padding: 10px; }
	.ssearch-sec > h5	{ font-size: 14px; padding: 3px; }
	.ssearch-sec > h5 > span	{ font-size: 12px; }
	.ssearch-sec > ul	{ padding: 0 0 0 1.3em; }
	.ssearch-sec > ul > li.form-check	{ padding: 10px 0 0; width: 100%; }
	.ssearch-sec > ul > li.form-check .form-check-input	{ width: 18px; height:18px; }
	.ssearch-sec > ul > li.form-check .form-check-label	{ width: calc(100% - 22px); padding-left: 4px; padding-top: 4px; }
	.ssearch-sec > ul > li.form-check .form-check-label b	{ font-size: 16px; }
	.ssearch-sec > ul > li.form-check .form-check-label img	{ width: 50%; margin: 0 auto; }
	.ssearch-sec > ul > li.wihimg .form-check-label	{ display: -webkit-flex; display: flex; }
	.ssearch-sec > ul > li.wihimg .form-check-label b	{ font-size: 16px; }
	.ssearch-sec > ul > li.wihimg .form-check-label img	{ width: 50%; margin: 0 auto; }
}

.ssearch-detail	{ box-sizing: border-box; background: #fff; border: 2px solid #93ca76; border-radius: 5px; margin: 20px 0 15px; }
.ssearch-detail.new	{ border: 2px solid #e88300; }
.ssearch-detail .ssearch-detail-dd	{ padding: 20px; }
.ssearch-detail *	{ box-sizing: border-box; }
.ssearch-detail h5	{ box-sizing: border-box; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 10px 0 0; width: 100%; background-color: #f8f4ec; align-items: center; gap: 0 10px; }
.ssearch-detail h5 > strong	{ display: -webkit-flex; display: flex; align-items: center; justify-content: space-around; color:#611989; font-size: 24px; line-height: 1; gap: 0 10px; }
.ssearch-detail h5 > strong > i	{ display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: #422991; padding: 12px 15px; text-align: center; font-style: normal; color:#fff; font-size: 16px; line-height: 1; white-space: nowrap; font-feature-settings: "palt"; font-family: 'Noto Sans JP', sans-serif;!important; }
.ssearch-detail h5 > strong > i > span	{   }
.ssearch-detail h5 > strong > b	{ margin: 0; line-height: 1.2; width: auto; }
.ssearch-detail h5 > b	{ display: -webkit-flex; display: flex; color:#d0312b; border-radius: 5px; padding: 5px 10px 2px; font-size: 20px; line-height: 1; white-space: nowrap; font-family: 'Noto Sans JP', sans-serif;!important; }
.ssearch-detail ul.sd_img	{ display: -webkit-flex; display: flex; padding: 10px 0; list-style-type: none; }
.ssearch-detail ul.sd_img img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.ssearch-detail ul.sd_img > li	{ width: 32.8%; list-style: none; }
.ssearch-detail ul.sd_img > li:first-child	{ width: 67.2%; position: relative; }
.ssearch-detail ul.sd_img > li > ul	{ display: -webkit-flex; display: flex; flex-wrap: wrap; list-style-type: none; }
.ssearch-detail ul.sd_img > li > ul > li	{ width: 50%; border: 2px solid #fff; }
.ssearch-detail ul.sd_img > li > ul > li:first-child	{ width: 100%!important; }
.ssearch-detail ul.sd_img > li img	{ width: 100%; }
.ssearch-detail > p	{ color:#000000; font-size: 14px; }
.ssearch-detail ul.sd_price	{ display: -webkit-flex; display: flex; padding: 0; border: 3px solid #2569b4; margin: 5px 0; list-style-type: none; }
.ssearch-detail ul.sd_price > li	{ padding: 10px 20px; background-color: #fff; font-size: 22px; font-weight: 700; line-height: 1.3; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-end; }
.ssearch-detail ul.sd_price > li > b	{ padding: 0 10px 0 0; font-size: 16px; line-height: 1.5; }
.ssearch-detail ul.sd_price > li:first-child	{ font-size: 18px; line-height: 1.5; background-color: #2569b4; color:#fff; }
.ssearch-detail .headerContact	{ position: static; top:0; right:0; }
.ssearch-detail ul.sd_info	{ padding: 15px 0 15px 20px; }
.ssearch-detail ul.sd_info > li	{ list-style-type: disc; color:#000000; font-size: 16px; line-height: 1.3; padding: 0 0 5px; }
@media only screen and (max-width: 641px)	{
	.ssearch-detail	{  }
	.ssearch-detail .ssearch-detail-dd	{ padding: 10px; }
	.ssearch-detail h5	{ flex-wrap: wrap; padding: 0; }
	.ssearch-detail h5 > strong	{ flex-wrap: wrap; font-size: 20px; width: 100%; }
	.ssearch-detail h5 > strong > i	{ font-size: 16px; padding: 3px 10px; width: 100%; text-align: center; }
	.ssearch-detail h5 > strong > b	{ margin: 5px 0; padding: 0 10px; line-height: 1.4; width: 100%; }
	.ssearch-detail h5 > b	{ font-size: 20px; margin: 0 10px 10px; }
	.ssearch-detail ul.sd_img	{ flex-wrap: wrap; }
	.ssearch-detail ul.sd_img > li:first-child	{ width: 100%; }
	.ssearch-detail ul.sd_img > li.sd_img_map	{ display: none; }
	.ssearch-detail ul.sd_price	{ flex-wrap: wrap; margin: 5px 0 15px; }
	.ssearch-detail ul.sd_price > li	{ width: 100%; text-align: center; padding: 15px; font-size: 20px; line-height: 1; flex-direction: column; align-items: center; }
	.ssearch-detail ul.sd_price > li > b	{ text-align: center; padding: 0 0 5px; }
	.ssearch-detail ul.sd_price > li:first-child	{  padding: 5px 10px; line-height: 1; }
}
.ssearch-otaw	{ display: block; box-sizing: border-box; background: #d6e9ca; border-radius: 5px; padding: 20px; }
.ssearch-otaw p	{ text-align: center; font-size: 16px; font-weight: 700; }
.ssearch-otaw p b	{ font-size: 20px; }
.ssearch-otaw p strong	{ font-size: 24px; color:#d0312b; }
@media only screen and (max-width: 641px)	{
	.ssearch-otaw	{ padding: 10px; }
	.ssearch-otaw p	{ text-align: center; font-size: 16px; }
	.ssearch-otaw p b	{ font-size: 20px; }
	.ssearch-otaw p strong	{ font-size: 24px; color:#d0312b; }
}


.ssearch-detail .ssearch-list h5	{ box-sizing: border-box; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0; width: 100%; background-color: #fee473; align-items: center; }
.sd_lis	{ position: relative; }
.sd_lis ul	{ display: -webkit-flex; display: flex; flex-wrap: wrap; width: 200px; list-style-type: none; }
.sd_lis ul > li	{ box-sizing: border-box; width: 50%; padding: 2px;  }
.sd_lis ul > li:first-child	{ width: 100%!important; }
.sd_lis ul > li img	{ width: 100%; vertical-align:bottom; line-height: 0; }

.ssearch-detail .ssearch-list	{ display: -webkit-flex; display: flex; box-sizing: border-box; text-decoration: none!important; padding: 15px 20px; }
.ssearch-detail.new .ssearch-list.pl01	{ background-color: #f7f1d2; }
.ssearch-detail .ssearch-list.pl01	{ background-color: #e8f1ff; }
.ssearch-detail .ssearch-list.pl02	{ background-color: #f7f1d2; }
.ssearch-detail .ssearch-list.pl03	{ background-color: #dfedd8; }
.ssearch-detail .ssearch-list h5	{ box-sizing: border-box; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0; width: 100%; background-color: #fee473; align-items: center; }
.ssearch-detail .ssearch-list .sd_brokk	{ padding: 0 0 0 15px; width: calc(100% - 200px); }
.ssearch-detail .ssearch-list .sd_brokk .linkbtnGr	{ display: block; width: 100%; padding: 10px 5px; margin: 30px 0 0; font-size: 16px; text-align: center; font-weight: 700; line-height: 1; color: #fff; cursor: pointer; background: -webkit-gradient(linear, left top, left bottom, from(#3eb370), to(#3eb370)); background: -webkit-linear-gradient(#3eb370, #00552e); background: -moz-linear-gradient(#3eb370, #00552e); background: -o-linear-gradient(#3eb370, #00552e); background: -ms-linear-gradient(#3eb370, #00552e); background: linear-gradient(#3eb370, #00552e); border-radius: 8px;  font-family: 'Noto Sans JP', sans-serif;!important; }
.ssearch-detail a.ssearch-list:hover .sd_brokk .linkbtnGr	{
	background: -webkit-gradient(linear, left top, left bottom, from(#00552e), to(#3eb370));
	background: -webkit-linear-gradient(#00552e, #3eb370);
	background: -moz-linear-gradient(#00552e, #3eb370);
	background: -o-linear-gradient(#00552e, #3eb370);
	background: -ms-linear-gradient(#00552e, #3eb370);
	background: linear-gradient(#00552e, #3eb370);
}
.ssearch-detail .ssearch-list ul.sd_price	{ display: -webkit-flex; display: flex; padding: 0; border: 0; margin: 5px 0; align-items: flex-end; list-style-type: none; }
.ssearch-detail .ssearch-list ul.sd_price > li	{ padding: 10px 10px 0 0; background-color: transparent; font-size: 24px; color:#000; font-weight: 700; line-height: 1.3; }
.ssearch-detail .ssearch-list ul.sd_price > li:first-child	{ font-size: 18px; line-height: 1.5; background-color: transparent; color:#000; }

.ssearch-detail .ssearch-list .sd_brokk h5	{ background-color: transparent; }
.ssearch-detail .ssearch-list .sd_brokk h5 > strong > i	{ padding: 15px;  }

@media only screen and (max-width: 641px)	{
	.ssearch-detail .ssearch-list	{ flex-wrap: wrap; padding: 10px; }
	.ssearch-detail .ssearch-list .sd_brokk	{ padding: 5px 0 0 0; width:100%; }
	.ssearch-detail .ssearch-list .sd_lis ul	{ width: 100%; }
	.sd_lis ul > li	{ width: 25.7%; }
	.sd_lis ul > li:first-child	{ width: 48.6%!important; }
	.ssearch-detail .ssearch-list ul.sd_price	{ align-items: flex-end;  margin: 5px 0 15px; justify-content: center; }
	.ssearch-detail .ssearch-list ul.sd_price > li	{ width: auto; text-align: left; padding: 0; font-size: 20px; line-height: 1; }
	.ssearch-detail .ssearch-list ul.sd_price > li:first-child	{  padding: 0 10px 0 0; line-height: 1; }
	.ssearch-detail .ssearch-list .sd_brokk h5 > strong > i	{ padding: 5px;  }

}

.ssearch-kekka	{ color:#000000; font-size: 14px; padding: 0 0 10px; }

/* CONTENT */
.pocketdiary	{ display: block; font-size: 16px; line-height: 1.5; text-align: left; }
.pocketdiary img	{ width: 100%; vertical-align:bottom; line-height: 0; }
.pocketdiary h2	{ font-size: 28px; font-weight: 700; color:#000000; padding: 20px;  }
.pocketdiary h3	{ display: block; font-size: 26px; font-weight: 700; color:#000000; border-radius: 0; border: 0 solid #fff; background: #fff; min-height: auto; padding: 20px 0 10px; margin: 0 0 20px; border-bottom: 2px solid #000; }
.pocketdiary h4	{ display: block; font-size: 23px; font-weight: 700; text-shadow:none; color:#3EB373; padding: 5px 0 10px; background : none; }
.pocketdiary h4.square	{ display: block; font-size: 20px; font-weight: 700; text-align: center; text-shadow:none; color:#3EB373; padding: 10px; background : none; border: 2px solid #3EB373; }
.pocketdiary h5	{ display: block; font-size: 18px; font-weight: 700; text-shadow:none; color:#000; padding: 5px 0 10px; background : none; }
@media only screen and (max-width: 641px)	{
	.pocketdiary	{ font-size: 14px; }
	.pocketdiary h3	{ font-size: 22px; padding: 20px 0 5px; margin: 0 0 10px; }
	.pocketdiary h4	{ font-size: 20px; padding: 0 0 5px; }
	.pocketdiary h4.square	{ font-size: 18px; }
	.pocketdiary h5	{ font-size: 18px; }
}

.pocketdiary .pdFlow	{ display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; }
.pocketdiary .pdFlow .pdFlow-th	{ padding: 5px 10px; border-top: 1px solid #fff; border-right: 2px solid #3EB373; border-left: 2px solid #3EB373; border-top: 2px solid #3EB373; border-radius: 6px 6px 0 0 / 6px 6px 0 0; background-color: #3EB373; }
.pocketdiary .pdFlow .pdFlow-th strong	{ display: block; font-size: 18px; font-weight: 700; color:#fff; }
.pocketdiary .pdFlow .pdFlow-td	{ padding: 5px 10px; border-right: 2px solid #3EB373; border-left: 2px solid #3EB373; border-bottom: 2px solid #3EB373; border-radius: 0 0 6px 6px / 0 0 6px 6px; }
.pocketdiary .pdFlow .pdFlow-td p	{ font-size: 16px; line-height: 1.5; text-align: left; padding: 0 0 5px; }
.pocketdiary .pdFlow .pdFlow-td p.caps	{ font-size: 14px; line-height: 1.5; text-align: left; padding: 0 0 5px; }

ul.pdFlow-list	{ display: block; background-color: #d7f5e1; border-radius: 5px; padding: 10px; margin: 0 0 5px; }
ul.pdFlow-list > li	{ list-style-type: disc; margin: 0 0 0 25px; }
ul.normal-list	{ display: block; padding: 0; margin: 0 0 5px; }
ul.normal-list > li	{ list-style-type: disc; margin: 0 0 0 25px; }
.listbgcr	{ display: block; background-color: #d7f5e1; border-radius: 5px; padding: 10px; margin: 0 0 5px; }

.pocketdiary .pdFlowtp	{ display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column; }
.pocketdiary .pdFlowtp h3	{ display: block; font-size: 22px; font-weight: 700; color:#000000; border-radius: 0; border: 0 solid #fff; background: #fff; min-height: auto; padding: 20px 0 10px; margin: 0 0 20px; border-bottom: 2px solid #000; }
.pocketdiary .pdFlowtp ul.normal-list	{ display: block; padding: 0; margin: 0 0 5px; }
.pocketdiary .pdFlowtp ul.normal-list > li	{ position: relative; padding: 0px 0px 0px 1.5em; margin: 0 0 0 .5em; list-style: none; }
.pocketdiary .pdFlowtp ul.normal-list > li:before	{ position: absolute; top: 50%; left: 0px; transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; background-color: #000; content: ""; }

.triangle	{ position: relative; width: 100%; height:50px; }
.triangle::after	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); content:""; border-top: 40px solid #3EB373; border-right: 50px solid transparent; border-left: 50px solid transparent; }

.pocketdiary .pdsmnf	{ display: block; padding: 0; margin: 5px 0 20px; }
.pocketdiary .pdsmnf > strong	{ display: inline-block; color: #3EB373; white-space: nowrap; font-size: 17px; line-height: 1.4; font-weight: 700; padding: 3px 25px; margin: 0 0 5px; border-radius: 50px; border: 1px solid #3EB373; background-color: #fff; }
.pocketdiary .pdsmnf p	{ font-size: 16px; line-height: 1.5; text-align: left; padding: 0 0 5px; }
.pocketdiary .pdsmnf p span	{ display: block; font-size: 13px; text-align: right; padding: 0 0 5px; }

.pdmemo	{ display: -webkit-flex; display: flex; padding: 15px; background-color: rgba(62,179,115,.2); align-items: center; border-radius: 10px; justify-content: space-between; }
.pdmemo .mmtt	{ width: 80px; }
.pdmemo .mmtt b	{ color:#ffffff; font-size: 14px; font-weight: 700; text-align: center; line-height: 80px; display: inline-block; width: 80px; height: 80px; background-color: rgba(62,179,115,1); border-radius: 50%; }
.pdmemo .mmtx	{ font-size: 14px; width: calc(100% - 100px); }
@media only screen and (max-width: 641px)	{
	.pdmemo .mmtt	{ width: 60px; }
	.pdmemo .mmtt b	{ font-size: 12px; line-height: 60px; width: 60px; height: 60px; }
	.pdmemo .mmtx	{ font-size: 12px; width: calc(100% - 75px); }
}


.img50	{ text-align: center; float:right; width: 30%; padding: 0 0 0 20px; }
.img50 img	{ width: 100%; max-width: 200px; }
.img80	{ text-align: center; float:right; width: 50%; padding: 0 0 0 20px; }
.img80 img	{ width: 100%; max-width: 400px; }
.img30	{ text-align: center; float:right; width: 20%; padding: 0 0 0 20px; }
.img30 img	{ width: 100%; max-width: 200px; }
.img20	{ text-align: center; float:right; width: 15%; padding: 0 0 0 20px; }
.img20 img	{ width: 100%; max-width: 200px; }
@media only screen and (max-width: 641px)	{
	.img20	{ width: 20%; }
	.img80	{ float:none; width: 100%; padding: 0; text-align: center;  }
	.img80 img	{ width: 90%; max-width: 280px!important; margin: 0 auto; }
}


.table01	{ border-collapse: collapse; border: 2px solid #3EB373; line-height: 1.5; width: 100%; background-color: #fff; }
.table01 th,
.table01 td	{ font-size: 13px; padding: 5px; border: 1px solid #3EB373; }
.table01 th	{ white-space: nowrap; font-weight: 700; border-bottom: 2px solid #3EB373; text-align: center; background-color: rgba(62,179,115,.2); }
.table01 .nowrap	{ white-space: nowrap; }


.table-responsive	{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media only screen and (max-width: 641px)	{
	.table-responsive th,
	.table-responsive td	{ white-space: nowrap; }
}

.point	{ position: relative; margin: 30px 0 20px; padding: 10px 20px 5px; border: solid 2px #3EB373; border-radius: 10px; }
.point > strong	{ position: absolute; display: inline-block; top: -10px; left: 10px; padding: 0 9px; line-height: 1; font-size: 16px; background: #FFF; color: #3EB373; font-weight: bold; }
.point p	{ margin: 0; padding: 0; }
.point p > b	{ display: block; font-weight: 700; }


.point2	{ position: relative; margin: 30px 0 20px; padding: 10px 10px 5px; border: solid 2px #3EB373; }
.point2 > strong	{ white-space: nowrap; display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -10px; padding: 0 9px; line-height: 1; font-size: 18px; background: #FFF; color: #3EB373; font-weight: bold; }
.point2 p	{ margin: 0; padding: 0; }
.point2 p > b	{ display: block; font-weight: 700; }

dl.ptlexmb	{ box-sizing: border-box; margin: 0; padding: 5px 5px 0; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
dl.ptlexmb > dt	{ box-sizing: border-box; width: 60px; height:60px; padding: 0; margin: 0 0 10px; line-height: 60px; font-weight: 700; font-size: 50px; overflow: hidden; background-color: #e3efe7; color: #3EB373; text-align: center; }
dl.ptlexmb > dd	{ box-sizing: border-box; width: calc(100% - 70px); padding: 0; margin: 0 0 10px; font-size: 16px; }
@media only screen and (max-width: 641px)	{
	dl.ptlexmb > dt	{ width: 40px; height:40px; line-height: 40px; font-size: 30px; }
	dl.ptlexmb > dd	{ width: calc(100% - 50px); font-size: 14px; }
}

ul.imgset	{ box-sizing: border-box; padding: 0; background-color: #d7f5e1; border-radius: 5px; padding: 10px; margin: 0 0 5px; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; }
ul.imgset li	{ font-size: 13px; list-style: none; padding: 0; margin: 0; }
ul.imgset li b	{ display: block; padding: 0 0 5px;  }
ul.imgset li:first-child	{ width: 100px; }
ul.imgset li:last-child	{ width: calc(100% - 120px); }
ul.imgset li img	{ width: 100%; }

ul.txtset	{ box-sizing: border-box; padding: 0; background-color: #d7f5e1; border-radius: 5px; padding: 10px; margin: 0 0 5px; display: -webkit-flex; display: flex; justify-content: space-between; }
ul.txtset li	{ font-size: 13px; list-style: none; padding: 0; margin: 0; }
ul.txtset li b	{ display: block; padding: 0 0 5px;  }
ul.txtset li img	{ width: 100%; }

.imgcenter	{ text-align: center; }
.imgcenter > p	{ display: block; text-align: center!important; }
.imgcenter img	{ width: 100%; margin: 0 auto; max-width: 300px;  }
.imgcenter2	{ text-align: center; }
.imgcenter2 img	{ width: 100%; margin: 0 auto; max-width: 400px;  }

.pc2column	{ display: -webkit-flex; display: flex; justify-content: space-between; }
.pc2column > *	{ width: calc(50% - 10px); }
@media only screen and (max-width: 641px)	{
	.pc2column	{ flex-wrap: wrap; }
	.pc2column > *	{ width: 100%; }
}

ul.hslist	{ box-sizing: border-box; display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 0; margin: 0; }
ul.hslist > li.hsset	{ box-sizing: border-box; list-style: none; width: calc(100% / 3 - 12px); margin: 0 18px 0 0; padding: 0 0 20px; }
ul.hslist > li:nth-of-type(3n)	{ margin: 0; }
ul.hslist > li.hsset > b	{ font-size: 14px; font-weight: 700; display: block; }
ul.hslist > li.hsset > ul	{ box-sizing: border-box; display: -webkit-flex; display: flex; flex-direction: column; width: 100%; border: 1px solid #3EB373; padding: 0; margin: 0; }
ul.hslist > li.hsset > ul li	{ box-sizing: border-box; padding: 5px 10px; border-bottom: 1px solid #3EB373; list-style: none; font-size: 13px; }
ul.hslist > li.hsset > ul li:last-child	{ border-bottom: 0; }
@media only screen and (max-width: 641px)	{
	ul.hslist > li.hsset	{ width: calc(100% / 2 - 10px); margin: 0 20px 0 0; padding: 0 0 20px; }
	ul.hslist > li:nth-of-type(3n)	{ margin: 0 20px 0 0; }
	ul.hslist > li:nth-of-type(2n)	{ margin: 0; }
}

ul.atenlis	{ padding: 0; margin: 0; }
ul.atenlis > li	{ padding: 0; margin: 0; list-style: none; box-sizing: border-box; padding: 0 0 5px; font-size: 13px; }

.hukuso	{ padding: 0 0 10px; }
.hukuso > b	{ display: block; font-size: 18px; font-weight: 700; }
.hukuso > p	{ padding: 5px 0 0; font-size: 15px; }

hr.dot	{ border-top: 1px dashed #bbb; clear:both; }

.koden01	{ display: block; padding: 10px 0; text-align: center; }
.koden01 > ul	{ display: -webkit-flex; display: flex; align-items: flex-end; justify-content: center; margin: 0 auto; max-width: 500px; }
.koden01 > ul li	{ font-size: 13px; list-style: none; width: calc(100% / 3); margin: 0 5px; text-align: center; }

.koden02	{ display: block; padding: 10px 0; text-align: center; }
.koden02 > ul	{ box-sizing: border-box; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: center; margin: 0 auto; max-width: 100%; }
.koden02 > ul li	{ box-sizing: border-box; font-size: 13px; list-style: none; width: calc(100% / 4); margin: 0 5px; text-align: center; }
@media only screen and (max-width: 641px)	{
	.koden01 > ul li	{ font-size: 11px; }
	.koden02 > ul	{ flex-wrap: wrap; }
	.koden02 > ul li	{ width: 45%; padding: 10px 0 0; }
}

.mnarea	{ padding: 20px 20px 0; margin: 0 0 30px; background-color: #dff7e7; }
.mnarea *	{ box-sizing: border-box; }
.mnarea > b	{ display: block; padding: 0 0 5px; font-size: 16px; font-weight: 700; text-align: center; }
.mnarea > ul	{ padding: 0; margin: 0; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.mnarea > ul > li	{ list-style: none; padding: 0; margin: 0 0 20px; width: calc(50% - 10px); }
.mnarea > ul > li img	{ width: 100%; }
@media only screen and (max-width: 641px)	{
	.mnarea	{ padding: 10px 10px 0; margin: 0 0 20px; }
	.mnarea > ul > li	{ margin: 0 0 10px; width: calc(50% - 5px); }
}

.bkbtm	{ padding: 30px 0; text-align: center; }
.bkbtm a	{ display: inline-block; padding: 10px 20px; margin: 0 auto; font-weight: 700; color:#ffff; line-height: 35px;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#3eb370), to(#00552e));
    background: -webkit-linear-gradient(#3eb370, #00552e);
    background: -moz-linear-gradient(#3eb370, #00552e);
    background: -o-linear-gradient(#3eb370, #00552e);
    background: -ms-linear-gradient(#3eb370, #00552e);
    background: linear-gradient(#3eb370, #00552e);
    border-radius: 4px;
}

.menuBar_spBTN	{ position: relative; }
.menuBar_spBTN .contactspbtnp	{ position: absolute; top:8px; right:6px; }
.menuBar_spBTN .contactspbtnp img	{ width: auto; height:30px; }



.kukakutitie	{ display: block; padding: 30px 10px; text-align: center; font-weight: 700; font-size: 30px; line-height: 1.5; border: 0; border-radius: 0; background-color: #ccc; margin: 20px 0 0; }
.topPickupWrapZ	{ display: -webkit-flex; display: flex; justify-content: space-between; padding: 20px 0 30px; }
.topPickupWrapZ .topPickupBoxZ	{ width: calc(100% - 300px); }
.topPickupWrapZ .topPickupBoxZ ul	{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.topPickupWrapZ .topPickupBoxZ ul li	{ list-style: none; width: calc(50% - 10px); padding: 0 0 20px; }
.topPickupWrapZ .topPickupBoxZ ul li a	{ display: block; width: 100%; height: 100%; border: 2px solid #93ca76; border-radius: 8px; padding: 20px 12px; background-color: #ddedd4; text-decoration: none; }
.topPickupWrapZ .topPickupBoxZ ul li a img	{ width: 100%; border-radius: 5px; }
.topPickupWrapZ .topPickupBoxZ ul li a b	{ display: block; width: 100%; text-align: center; font-size: 15px; font-weight: 700; line-height: 1; padding: 5px 0 0; text-decoration: none; color:#258e56; }
.topPickupWrapZ .topPickupBoxZ ul li a:hover	{ border: 2px solid #44b400; background-color: #faf8e0; }
.topPickupWrapZ .topPickupBoxZ ul li a:hover b	{ color:#00ba52; }
@media only screen and (max-width: 641px)	{
	.kukakutitie	{ font-size: 16px; }
	.topPickupWrapZ	{ flex-wrap: wrap; padding: 15px 0; }
	.topPickupWrapZ .topPickupBox2	{ order:2; }
	.topPickupWrapZ .topPickupBoxZ	{ width: 100%; order:1; padding: 10px 0 0; }
	.topPickupWrapZ .topPickupBoxZ ul	{ padding: 0 0 10px;  }
	.topPickupWrapZ .topPickupBoxZ ul li	{ width: calc(50% - 5px); padding: 0 0 10px; }
	.topPickupWrapZ .topPickupBoxZ ul li a b	{ font-size: 14px; }
}

@media screen and (max-width: 641px)	{ .pconly { display: none; } }
@media screen and (min-width: 642px)	{ .pconly { display: inline-block; } }
@media screen and (max-width: 641px)	{ .sponly { display: inline-block; } }
@media screen and (min-width: 642px)	{ .sponly { display: none; } }

.fmcampaign	{ padding: 20px; margin: 10px 0; width: 100%; border: 4px solid #e10000; box-sizing: border-box; background-color: #faf8db; border-radius: 10px; }
.fmcampaign > strong	{ display: block; text-align: center; padding: 10px 0 20px; font-size: 24px; color:#e10000; font-weight: 700; line-height: 0; }
.fmcampaign > p	{ display: block; font-size: 18px; font-weight: 400; line-height: 1.4; }
.fmcampaign > p.day	{ text-align: right; font-size: 14px; font-weight: 400; padding: 10px 0 0; }


/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }


/* ------------ 22.05.24 ------------- */
h5.serviceLinksTtle	{ position: relative; padding: 1.5rem 2rem; -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1); box-shadow: 0 2px 14px rgba(0, 0, 0, .1); background-color: #fff!important; margin: 0 0 30px; text-align: center; font-size: 30px; font-weight: 700; }
h5.serviceLinksTtle span	{ display: block; text-align: center; font-size: 18px; font-weight: 700; }
h5.serviceLinksTtle:before,
h5.serviceLinksTtle:after	{ position: absolute; left: 0; width: 100%; height: 4px; content: ''; background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%); background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%); }
h5.serviceLinksTtle:before	{ top: 0; }
h5.serviceLinksTtle:after { bottom: 0; }
.serviceLinksList	{ width: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 0 30px; /* border: 4px solid #000; border-radius: 10px; padding: 30px 30px 18px; */ }
.serviceLinksList li	{ width: calc(100% / 3 - 8px); margin: 0 12px 12px 0; }
.serviceLinksList li:nth-of-type(3n)	{ margin: 0 0 12px 0; }
.serviceLinksList.col4 li	{ width: calc(100% / 4 - 10px); margin: 0 12px 12px 0; }
.serviceLinksList.col4 li:nth-of-type(3n)	{ margin: 0 12px 12px 0; }
.serviceLinksList.col4 li:nth-of-type(4n)	{ margin: 0 0 12px 0; }
.serviceLinksList img	{ width: 100%; vertical-align: bottom; line-height: 0; image-rendering: -webkit-optimize-contrast; }
@media only screen and (max-width: 641px)	{
	.serviceLinksList li	{ width: 100%; margin: 0 0 12px; }
	.serviceLinksList li:nth-of-type(3n)	{ margin: 0 0 12px; }
	.serviceLinksList.col4 li	{ width: 100%; margin: 0 0 12px; }
	.serviceLinksList.col4 li:nth-of-type(3n)	{ margin: 0 0 12px; }
	.serviceLinksList.col4 li:nth-of-type(4n)	{ margin: 0 0 12px; }
}

/* ------------ 22.09.15 ------------- */
.icon360	{ display: block; position: absolute; top: 90px; left: 380px; width: 80px;  }
.sd_lis .icon360	{ top: 5px; left: 5px; width: 40px; }
@media only screen and (max-width: 641px)	{
	.icon360	{ position: absolute; top: 5px; left: 5px; width: 60px;  }
}

/* 20221125 360icon */
.ssearch-detail	{ position: relative;  }
.ssearch-detail a.view360link	{ width: 50px; line-height: 1; display: block; position: absolute; bottom: 80px; right: 40px; z-index: 2; }
@media only screen and (max-width: 641px)	{
	.ssearch-detail a.view360link	{ display: none; bottom: 80px; right: 10px; }
}
.ssearch-detail ul.sd_img > li > ul > li:first-child	{ position: relative; }
.ssearch-detail ul.sd_img > li > ul > li:first-child a	{ width: 60px; line-height: 1; display: block; position: absolute; top: 110px; right: 20px; z-index: 2; }
@media only screen and (max-width: 641px)	{
	.ssearch-detail ul.sd_img > li > ul > li:first-child a	{ top: 55px; right: 10px; }
}
a.linkborder	{ display: block; line-height: 0; padding: 0; margin: 20px 0 5px; border: 3px solid #53c61e; overflow: hidden; border-radius: 10px; transition: all .5s; }
a.linkborder:hover	{ border: 3px solid #75ea3c;  }
.bus2clm .bsim	{ display: -webkit-flex; display: flex; align-items: flex-end; }
.bus2clm .bsim > img	{ width: 50%; }
.bus2clm .bsim > .buslink	{ width: 50%; text-align: center; }
.buslink > a	{ display: inline-block; width: 90px; margin: 0 auto;  line-height: 1; }
@media only screen and (max-width: 641px)	{
	.bus2clm .bsim > img	{ width: calc(100% - 65px); }
	.bus2clm .bsim > .buslink	{ width: 60px;　margin: 0 0 0 5px; }
	.buslink > a	{ width: 60px; }
}
.top_box2col	{ width: calc(50% - 5px); text-align: center; }
.top_box2col img	{ margin: 0 auto;  }
.top_box2col p	{ text-align: left;  }

svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.fa, .svg-inline--fa {
    margin-right: 5px;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}


.headerContact {
	display: block;
	height: 50px;
	box-sizing: border-box;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#b7282e), to(#e83929));
	background: -webkit-linear-gradient(#b7282e, #e83929);
	background: -moz-linear-gradient(#b7282e, #e83929);
	background: -o-linear-gradient(#b7282e, #e83929);
	background: -ms-linear-gradient(#b7282e, #e83929);
	background: linear-gradient(#b7282e, #e83929);
	border-radius: 10px;
	padding: 3px;
	margin: 0;
	position: absolute;
	top: 8px;
	right: 30px;
	min-width: 250px;
}
.headerContact a {
	color: #fff;
	font-family: Meiryo, sans-serif;
	text-decoration: none;
	text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.75), 1px 1px 1px rgba(0, 0, 0, 0.75);
}
.headerContact a:hover {
	opacity: 0.8;
}
.headerContact .btnInner {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 46px;
	background: -webkit-gradient(linear, left top, left bottom, from(#e83929), to(#b7282e));
	background: -webkit-linear-gradient(#e83929, #b7282e);
	background: -moz-linear-gradient(#e83929, #b7282e);
	background: -o-linear-gradient(#e83929, #b7282e);
	background: -ms-linear-gradient(#e83929, #b7282e);
	background: linear-gradient(#e83929, #b7282e);
	border-radius: 8px;
}
.headerContact .btnInner:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#b7282e), to(#e83929));
	background: -webkit-linear-gradient(#b7282e, #e83929);
	background: -moz-linear-gradient(#b7282e, #e83929);
	background: -o-linear-gradient(#b7282e, #e83929);
	background: -ms-linear-gradient(#b7282e, #e83929);
	background: linear-gradient(#b7282e, #e83929);
}
.headerContact .btnInner p {
	font-size: 17px;
	letter-spacing: 1px;
	padding: 0 15px;
}

.sidecatarea	{ width: 100%; max-width: 270px; margin: 15px 0 0;  padding: 10%; border-radius: 10px; background-color: #93ca76; }
.sidecatarea > a	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; background-color: #fff; padding: 5%; border-radius: 5px; }
.sidecatarea > a b	{ padding: 0 0 5px;  }
.sidecatarea > a img	{ opacity: 1; transition: all .5s; }
@media (min-width: 768px) { 
	.sidecatarea > a:hover img	{ opacity: .6; }
}
@media (max-width: 767.9px) { 
	.sidecatarea	{ max-width: 100%; margin: 0; }
}



/* ------------ FOOTER ------------- */
#footer	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; background-color: #f8f8f7; margin: 0; border-top: 1px solid #fff; }
#footer .wrapper	{ width: 100%; max-width: 1400px; padding: 120px 20px 200px; display: -webkit-flex; display: flex; justify-content: space-between; }
.footerfs	{ width: 65%; padding: 0 0 0 10%; border-left: 1px solid #ccc; display: -webkit-flex; display: flex; align-items: flex-start; flex-wrap: wrap; }
.footerfs > ul	{ padding: 0 10% 30px 0; }
.footerfs > ul li	{ padding: 0 0 5px; }
.footerfs > ul ul	{ margin-left: 1.5em; padding: 10px 0 0; }

.footersc	{ width: 30%; padding: 20px 5% 20px 0; display: -webkit-flex; display: flex; flex-direction: column; }
.footersc h3	{ width: 100%; max-width: 300px; margin: 0 0 30px; }
.footersc p	{ width: 100%; margin: 0 0 20px; font-size: clamp(12px, 14px, 1vw); line-height: 1.6; font-weight: 400; letter-spacing:.1rem; }
.footersc b	{ width: 100%; margin: 0 0 40px; font-size: clamp(11px, 13px, .9vw); line-height: 1; font-weight: 400; letter-spacing:.1rem; }
.footersc strong	{ width: 100%; max-width: 160px; display: -webkit-flex; display: flex; }

#footer .bottom	{ width: 100%; padding: 100px 10px 40px; text-align: center; background-color: #000; }
#footer .bottom p	{ text-align: center; color: #fff; font-size: clamp(11px, 13px, 1vw); line-height: 1; font-weight: 400; }

@media (min-width: 1026px) { 
	.footerfs	{ order: 2; }
	.footersc	{ order: 1; }
}
@media (max-width: 1025px) { 
	#footer .wrapper	{ padding: 60px 20px 100px; flex-wrap: wrap; }
	.footerfs	{ width: 100%; padding: 0 0 20px; border: 0; }
	.footerfs > ul	{ width: 100%; padding: 0 10% 20px; }
	.footersc	{ width: 100%; padding: 40px 0 0; align-items: center; border-top: 1px solid #fff; }
	.footersc h3	{ max-width: 260px; margin: 0 0 20px; }
	.footersc p, 
	.footersc b	{ text-align: center; }
	#footer .bottom	{ padding: 40px 10px; }
}


.picreed	{ width: 100%; text-align: center; color:#019b3f; font-family: "Zen Maru Gothic", serif; font-weight: 400; font-style: normal; font-size: clamp(15px, 22px, 2vw); line-height: 2; margin: 0 0 60px; }
.topPickupWrap2024	{ width: 100%; margin: 0 0 80px; }
.topPickupWrap2024 > ul	{ width: 100%; display: -webkit-flex; display: flex; list-style: none; gap: 36px; flex-wrap: wrap; }
.topPickupWrap2024 > ul > li	{ width: calc(100% / 3 - 24px); display: -webkit-flex; display: flex; }
.topPickupWrap2024 > ul > li > a	{ width: 100%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all .5s; opacity: 1; }
.topPickupWrap2024 > ul > li > a > b	{ text-align: center; padding: 10px 0 0; color:#019b3f; font-family: "Zen Maru Gothic", serif; font-weight: 400; font-style: normal; font-size: clamp(13px, 18px, 1.6vw); }
.topPickuppWrapbottom	{ display: -webkit-flex; display: flex; flex-direction: column; }
.topPickupBox2024	{ width: 100%; background-color: #f8f4ec; padding: 40px; border-radius: 10px; }
.topPickupBox2024 > h5	{ width: 100%; text-align: center; font-size: clamp(20px, 26px, 2vw); margin: 0 0 30px; }
.topPickupBox2024 .form-inline { display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.topPickupBox2024 .form-inline > button { display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #019b3f; border-radius: 500px; padding: 16px 20px; color: #fff; font-size: clamp(14px, 18px, 1.4vw); font-weight: 400; line-height: 1.3; transition: all .3s; margin: 0; border: 0; max-width: 400px; }
.topPickupBox2024 > p	{ width: 100%; text-align: center; font-size: clamp(14px, 18px, 1.4vw); padding: 10px 0 0; }

.topPickupBox2024-2	{ width: 100%; padding:0; display: -webkit-flex; display: flex; gap: 20px; align-items: center; }
.illusttree	{ width: 40%; }
.spbnn_area_innercat	{ width: 60%; display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.spbnn_area_innercat > a	{ display: -webkit-flex; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.spbnn_area_innercat > a b	{ width: 100%; padding: 0 0 10px; font-family: "Zen Maru Gothic", serif; font-weight: 400; font-style: normal; font-size: clamp(15px, 22px, 2vw); line-height: 2; text-align: center; }
.spbnn_area_innercat > a .photo	{ padding: 10px 20px; background-color: #f8f4ec; padding: 40px; border-radius: 10px; line-height: 1; }

.fmsetlz2	{ display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 0 20px; }
.fmsetlz2 > label	{ width: 80px; font-size: clamp(14px, 18px, 1.4vw); font-weight: 400; line-height: 1;  }
.fmsetlz2 > select	{ width: calc(100% - 80px); font-size: clamp(14px, 18px, 1.4vw); font-weight: 400; line-height: 1.5; padding: 5px; border: 1px solid #000; border-radius: 10px; }
.topPickuppWrapbottom .spbnn_area_inner	{ padding: 0; max-width: 100%; }
@media (min-width: 1026px) { 
	.topPickupWrap2024 > ul > li > a:hover	{ opacity: .6; }
	.topPickupBox2024 .form-inline > button:hover { background: #1bbf5d; }
}
@media (max-width: 1025px) { 
	.picreed	{ line-height: 1.6; text-align: left; margin: 0 0 30px; padding: 20px 0 0; }
	.topPickupWrap2024	{ margin: 0 0 40px; }
	.topPickupWrap2024 > ul	{ gap: 24px; margin: 0 0 30px; }
	.topPickupWrap2024 > ul > li	{ width: calc(50% - 16px); }
	.topPickupBox2024	{ padding: 30px; }
	.fmsetlz2 > label	{ width: 60px;  }
	.fmsetlz2 > select	{ width: calc(100% - 60px); }
	.topPickuppWrapbottom .spbnn_area_inner	{ margin: 30px 0 0; }
	.topPickuppWrapbottom .spbnn_area_inner a	{ margin: 0; }
	.illusttree	{ width: 60%; }
	.topPickupBox2024-2	{ justify-content: center; }
	.spbnn_area_innercat	{ display: none; }
}