@charset "UTF-8";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/


/* Common-Setting
----------------------------------------*/
html {}
body {color:#333; position:relative;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size:140%;
	line-height:1.8;
	letter-spacing:2px !important;
}
dt img,dd img,li img,p img {vertical-align:bottom;}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
a:link    {color:#d15f8f; text-decoration:underline;}
a:visited {color:#d15f8f; text-decoration:underline;}
a:hover   {color:#d15f8f; text-decoration:none;}
a:active  {outline:none;}

*:first-child+html p {letter-spacing:0;} 

@media screen and (max-width: 999px) {
html {-webkit-text-size-adjust: 100%;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {font-size:140%; line-height:1.6;}
}


/* Container
----------------------------------------*/
#wrapper{
	width:100%;
	min-width:1000px;
	margin:0 auto;
}
.main_sec {
	width:90%;
	max-width:1000px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.main_sec.last_sec {margin:0 auto 120px;}

@media screen and (max-width: 999px) {
#wrapper{min-width:100%; padding-top:65px;}
.main_sec.last_sec {margin:0 auto 60px;}
}


/* Header
----------------------------------------*/
#pc_header {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	padding:0 15px 10px;
	background-color:rgba(255,255,255,0.9);
	box-sizing:border-box;
}
#pc_header h1 {
	font-size:11px;
	line-height:30px;
}
#pc_header .logo {
	width:266px;
	height:60px;
	float:left;
}
#navi {
	width:48%;
	height:60px;
	float:right;
}
#navi ul {
	width:100%;
	height:60px;
	font-size:0px;
	text-align:right;
}
#navi ul li {
	font-size:16px;
	display:inline-block;
	font-weight:bold;
	line-height:60px;
	text-align:center;
}
#navi ul li a {
	display:block;
	width:100%;
	height:100%;
	padding:0 15px;
	color:#d15f8f;
	text-decoration:none;
	box-sizing:border-box;
	transition-duration:0.3s;
}
#navi ul li a:hover {
	color:#FFF;
	background:#d15f8f;
	transition-duration:0.3s;
}
#pc_header img {width:100%; max-width:100%; height:auto;}
#outer_sp_header, #sp-menu {display:none;}

@media screen and (max-width: 999px) {
#pc_header {display:none;}
#outer_sp_header {
	display:block;
	width:100%;
	height:60px;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	display:block;
}
.sp_header {
	width:100%;
	height:60px;
	padding:10px;
	background:#FFF;
	position:relative;
	box-sizing:border-box;
}
.sp_header .logo {
	width:177px;
	height:40px;
}
.sp_header .logo a {
	width:100%;
	height:100%;
	display:block;
}
.sp_header .open-menu, .sp_header .close-menu {
	display:block;
	width:45px;
	height:25px;
	position:absolute;
	top:10px;
	right:10px;
}
#sp-menu {
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	right:0;
	background:#FFF;
	z-index:99999;
	overflow-y:scroll;
}
#sp-menu .sp_header {border-bottom:#e6e1e1 1px solid;}

#sp-menu p.btn {
	font-size:12px;
	font-weight:bold;
    background:#fafafa;
	border-bottom:#e6e1e1 1px solid;
}
#sp-menu p.btn a {
	display:block;
	padding:15px;
	color:#333;
	text-decoration:none;
}

#sp-menu dl {
}
#sp-menu dt {
	font-size:12px;
	font-weight:bold;
	color:#333;
	padding:15px;
    background:#fafafa url(../images/sp_open.png) 98% center no-repeat;
	background-size:30px 30px;
	border-bottom:#e6e1e1 1px solid;
	transition-duration:0.3s;
}
#sp-menu dt.open {
    background:#fafafa url(../images/sp_close.png) 98% center no-repeat;
	background-size:30px 30px;
	transition-duration:0.3s;
}
#sp-menu dd {
	width:100%;
	display:none;
}
#sp-menu dd li {
	width:100%;
	font-size:12px;
	line-height:1.2;
	position:relative;
	border-bottom:#e6e1e1 1px solid;
}
#sp-menu dd li a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:15px;
}
#sp-menu dd li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.menu_btn {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px 10px 5px;
	box-sizing:border-box;
}
.menu_btn li {
	width:45px;
	height:45px;
	float:left;
	margin:0 5px 5px 0;
	background:#f4f4f4;
}

p.close_btn {
	background:#f4f4f4;
}
p.close_btn a {
	display:block;
	line-height:1;
	color:#555;
	text-align:center;
	text-decoration:none;
	padding:15px 10px;
}
p.close_btn a:hover {text-decoration:none;}

#outer_sp_header img {
	width:100%;
	height:auto;
}
}


/* Footer
----------------------------------------*/
#go_top {
}
#go_top a {
	width:100%;
	height:60px;
	display:block;
	background:#fcfcfc url(../images/go_top.png) no-repeat center;
	background-size:35px 19px;
	transition-duration:0.3s;
}
#go_top a:hover {
	background:#faeff4 url(../images/go_top.png) no-repeat center;
	background-size:35px 19px;
	transition-duration:0.3s;
}

#outer_footer {
}
#shop_list {padding:80px 0; background:#f6e3ea;}
#shop_list_inner {
	width:90%;
	max-width:1500px;
	margin:0 auto;
}
#shop_list_inner .blc {
	width:33.33333%;
	width:-webkit-calc(100% / 2);
	width:calc(100% / 2);
	padding:0 15px 50px;
	float:left;
	box-sizing:border-box;
}
.ggmap {
	position:relative;
	padding-bottom:250px;
	height:0;
	overflow:hidden;
	margin-bottom:15px;
}
.ggmap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}
#shop_list_inner h5 {
	color:#d15f8f;
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
}
#shop_list_inner p {font-size:12px;}

#footer {
	width:100%;
	overflow:hidden;
	display:flex;
}
#footer_left {
	width:60%;
	float:left;
	overflow:hidden;
	padding:100px 0;
	background:url(../images/bg_footer.jpg) center;
	background-size:cover;
}
#footer_left_inner {
	width:90%;
	max-width:600px;
	float:right;
	color:#FFF;
	text-align:center;
}
#footer_left_inner h5 {
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}
#footer_left_inner p {font-size:12px;}
.copy {font-size:11px; margin-top:30px;}
#footer_left_inner h5, #footer_left_inner p, .copy {line-height:1.2;}

#footer_right {
	width:40%;
	float:left;
	padding:80px 0 55px 60px;
	background:#eee;
	box-sizing:border-box;
}
#footer_right li {
	font-size:11px;
	padding-left:20px;
	margin-bottom:25px;
	position:relative;
}
#footer_right li a {color:#333; text-decoration:none;}
#footer_right li a:hover {text-decoration:underline;}

#footer_right li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 5px;
	height: 5px;
	margin: -4px 0 0 0;
	border-top: solid 1px #d15f8f;
	border-right: solid 1px #d15f8f;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

@media screen and (max-width: 999px) {
#go_top a {
	height:50px;
	background:#fcfcfc url(../images/go_top.png) no-repeat center;
	background-size:30px 16px;
}
#go_top a:hover {
	background:#dedede url(../images/go_top.png) no-repeat center;
	background-size:30px 16px;
}

#shop_list {padding:40px 0;}
.ggmap {padding-bottom:200px;}

#footer {display:block;}
#footer_left {
	width:100%;
	float:none;
	padding:50px 0;
}
#footer_left_inner {
	width:90%;
	max-width:90%;
	float:none;
	margin:0 auto;
}
#footer_right {display:none;}
}


/* contact
----------------------------------------*/
#contact_blc {
	padding:80px 0;
	background:url(../images/bg_contact.jpg) center;
	background-size:cover;
}
#contact_contents {
	width:90%;
	max-width:990px;
	margin:0 auto;
	padding:60px 30px 80px;
	text-align:center;
	background-color:rgba(255,255,255,0.9);
	box-shadow:0px 0px 5px 0px #999999;
	box-sizing:border-box;
}
#contact_contents h3 {
	color:#d15f8f;
	font-size:36px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:25px;
}
#contact_contents h3 span {
	display:block;
	color:#888;
	font-size:18px;
	font-weight:normal;
}
#contact_contents .mail_btn {
	width:230px;
	margin:25px auto 0;
}
#contact_contents .mail_btn a {
	display:block;
	width:100%;
	color:#FFF;
	font-size:16px;
	line-height:55px;
	background:#d15f8f;
	text-decoration:none;
	border:#d15f8f 1px solid;
	transition-duration:0.3s;
	box-sizing:border-box;
}
#contact_contents .mail_btn a:hover {background:none; color:#d15f8f; transition-duration:0.3s;}

@media screen and (max-width: 999px) {
#contact_blc {padding:40px 0;}
#contact_contents {width:90%; padding:30px 30px 50px;}
#contact_contents h3 {font-size:28px; margin-bottom:15px;}
#contact_contents h3 span {font-size:16px;}
#contact_contents .mail_btn {margin:20px auto 0;}
#contact_contents .mail_btn a {line-height:45px;}
}


/* index
----------------------------------------*/
#main_img {
	width:100%;
	padding-top:100px;
	background:url(../images/bg_main.jpg) center;
	background-size:cover;
}
#main_txt {
	width:90%;
	max-width:1122px;
	margin:0 auto;
	padding:200px 0;
}
#main_txt img {width:100%; max-width:100%; height:auto;}
#sp_main_txt {display:none;}

@media screen and (max-width: 999px) {
#main_img {padding-top:0;}
#main_txt {padding:100px 0;}
#sp_main_txt {
	display:block;
	padding:20px 5%;
	background:#f7eef1;
	color:#d15f8f;
}
}

#index_menu {
	width:90%;
	max-width:1500px;
	margin:0 auto;
	padding:100px 0 30px;
}
#index_menu section {
	width:100%;
	overflow:hidden;
	margin-bottom:70px;
	background:#f8f8f8;
}
#index_menu section.recruit .img, #index_menu section.company .img {width:50%; height:450px;}
#index_menu section.recruit .img {
	float:left;
	background:url(../images/index_recruit.jpg) center right;
	background-size:cover;
}
#index_menu section.company .img {
	float:right;
	background:url(../images/index_company.jpg) center top;
	background-size:cover;
}

#index_menu section .txt {
	width:50%;
	padding:60px;
	box-sizing:border-box;
}
#index_menu section.recruit .txt {float:right;}
#index_menu section.company .txt {float:left;}

#index_menu section h3 {
	font-weight:bold;
	font-size:30px;
	line-height:1.4;
	margin-bottom:35px;
	color:#d15f8f;
}
#index_menu section h3 span {
	display:block;
	font-size:13px;
	margin-top:15px;
	color:#888;
}
#index_menu section .memo {margin-bottom:55px;}

#index_menu section .btn {
	width:180px;
}
#index_menu section .btn a {
	display:block;
	width:100%;
	color:#d15f8f;
	font-size:14px;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	border:#d15f8f 1px solid;
	box-sizing:border-box;
	transition-duration:0.3s;
}
#index_menu section .btn a:hover {
	background:#d15f8f;
	color:#FFF;
}

@media screen and (max-width: 999px) {
#index_menu {padding:40px 0 20px;}
#index_menu section {margin-bottom:20px;}
#index_menu section.recruit .img, #index_menu section.company .img {float:none; width:100%; height:250px;}
#index_menu section .txt {width:100%; padding:30px;}
#index_menu section.recruit .txt, #index_menu section.company .txt {float:none;}
#index_menu section h3 {font-size:20px; margin-bottom:20px;}
#index_menu section h3 span {margin-top:5px;}
#index_menu section .memo {margin-bottom:30px;}
#index_menu section .btn {width:100%;}
#index_menu section .btn a {
	display:block;
	width:100%;
	color:#d15f8f;
	font-size:14px;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	border:#d15f8f 1px solid;
	box-sizing:border-box;
	transition-duration:0.3s;
}
}


/* common
----------------------------------------*/
.pc_area {display:block;}
.sp_area {display:none;}

.f_left {float:left;}
.f_right {float:right;}

.bold {font-weight:bold;}

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}

.text {margin-bottom:1em;}
.txt-l {text-align:left;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}

.alpha a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

@media screen and (max-width: 999px) {
.pc_area {display:none;}
.sp_area {display:block;}
}


/* img */
#outer_header img,
#navi img,
#outer_footer img {
	width:100%;
	max-width:100%;
	height:auto;
}
.image_l, .image_r {overflow:hidden;}
.image_l .img, .image_r .img {width:48%;}
.image_l .img {float:left;}
.image_r .img {float:right;}
.image_l .txt, .image_r .txt {width:48%;}
.image_l .txt {float:right;}
.image_r .txt {float:left;}
.image_c {width:70%; margin:0 auto 20px;}
.image_l img, .image_r img, .image_c img {width:100%; max-width:100%; height:auto;}

@media screen and (max-width: 999px) {
.image_l .img, .image_r .img, .image_c {
	width:70%;
	max-width:500px;
	margin:0 auto 15px;
	float:none;
}
.image_l .txt, .image_r .txt {width:100%; float:none;}
#wrapper img {
	max-width:100%;
	height:auto;
}
}


/* block */
.text_area {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.col-two, .col-three {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	display:flex;
}
.col-two .block, .col-three .block {
	width:50%;
	height:auto;
	overflow:hidden;
	float:left;
	padding:0 10px;
	box-sizing:border-box;
}
.col-three .block {
	width:33.33333%;
	width:-webkit-calc(100% / 3);
	width:calc(100% / 3);
}
.col-two .block img, .col-three .block img {width:100%; height:auto;}

.anc_blc {margin-top:-100px; padding-top:100px;}

@media screen and (max-width: 999px) {
.col-two,.col-three {width:100%;}
.col-two .block,.col-three .block {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-right:px;
	float:none;
	margin-bottom:20px;
}
.col-two .block img,.col-three .block img {
	width:70%;
	height:auto;
	margin:0 auto;
	display:block;
}
}


/* title */
#page_ttl {
	width:100%;
	margin-bottom:60px;
	padding:220px 0 130px;
	background:url(../images/bg_main.jpg) center;
	background-size:cover;
}
#page_ttl h2 {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	color:#FFF;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
	text-shadow:0px 0px 5px #555;
}
.ttl_pt01 {
	font-weight:normal !important;
	font-size:32px;
	line-height:1.4;
	color:#d15f8f;
	margin-bottom:30px;
}
.ttl_pt02 {
	font-weight:normal !important;
	font-size:22px;
	line-height:1.4;
	margin-bottom:20px;
	padding:5px 20px;
	border-left:#f6e3ea 8px solid;
}
.ttl_pt03 {
	font-weight:normal !important;
	font-size:18px;
	color:#f1a3c0;
	font-weight:bold;
	margin-bottom:5px;
}
.ttl_pt04 {
	font-weight:normal !important;
	font-size:18px;
	color:#d15f8f;
	margin-bottom:5px;
}
.list_rec {
	margin-bottom: 10px;
}
.list_rec li {
	font-weight:normal !important;
	font-size:18px;
	color:#d15f8f;
}
.txt_line {
	text-align: center;
	font-weight: bold;
	color: #00b900;
	font-size: 16px;
}

@media screen and (max-width: 999px) {
#page_ttl {padding:60px 0; margin-bottom:30px;}
#page_ttl h2 {font-size:26px;}
.ttl_pt01 {font-size:24px; margin-bottom:15px;}
.ttl_pt02 {
	font-size:20px;
	margin-bottom:15px;
	padding:5px 15px;
	border-left:#f6e3ea 5px solid;
}
.ttl_pt03 {font-size:16px;}
}


/* margin */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb80 {margin-bottom:80px !important;}
.mb100 {margin-bottom:100px !important;}

.mb_ss {margin-bottom:30px !important;}
.mb_s {margin-bottom:50px !important;}
.mb_m {margin-bottom:80px !important;}
.mb_l {margin-bottom:100px !important;}

@media screen and (max-width: 999px) {
.mb_ss {margin-bottom:20px !important;}
.mb_s {margin-bottom:30px !important;}
.mb_m {margin-bottom:50px !important;}
.mb_l {margin-bottom:70px !important;}
}


/* table */
.tbl_pt01 {
	width:100%;
	border-top:#ddd 1px solid;
	border-left:#ddd 1px solid;
}
.tbl_pt01 th, .tbl_pt01 td {
	line-height:1.4;
	padding:20px 15px;
	border-bottom:#ddd 1px solid;
	border-right:#ddd 1px solid;
}
.tbl_pt01 th {
	width:20%;
	background:#f8f8f8;
	font-weight:bold;
	color:#d15f8f;
}

@media screen and (max-width: 999px) {
.scroll {overflow:auto; white-space: nowrap;}
.scroll::-webkit-scrollbar {height:5px;}
.scroll::-webkit-scrollbar-track {background:#F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background:#BCBCBC;}
.tbl_pt01 th, .tbl_pt01 td {
	width:100%;
	display:block;
	text-align:left;
	box-sizing:border-box;
}
}