@charset "utf-8";


html 					{ overflow-x: hidden; }
body					{ font-family: 'Noto Serif JP', serif; font-weight: 400; line-height: 1; color: #000; background-color: #fff; position: relative; overflow-x: hidden; }
main 					{ position: relative; z-index: 1; }
img 					{ vertical-align: bottom; max-width: 100%; height: auto; }
svg 					{ vertical-align: bottom; max-width: 100%; height: auto; }
h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; }
p,li 					{ line-height: 1.5; }
hr 						{  }
figure 					{ margin: 0; }


@media print, screen and (min-width: 751px) {
.sp 					{ display: none!important; }
body 					{ font-size: 18px; min-width: 1045px; }
.master 				{ width: 90%; max-width: 1045px; margin: 0 auto; }
a 						{ -webkit-transition: .2s; transition: .2s; }
a:hover 				{ opacity: .6; }

#header 				{  }
#header h1 				{  }
#header .logo 			{ padding: 20px; background-color: #2a439b; }
#header .logoArea .logo img{  }
#header #nav 			{ width: 90%; max-width: 1045px; margin: 10px auto 0; }
#header #nav ul 		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#header #nav ul li 		{ width: calc(100% / 6); margin-right: 5px; }
#header #nav ul li:last-of-type{ margin-right: 0; }
#header #nav ul li a 	{ width: 100%; padding: 5px 0; display: block; text-align: center; font-size: 1.3rem; color: #fff; font-weight: 500; }
#header #nav ul li:nth-of-type(1) a{ background-color: #2b8aa7; }
#header #nav ul li:nth-of-type(2) a{ background-color: #2ca3bb; }
#header #nav ul li:nth-of-type(3) a{ background-color: #2bb7ce; }
#header #nav ul li:nth-of-type(4) a{ background-color: #3cc3da; }
#header #nav ul li:nth-of-type(5) a{ background-color: #55c7d7; }
#header #nav ul li:nth-of-type(6) a{ background-color: #e2ecef; color: #3a91a7; }

#main 					{ margin-top: 20px; }
#main>figure 			{ margin-bottom: 30px; }
#main .fbox 			{ /*display: -webkit-box; display: -ms-flexbox; display: flex;*/ }
#main .fbox>div 		{ /*width: calc(100% - 300px); padding: 0 60px;*/ }
#main .fbox>div h1 		{ font-size: 18px; font-weight: 500; line-height: 1.5; }
#main .fbox>div p 		{ text-align: justify; }
#main .fbox>div .mt 	{ margin-top: 1.5rem; }
#main .fbox>div .mt2 	{ margin-top: 3rem; }
#main .fbox>div .line 	{ margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px dashed #000; }
/*#main .fbox>figure 		{ margin-left: auto; }*/

#footer 				{ padding-bottom: 120px; }
#footer .infoBox 		{ width: 100%; height: 100px; background-color: #eee; position: fixed; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 4; }
#footer .infoBox .inner { width: 90%; max-width: 750px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#footer .infoBox .inner a{ width: 48%; padding: 10px 0; display: block; text-align: center; color: #fff; font-size: 1.1rem; line-height: 1.3; }
#footer .infoBox .inner a:nth-of-type(1){ background-color: #6bba2d; }
#footer .infoBox .inner a:nth-of-type(2){ background-color: #25ab3a; }
#footer .infoBox .inner a:nth-of-type(2n){ margin-left: auto; }
#footer .copyright 		{ margin-top: 60px; font-size: .8rem; text-align: center; }

.formContents 	{ margin-top: 30px; }
.formContents>div {  }
.formContents>div:nth-of-type(n+2){ margin-top: 20px; }
.formContents>div dt{ width: 250px; line-height: 1.5; position: relative; }
.formContents>div dd{ margin-top: 10px; }
.formContents>div dd input[type="text"]{ padding: 12px 15px; border: 0; background-color: #f2f2f2; }
.formContents>div dd textarea{ width: 100%; height: 200px; padding: 12px 15px; resize: vertical; border: 0; background-color: #f2f2f2; }
.formContents>div dd .widthL{ width: 100%; }
.confirmBtn 		{ width: 90%; max-width: 300px; height: 60px; margin: 40px auto 0; display: block; border-radius: 0px; border: 2px solid #6bba2d; background: #fff; color: #6bba2d; cursor: pointer; -webkit-transition: .5s; transition: .5s; }
.confirmBtn:hover 	{ background: #6bba2d; color: #fff; }
.contact .btn 		{ width: 90%; max-width: 300px; margin: 40px auto 0; padding: 19px 0; display: block; border-radius: 0px; border: 2px solid #6bba2d; background: #fff; color: #6bba2d; cursor: pointer; -webkit-transition: .5s; transition: .5s; display: block; text-align: center; }
.contact .btn:hover { opacity: 1; background: #6bba2d; color: #fff; }
}


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

}


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

}



@media screen and (max-width: 750px) {
.pc 					{ display: none!important; }
body 					{ padding-top: 60px; font-weight: 500; font-size: 14px; }
.drawer-open body 		{ overflow: hidden!important; }
.master 				{ width: 90%; margin: 0 auto; }

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #000; }
.drawer-hamburger 		{ top: 4px; }
.drawer-hamburger .menu { font-size: .65rem; font-weight: 700; display: block; position: absolute; top: 2px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); color: #000; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #fff; }
.drawer-open .drawer-overlay{ display: none; }
.drawer-nav 			{ top: 60px; right: -100%; left: auto; background-color: transparent; z-index: 10001; }
.drawer-open .drawer-nav{ top: 60px; right: 0; }
.drawer-menu li a 		{  }
.drawer-menu>li:first-of-type{ padding-top: 50px; }
.drawer-menu>li:last-of-type{ padding-bottom: 60px; }
#header .drawer-menu-item{ margin: 10px 0; padding: 15px 50px; color: #000; text-align: center; font-weight: 400; display: block; font-size: 15px; }
#header .drawer-menu-item:hover{ opacity: .6; text-decoration: none; }
.drawer-nav{ height: calc(100vh - 60px); background-color: transparent; -webkit-transition: .5s; transition: .5s; }
.drawer-open .drawer-nav{ background-color: rgba(255,255,255,.93); }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ top: 0; }
.drawer-hamburger-icon:before{ top: -9px; }
.drawer-hamburger-icon:after{ top: 9px; }

#header 				{ height: 60px; padding: 13px 0 0 20px; background-color: #2a439b; z-index: 5; }
#header .logo 			{ width: 100%; }
#header .logo img 		{ width: 250px; }
#header #nav 			{ z-index: 5; }
#header #nav ul 		{ width: 100%; max-width: 1000px; margin: 0 auto; }
#header #nav ul li 		{ text-align: center; border-bottom: 1px solid #ccc; }
#header #nav ul li:first-of-type{  }
#header #nav ul li a 	{ margin: 0; padding: 13px 10px 13px 20px; display: block; font-size: 1rem; text-align: left; }

#main 					{ margin-top: 30px; }
#main>figure 			{ height: 50px; margin-bottom: 30px; }
#main>figure img		{ width: 100%; height: 50px; max-width: 750px; -o-object-fit: cover; object-fit: cover; }
#main .fbox 			{  }
#main .fbox>div 		{  }
#main .fbox>div h1 		{ font-size: 14px; font-weight: 500; line-height: 1.5; }
#main .fbox>div p 		{ text-align: justify; }
#main .fbox>div .mt 	{ margin-top: 1.5rem; }
#main .fbox>div .mt2 	{ margin-top: 3rem; }
#main .fbox>div .line 	{ margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px dashed #000; }
#main .fbox>figure 		{ height: 180px; margin-top: 30px; text-align: center; }
#main .fbox>figure img 	{ width: 100%; height: 180px; max-width: 500px; -o-object-fit: cover; object-fit: cover; }

#footer 				{ margin-top: 50px; padding-bottom: 70px; }
#footer .infoBox 		{ width: 100%; background-color: #eee; position: fixed; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 4; }
#footer .infoBox .inner { width: 100%; max-width: 750px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#footer .infoBox .inner a{ width: 50%; padding: 15px 0; display: block; text-align: center; color: #fff; font-size: .85rem; line-height: 1.3; }
#footer .infoBox .inner a:nth-of-type(1){ background-color: #6bba2d; }
#footer .infoBox .inner a:nth-of-type(2){ background-color: #25ab3a; }
#footer .infoBox .inner a:nth-of-type(2n){ margin-left: auto; }
#footer .copyright 		{ text-align: center; font-size: .7rem; }

.formContents 	{ margin-top: 30px; }
.formContents>div {  }
.formContents>div:nth-of-type(n+2){ margin-top: 20px; }
.formContents>div dt{ width: 250px; line-height: 1.5; position: relative; }
.formContents>div dd{ margin-top: 10px; }
.formContents>div dd input[type="text"]{ padding: 12px 15px; border: 0; background-color: #f2f2f2; }
.formContents>div dd textarea{ width: 100%; height: 150px; padding: 12px 15px; resize: vertical; border: 0; background-color: #f2f2f2; }
.formContents>div dd .widthL{ width: 100%; }
.confirmBtn 		{ width: 90%; max-width: 300px; height: 60px; margin: 40px auto 0; display: block; border-radius: 0px; border: 2px solid #6bba2d; background: #fff; color: #6bba2d; cursor: pointer; -webkit-transition: .5s; transition: .5s; }
.confirmBtn:hover { background: #6bba2d; color: #fff; }
.contact .btn 		{ width: 90%; max-width: 300px; margin: 40px auto 0; padding: 19px 0; display: block; border-radius: 0px; border: 2px solid #6bba2d; background: #fff; color: #6bba2d; cursor: pointer; -webkit-transition: .5s; transition: .5s; display: block; text-align: center; }
.contact .btn:hover { opacity: 1; background: #6bba2d; color: #fff; }

.contact>figure img{ -o-object-position: 50% 70%; object-position: 50% 70% }
}