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

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

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

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

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

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

.btn_more:after {
	color:#FFF;
}

.btn_more:hover:after {
	color:#62B1DF;
}

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

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

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

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

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

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

.bn_tel{
	font-size: 2.68rem;
}

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

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

#footer {
    background-color: #333;
}

#footer a {
	color: #FFF;
}

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

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

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

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

#scrollUp a:hover {
	background: #28AEB3;
}

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

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

#gnavi li a {
    color: #FFF;
}

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

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

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

.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: #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 .free {
	background: url(../img/body_bg_04.jpg) no-repeat center top, url(../img/body_bg_05.jpg) no-repeat center bottom, url(../img/body_bg_01.jpg) repeat center top;
}

/* 新着情報 */
#top .news_box {
	background: url(../img/body_bg_06.png) no-repeat right top;
}

#top .news_box .title {
	color:#62B1DF;
}

/* 新着情報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;
}

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

#voice_box li {
	background: #FFF;
}

#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 #62B1DF;
}

#top #voice_box .name{
	color: #62B1DF;
}

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

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

#free {
	background: url(../img/body_bg_04.jpg) no-repeat center top 204px, url(../img/body_bg_05.jpg) no-repeat center bottom 200px, url(../img/body_bg_01.jpg) repeat center top;
}

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

#news {
	background: url(../img/body_bg_06.png) no-repeat right top 204px;
}

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

#news #main li a:hover{
	color:#2098d1;
}

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

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

#news .detail .title{
	color: #62B1DF;
}

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

#news #profile_box a:hover {
	color:#2098d1;
}

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

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

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

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

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

#voice .name{
	color: #62B1DF;
}

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

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

#money #main dl a:hover {
	color:#2098d1;
}

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

#question #title_box li {
	background:#62B1DF;
}

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

#question #title_box li a:hover {
	background:#28AEB3;
}

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

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

#question .title{
	color:#62B1DF;
}

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

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

#about #main dl a:hover {
	color:#2098d1;
}

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

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

.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(232,243,251, 0.9);
		color: #111;
	}
	#bottomNavi li a {
		color: #333;
	}
	#top .free {
		background: url(../img/body_bg_04.jpg) no-repeat center top / contain, url(../img/body_bg_05.jpg) no-repeat center bottom / contain, url(../img/body_bg_01.jpg) repeat center top / 10px;
	}
	#free {
		background: url(../img/body_bg_04.jpg) no-repeat center top 4% / contain,url(../img/body_bg_01.jpg) repeat center top / 10px;
	}
	#free #main {
		background:  url(../img/body_bg_05.jpg) no-repeat center bottom / contain;
	}
	#news {
	    background: url(../img/body_bg_06.png) no-repeat right top;
	}
}
