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

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

body {
	background-color:#FFF;
	color:#1E1E13;
}

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

/* 共通タイトル 日本語表記 */
.ttl .jp {
	color: #111111;
}

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

.btn_more:after {
	color:#FFF;
}

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

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

.btn_more a:hover {
    background-color:#f33657;
	color:#FFF !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); */;
}

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

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

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

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

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

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

#footer {
    background-color: #ed6f94;
}

#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: #f33657;
	border-radius: 100%;
}

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

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

#gnavi {
    background-color: #ed6f94;
}

#gnavi li a {
    color: #FFF;
}

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

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

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

.overlay {
	background:url(../img/overlay_bg.jpg) no-repeat center top / cover;
}

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

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

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

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

#navi .menu {
	color:#FFF;
}

#nav-menu {
	color:#FFF;
}

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


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

/* フリーページ */
#top .free {
	background:
	
	url(../img/body_bg_02.png) repeat-y left -240px top 2px,
	url(../img/body_bg_03.png) repeat-y right -166px top 6px,

	url(../img/body_bg_01.png) repeat left top;
}

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

#top .news_box{
	background: url(../img/body_bg_04.png) repeat left top;
}

/* 新着情報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 {
	background: url(../img/body_bg_02.jpg) no-repeat center top / cover;
	color:#FFF;
}

/* 先輩の声 */
#top #voice_box {
	background:
	url(../img/body_bg_06.png) repeat-y left -300px top 180px / 630px,
	url(../img/body_bg_07.png) repeat-y right -304px top 260px / 670px,

	url(../img/body_bg_05.png) repeat left top;

}

#top #voice_box li {
	background-color: #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 #ff546c;
}

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

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

#top #about_box{
background:
		
url(../img/body_bg_02.png) repeat-y left -240px top 2px,
url(../img/body_bg_03.png) repeat-y right -166px top 6px,

url(../img/body_bg_01.png) repeat left top;
}

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

#news.news1 {
	background: url(../img/body_bg_04.png) repeat left top;
}

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

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

#news #main{
		background: url(../img/body_bg_04.png) repeat left top;
}

#news #profile_box{
}

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

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

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

#news  #main dl a:hover {
	color:#ff546c;
}

/* =============================================================================
   ENJOY WOMAN
   ========================================================================== */

#free #main{
		background:
		
		url(../img/body_bg_02.png) repeat-y left -240px top 2px,
		url(../img/body_bg_03.png) repeat-y right -166px top 6px,
	
		url(../img/body_bg_01.png) repeat left top;
}

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

#voice #main{
	background:
	url(../img/body_bg_06.png) repeat-y left -300px top 180px / 630px,
	url(../img/body_bg_07.png) repeat-y right -304px top 260px / 670px,

	url(../img/body_bg_05.png) repeat left top;
}


#voice #main li {
	background-color: #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 #ff546c;
}

#voice .name{
	color: #ff546c;
}

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

#money #main{
	background:
		
	url(../img/body_bg_02.png) repeat-y left -240px top 2px,
	url(../img/body_bg_03.png) repeat-y right -166px top 6px,

	url(../img/body_bg_01.png) repeat left top;
}

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

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

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

	#question #main {
		background: url(../img/body_bg_05.png) repeat center top;
}

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

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

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


/* #question .group_ttl::before{
	content: "";
	position: absolute;
	opacity: .9;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../img/body_bg_01.png) repeat center top;
} */

#question .group_ttl{
	position: relative;
	background-color: rgba(253, 175, 175, 0.3);
	color:#ff546c;
}

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

#question .title{
	color:#ff546c;
}

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

#about #main{
	background:
		
	url(../img/body_bg_02.png) repeat-y left -240px top 2px,
	url(../img/body_bg_03.png) repeat-y right -166px top 6px,

	url(../img/body_bg_01.png) repeat left top;
}

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

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

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

#contact #main{
	background:
	url(../img/body_bg_06.png) repeat-y left -300px top 180px / 630px,
	url(../img/body_bg_07.png) repeat-y right -304px top 260px / 670px,

	url(../img/body_bg_05.png) repeat left top;
}

.required{
	background: #ff546c;
	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:#ed6f94;
    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: #f33657;
	color:#FFF;
}

.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(253, 175, 175, 0.9);
		color: #111;
	}
	#bottomNavi li a {
		color: #333;
	}

	#top .free , #free #main , #contact #main , #top #about_box , #about #main , #money #main{
		background:
		
		url(../img/body_bg_02.png) no-repeat left -71px top -45px / 180px,
		url(../img/body_bg_03.png) no-repeat right -59px bottom -88px / 180px,
	
		url(../img/body_bg_01.png) repeat left top;
	}
	
#top #voice_box , #voice #main {
	background:

	url(../img/body_bg_06.png) no-repeat left -97px bottom -121px / 240px,
	url(../img/body_bg_07.png) no-repeat right -101px top -113px / 270px, 

	url(../img/body_bg_05.png) repeat left top;

}

}