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

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

body {
	background:url(../img/body_bg_03.jpg) repeat;
	color:#333;
}
 
/* 共通タイトル アルファベット表記 */
.ttl .en {
    color: #FF9599;
    text-decoration: underline;
}

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

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

.btn_more:after {
	color:#FFF;
}

.btn_more:hover:after {
	color:#4FBBFF;
}

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

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

/* =============================================================================
   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); */;
}

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

#data i.fa-line {
	color: #00C300;
}

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

#data .bn_contact a:hover {
	background-color: #FDFB3E;
	color: #333;
}

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

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

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

#footer {
    background-color: #EEF8FF;
}

#footer a {
	color: #333;
}

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

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

a:link, a:hover ,a:visited{
	color:#222;
}

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

#scrollUp a:hover {
	background: #FDFB3E;
	color:#333;
}

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

#gnavi {
    background: url(../img/navi_bg.png) repeat-x center top / contain;
}

#gnavi li a {
    color: #FFF;
    padding-bottom: 35px;
}

#gnavi li a:hover {
	background: linear-gradient(155deg,  rgba(255,104,112,1) 0%,rgba(255,104,112,0) 60%,rgba(255,104,112,0) 100%);
}

#gnavi li.current a{
	color: #FFF;
	background: linear-gradient(155deg,  rgba(255,104,112,1) 0%,rgba(255,104,112,0) 60%,rgba(255,104,112,0) 100%);
}

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

.overlay {
	background-color: rgba(246, 121, 177, 0.9);
	background:url(../img/overlay_bg.jpg) no-repeat center top / cover;
}

.overlay ul li a {
	color: #333;
}

.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: #333;
}

#navi .menu {
	color: #333;
}

#nav-menu {
    background-color: rgba(255, 0, 177, 0.8);
	color:#FFF;
}

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


/* =============================================================================
   Top
   ========================================================================== */

/* フリーページ */
#top .free {
	background: url(../img/body_bg_01.jpg) repeat left top;
}

/* 新着情報 */
#top .news_box{
	background: url(../img/body_bg_05.png) no-repeat center top /* / 100%, url(../img/body_bg_06.png) no-repeat center bottom / 100%, #E1F3FF */;
}

#top .news_box .title {
	color: #4FBBFF;
}

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

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

#top .moved figure {
	background: #333;
}

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

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

/* 動画 */
#top #movie_box {
	background: url(../img/body_bg_02.jpg) no-repeat center top / cover;
	color:#FFF;
}

/* 先輩の声 */
#top #voice_box {
	background: url(../img/body_bg_04.png) no-repeat center top / cover;
}

#top #voice_box li {
	background: #FFF;
}

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

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

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

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

/* =============================================================================
   Free
   ========================================================================== */

#free {
	background: url(../img/body_bg_01.jpg) repeat left top;
}

/* =============================================================================
   News
   ========================================================================== */

#news{
	background: url(../img/body_bg_05.png) no-repeat center top 204px, url(../img/body_bg_03.jpg) repeat;
}

#news #main li{
	border-bottom: 2px dotted #FF9599;
}

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

#news #profile_box{
    /* background: url(../img/body_bg_01.jpg) repeat center top; */
}

#news #profile_box .container{
	border: 5px solid #EEF8FF;
	box-sizing: border-box;
	padding: 4% 0;
}

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

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

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

#news #profile_box a:hover {
	color:#FF9599;
}

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

#voice {
	background: url(../img/body_bg_04.png) no-repeat center top 204px / cover;
}

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

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

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

#voice .name{
	color: #FF9599;
}

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

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

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

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

#question #title_box li {
	background: #4FBBFF;
}

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

#question #title_box li a:hover {
	background-color: #FDFB3E;
	color: #333;
}

#question .group_ttl{
	background: url(../img/body_bg_01.jpg) repeat center top;
	color: #333;
}

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

#question .title{
	color:#FF9599;
}

/* =============================================================================
   About
   ========================================================================== */

#about #main dl{
	border-bottom: 2px dotted #FF9599;
}

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

/* =============================================================================
   Contact
   ========================================================================== */

.required{
	background: #FF9599;
	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: #4FBBFF;
    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:#4FBBFF;
	border: 1px solid #4FBBFF;
}

.error{
	color: #f00;
}


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

@media screen and (max-width: 768px){
	#footer li {
		border-bottom:1px solid rgba(79,187,255,0.2);
	}
	/* スマホ版 追従メニュー */
	#bottomNavi {
		background-color: rgba(242, 242, 242, 0.9);
		color: #111;
	}
	#bottomNavi li a {
		color: #333;
	}
	#top .news_box{
		background: url(../img/body_bg_05.png) no-repeat right top;
	}
	#top #voice_box {
		background: url(../img/body_bg_04.png) repeat-y center top;
	}
	#news{
		background: url(../img/body_bg_05.png) no-repeat right top 4%, url(../img/body_bg_03.jpg) repeat;
	}
	#voice {
		background: url(../img/body_bg_04.png) repeat-y center top 4%;
	}
	#news #profile_box {
		width:96%;
		padding:2%;		
	}
}
