@charset "utf-8";


html 					{ overflow-x: hidden; }
body					{ font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Roboto", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight: 300; line-height: 1; color: #736357; background-color: #fff; position: relative; /*overflow-x: hidden;*/ }
#wrp 					{ overflow-x: hidden; }
img 					{ vertical-align: bottom; max-width: 100%; }
h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; }
h1,h2,h3,h4,h5 			{ font-weight: 600; }
.serif 					{ font-family: 'Noto Serif JP', serif; }
p 						{ line-height: 1.5em; }
hr 						{  }
figure 					{ margin: 0; }
.oswald 				{ font-family: 'Oswald', sans-serif; }
.animated 				{ -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.fade-in,.fade-in-up,.fade-in-down,.fade-in-right,.fade-in-left,.fade-in-up40,.fade-in-down40,.fade-in-right40,.fade-in-left40{ opacity: 0; }
.delay-0_5s 			{ -webkit-animation-delay: .5s; animation-delay: .5s; }
.delay-1_5s 			{ -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay-2_5s 			{ -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

.fadein 				{ opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.fadein2 				{ opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.fadeinR 				{ opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.fadeinL 				{ opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }


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

.grecaptcha-badge{ bottom: 115px !important; }

a.btn 					{ display: block; max-width: 312px; width: 100%; padding: 19px 0; color: #fff; background-color: #aec21a; font-size: .9rem; text-indent: 1.9rem; letter-spacing: .03rem; position: relative; overflow: hidden; text-align: center; }
.btn:before 			{ content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #fcee21 transparent; right: 0; bottom: 0; -webkit-transition: .3s; transition: .3s; z-index: 1; }
.btn:hover 				{ opacity: 1; color: #736357; }
.btn:hover:before 		{ border-width: 0 0 650px 650px; }
.btn span 				{ padding-right: 30px; position: relative; z-index: 2; }
.btn.arrow span 		{ background: url('../img/common/btn-arrow.svg') 100% 50% no-repeat; }
.btn.arrow:hover span 	{ background: url('../img/common/btn-arrow-hover.svg') 100% 50% no-repeat; }
.btn:hover span 		{ position: relative; z-index: 2; }

.slashTitle 			{ text-align: center; }
.slashTitle>span:nth-of-type(1){ color: #aec21a; padding: 15px 55px 0; font-size: 2.2rem; font-weight: 400; display: inline-block; background: url('../img/common/slash.svg') 0 85% no-repeat,url('../img/common/slash.svg') 100% 85% no-repeat; }
.slashTitle>span:nth-of-type(2){ margin-top: 14px; font-size: .75rem; font-weight: 400; display: block; }

.mainImage 				{ width: 100%; height: 270px; position: relative; }
.mainImage h1 			{ text-align: center; font-size: 2.1rem; white-space: nowrap; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; }
.mainImage h1 span 		{ margin-top: 10px; display: block; font-size: .7rem; }

.breadcrumbs 			{ padding: 10px 0; background-color: #aec21a; color: #fff; }
.breadcrumbs .master 	{ max-width: 1100px; font-size: .62rem; }
.breadcrumbs ul 		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.breadcrumbs ul li:after{ content: '　＞　'; }
.breadcrumbs ul li:last-of-type:after{ content: none; }

.lineTitle 				{ padding-bottom: 9px; font-size: 1.7rem; font-weight: 500; border-bottom: 1px solid #e6e6e6; line-height: 1.3; position: relative; }
.lineTitle:after 		{ content: ''; width: 190px; border-bottom: 1px solid #aec21a; display: block; position: absolute; bottom: -1px; left: 0; }

#header 				{ width: 100%; height: 150px; background-color: transparent; border-bottom: 1px solid #aec21a; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 9999; }
#header .entry 			{ width: 186px; height: 50px; margin-left: auto; padding-left: 27px; font-size: 1rem; font-weight: 500; line-height: 51px; display: block; background: #e697b4 url('../img/common/entry-icon.svg') 50px 50% no-repeat; text-align: center; color: #fff; letter-spacing: .1rem; }
#header .master 		{ max-width: 1100px; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#header #nav 			{ width: calc(100% - 400px); margin-left: auto; }
#header #nav ul 		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#header #nav ul li 		{ width: 20%; text-align: center; position: relative; }
#header #nav ul li:after{ content: ''; width: 1px; height: 20px; display: inline-block; border-right: 1px solid #e6e6e6; position: absolute; bottom: 0; right: 0; }
#header #nav ul li:nth-of-type(1):before{ content: ''; width: 1px; height: 20px; display: inline-block; border-right: 1px solid #e6e6e6; position: absolute; bottom: 0; left: 0; }
#header #nav ul li a 	{ padding-top: 44px; display: block; font-size: 1rem; white-space: nowrap; }
#header #nav ul li:nth-of-type(1) a{ background: url('../img/common/gnavi-icon01.svg') 50% 0 no-repeat; }
#header #nav ul li:nth-of-type(2) a{ background: url('../img/common/gnavi-icon02.svg') 50% 0 no-repeat; }
#header #nav ul li:nth-of-type(3) a{ background: url('../img/common/gnavi-icon03.svg') 50% 0 no-repeat; }
#header #nav ul li:nth-of-type(4) a{ background: url('../img/common/gnavi-icon04.svg') 50% 0 no-repeat; }
#header #nav ul li:nth-of-type(5) a{ background: url('../img/common/gnavi-icon05.svg') 50% 0 no-repeat; }
#header #nav ul li:nth-of-type(6) a{ background: url('../img/common/gnavi-icon06.svg') 50% 0 no-repeat; }

#pagetop 				{ position: fixed; bottom: 30px; right: 30px; z-index: 9; }

#footer 				{ padding: 15px 0; border-top: 1px solid #e6e6e6; }
#footer .master 		{ max-width: 1100px; }
#footer .link 			{ font-size: .9rem; }
#footer .logo 			{ text-align: center; }
#footer .address 		{ margin-top: 20px; font-size: 1rem; text-align: center; }
#footer .mynabi 		{ margin-top: 20px; text-align: center; }
#footer .copyright 		{ margin-top: 20px; font-size: .66rem; text-align: center; }
}


@media screen and (max-width: 1000px) and (min-width: 751px) {
#header .master 		{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#header .logo 			{ width: 33%; }
#header #nav 			{ width: 65%; }
#header #nav ul li a 	{ font-size: .9rem; }
}


@media screen and (max-width: 750px) {
.pc 					{ display: none!important; }
body 					{ padding-top: 50px; font-weight: 300; font-size: 13px; overflow-x: hidden; }
.master 				{ width: 90%; margin: 0 auto; }

.grecaptcha-badge{ bottom: 85px !important; }

a.btn 					{ display: block; max-width: 250px; width: 100%; padding: 19px 0; color: #fff; background-color: #aec21a; font-size: .9rem; text-indent: 1.9rem; letter-spacing: .03rem; position: relative; overflow: hidden; text-align: center; }
.btn:before 			{ content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #fcee21 transparent; right: 0; bottom: 0; -webkit-transition: .3s; transition: .3s; z-index: 1; }
.btn:hover 				{ opacity: 1; color: #736357; }
.btn:hover:before 		{ border-width: 0 0 650px 650px; }
.btn span 				{ padding-right: 30px; position: relative; z-index: 2; }
.btn.arrow span 		{ background: url('../img/common/btn-arrow.svg') 100% 50% no-repeat; }
.btn.arrow:hover span 	{ background: url('../img/common/btn-arrow-hover.svg') 100% 50% no-repeat; }
.btn:hover span 		{ position: relative; z-index: 2; }

.slashTitle 			{ text-align: center; }
.slashTitle>span:nth-of-type(1){ color: #aec21a; padding: 15px 55px 0; font-size: 1.9rem; font-weight: 400; display: inline-block; background: url('../img/common/slash.svg') 0 85% no-repeat,url('../img/common/slash.svg') 100% 85% no-repeat; }
.slashTitle>span:nth-of-type(2){ margin-top: 12px; font-size: .75rem; font-weight: 400; display: block; }

.mainImage 				{ width: 100%; height: 200px; position: relative; }
.mainImage h1 			{ text-align: center; font-size: 1.6rem; white-space: nowrap; position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff; }
.mainImage h1 span 		{ margin-top: 15px; display: block; font-size: .7rem; }

.breadcrumbs 			{ padding: 10px 0; background-color: #aec21a; color: #fff; }
.breadcrumbs .master 	{ max-width: 1100px; font-size: .62rem; }
.breadcrumbs ul 		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
.breadcrumbs ul li:after{ content: '　＞　'; }
.breadcrumbs ul li:last-of-type:after{ content: none; }

.lineTitle 				{ padding-bottom: 9px; font-size: 1.3rem; font-weight: 500; border-bottom: 1px solid #e6e6e6; line-height: 1.3; position: relative; }
.lineTitle:after 		{ content: ''; width: 140px; border-bottom: 1px solid #aec21a; display: block; position: absolute; bottom: -1px; left: 0; }

#header 				{ height: 50px; background: transparent; background-color: #fff; position: fixed; z-index: 10000; }
#header .master 		{ position: relative; }
#header .logo 			{ width: 180px; padding: 12px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#header .logo img 		{  }
#header .logo>div 		{ margin-top: 5px; margin-left: 13px; font-size: .5rem; font-weight: 300; color: #0a3190; }
#header .logo>div span 	{ margin-top: 2px; font-size: .8rem; font-weight: 500; display: block; }

.drawer-hamburger-icon 	{  }
.drawer-open .drawer-overlay{ display: none; }
.drawer-nav 			{ background-color: transparent; z-index: 10001; }
.drawer-open .drawer-nav{ top: 50px; }
.drawer-menu li 		{ text-align: center; }
.drawer-menu li a 		{ font-size: 13px; }
.drawer-menu>li:first-of-type{ padding-top: 50px; }
.drawer-menu>li:last-of-type{ padding-bottom: 60px; }
.drawer-menu>li.close 	{ margin-top: 30px; padding-bottom: 80px; }
.drawer-menu .close img { width: 205px; cursor: pointer; }
#header .drawer-menu-item{ margin: 10px 0; padding: 15px 50px; color: #fff; text-align: center; font-weight: 400; display: block; font-size: 15px; }
#header .drawer-menu-item:hover{ opacity: .6; }
#header .drawer-menu-item:hover{ text-decoration: none; }
.drawer-hamburger 		{ width: 32px; height: 32px; padding: 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10002; -webkit-transition: .2s; transition: .2s; position: absolute; top: 15px; right: 0; }
.drawer-hamburger:hover{  }
.drawer-hamburger .menu{ font-size: .75rem; font-weight: 600; color: #aec21a; position: absolute; top: -10px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); white-space: nowrap; letter-spacing: -.03rem; }
.drawer-nav{ height: calc(100vh - 50px); background-color: transparent; -webkit-transition: .5s; transition: .5s; }
.drawer-open .drawer-nav{ background-color: rgba(174,194,26,.95); }
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{  }
.drawer-hamburger-icon:after{ top: 8px; }
.drawer-hamburger-icon:before{ top: -8px; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ height: 1px; background-color: #aec21a; }
.drawer-open .drawer-hamburger-icon:before{  }
.drawer-open .drawer-hamburger-icon:after{  }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ top: 0; }

#header .dropdown 		{ text-indent: 30px; }
#header .dropdown>span:after{ content: ''; width: 15px; height: 9px; margin-left: 1em; background: url('../img/common/menu-arrow.svg') 0 0 no-repeat; display: inline-block; background-size: 15px; -webkit-transition: .5s; transition: .5s; }
#header .dropdown.open>span:after{ -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

drawer-submenu-item:before{ display: none; }
.drawer-submenu 		{ background-color: rgba(0,0,0,.5); color: #fff; border: 0; }
.drawer-submenu-item 	{ margin: 10px; /*text-align: left;*/ }
.drawer-submenu-item:before{ display: none; }


#main 					{  }

#pagetop 				{ width: 40px; position: fixed; bottom: 15px; right: 15px; z-index: 9; }

#footer 				{ padding: 15px 0; border-top: 1px solid #e6e6e6; }
#footer .master 		{ max-width: 1100px; }
#footer .link 			{ font-size: .8rem; }
#footer .logo 			{ margin-top: 50px; text-align: center; }
#footer .address 		{ margin-top: 30px; font-size: 1rem; text-align: center; }
#footer .address span:nth-of-type(1){ display: block; }
#footer .mynabi 		{ margin-top: 20px; text-align: center; }
#footer .copyright 		{ margin-top: 30px; padding-bottom: 45px; font-size: .6rem; text-align: center; }
}