@charset "utf-8";

body					{ font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 1; color: #000; background-color: #fff; position: relative; }
img 					{ vertical-align: bottom; max-width: 100%; }
h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; }
.serif 					{ font-family: 'Noto Serif JP', serif; }
p 						{  }

#page-top { position: fixed; bottom: 2%; right: 2%; z-index:100000; }
#page-top a { width: 60px; padding: 0 0; text-align: center; display: block; border-radius: 5px; z-index:100000;}

@media print, screen and (min-width: 751px) {
	
/* insta追加 210802 */
#header .nav>ul>li#instagram {
    position: relative;
}
#header .nav>ul>li#instagram:before {
    position: absolute;
    content: url('../img/common/header_instagram-20.png');
    top: 14px;
    left: 21px;
}
#header .nav>ul>li#instagram>a {
    padding-left: 20px;
}
#header .nav>ul>li#instagram>a>img {
    height: 28px;
}
	
	
.sp 					{ display: none!important; }
body 					{ font-size: 15px; }
.master 				{ width: 94%; max-width: 1000px; margin: 0 auto; }
a 						{ -webkit-transition: .2s; transition: .2s; }
a:hover 				{ opacity: .6; }

#header .logoArea 		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#header .logoArea .logo { width: 250px; }
#header .logoArea>h1,#header .logoArea .logo{ margin-top: 17px; margin-left: 0; }
#header .logoArea>div 	{ margin-left: auto; }
#header .logoArea>div ul:nth-of-type(1){ padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
#header .logoArea>div ul:nth-of-type(1) li{ margin-right: 20px; }
#header .logoArea>div ul:nth-of-type(1) li:nth-of-type(3){ margin-right: 29px; }
#header .logoArea>div ul:nth-of-type(1) li:nth-of-type(4){ margin-right: 15px; }
#header .logoArea>div ul:nth-of-type(1) li:last-of-type{ margin-right: 0; }
#header .logoArea>div ul:nth-of-type(1) li a{ font-weight: 500; font-size: .72rem; }
#header .logoArea>div ul:nth-of-type(2){ padding-top: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#header .logoArea>div ul:nth-of-type(2) li:nth-of-type(1){ margin-right: 16px; }
#header .logoArea>div ul:nth-of-type(2) li:nth-of-type(n+2){ width: 135px; height: 36px; text-align: center; }
#header .logoArea>div ul:nth-of-type(2) li:nth-of-type(2){ margin-right: 10px; }
#header .logoArea>div ul:nth-of-type(2) li:nth-of-type(n+2) a{ height: 36px; font-size: .73rem; font-weight: 600; display: block; letter-spacing: .02rem; color: #fff; }
#header .logoArea>div ul:nth-of-type(2) li:nth-of-type(2) a{ padding-top: 12px; background: #008a2f url('../img/common/arrow.svg') 92% 50% no-repeat; }
#header .logoArea>div ul:nth-of-type(2) li:nth-of-type(3) a{ padding-top: 12px; line-height: 1.1; background: #d75c10 url('../img/common/arrow.svg') 92% 50% no-repeat; }

#header .nav 			{ margin-top: 7px; background: rgba(0,0,0,.25); }
#header .nav>ul 		{ width: 100%; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; white-space: nowrap; z-index: 10; }
#header .nav>ul>li 		{ text-align: center; position: relative; }
#header .nav>ul>li:nth-of-type(1){ width: 5%; }
#header .nav>ul>li:nth-of-type(2){ width: 13.0%; }
#header .nav>ul>li:nth-of-type(3){ width: 12.0%; }
#header .nav>ul>li:nth-of-type(4){ width: 12.7%; }
#header .nav>ul>li:nth-of-type(5){ width: 14.0%; }
#header .nav>ul>li:nth-of-type(6){ width: 13.7%; }
#header .nav>ul>li:nth-of-type(7){ width: 15.55%; }
#header .nav>ul>li:nth-of-type(8){ width: 14.05%; }
#header .nav>ul>li.current a,#header .nav>ul>li:hover a{ background: rgba(255,255,255,.8); color: #000; }
#header .nav>ul>li:hover a{ color: #000; }
#header .nav>ul>li:first-of-type{  }
#header .nav>ul>li:first-of-type>a{  }
#header .nav>ul>li:nth-of-type(6)>a{  }
#header .nav>ul li a 	{ font-weight: normal; font-size: .95rem; letter-spacing: 1px; text-indent: 1px; letter-spacing: .05rem; font-family: 'Noto Serif JP', serif; }
#header .nav>ul>li>a 	{ height: 50px; padding-top: 17px; opacity: 1; display: block; color: #fff; }
#header .nav>ul>li:nth-of-type(1)>a{ padding: 12px 0 0; }

#header .nav>ul>li ul{ visibility: hidden; opacity: 0; z-index: 1; position: absolute; width: 250px; top: 40px; left: 0; -webkit-transition: all .2s ease; transition: all .2s ease; }
#header .nav>ul>li:hover ul{ top: 50px; visibility: visible; opacity: 1; }
#header .nav>ul>li ul li a{ padding: 10px 30px; display: block; text-align: left; font-size: .9rem; background: rgba(255,255,255,.8); opacity: 1; }
#header .nav>ul>li ul li:first-of-type a{ padding-top: 24px; }
#header .nav>ul>li ul li:last-of-type a{ padding-bottom: 24px; }
#header .nav>ul>li ul li a:before{ content: '-'; margin-right: 5px; }
#header .nav>ul>li ul li a:hover{ background: rgba(160,255,160,.6); }

#main .mainImage 		{ width: 100%; height: 280px; margin-top: -50px; position: relative; z-index: -1; }
#main .mainImage h1 	{ width: 100%; text-align: center; font-size: 1.2rem; font-weight: 400; position: absolute; top: 46.5%; left: 0; letter-spacing: .26rem; color: #fff; }
#main .mainImage h1 span{ margin-bottom: 15px; display: block; font-size: 2.5rem; font-weight: 600; letter-spacing: .2rem; }
#main .breadcrumbs 		{ padding: 14px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
#main .breadcrumbs li 	{ font-size: .75rem; }
#main .breadcrumbs li a{ color: #3d872f; text-decoration: underline; }
#main .breadcrumbs li:after{ content: url('../img/common/breadcrumbs-arrow.svg'); margin: 0 16px; }
#main .breadcrumbs li:last-of-type:after{ content: ''; }

.pagetop 				{ margin-top: 150px; text-align: right; }

#footer section 		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#footer section>div:nth-of-type(1){ width: 33.5%; text-align: center; }
#footer section>div:nth-of-type(2){ width: 66.5%; background: #0c2705; color: #fff; }
#footer section>div:nth-of-type(1):before{ content: ''; width: 100%; height: 220px; display: block; background: url('../img/common/footer-image.jpg') 50% 100% no-repeat; background-size: cover; }
#footer section>div:nth-of-type(1) .logo{ margin: 30px 0 13px; }
#footer section>div:nth-of-type(1) .tel{ margin-top: 1px; font-size: 1.1rem; line-height: 1; }
#footer section>div:nth-of-type(1) .tel span{ margin-left: 5px; font-size: 1.65rem; font-weight: 600; letter-spacing: .1rem; }
#footer section>div:nth-of-type(1) p{ line-height: 1.5; }
#footer section>div:nth-of-type(1) p:nth-of-type(3){ margin-top: 10px; font-size: 1.02rem }
#footer section>div:nth-of-type(1) p:nth-of-type(4){ margin-top: 2px; padding-bottom: 20px; font-size: 1rem; }
#footer section>div:nth-of-type(2) nav{ max-width: 730px; padding-top: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#footer section>div:nth-of-type(2) nav ul{  }
#footer section>div:nth-of-type(2) nav ul:nth-of-type(1){ width: 26.2%; margin-left: 15.4%; }
#footer section>div:nth-of-type(2) nav ul:nth-of-type(2){ width: 28.4%; }
#footer section>div:nth-of-type(2) nav ul:nth-of-type(3){  }
#footer section>div:nth-of-type(2) nav ul li:nth-of-type(n+2){ margin-top: 14px; }
#footer section>div:nth-of-type(2) nav ul li a{ font-size: .9rem; font-weight: normal; letter-spacing: .05rem; line-height: 1.7; }
#footer section div:nth-of-type(2) .bnr{ max-width: 730px; margin: 48px 0 0 12.4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#footer section div:nth-of-type(2) .bnr li{ width: 27.398%; margin-right: 1%; }
#footer section div:nth-of-type(2) .bnr li:nth-of-type(3n){ margin-right: 0; }
#footer section div:nth-of-type(2) .bnr li:nth-of-type(n+4){ margin-top: 10px; }
#footer .copyright 			{ margin: 63px 0 0 12.4%; font-size: .84rem; color: #fff; }

.line                       { color: #000; font-size: 30px; font-weight:bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.line:before, .line:after   { content: ""; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1px; background: #e5e5e5; display: block; }
.line:before                { margin-right: .8em; }
.line:after                 { margin-left: .8em; }
.line_text                  { margin: 10px auto; text-align:center }

}


@media screen and (max-width: 1200px) and (min-width: 751px) {

}


@media screen and (max-width: 750px) {
.pc 					{ display: none!important; }
body 					{ font-size: 14px; }
.master 				{ width: 90%; margin: 0 auto; }

#header 				{ background: #fff; position: fixed; top: 0; left: 0; z-index: 2; width: 100%; }
#header .logoArea 		{ width: 96%; height: 76px; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }
#header .logoArea .logo { width: 44%; max-width: 210px; margin-right: 4%; }
#header .logoArea div 	{ width: 37%; max-width: 200px }

.drawer-hamburger 		{ padding-top: 19px; padding-bottom: 31px; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #008a2f; }
.drawer--top.drawer-open .drawer-nav{ top: 61px; border-top: 1px solid #1a1a1a; }
.drawer-overlay 		{ display: none!important; }
.drawer-menu-item 		{ padding: 11px 45px; font-size: 1rem; font-weight: 600; border-bottom: 1px solid #1a1a1a; /*background: url('../img/common/menu-arrow-g.svg') 93% 50% no-repeat; background-size: 9px;*/ letter-spacing: .05rem; position: relative; }
.drawer-menu-item:after { content: ''; width: 9px; height: 12px; display: block; background: url('../img/common/menu-arrow-g.svg') 0 50% no-repeat; background-size: 9px; position: absolute; top: 50%; right: 7%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.drawer-dropdown .drawer-menu-item:after{ -webkit-transition: .3s; transition: .3s; -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); top: 35%; }
.drawer-dropdown.open .drawer-menu-item:after{ -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg); top: 35%; }
.drawer-menu li:first-of-type .drawer-menu-item{ padding-left: 70px; }
.drawer-menu li:last-of-type .drawer-menu-item{ /*border-bottom: none;*/ }
.drawer-menu>li:last-of-type:after{ content: ''; width: 100%; height: 61px; display: block; visibility: hidden; background: transparent; }
.drawer-menu-item:hover { text-decoration: none; }
.drawer-menu .access:after,.drawer-menu .online:after,.drawer-menu .onePortal:after{ content: ''; width: 9px; height: 12px; display: block; background: url('../img/common/menu-arrow-w.svg') 0 50% no-repeat; background-size: 9px; position: absolute; top: 50%; right: 7%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
.drawer-menu .access 	{ color: #fff; background: #008a2f; border-bottom: 1px solid #008a2f; }
.drawer-menu .online 	{ color: #fff; background: #d75c10; border-bottom: 1px solid #d75c10; }
.drawer-menu .onePortal 	{ color: #fff; background: #1084d7; border-bottom: 1px solid #1084d7; }
.drawer-dropdown-menu-item{ padding: 10px 0 10px 63px; font-size: .9rem; font-weight: 500; border-bottom: 1px solid #000; line-height: 1; }
.serif li .headerInstagramSp,
.serif li .footerInstagramSp {padding: 7px 45px 4px;}
.serif li .headerInstagramSp img,
.serif li .footerInstagramSp img {width: 90px;}

body 					{ margin-top: 62px; }
#main .mainImage 		{ width: 100%; height: 140px; position: relative; }
#main .mainImage h1 	{ width: 100%; text-align: center; font-size: .9rem; font-weight: 400; position: absolute; top: 28%; left: 0; letter-spacing: .2rem; color: #fff; }
#main .mainImage h1 span{ margin-bottom: 10px; display: block; font-size: 2.3rem; font-weight: 600; letter-spacing: .2rem; }

#footer 				{ margin-top: 100px; background: #0c2705; }
#footer ul 				{ display: -webkit-box; display: -ms-flexbox; display: flex;}  
.topFooter ul.btnArea				{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column;}
#footer .btnArea 		{  }
#footer .btnArea li 	{ width: 50%; }  
.topFooter ul.btnArea li 	{ width: 100% !important; }
#footer .btnArea li a 	{ padding: 17px 0; display: block; text-align: center; font-size: 1rem; font-weight: 600; color: #fff; }
#footer .btnArea li:nth-of-type(1) a{ background: #008a2f url('../img/common/arrow.svg') 92% 50% no-repeat; background-size: 6px; }  
footer.topFooter ul.btnArea li:nth-of-type(1) a{ background: #008a2f url('../img/common/arrow.svg') 70% 50% no-repeat !important; background-size: 6px !important; }
#footer .btnArea li:nth-of-type(2) a{ background: #d75c10 url('../img/common/arrow.svg') 92% 50% no-repeat; background-size: 6px; }  
footer.topFooter ul.btnArea li:nth-of-type(2) a{ background: #d75c10 url('../img/common/arrow.svg') 38% 50% no-repeat !important; background-size: 6px !important; display: flex !important; align-items: center; justify-content: center; gap: 35px;}
#footer .btnArea li:nth-of-type(3) a{ background: #1084d7 url('../img/common/arrow.svg') 92% 50% no-repeat; background-size: 6px; }  
footer.topFooter ul.btnArea li:nth-of-type(3) a{ background: #1084d7 url('../img/common/arrow.svg') 70% 50% no-repeat !important; background-size: 6px !important; }
	
#footer .snsArea 		{ padding: 13px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#footer .snsArea li:nth-of-type(1){ width: 22px; }
#footer .snsArea li:nth-of-type(2){ width: 13px; margin: 0 30px; }
#footer .snsArea li:nth-of-type(3){ width: 26px; }

#footer .address 		{ width: 100%; padding: 0 0 18px; text-align: center; font-size: .75rem; font-weight: 500; color: #fff; line-height: 1.5; margin-top: 1.5em; }
#footer .address .wd 	{ display: inline-block; }

.line                       { color: #000; font-size: 30px; font-weight:bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.line:before, .line:after   { content: ""; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1px; background: #e5e5e5; display: block; }
.line:before                { margin-right: .8em; }
.line:after                 { margin-left: .8em; }
.line_text                  { margin: 10px auto; text-align:center }
  
.balloon {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 190px;
  margin-left: 15px;
  padding: 0.8em 1.2em;
  border-radius: 5px;
  background-color: white;
  color: #333333;
  font-size: 12px;
}

.balloon::before {
  position: absolute;
  left: -15px;
  width: 15px;
  height: 10px;
  background-color: white;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  content: '';
}  

}