@charset "utf-8";
/* CSS Document */

/* =============================================================================
   Base
   ========================================================================== */

body {
	background-color: #eaeaea;
	color: #333;
}

#main {
	padding: 0;
}

/* 共通タイトル アルファベット表記 */
.ttl .en {
	color: #333333;
}

/* 共通タイトル 日本語表記 */
.ttl .jp {}

/* もっと見るボタン */
.btn_more span {
	color: #FFF;
}

.btn_more:after {
	color: #FFF;
}

.btn_more:hover:after {
	color: #fe5085;
}

.btn_more a {
	color: #FFF !important;
	background-color: #fe5085;
}

.btn_more a:hover {
	background-color: #FFF;
	color: #fe5085 !important;
	border: 1px solid #fe5085;
}

.salary_box {
	background: url(../img/salary_bg.png) no-repeat center top / cover;
	color: #ffffff;
}

/* 年齢認証ボタン */
.info_area button.over {
    background: #fe5085 !important;
}

.info_area button.over:hover {
	background: #fb7dac !important;
}

/* =============================================================================
   Header
   ========================================================================== */

#header {
	/* background: url(../img/header_bg.png) repeat-x */
		/* linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0)) */
		/* rgba(255, 255, 255, 0.8); */
	background-color: #fff;
}

/* PC版 ヘッダ 電話番号など */
#data a {
	color: #35250e;
}

/* PC版 ヘッダ ご応募ボタン */
.bn_contact {
	background-color: #fe5085;
}

#data .bn_contact:hover {
	background-color: #fb7dac;
}

#data .bn_contact a {
	color: #FFF;
}

/* H1 背景 */
#base {
	background: #f1ede6;
}

.overlay ul {}

/* =============================================================================
   Footer
   ========================================================================== */

#footer {
	background-color: #fe5085;
}

#footer a {
	color: #FFF;
}

#footer a::after,
.texteffect a::after {
	background-color: #222;
}

#footer a::after {
	background-color: #FFF;
}

a:link,
a:hover,
a:visited {
	color: #3f2e1c;
}

/* スクロールボタン */
#scrollUp a {
	color: #FFF;
	background: #fb7dac;
}

#scrollUp a:hover {
	background: #fb7dac;
}

/* =============================================================================
   Navi
   ========================================================================== */

#gnavi {
	background: #fe5085;
}

#gnavi li a {
	color: #FFF;
}

#gnavi li a:hover {
	background-color: #fb7dac;
}

#gnavi li.current a {
	color: #FFF;
	background-color: #fb7dac;
}

#gnavi .texteffect a::after {
	background-color: #fb7dac;
}

.overlay {
	/* background-color: rgba(253, 110, 114, 0.9); */
	background: url(../img/overlay_bg.jpg) no-repeat center top / cover;
}

.overlay ul li a {
	color: #3f2e1c;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #f0f0f0;
}

#navi {
	background: url("../img/nv_bg.png") no-repeat right center / cover;
}

#navi span {
	background-color: #FFF;
}

#navi .menu {
	color: #FFF;
}

#nav-menu {
	/* background-color: rgba(253, 110, 114, 0.8); */
	color: #FFF;
}

#nav-menu a:link {
	color: #FFF;
}

/* =============================================================================
   背景
   ========================================================================== */

/* FREE(INFORMATION) */
/* QUESTION */
#top .free,
#free #main,
#question #main {
	position: relative;
	background-repeat: no-repeat;
	background-position: top 0 right 0, bottom 0 left 0;
	background-image: url(../img/info_item_01.png), url(../img/info_item_02.png);
	background-color: #ceeae3;
	background-size: 100%;
}

/* NEWS */
#top .news_box,
#news #main {
	background-color: #eaeaea;
}

/* VOICE */
/* CONTACT */
#voice_box,
#voice,
#voice #main,
#contact #main {
	background-image: url("../img/voice_bg.jpg");
	background-size: cover;
	padding-bottom: 10px;
}

/* ABOUT */
/* MONEY */
#money #main,
#top #about_box,
#about #main {
	position: relative;
	background-repeat: no-repeat;
	background-position: top 0 right 0, bottom 0 left 0;
	background-image: url(../img/about_item_01.png), url(../img/about_item_02.png);
	background-color: #fff;
	background-size: 100%;
}

@media screen and (max-width: 768px) {
	/* VOICE */
	/* CONTACT */
	#voice_box,
	#voice,
	#voice #main,
	#contact #main {
		padding-bottom: 10px;
	}
}


/* =============================================================================
   Top
   ========================================================================== */
/* 新着情報 */
#top .news_box .title {
	color: #fe5085;
}

/* 新着情報2 */
#top .moved {
	color: #fff;
}

#top .moved a {
	color: #fff !important;
}

#top .moved figure {
	background: #271C09;
}

.moved figure:after {
	background: #fff;
}

#top .news_box .moved .title {
	color: #FFF;
}

/* 動画 */
#top #movie_box {
	color: #FFF;
}

/* 先輩の声 */
#top #voice_box li {
	background: #fff;
}

#top .salary_box {
	color: #FFF;
}

#top #voice_box .name_box {
	border-bottom: 2px dotted #fe5085;
}

#top #voice_box .name {
	color: #fe5085;
}

/* 募集概要 */
#top #about_box dl {
	border-bottom: 2px dotted #fe5085;
}

/* =============================================================================
   News
   ========================================================================== */
#news #main li {
	border-bottom: 2px dotted #fe5085;
}

#news #main li a:hover {
	color: #fe5085;
}

#news #profile_box {}

#news #profile_box dl {
	border-bottom: 2px dotted #fe5085;
}

#news .detail .title {
	color: #fe5085;
}

#news #page li {
	color: #999;
}

/* =============================================================================
   Voice
   ========================================================================== */

#voice #main li {
	background: #fff;
}

#voice .salary_box {
	color: #FFF;
}

#voice #main .name_box {
	border-bottom: 2px dotted #fe5085;
}

#voice .name {
	color: #fe5085;
}

/* =============================================================================
   Money
   ========================================================================== */

#money #main dl {
	border-bottom: 2px dotted #fe5085;
}

#money #main dl a:hover {
	color: #fe5085;
}

/* =============================================================================
   Question
   ========================================================================== */

#question #title_box li {
	background: #fe5085;
}

#question #title_box li a {
	color: #FFF;
}

#question #title_box li a:hover {
	background: #fe5085;
}

#question .group_ttl {
	color: #333333;
}

#question .number {
	font-family: "oswald", sans-serif;
}

#question .title {
	color: #fe5085;
}

/* =============================================================================
   About
   ========================================================================== */
#about #main dl {
	border-bottom: 2px dotted #fe5085;
}

#about #main dl a:hover {
	color: #fe5085;
}

/* =============================================================================
   Contact
   ========================================================================== */
.required {
	background: #fe5085;
	color: #FFF;
}

.text,
input[type=text] {
	border: 1px solid #ccc;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select {
	border: 1px solid #ccc;
}

.select,
input[type=select] {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}

.textarea {
	border: 1px solid #ccc;
}

.textarea,
input[type=textarea] {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.button {
	background-color: #fe5085;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	color: #FFF;
}

.button:hover {
	background-color: #FFF;
	color: #fe5085;
	border: 1px solid #fe5085;
}

.error {
	color: #f00;
}

/* =============================================================================
   Device
   ========================================================================== */

@media screen and (max-width: 768px) {
	#footer li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}

	/* スマホ版 追従メニュー */
	#bottomNavi {
		background-color: rgba(242, 242, 242, 0.9);
		color: #111;
	}

	#bottomNavi li a {
		color: #333;
	}
}

#data .fa-line:before {
	color: #00c302;
}

#profile_box a:hover {
	color: #fe5085
}


/* 年齢認証テキストサイズ微調整 */
.info_area h2 {
    font-size: 2rem !important;
}