@charset "utf-8";

@media (min-width: 769px) {
	a:hover {
		color: #666464;
	}
}

.p-interviewBlock__profile  ul + figure img {
	display: none;
}

/* box-sizing
----------------------------------------------- */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix Classes
----------------------------------------------- */
.cf:after,
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

/* br
----------------------------------------------- */

br.sp {
	display: block !important;
}

@media screen and (min-width: 769px) {
	br.sp {
		display: none !important;
	}
}

br.pc {
	display: none !important;
}

@media screen and (min-width: 769px) {
	br.pc {
		display: block !important;
	}
}

/* Margin & Padding
----------------------------------------------- */

.m0 { margin: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.ml0 { margin-left: 0px !important; }
.mr0 { margin-right: 0px !important; }
.m5 { margin: 5px !important; }
.mt5 { margin-top: 5px !important; }
.mb5 { margin-bottom: 5px !important; }
.ml5 { margin-left: 5px !important; }
.mr5 { margin-right: 5px !important; }
.m10 { margin: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }
.m15 { margin: 15px !important; }
.mt15 { margin-top: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml15 { margin-left: 15px !important; }
.mr15 { margin-right: 15px !important; }
.m20 { margin: 20px !important; }
.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }
.m25 { margin: 25px !important; }
.mt25 { margin-top: 25px !important; }
.mb25 { margin-bottom: 25px !important; }
.ml25 { margin-left: 25px !important; }
.mr25 { margin-right: 25px !important; }
.m30 { margin: 30px !important; }
.mt30 { margin-top: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.mr30 { margin-right: 30px !important; }
.m35 { margin: 35px !important; }
.mt35 { margin-top: 35px !important; }
.mb35 { margin-bottom: 35px !important; }
.ml35 { margin-left: 35px !important; }
.mr35 { margin-right: 35px !important; }
.m40 { margin: 40px !important; }
.mt40 { margin-top: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.mr40 { margin-right: 40px !important; }
.m45 { margin: 45px !important; }
.mt45 { margin-top: 45px !important; }
.mb45 { margin-bottom: 45px !important; }
.ml45 { margin-left: 45px !important; }
.mr45 { margin-right: 45px !important; }
.m50 { margin: 50px !important; }
.mt50 { margin-top: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml50 { margin-left: 50px !important; }
.mr50 { margin-right: 50px !important; }
.p0 { padding: 0px !important; }
.pt0 { padding-top: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl0 { padding-left: 0px !important; }
.pr0 { padding-right: 0px !important; }
.p5 { padding: 5px !important; }
.pt5 { padding-top: 5px !important; }
.pb5 { padding-bottom: 5px !important; }
.pl5 { padding-left: 5px !important; }
.pr5 { padding-right: 5px !important; }
.p10 { padding: 10px !important; }
.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px !important; }
.p15 { padding: 15px !important; }
.pt15 { padding-top: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left: 15px !important; }
.pr15 { padding-right: 15px !important; }
.p20 { padding: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.pr20 { padding-right: 20px !important; }
.p25 { padding: 25px !important; }
.pt25 { padding-top: 25px !important; }
.pb25 { padding-bottom: 25px !important; }
.pl25 { padding-left: 25px !important; }
.pr25 { padding-right: 25px !important; }
.p30 { padding: 30px !important; }
.pt30 { padding-top: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl30 { padding-left: 30px !important; }
.pr30 { padding-right: 30px !important; }
.p35 { padding: 35px !important; }
.pt35 { padding-top: 35px !important; }
.pb35 { padding-bottom: 35px !important; }
.pl35 { padding-left: 35px !important; }
.pr35 { padding-right: 35px !important; }
.p40 { padding: 40px !important; }
.pt40 { padding-top: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl40 { padding-left: 40px !important; }
.pr40 { padding-right: 40px !important; }
.p45 { padding: 45px !important; }
.pt45 { padding-top: 45px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl45 { padding-left: 45px !important; }
.pr45 { padding-right: 45px !important; }
.p50 { padding: 50px !important; }
.pt50 { padding-top: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl50 { padding-left: 50px !important; }
.pr50 { padding-right: 50px !important; }


/* Header
----------------------------------------------- */
@media (min-width: 769px) {
	.l-header__primary .investor > a span {
		display: block;
		font-size: 1.3rem;
		line-height: 1;
		padding: 10px 15px;
		background: #fccf00;
		-webkit-transition: color .125s linear 0s,background-color .25s linear 0s;
		transition: color .125s linear 0s,background-color .25s linear 0s;
	}

	.l-header__submenu.n-investor li {
	    margin: 0;
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 33%;
	    flex: 0 0 33%;
	    height: auto;
	    padding: 30px 15px 0;
	}

}


/* Footer
----------------------------------------------- */
.investor .l-footer {
	background-color: #fff;
}

.l-footerMailmagazine__input {
	margin-top: 10px;
}

/* Content
----------------------------------------------- */

.content {
	width: 100%;
	margin: 0 auto 30px;
}

@media screen and (min-width: 769px) {
	.content {
		width: 800px;
		margin-bottom: 50px;
	}
}

.content:after {
	content: " ";
	display: block;
	clear: both;
}

/* Content Header
----------------------------------------------- */

.content__header {
	padding-top: 30px;
}

@media screen and (min-width: 769px) {
	.content__header {
		margin-bottom: 30px;
		padding-top: 60px;
	}
}

/* font-size 修正
----------------------------------------------- */
body {
	font-size: 1.6rem;
}

.p-interviewBlock__profile li {
	font-size: 1.6rem;
}

.l-footer__sitemap li {
	font-size: 1.4rem;
}

.p-interviewBlock__profile figcaption {
	font-size: 1.2rem;
}

/* bold
----------------------------------------------- */

.content p strong,
.content p b {
	font-weight: bold;
}

/* Content Left
----------------------------------------------- */

.content__left {
	width: 100%;
	margin-bottom: 30px;
	padding: 0 20px;
}

@media screen and (min-width: 769px) {
	.content__left {
		float: left;
		width: 300px;
		margin: 0;
		padding: 0;
	}
}

.content__left h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
}

.content__left h2 {
	font-size: 25px;
	font-weight: 300;
	line-height: 1.6;
}

.content__left p {
	margin-bottom: 2em;
	font-size: 1.6rem;
	line-height: 1.6;
}

hr.drak-hr {
	border-color: #333;
}

/* Content Right
----------------------------------------------- */

.content__right {
	width: 100%;
	padding: 0 20px;
}

@media screen and (min-width: 769px) {
	.content__right {
		float: right;
		width: 480px;
		padding: 0;
	}
}

.content__right h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}

.content__right p {
	margin-bottom: 2em;
	font-size: 1.6rem;
	line-height: 1.6;
}

/* Content Center
----------------------------------------------- */

.content__center {
	width: 100%;
	padding: 0 20px;
}

@media screen and (min-width: 769px) {
	.content__center {
		padding: 0;
	}
}

.content__center h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
}

.content__center p {
	font-size: 25px;
	font-weight: 300;
	line-height: 1.6;
}

/* Image Unit
----------------------------------------------- */

.image-unit-1 {
	width: 100%;
	margin-bottom: 55px;
}

.image-unit-1 img {
	width: 100%;
	height: auto;
}

.image-unit-2 {
	width: 100%;
	margin-bottom: 55px;
}

.image-unit-2:after {
	content: " ";
	display: block;
	clear: both;
}

.image-unit-2 figure {
	float: left;
	width: calc((100% - 15px) / 2);
	margin-left: 15px;
}

.image-unit-2 figure:first-child {
	margin-left: 0;
}

.image-unit-2 img {
	width: 100%;
	height: auto;
}

.image-unit-3 {
	width: 100%;
	margin-bottom: 55px;
}

.image-unit-3:after {
	content: " ";
	display: block;
	clear: both;
}

.image-unit-3 figure {
	float: left;
	width: calc((100% - 30px) / 3);
	margin-left: 15px;
}

.image-unit-3 figure:first-child {
	margin-left: 0;
}

.image-unit-3 img {
	width: 100%;
	height: auto;
}

/* QUQURIでの生活
----------------------------------------------- */
.p-interviewBlock__profile figure a {
	cursor: pointer;
	pointer-events: none;
}

/* メールリンク
----------------------------------------------- */
a.mailLink span i {
	display: inline-block;
	width: 0;height: 0;font-size: 0;
}
a.mailLink span:after {
	content: "@";
}



/* 採用情報 (2020/02)
----------------------------------------------- */

@media (min-width: 769px) {
	.l-header__submenu.n-recruit li {
		margin: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		height: auto;
		padding: 30px 15px 0;
	}
}

/* メルマガ非表示
----------------------------------------------- */
@media (min-width: 769px) {
	.l-header__menu li {
		margin-left: 40px;
	}

	.l-footer__sitemap {
		margin-left: 0;
	}

	.l-footer__sitemap ul {
		max-width: 350px;
		margin-left: 10px;
	}

	.l-footer__sitemap ul + ul {
	    margin-left: 150px;

	}
}