@charset "UTF-8";
:root {
	--c-mustard: #e8b941;
	--c-dgreen: #007d65;
	--c-green: #00a283;
	--c-lgreen: #6fb92c;
	--c-orange: #f29600;
	--c-blue: #00aecb;
--ff-nosa: YakuHanJP, "Noto Sans JP", sans-serif;
--ff-nose: YakuHanMP, "Noto Serif JP", serif;
	
	--u: calc(100vw / 375);
}


@media print, screen and (min-width: 681px){
  :root {
		--u: min(1px, calc(100vw / 1728), calc(100vh / 930));
	}
}



/*************************************************************************************************************************
* reset
*************************************************************************************************************************/
html{ overflow-y: scroll; font-size: 62.5%;}
body{ margin: 0; padding: 0; text-align: justify; text-justify: inter-ideograph; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
img{ width: 100%; max-width: 100%; height: auto; border: 0; vertical-align: bottom;}
svg{ vertical-align: bottom;}
form{ margin: 0; padding: 0;}
p{ margin: 0; padding: 0;}
a, a:hover{ text-decoration: none; outline: none;}
h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-size: 0; line-height: 0;}
ul, dl, dt, dd{ margin: 0; padding: 0;}
li, ol{ margin: 0; padding: 0; list-style: none;}
table{ border: 0; border-collapse: collapse; border-spacing: 0;}
caption, th{ text-align: left;}
figure { margin: 0; padding: 0; }
header, nav, main, article, aside, section, footer{ display: block;}
button { color: #000; }
*{ box-sizing: border-box;}

/**********************************************************
*　追加ベース
**********************************************************/
body.is-fixed {
	/*position: fixed;*/
}
button{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }

.l-wrapper { position: relative; width: 1000px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 680px) {
	.l-wrapper { width: calc(100% - 48px); }
}

.sp-only { display: none !important; }
.sp-only-2 { display: none !important; }
.pc-only { display: block !important; }
.pc-only-2 { display: inline-block !important; }
@media screen and (max-width: 680px) {
	.sp-only { display: block !important; }
	.sp-only-2 { display: inline-block !important; }
	.pc-only { display: none !important; }
	.pc-only-2 { display: none !important; }
}


body{ font-family: YakuHanMP, "Noto Serif JP", serif; font-weight: 500; color: #000; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; }
.l-body { width: 100%; overflow-x: hidden; }
.l-body.is-fixed { position: fixed; width: 100%; overflow: hidden; }
@media print, screen and (min-width:681px) {
	body{ min-width: 1400px; }
}

/*	iOS Sarafi Hack	*/
_::-webkit-full-page-media,
_:future,
:root .something {  }



/* css for Recruit footer template */

.r-footer{ background: #fff; padding: 20px 15px; overflow: hidden; position: relative; z-index: 1000; font-family: var(--ff-nosa); }
.r-footer__list li{ margin: 1px 0 0; letter-spacing: 0.1em; }
.r-footer__list li a{ position: relative; padding: 0 0 0 10px; font-size: 12px; color: #333;}
.r-footer__list li a::before{ content: ""; width: 0; height: 0; position: absolute; top: 5px; left: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #454545;}
.r-footer__box{ margin: 25px 0 0; text-align: center;}
.r-footer__box a{ display: block; width: 258px; height: 37px;}
@media print, screen and (max-width: 680px){
/*	.r-footer { margin-bottom: 65px; }*/
	.r-footer__list { position: relative; left: 50%; transform: translateX(-50%); display: inline-block; }
}
@media print, screen and (min-width: 681px){
	.r-footer{ display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 10px 30px 20px;}
	.r-footer__list{ display: flex; transform: translateY(5px);}
	.r-footer__list li{ margin: 0;}
	.r-footer__list li a{ padding-left: 5px; font-size: 15px; text-decoration: none;}
	.r-footer__list li a::after{ content: "｜"; padding: 0 0 0 5px;}
	.r-footer__list li a::before,
	.r-footer__list li:last-child a::after{ display: none;}
	.r-footer__box{ margin: 0;}
	
	.r-footer__box a { margin: 0 auto; }
	
}