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


/* 下層ページ共通　---------------------------- */

#k_ttl_area{
width:100%;
background-color: #d4e8f4;
box-shadow: inset 0px 0px 3px rgb(0 0 0 / 20%);
}

.k_ttl_inner{
width: 950px;
margin: 0 auto;
background-image:url("../images/banner3.jpg");
background-repeat:no-repeat;
background-position: left 50%;
background-size: 100%;
height:179px;
position: relative;
display: block;
overflow: hidden;
padding: 63px 0px;
}
@media screen and (max-width: 960px){
.k_ttl_inner{
width: 100%;
height: auto;
background-repeat: no-repeat;
padding: 30px 0px;
}
}
h1#page_ttl{
background-color: #106eb2;
font-size: 30px;
color: #fff;
opacity: 0.8;
padding: 10px 30px;
line-height:1.1;
text-align: center;
font-weight: lighter;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

@media screen and (max-width: 660px){
h1#page_ttl{
color: #333;
background-color: rgba(255,255,255,0.7);
padding: 5px 10px;
font-size:22px;
}
}


#pan{
max-width: 950px;
width:94%;
margin: 0 auto;
font-size: 10px;
color: #999;
padding:8px 0;
}

#pan a{
text-decoration: none;
color: #999;
}

#pan a:first-child:before{
font-family: "Font Awesome 5 Free";
font-size: 10px;
font-weight: 900;

line-height: 1em;
-webkit-font-smoothing: antialiased;
content: "\f015";
padding-right: 3px;
}

#content h2:nth-child(1),
.contentwide h2:nth-child(1) {
margin-top: 0;
}


#bottom_shomei{
padding: 15px 0;
border-top: 3px double #ccc;
border-bottom: 3px double #ccc;
}

.shomei_s{
font-size:10px;
margin-bottom: 2px;
}

.shomei_tel{
color: #e56ecb;
font-size: 24px;
font-family: 'Lato', sans-serif;
margin-bottom: 2px;
line-height: 100%;
font-weight:bold;
}

.shomei_tel a{
color: #e56ecb;
text-decoration: none;
}



/* 薬局案内　---------------------------- */


.kakarituke h3 {
font-size: 18px;
font-weight: bold;
color: #29A7E1;
margin: 0 20px 20px 10px;
padding: 50px 0 8px 125px;
border-bottom: 1px dotted #CCC;
background-image:url("../images/kakarituke.jpg");
background-repeat:no-repeat;
background-position: bottom 8px left 0;
}

.kakarituke dl{
margin: 0px 0px 40px 10px;
}

.kakarituke dt{
color: #333;
font-weight:bold;
margin: 0 0 8px 15px;
display: list-item;
list-style: disc outside;
color: #e56ecb;
}

.kakarituke dt span{
color:#333;
}

.kakarituke dd{
margin:0 0 25px 15px;
color: #333;
}




#kyokunai ul{
overflow: hidden;
margin-bottom:40px;
}
#kyokunai li{
float:left;
width:31%;
margin:0 1% 3%;
text-align: center;
}

@media screen and (max-width: 480px){
#kyokunai li{
float:left;
width:48%;
margin:0 1% 3%;
text-align: center;
}
}



#kyokunai li img{
margin-bottom:4px;
}

#kyokunai li p{
text-align: left;
font-size:12px;
}






/* 求人案内ページ ---------------------------------------　*/

.contentwide  table {
border-top: 1px solid #ccc;
margin: 10px -1px 60px 0;
text-align: left;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
font-size: 85.7%;
line-height: 141.7%;
}


#recruit_toku{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

#recruit_toku td{
width:25%;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px;
}

#recruit_toku tr.odd td{
  background-color: #f9f9f9;
}
#recruit_toku tr.even td{
  background-color: #fff;
}

#recruit_toku tr.odd:hover td,
#recruit_toku tr.even:hover td,
.recruit_table .odd:hover td,
.recruit_table .even:hover td{
  background-color: #f3f3f3;
}




.tokuchou_list{
padding: 2em 2em;
margin: 2em 0;
color: #474747;
background: whitesmoke;
border-left: double 7px #4ec4d3;
border-right: double 7px #4ec4d3;
}

.tokuchou_list ul{
margin: 0px 0px 20px 20px;
}

.tokuchou_list li{
color: #e56ecb;
list-style: disc;
margin-bottom:15px;
}

.tokuchou_list li span{
color: #333;
}
.empink {
font-size: 1.5em;
color: #ff69b4;
}

.staff_comment {
font-size: 16px;
margin: 0 20px 30px 10px;
padding: 30px 0 10px 75px;
background-image: url(../images/yubi.png);
background-repeat: no-repeat;
background-position: 0;
}
.recruit_table{
border-left:1px solid #ccc;
}
.formTable{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:30px;
}

.recruit_table th{
padding:10px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color: #ddd;
padding:15px;
font-size:15px;
}
.recruit_table td.item,
.formTable th{
width:15%;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:15px;
font-size:15px;
}
.recruit_table td.cell,
.formTable td{
width:85%;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:15px;
font-size:15px;
}

.recruit_table .odd td{
  background-color: #f9f9f9;
}
.recruit_table .even td{
  background-color: #fff;
}

@media screen and (max-width: 940px){
.recruit_table td.cell,
.recruit_table td.item,
.recruit_table th{
font-size:13px;
padding:8px;
}
.recruit_table td.item{
width:25%;
}
.recruit_table td.cell{
width:75%;
}
}


/* フォーム　---------------------------------- */



#contact_form input, 
#contact_form textarea {
border: 1px solid #bbb;
border-radius: 4px;
padding: 10px 5px;
outline: 0;
margin: 5px 5px 20px 0;
-webkit-appearance: none;
font-size: 100%;
font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","LPSans", sans-serif,"游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
}
@media screen and (max-width: 940px){
#contact_form input, 
#contact_form textarea {
width:100%;
}
}

#contact_form .submit{
color:#fff;
max-width:300px;
padding:10px 30px
}

.hissu{
color: #fff;
font-size: 12px;
border-radius: 4px;
text-align: center;
background-color:#db76c5;
color: #FFF;
padding: 0 5px;
display: inline-block;
}


.go_submit{

}

.back{
max-width:200px;
}

@media screen and (max-width: 940px){

.formTable{
width:100%;
border:none;
}
.formTable th,
.formTable td{
width:100%;
display:block;
padding:8px;
border:none;
}
.formTable th{
font-weight:bold;
background-color:#f3f3f3;
}

.formTable td{
margin-bottom:15px;
}
}

.backORcloseBtn a,
.pager_li a {
    display: block;
    padding: 4px;
    text-align: center;
    width: 100px;
    background-color: rgba(255,255,255,0.5);
    border: #ccc solid 1px;
    border-radius: 12px;
    color: #333;
    text-decoration: none;
    margin: 0 auto 60px;
	font-size:14px;
}

.backORcloseBtn a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f137";
    padding: 2px 6px 0 4px;
    color: #e56ecb;
}


#contact_text{
margin-bottom:30px;
}

input[type="checkbox"] {
border: 1px solid #aaaaaa;
vertical-align: -10px;
-webkit-appearance: none;
position: relative;
margin: 8px 12px 4px 0 !important;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
width: 24px;
height: 24px;
background: #e2e2e2;
background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #ffffff),color-stop(1.00, #e2e2e2));
background: linear-gradient(to bottom,#ffffff 0%,#e2e2e2 100%);
}
@media screen and (max-width:767px)  {
input[type="checkbox"] {
background: #fff;
background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #ffffff),color-stop(1.00, #fff));
background: linear-gradient(to bottom,#ffffff 0%,#fff 100%);
width: 24px !important;
height: 24px !important;
}
}
input[type="checkbox"]:checked {
background:#f49b00;
border: none;
}


input[type="checkbox"]:checked:before {
position: absolute;
left: 4px;
top: 16px;
display: block;
content: "";
width: 7px;
height: 3px;
background: #333;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right center;
}


input[type="checkbox"]:checked:after {
display: block;
position: absolute;
left: 10px;
top: 16px;
content: "";
width: 14px;
height: 3px;
background: #333;
-webkit-transform: rotate(-53deg);
-webkit-transform-origin: left center;
}




/* お知らせ　--------------------------------------- */

.detailText,
.detailUpfile{
margin-bottom:20px;
}


/* キャッシュレス決済　--------------------------------------- */

.text{
padding:0 20px 40px;
}

.cashless_type_box{
text-align:center;
margin-bottom:40px;
}

h3.cashless_type{
background-color:#eeeeee;
padding:8px;
text-align:center;
font-weight:bold;
font-size:16px;
margin-bottom:30px;
}
@media screen and (max-width: 767px){
h3.cashless_type{
background-color:#eeeeee;
padding:8px;
text-align:center;
font-weight:bold;
font-size:14px;
margin-bottom:30px;
}
h3.cashless_type span{
display: block;
}
}


#koutukei{
border:#ddd solid 1px;
border-radius: 8px;
}


#app_pay{
border-top:#ddd solid 1px;
padding-top:30px;
}