@charset "utf-8";

/*Reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

html,
body {
  height: 100%;
}

body {
	color: #3a3a3a;
	font-size: 14px;
	line-height: 1.6em;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	margin: 0 auto;
	min-width: 320px;
	max-width: 640px;
	background-color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 16px;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
footer {
	clear:both;
}

ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	color: #e44c7e;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

img {
	border:0;
	vertical-align:top;
	max-width: 100%;
	height: auto;
}

p span {
	color:#D17483;
}

.textSpL{
	margin-left:15px;
}

/* change border colour to suit your needs */
hr {
	display:block;
	border:none;
	border-top:dashed 0px #c0af62;
	height:1px;
	margin: 10px 0 10px 0;
}

input, select {
	vertical-align:middle;
}

small {
	line-height:1.1;
	color: #FFF;
}

.boxend:after {
  content: "";
  display: block;
  clear: both;
}

.clear {clear:both; height:0}
.clear hr {display:none;}
.clear hr.line {
	display: block;
	border:0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F8F3E4;
	background-color: #360205;
}
.clearboth {clear:both;}

.clear {
  clear: both;
}

.clearer {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 1px;
  font-size: 1px;
}

.clearer-lndot {
  clear: both;
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px #B0A4A9 dashed;
  height: 0;
  line-height: 1px;
  font-size: 1px;
}

.clearer-arrow {
  clear: both;
  display: block;
  margin: 0;
  padding: 20px 0;
}

/* Link */
a:link { color: #ffc8da; }
a:visited { color: #ffc8da; }
a:hover { color: #f0cbd8;}
a:active { color: #ffc8da; }

.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

/* ======================================================================================================== header */
#headerWrap {
  position:relative;
}
#headerTxt {
	padding: 5px;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	background-color: #6d1639;
}
#headerFix {
	position:relative;
	padding:5px;
  	background-image: url(../images/common/header_bg.png);
  	background-repeat: repeat-x;
  	background-position: center top;
}
#headerLogo {
  margin: auto;
  padding: 0.2% 0 0 0;
  width: 68%;
  height: auto;
}
#headerBtn {
  float: right;
  width: 28%;
  padding-top: 1.8%;
}
#headerBtn li {
  float: left;
  margin: 0 2% 0 0;
  width: 48%;
}

header#entHeader {
	margin:0 0 20px 0;
}

#headerH1 {
	line-height: 1.1;
	padding:0 0 8px 0;
	font-weight:normal;
}

#headerForm {
	width:80px;
	float:right;
	margin-top: 10px;
	margin-right: 10px;
}

.headerMenuBtn {
	text-align: center;
	margin-bottom:5px;
}
.headerMenuBtn ul {
	list-style: none;
	width:100%;
	padding:5px;
	text-align:center;
}
.headerMenuBtn li {
	list-style: none;
	width:45%;
	margin:5px 5px 5px 5px;
	float:left;
}
.headerMenuBtn a {
	display:block;
	position:relative;
}

.headerMenuBtn img {
	width:100%;
}

.pageKyeword {
	margin: 0 0 12px 0;
	padding: 10px;
	background-color: #fff;
	border-radius:15px;
　　webkit-border-radius:15px;
　　-moz-border-radius:15px;
	border: 1px #EBA4AF solid;
}

.pageKyeword span {
	color:#8DD665;
}

.hdTel {
	position:relative;
	width:80%;
	height:20px;
	color:#FFFBE9;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:#e3467a;
	padding:5px;
	margin: 0 0 25px 0;
	margin: 0 auto;
	text-decoration: none;
	border: 1px solid #e3467a;
	border-radius:15px;
　　webkit-border-radius:15px;
　　-moz-border-radius:15px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0749d), color-stop(100%, #e3467a));
	background-image: -webkit-linear-gradient(top, #f0749d, #e3467a);
	background-image: -moz-linear-gradient(top, #f0749d, #e3467a);
	background-image: -ms-linear-gradient(top, #f0749d, #e3467a);
	background-image: -o-linear-gradient(top, #f0749d, #e3467a);
	background-image: linear-gradient(top, #f0749d, #e3467a);
}

.hdTel a {
	color:#FFFBE9;
	text-decoration: none;
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	padding-top:7px;
}

#hdTelBg {
	margin: 0 0 12px 0;
	padding: 10px;
	background-color:#fcfbdb;
	border-top:1px #C4B65B solid;
	border-bottom:1px #C4B65B solid;
}

#topFlash {
	position:relative;
	width:100%;
}

/*コンテンツメニュー*/
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
.modal-content aside {
  width: 90%;
  height: 90%;
  padding:15px;
  margin:auto;
  overflow-y: auto;
  -webkit-overflow-scrolling:touch;
}
.modal-content {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .7);
	opacity: 0;
	display: none;
	transition: opacity .3s;
}
.modal-content.open {
	opacity: 1;
	display: block;
}

#modalNav {
  text-align:left;
}
#modalNav li.lavel {
	margin: 0 0 10px 0;
}
#modalNav li.lavel > span {
	display:block;
	background-color: antiquewhite;
	padding: 10px;
	font-size: 18px;
}
#modalNav li.lavel > span.nav_home {
	padding:0;
}
#modalNav li.lavel > span.nav_home a {
	text-decoration:none;
	color: #3a3a3a;
	display:block;
	padding:14px 10px;
	position:relative;
}

#modalNav ul.nav_box {
	background-color: #fcfcfc;
	margin-bottom: 10px;
	overflow: hidden;
}

#modalNav ul.nav_box li {
	font-size: 16px;
	border-bottom:1px solid #ccc;
}

#modalNav ul.nav_box li a {
	color: #505050;
	display: block;
	padding: 14px 10px;
	text-decoration:none;
	position:relative;
}

#modalNav ul.nav_box li a::before,
#modalNav li.lavel > span.nav_home a::before {
  content: "\f105";
  font-family: FontAwesome;
  color: #7e8ec8;
  margin: 0;
  position: absolute;
  top:25%;
  right:10px;
}

p.close_top{
	color:#ffffff;
	font-size:36px;
	text-align: right;
	margin-bottom:10px;
}
p.close_top a{
	color:#ffffff;
}

p.close_bottom{
background-color: #e8e6c2;
overflow: hidden;
text-align: center;
}
p.close_bottom a{
	display: block;
	color: #382c2c;
	background-color: #fff;
	padding:10px 30px;
	font-size: 12px;
}

/* ======================================================================================================== Contents Common */
#wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#mainWrap {
  position: relative;
  text-align:left;
}

.contentsBox {
  padding:0 10px 20px 10px;
}

#contentsWrap {
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	clear: both;
}

#contentsWrap .pick {
	width:90%;
	border:1px #ea4d79 solid;
	text-align: left;
	margin: 0 auto;
	margin-bottom:10px;
	margin-top:10px;
	padding: 5px;
	clear: both;
}

.ctSection {
  margin:0 0 20px 0;
}
.ctSection h1 {
  margin:0 0 10px 0;
}
.ctSection ul {
  margin:0 10px;
}


.conIn {
	width:90%;
	margin:0 auto;
	text-align: left;
}

/*ページ見出し*/
article.pageBody > h2 {
	margin-bottom:15px;
}

.page-h3midashi {
  background-image: url(../images/common/bg_page_h3midashi.gif);
  background-repeat: no-repeat;
  height: 48px;
  position: relative;
  padding: 0 10px 0 36px;
  margin-bottom: 15px;
}

.page-h3midashi h3 {
  font-size: 18px;
  line-height: 50px;
  letter-spacing: 1px;
  color: #50414D;
}


.pageMidashi {
  margin: 0 0 10px 0;
}

h3.tt3 {
	background-color:#ea4d79;
	color:#FFFFFF;
	padding:2px 5px;
	font-size:14px;
}

h4.tt4 {
	color:#ea4d79;
	border-bottom:1px dashed #ea4d79;
	border-left:3px solid #ea4d79;
	padding:2px 5px;
	font-size:14px;
	margin:5px 0;
}

h5.tt5 {
	color:#ea4d79;
	padding:2px 5px;
	font-size:14px;
}

p.txtUnderLine {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #806B8F;
}

/*ページBody*/
.enterBody {
	margin: 0 0 15px 0;
	text-align: center;
}
.pageBody {
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	padding: 0 0 0 1;
}

/*中見出し*/
.txtMidashi {
	background-color: #C1134B;
	padding: 0 5px 0 8px;
	display: block;
	line-height: 30px;
	height: 30px;
	color: #FFFFFF;
	font-size: 14px;
	border: 1px solid #000000;
}
.txtMidashi span {
	font-size:16px;
	font-weight:bold;
}

/*テーブル*/
.tableBox {
  width: 100%;
  border: 1px solid #CCC;
  margin: 0px auto;
  border-collapse: collapse;
}

.tableBox th {
  color: #333333;
  text-align: center;
  padding: 5px 10px;
  font-size: 14px;
  background-color: #EFE6F7;
  white-space: nowrap;
  /* width: 100%; */
  display: block;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #CCC;
  border-left-color: #CCC;
}

.tableBox td {
  color: #464646;
  padding: 5px 10px;
  text-align: left;
  font-size: 14px;
  /* width: 100%; */
  display: block;
  line-height: 155%;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #CCC;
  border-left-color: #CCC;
}

/*QA*/
.common-qa-h4 {
  background-image: url(../images/work/common-qa-q.gif);
  background-repeat: no-repeat;
  margin-bottom: 10px;
  font-size: 14px;
  color: #3293CD;
}

.common-qa-h4 span {
  padding: 2px 0 0 32px;
  display: block;
}

.common-qa-txt {
  background-image: url(../images/work/common-qa-a.gif);
  background-repeat: no-repeat;
  padding: 2px 0 0 55px;
}

.bnpd {
  display: block;
  padding-top: 10px;
}

.bnpdt15 {
  display: block;
  padding-top: 15px;
}

.bnpdb15 {
  display: block;
  padding-bottom: 15px;
}

/* ======================================================================================================== index.html */
#topFlash {
  position: relative;
  margin: 0 0 20px 0;
  padding: 10px 0;
  background-image: url(../images/top/slider_bg.png);
}

#topFlash .inner {
  margin: 0 10px;
  box-shadow: 0px 0px 6px 1px #904040;
  -moz-box-shadow: 0px 0px 6px 1px #904040;
  -webkit-box-shadow: 0px 0px 6px 1px #904040;
}

.topBtnList li {
  margin:0 0 10px 0;
}

#sideSoudan {
  margin: 0 0 20px 0;
  background-color: #f9f5ed;
}

#sideSoudan li {
  position: relative;
  font-size: 16px;
  line-height: 1;
  width: 50%;
  float: left;
  text-align: left;
}

#sideSoudan li a {
  display: block;
  padding: 16px 30px 14px 40px;
  text-decoration: none;
  border-bottom: 1px dotted #D1D1D1;
  position:relative;
  color: #7e8ec8;
}
#sideSoudan li:nth-child(odd) a {
  border-right: 1px dotted #D1D1D1;
}

#sideSoudan li a::after {
  content: "\f105";
  font-family: FontAwesome;
  color: #7e8ec8;
  margin: 0;
  position: absolute;
  top:30%;
  right:10px;
}

#sideSoudan li a:before {
  color: #7e8ec8;
  margin: 0;
  position: absolute;
  top: 30%;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#sideSoudan li.ssn1 a:before {
  content: url(../images/common/snavi_soudan_icon1.png);
}

#sideSoudan li.ssn2 a:before {
  content: url(../images/common/snavi_soudan_icon2.png);
}

#sideSoudan li.ssn3 a:before {
  content: url(../images/common/snavi_soudan_icon3.png);
}

#sideSoudan li.ssn4 a:before {
  content: url(../images/common/snavi_soudan_icon4.png);
}

#topAbout {
  background-image: url(../images/top/about_bg.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  box-shadow: 0px 0px 6px 1px #e2dada;
  -moz-box-shadow: 0px 0px 6px 1px #e2dada;
  -webkit-box-shadow: 0px 0px 6px 1px #e2dada;
  margin: 5px 5px 20px 5px;
}
#topAbout .inner {
  padding: 8px 9px;
}

#topAbout h1,
#topAbout p {
  margin: 0 0 20px 0;
  font-size: 12px;
  line-height: 1.6em;
}
#topAbout h1 {
  margin: 0 0 20px 0;
}
#topAbout p {
  margin: 0 0 10px 0;
}

.recCatch {
	text-align: center;
	padding: 20px 0;
}
.recCatch p {
	font-family: serif;
	font-size: clamp(1.5rem, 0.75rem + 3.75vw, 2.25rem);
	font-weight: 500;
	color: #b34ece;
	line-height: 1.4;
	font-feature-settings: 'palt' 1;
	text-box-trim: trim-both;
}

.contactTime {
	font-weight: bold;
	color: #AC0279;
	text-align: center;
	line-height: 1;
	padding: 8px 5px;
	background-color: #fbf6ef;
	margin-bottom:12px;
}

/* ======================================================================================================== work */
.step {
	width:100%;
	margin:0 0 10px 0;
	padding:10px 0;
	border-top:dashed 1px #C0B08F;
}

.stepLeft {
	width:20%;
	float:left;
}

.stepRight {
	width:80%;
	float:right;
}

.stepRight span {
	color:#D17483;
}

/*-------------------------------------------------------- work/index.html */
ul#recurit-ul {
  list-style: none;
  margin: 0 15px 15px 15px;
}

ul#recurit-ul li {
  font-size: 14px;
  border-bottom: 1px #FFCCCC dashed;
  line-height: 160%;
  padding: 6px 0;
}

ul#recurit-ul li em {
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  color: #FF3366;
}

em.rec-em {
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #FF3366;
}

/*-------------------------------------------------------- work/work.html */
h4.work-h4 {
  font-size: 16px;
  font-weight: bold;
  color: #50414d;
  display: block;
  height: 38px;
  line-height: 40px;
  padding-left: 30px;
  border-bottom: double 3px #ce8bba;
  background-color: #f9f5f0;
  margin: 25px 0 10px 0;
  position:relative;
}
h4.work-h4::before {
  position: absolute;
  top: 14px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: #b9468b;
  content: "";
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

h4.work-h4top {
  font-size: 14px;
  font-weight: bold;
  color: #50414d;
  display: block;
  height: 38px;
  line-height: 40px;
  padding-left: 30px;
  border-bottom: double 3px #ce8bba;
  background-color: #f9f5f0;
  position:relative;
  margin-bottom: 10px;
}
h4.work-h4top::before {
  position: absolute;
  top: 14px;
  left: 10px;
  width: 10px;
  height: 10px;
  background: #b9468b;
  content: "";
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

h5.work-h5 {
  font-size: 14px;
  font-weight: bold;
  color: #ab2073;
  margin: 0 0 5px 0;
}

p.work-point {
  margin: 5px 5px 20px 5px;
  padding: 9px 10px 8px 48px;
  border: 1px rgb(232, 149, 90) solid;
  background-image: url(../images/work/work-point.gif);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  font-size: 12px;
}

.work-map-txtL {
  float: left;
  width: 170px;
}

.work-map-imgR {
  float: right;
}

/*-------------------------------------------------------- work/word-info.html */
h4.yougo {
  font-size: 14px;
  background-color: #FFF5F4;
  height: 26px;
  line-height: 26px;
  letter-spacing: 1px;
  text-align: center;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: dashed;
  border-bottom-style: dashed;
  border-top-color: #E4A3D0;
  border-bottom-color: #E4A3D0;
  margin-bottom: 15px;
}

h4.disease {
  font-size: 14px;
  background-color: #FFF5F4;
  height: 26px;
  line-height: 26px;
  letter-spacing: 1px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: dashed;
  border-bottom-style: dashed;
  border-top-color: #E4A3D0;
  border-bottom-color: #E4A3D0;
  padding: 0 0 0 15px;
}

/* ========================================================================================================  flow */
img.recruit-flow-step {
  float: left;
  width: 18%;
  padding: 6px 5px 5px 0;
}

.recruit-flow-txt {
  float: right;
  width: 78%;
}

h4.intH4 {
  font-size: 14px;
  font-weight: bold;
  color: #50414d;
  display: block;
  height: 38px;
  line-height: 40px;
  padding-left: 30px;
  border-bottom: double 3px #ce8bba;
  background-color: #f9f5f0;
  margin: 0 0 10px 0;
  position:relative;
}
h4.intH4::before {
  position: absolute;
  top: -2px;
  left: 9px;
  content: "\f0a4";
  font-family: FontAwesome;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  color: #60bf9c;
}

/* ======================================================================================================== question*/
.question {
	color:#D17483;
	font-size:14px;
	font-weight:bold;
	padding:10px 0 10px 40px;
	background:url(../images/qa-question.gif);
	background-position:left;
	background-repeat:no-repeat;
	border-bottom:0px #F98ABD dotted;
}

.answer {
	font-size:12px;
	padding:10px 0 10px 40px;
	background:url(../images/qa-answer.gif);
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px #E5DDBA solid;
}

/* ======================================================================================================== contact*/
.ggMap {
  padding: 0 0 12px;
}

.access-info h3 {
	line-height: 1;
	padding: 8px 5px;
	background-color: #fbf6ef;
}
.access-info > p {
	padding: 5px;
}

#formWrap {
	margin:0 auto;
	color:#555;
	line-height:120%;
}
#formWrap form {
	margin: 20px auto 20px;
}
table.formTable{
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	border-collapse:collapse;
}
table.formTable td,
table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	display: block;
}
table.formTable th{
  font-weight: normal;
  background: #efefef;
  text-align: left;
}

/* ======================================================================================================== footer */
footer {
	clear: both;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #9C7E4A;
	padding: 5px 0 0 0;
}

a.pcviewBtn {
	display:inline-block;
	font-size: 11px;
	color: #5e8bd0;
	padding: 10px 13px;
	text-decoration:none;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#e6e6e6);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#e6e6e6));
	-moz-border-radius: 90px;
	-webkit-border-radius: 90px;
	border-radius: 90px;
	border: 1px solid #7d7d7d;
	-moz-box-shadow:
		0px 0px 3px rgba(051,048,051,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 3px rgba(051,048,051,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 0px 3px rgba(051,048,051,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

#footerNav {
	background-color: #998058;
	padding: 10px 0;
	color: #F5EED1;
}
#copyright {
	color: #FFF;
	line-height: 1.1;
	padding: 10px 0;
	background-color: #a99474;
	font-size: 10px;
}

.contactBar {
  height: 64px;
  max-width: 640px;
  min-width: 320px;
}
.contactBarFlex {
  background: rgba(165, 74, 144, 0.8);
  border-top: 1px solid #ccc;
  text-align: center;
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0;
  padding: 0;
  height: 100%;
  position: fixed;
  bottom: 0;
  height: 64px;
  z-index: 999;
}
.contactBarFlex > div {
  display: table-cell;
  vertical-align: middle;
	height: 100%;
}
.contactBarFlex a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 11px;
	line-height: 1.2;
	text-decoration: none;
}
.contactBarFlex a i {
	display: block;
	font-size: 28px;
	margin-bottom: 5px;
}


.contactBarFlex .mailIcon {
  font-size: 32px;
  width: 20%;
  height: 100%;
  background-color: rgba(84, 156, 51, 0.8);
  color: #FFF;
  border-right: 1px solid #FFFFFF;
}
.contactBarFlex .mailIcon a {
  width: 100%;
  height: 100%;
  color: #FFF;
}

.contactBarFlex .tel1Icon {
  font-size: 32px;
  width: 26%;
  height: 100%;
  background-color: rgba(109, 22, 57, 0.8);
  color: #FFF;
  border-right: 1px solid #FFFFFF;
}
.contactBarFlex .tel1Icon a {
  width: 100%;
  height: 100%;
  color: #FFF;
}

.contactBarFlex .tel2Icon {
  font-size: 32px;
  width: 26%;
  height: 100%;
  background-color: rgba(43, 45, 137, 0.8);
  color: #FFF;
  border-right: 1px solid #FFFFFF;
}
.contactBarFlex .tel2Icon a {
  width: 100%;
  height: 100%;
  color: #FFF;
}

.contactBarFlex .telInfo {
	position: relative;
  font-size: 11px;
	line-height: 1.3;
  text-align: left;
  color: #FFF;
  padding-left: 20px;
}
.contactBarFlex .telInfo::before {
  font-family: FontAwesome;
  position: absolute;
  content: "\f060";
  top: 38%;
  left: 5px;
}

/*ページトップに戻る*/
#reTop {
	position:fixed;
	bottom: 67px;
	right: 8px;
	z-index:10;
	background-color:transparent;
}
.reTopBtn {
	position:relative;
	display:block;
	background-color:rgba(0,0,0,0.7);
	color:rgb(255,255,255);
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	width:48px;
	height:48px;
	text-align:center;
	line-height: 37px;
	box-sizing:border-box;
}
.reTopBtn:hover {
  cursor:pointer;
}
.reTopBtn::before {
	content:'\25B2';
	position:absolute;
	top: 16px;
	left:0;
	width:100%;
	text-align:center;
	font-size:20px;
}

/*認証*/
#over18confirm {
  display: none;
  width: 300px;
  height: 159px;
  background-image: url(../images/top/check_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#over18confirm .inner {
  padding: 18px;
}
#over18confirm img {
  max-width:100%;
  height:auto;
}
#over18confirm .yes {
  float: right;
  width: 139px;
}
#over18confirm .no {
  float: left;
  width: 102px;
}
#over18confirm .buttons {
	padding: 0px 8px;
}

#confirm-overlay {
  background-color: #eee;
}

#confirm-container {
  height: 159px;
  width: 300px;
  text-align: left;
  background-image:url(../images/top/check_bg.png);
  background-repeat:no-repeat;
  background-color: #ffffff;
  border-radius: 5px;
}

#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {
  text-decoration: none;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 2px;
  color: #fff;
}

#confirm-container a.modal-close:hover {
  color: #ccc;
}