@charset "utf-8";

.pc_dsp {display:block;}
.sp_dsp {display:none;}

#panel-btn {
    display: none;
}
@media screen and (max-width: 768px) {
.pc_dsp {display:none;}
.sp_dsp {display:block;}

.inner {
		width: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}


#panel-btn { 
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 0;
    width: 50px;
    height: 50px;
    margin: 0;
    background: #ffae5f;
}
#panel-btn:hover {background: #ffae5f;}
#panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: #FFF; transition: .2s; }
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-left: -7px; background: #FFF; transition: .3s; }
#panel-btn-icon:before { margin-top: -6px; }
#panel-btn-icon:after { margin-top: 4px; }

#panel-btn .close { background: transparent; }
#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
#panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }



.sp_menu_bloc {
		display:none;
    position: absolute;
    top: 41px;
    left: 0;
    width: 100%;
    background: #FFF;
    border-bottom: solid 1px #ffae5f;
}
.sp_menu_bloc ul {
		display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-around;
    justify-content: space-around;
		background:#ffae5f;
}
.sp_menu_bloc ul li {
    text-align: center;
    width: 50%;
    font-size: 1.6rem;
}

.sp_menu_bloc ul li:nth-child(1) {
		border-right: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
    margin-right: -1px;
}
.sp_menu_bloc ul li:nth-child(2) {
    border-bottom: solid 1px #FFF;
}
.sp_menu_bloc ul li:nth-child(3) {
		border-right: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
    margin-right: -1px;
}
.sp_menu_bloc ul li:nth-child(4) {
    border-bottom: solid 1px #FFF;
}
.sp_menu_bloc ul li a {
		display: block;
    padding: 10px;
    text-decoration: none;
		color:#FFF;
}


.flex_left {
    display: block;
		-webkit-align-items: normal;
		-ms-flex-align: normal;
		align-items: normal;
}
.flex_around {
    display: block;
}

table.entry td input[type="email"],
table.entry td input[type="text"],
select {
		width: 100%;
    font-size: 1.6rem;
}
table.entry td select[name="year"],
table.entry td select[name="month"],
table.entry td select[name="day"] {
		width: auto;
    padding: 0 5px;
    background-size: 12px;
    margin: 0 6px;
}


table.entry td select[name="year"] {
    padding-right: 20px;
    margin: 0 6px 0 0;
}
table.entry td select[name="month"] {
		padding-right: 20px;
}
table.entry td select[name="day"] {
		padding-right: 20px;
}

.btn_bloc {
    text-align: center;
}
.btn_bloc input[type="submit"] {
    width: 100%;
    background: url(../images/sp_btn_submit.png) no-repeat;
    background-size: contain;
}
table.entry td textarea {
		width: 100%;
    font-size: 1.6rem;
}



#wrapper {
    min-width: auto;
}


header {
    padding: 8px 0 4px;
    position: fixed;
    width: 100%;
    background: #FFF;
    border-bottom: solid 1px #ffae5f;
    z-index: 1000000;
}
.ttl_bloc {
    position: relative;
}
.ttl_bloc h1 {
    margin-left: 10px;
    margin-bottom: 5px;
}
.ttl_bloc h1 img {
		width: 60px;
    vertical-align: top;
}
.ttl_bloc h2 {
    font-size: 1.1rem;
    margin-left: 10px;
}


.blockTitle span {
    border: none;
    margin: 0;
}
.blockTitle {
    text-align: center;
    margin-bottom: 20px;
}
#entryForm h1 + p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

main {
    padding-top: 49px;
}


#mainVisual {
    background: none;
    height: auto;
}
#mainVisual img {
		width:100%;
}

nav {
		display:none;
}

#message {
    height: auto;
    padding: 50px 15px;
}
#message p {
    max-width: none;
}
.style_info {
    padding: 15px;
}
#interview {
    padding: 50px 15px 15px;
}
#interview ul {
    display: block;
}
#interview ul li + li {
		margin-top:15px;
}
#interview h1 + p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
#interview h1 + p + ul > li {
    margin-bottom: 15px;
}
#interview h1 + p + ul > li > .panel_sp h2 {

}
#interview h1 + p + ul > li > .panel_sp h2.panel_title.opened {
    background-image: url(../images/icon_arrow_open_g.png);
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: left 10px center;
}

#interview h1 + p + ul > li > .panel_sp h2.panel_title {
    background-color: #129e1f;
    background-image: url(../images/icon_arrow_close_g.png);
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: left 10px center;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 13px 0;
    cursor: pointer;
    z-index: 10000;
}

#interview h1 + p + ul > li > .panel_sp .interviewBox {
    width: auto!important;
    position: static!important;
}
#interview h1 + p + ul > li > .panel_sp .interviewBox .innerBox figure {
		display:none;
}
#interview h1 + p + ul > li > .panel_sp .interviewBox .innerBox .btnClose {
		display:none;
}
#interview .inner > ul > li > img {
    width: 100%;
}
#interview .inner > ul > li > p {
    top: calc(100% - 98px);
    bottom: auto;
}
.interviewBox .innerBox .txt {
    overflow-y: scroll;
    height: auto;
}

.panel_sp {
    position: relative;
}
.panel_sp > p {
		position: absolute;
		top: -56px;
    left: 0;
    background: rgba(255, 135, 18, 0.6);
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    padding: 14px 0;
    width: 100%;
}
.panel_sp .btnClose {
		display:none!important;
}



#merit .tab ul li {
    width: auto;
}
.tab {
		display:none;
}
#merit {
    background: #fff5eb;
    padding: 50px 0 0;
}
#merit h1 + p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
#merit .panelBox {
    background: #fff;
    padding: 0;
}
#merit .panelBox div .panel_title.opened {
    background-image: url(../images/icon_arrow_open_o.png);
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: left 10px center;
}

#merit .panelBox div .panel_title {
    background-color: #ffae5f;
    background-image: url(../images/icon_arrow_close_o.png);
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: left 10px center;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    padding: 13px 0;
    cursor: pointer;
}

#merit .panelBox div .panel_title + ul li {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
    padding: 20px 10px;
    margin: 0;
    float: none;
}
#merit .panelBox div .panel_title + ul li figure {
    display: table-cell;
    width: 50px;
}
#merit .panelBox div .panel_title + ul li figure img {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-align: center;
    width: 50%;
}
#merit .panelBox div .panel_title + ul li dl {
    display: table-cell;
    vertical-align: middle;
}
#merit .panelBox div .panel_title + ul li dl dt {
    font-size: 1.4rem;
    font-weight: bold;
    color: #ff8712;
    margin-bottom: 10px;
}
#merit .panelBox div .panel_title + ul li dl dd {
    font-size: 1.3rem;
    line-height: 1.8;
    margin: 0;
}

#merit .panelBox #panel02 {
    display: block;
}

#merit .panelBox div .panel_title + ul {
    overflow: hidden;
    display: none;
}




.style_bloc {
    background: #FFF;
    width: 100%;
}


#choice {
    background: #fff5eb;
    padding: 50px 15px 30px;
}
#choice h1 + p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.style_info dl dt {
		font-size: 1.8rem;
    padding: 5px 5px;
}
.style_info dl dd {
    font-size: 1.8rem;
}
.style_info dl dd .num {
    font-size: 2.4rem;
}
.focus {
    border: solid 2px #ff9d7b;
    padding: 10px 10px 0;
    margin-bottom: 15px;
}
.style_bloc + .style_bloc {
		margin-top:30px;
}

.hopeBox {
    margin-top: 20px;
}
.hope_bloc {
    width: 100%;
}
.hope_bloc + .hope_bloc {
		margin-top:30px;
}




#entry {
		padding: 30px 15px 50px;
}
#entry h1 + p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.table_style th {
    width: 100%;
		display:block;
		box-sizing: border-box;
		padding: 0;
		margin-top: -1px;
		padding: 5px;
}
.table_style td {
		width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: -1px;
		padding: 5px;
}

table.entry th {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 10px 0;
}
table.entry td {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 5px 0;
}


#entryForm {
    padding: 0 15px 50px;
}
#entryForm form {
    border: 1px solid #ddd;
    margin: 0;
    padding: 30px 8px 30px;
}
table.entry {
    width: 100%;
    margin-bottom: 20px;
}


#tel {
    width: auto;
    padding: 20px 15px;
    margin: 0 15px 30px;
}
#tel h1 {
    font-size: 1.6rem;
}
#tel h2 {
    font-size: 3rem;
}
#tel h3 {
    margin-bottom: 10px;
}
#tel h4 {
	
}
#tel h4 span {
    display: block;
}



#health {
    height: auto;
    padding: 30px;
}


.storeMap {
		display:none;
}
#store {
    padding: 50px 0 0;
}
#store h1 + p {
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.prefecture li h3 {
  background-color: #ffae5f;
  background-image: url(../images/icon_arrow_open_o.png);
  background-repeat: no-repeat;
  background-size: 29px;
  background-position: left 10px center;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  padding: 13px 0;
  cursor: pointer;
}
.prefecture li .opened {
  background-image: url(../images/icon_arrow_close_o.png);
  background-repeat: no-repeat;
  background-size: 29px;
  background-position: left 10px center;
}
.prefecture li .storeList {
  display: none;
}
.prefecture li .storeList li h4 {
  font-size: 1.6rem;
  color: #ff8712;
  border-bottom: 1px solid #ddd;
  background-image: url(../images/ico_accordion_02_off.png);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: left 10px center;
  padding: 12px 0 12px 30px;
  cursor: pointer;
}
.prefecture li .storeList li .opened {
  background-image: url(../images/ico_accordion_02_on.png);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: left 10px center;
}
.prefecture li .storeList li .storeDetail {
		border-bottom: 1px solid #ddd;
    padding: 10px;
}
.prefecture li .storeList li .storeDetail .address {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 10px;
}
.prefecture li .storeList li .storeDetail .column {
	/*
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: justify;
  align-items: flex-start;
  -ms-flex-align: start;
	*/
  margin-bottom: 10px;
}
.prefecture li .storeList li .storeDetail .column .flagOn {
		background: #ff8712;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 14px;
    padding: 8px 10px;
    border-radius: 6px;
}
.prefecture li .storeList li .storeDetail .column .flagOn + p {
		display: inline-block;
    margin-left: 10px;
}
.prefecture li .storeList li .storeDetail .column .flagOff {
    width: 120px;
    background: #b2b2b2;
    color: #fff;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding: 8px 10px;
    border-radius: 6px;
}

.prefecture li .storeList li .storeDetail .column .storeTxt {
	
}
.prefecture li .storeList li .storeDetail .column .storeTxt dl {
		margin:0;
    font-size: 1.4rem;
    line-height: 1.4;
}
.prefecture li .storeList li .storeDetail .column .storeTxt dl dt {
		margin-top:10px;
}
.prefecture li .storeList li .storeDetail .column .storeTxt dl dd {
		margin-left: 0;
}
.prefecture li .storeList li .storeDetail .column .storeTxt dl dd + dt {

}
.prefecture li .storeList li .storeDetail .column .storeFlag {
  float: left;
  font-size: 1.3rem;
}
.prefecture li .storeList li .storeDetail .column .storeFlag h5 {
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 5px;
}
.prefecture li .storeList li .storeDetail .column .storeFlag h5 a {
  display: inline-block;
}
.prefecture li .storeList li .storeDetail .column .storeFlag .flagOn {
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #ff8712;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 3px 0;
  width: 85px;
}
.prefecture li .storeList li .storeDetail .column .storeFlag .flagOff {
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background: #b2b2b2;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 3px 0;
  width: 85px;
}
.prefecture li .storeList li .storeDetail .column figure {
		float: none;
    margin: 0;
    padding: 0 20px 20px;
}
.prefecture li .storeList li .storeDetail .column figure img {
    width: 100%;
}
.prefecture li .storeList li .storeDetail .recruitmentList {
  margin-bottom: 10px;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -ms-flex-pack: start;
  align-items: center;
  -ms-flex-align: center;
}
.prefecture li .storeList li .storeDetail .recruitmentList li {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  width: 82px;
  height: 28px;
  border-radius: 4px;
  margin-right: 10px;
  background: #5d98b5;
}
.prefecture li .storeList li .storeDetail .storeComment {
  clear: both;
  font-size: 1.3rem;
  line-height: 1.8;
  margin-bottom: 20px;
}
.prefecture li .storeList li .storeDetail .storeInfo {
  font-size: 1.3rem;
  line-height: 1.8;
}
.prefecture li .storeList li .storeDetail .storeInfo dl dt {
  color: #c6ad63;
  font-size: 1.5rem;
  font-weight: bold;
}
.prefecture li .storeList li .storeDetail .storeInfo dl dt span {
  font-size: 1.3rem;
  font-weight: normal;
}
.prefecture li .storeList li .storeDetail .storeInfo dl .date {
  font-weight: bold;
}
.prefecture li .storeList li .storeDetail .storeInfo dl .date .sun {
  color: #e47878;
}
.prefecture li .storeList li .storeDetail .storeInfo dl .date .sat {
  color: #5d98b5;
}
.briefingTxt {
  padding: 20px 10px;
}
.briefingTxt h2 {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 20px;
}
.briefingTxt p {
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 10px;
}
.btnLayout01 {
  width: 84vw;
  margin: 20px auto;
}
.btnLayout01 img {
  width: 100%;
}

#thanks h1 {
    font-size: 2rem;
    padding: 5em 1em 0;
}
#thanks p {
    padding: 0 1em 0;
}



















}