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

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

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

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

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

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

.btn_more:after {
	color:#FFF;
}

.btn_more:hover:after {
	color:#41B6E6;
}

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

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

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

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

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

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

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

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

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

#footer {
    background-color: #111;
}

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

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

#scrollUp a:hover {
	background: #49CAD4;
}

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

#gnavi {
    background:url(../img/nv_bg.jpg) repeat center top;
}

#gnavi li a {
    color: #FFF;
}

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

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

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

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

.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(255, 0, 177, 0.8);
	color:#FFF;
}

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


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

#top #main {
	padding-bottom: 0;
}

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

/* 新着情報 */
#top .news_box {
	background: url(../img/body_bg_02.jpg) #E9F6FF no-repeat center bottom;
}

/*
#top .news_box .container{
	

	background: rgba(255,255,255,0.8);
}
*/

#top .news_box .title {
	color:#1C4388;
}

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

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

#top .moved figure {
	background: #1C4388;
}

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

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

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

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

#top #voice_box h2{
	color: #FFF;
}

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

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

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

#top #voice_box .name{
	color: #1C4388;
}

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

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

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

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

#news {
	background: #E9F6FF;
}

#news #main {
	background: url(../img/body_bg_02.jpg) no-repeat center bottom;
}

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

#news #main li a:hover{
	color:#1C4388;
}

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

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

#news .detail .title{
	color: #1C4388;
}

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

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

#voice {
	background: url(../img/body_bg_03.jpg) repeat-y center top;
}

#voice h2 {
	color: #FFF;
}

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

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

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

#voice .name{
	color: #1C4388;
}

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

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

#money #main dl a:hover {
	color:#1C4388;
}

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

#question #title_box li {
	background:#1C4388;
}

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

#question #title_box li a:hover {
	background: #49CAD4;
}

#question .group_ttl{
	background-color: #49CAD4;
	color:#FFF;
}

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

#question .title{
	color:#1C4388;
}

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

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

#about #main dl a:hover {
	color:#1C4388;
}

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

.required{
	background: #1C4388;
	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:#41B6E6;
    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:#41B6E6;
	border: 1px solid #41B6E6;
}

.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;
	}
	#top #voice_box {
		background: url(../img/body_bg_03.jpg) repeat-y center top;
	}
}