@charset "utf-8";

/*======================================================
=======================================================

RECRUIT / ENTRY

=======================================================
=======================================================*/

body.entry main #contents .pack section.normal{
                padding-top: 80px;
                }

body.entry main #contents .pack section.normal .inner h3{
                font-size: 1.6rem;
                }
@media screen and (max-width: 768px) {
body.entry main #contents .pack section.normal .inner h3{
                font-size: 1.3rem;
                }
	}

body.entry main #contents .pack section.normal .inner p.caption{
                margin-top: 50px;
                }

.entrylink-home {
	position: relative;
                margin-top: 50px;
                }

.entrylink-home a {
                width: 100%;
                height: 100%;
                display: flex;
	align-items: center;
	justify-content: center;
                background-color: #fff;
                border: 1px solid rgba(0, 0, 0, .5);
                height: 60px;
                border-radius: 5px;
                -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: background-color .5s;
	-ms-transition: background-color .5s;
	transition: background-color .5s;
                }

.entrylink-home a::after {
	position: absolute;
	right: 15px;
	content: '→';
                font-size: 1rem;
                color: #000;
	}

.entrylink-home a p {
                line-height: 1em;
                color: #000;
                }

.entrylink-home a:hover {
                background-color: #000;
                }

.entrylink-home a:hover p{
                color: #fff;
                }

.entrylink-home a:hover::after {
                color: #fff;
	}

body.entry main #contents .pack section.normal .inner.store{
                margin-top: 80px;
                }

body.entry main #contents .pack section.normal .inner.store .map{
                width: 60%;
                height: auto;
                margin: auto;
                }
@media screen and (max-width: 768px) {
body.entry main #contents .pack section.normal .inner.store .map{
                margin-top: 30px;
                }
	}
  
.inner.store .map svg {
                width: 100%;
                height: auto;
                }
    
.inner.store .map svg a path {
                transition: fill 0.3s linear;
                }

.inner.store .map svg a:hover path {
                fill: #000;
                }

.inner.store .map svg a path.mon {
                fill: #000 !important;
                }

.stores {
	position: relative;
                margin-top: 30px;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                column-gap: 2%;
                row-gap: 10px;
                }

.stores .entrylink-stores {
	position: relative;
                display: flex;
                width: 49%;
                }

.stores .entrylink-stores a {
                width: 100%;
                height: 100%;
                display: flex;
	align-items: center;
	justify-content: center;
                background-color: #fff;
                border: 1px solid rgba(0, 0, 0, .5);
                height: 60px;
                border-radius: 5px;
                -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: background-color .5s;
	-ms-transition: background-color .5s;
	transition: background-color .5s;
                }

.stores .entrylink-stores a p {
                line-height: 1em;
                font-size: .9rem;
                color: #000;
                }

.stores .entrylink-stores a:hover {
                background-color: #000;
                }

.stores .entrylink-stores a:hover p{
                color: #fff;
                }

.stores .entrylink-stores a:hover::after {
                color: #fff;
	}

body.entry main #contents .pack section.normal .inner.type{
                margin-top: calc(50px - 2em);
                }

.stores .entrylink-stores a.mon {
                background-color: #000 !important;
                }
.stores .entrylink-stores a.mon p{
                color: #fff !important;
                }

.types {
	position: relative;
                margin-top: 50px;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                column-gap: 2%;
                row-gap: 10px;
                }

.types .entrylink-types {
	position: relative;
                display: flex;
                width: 49%;
                }
/*
.types .entrylink-types a {
                width: 100%;
                height: 100%;
                display: flex;
	align-items: center;
	justify-content: center;
                background-color: #fff;
                border: 1px solid rgba(0, 0, 0, .5);
                height: 60px;
                border-radius: 5px;
                -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: background-color .5s;
	-ms-transition: background-color .5s;
	transition: background-color .5s;
                }

.types .entrylink-types a p {
                line-height: 1.2em;
                font-size: .9rem;
                color: #000;
                text-align: center;
                }

.types .entrylink-types a:hover {
                background-color: #000;
                }

.types .entrylink-types a:hover p{
                color: #fff;
                }

.types .entrylink-types a:hover::after {
                color: #fff;
	}
*/


.types .entrylink-types a {
                width: 100%;
                height: 100%;
                display: block;
                border: 1px solid rgba(0, 0, 0, .5);
                height: 80px;
                border-radius: 5px;
                -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: background-color .5s;
	-ms-transition: background-color .5s;
	transition: background-color .5s;
                overflow: hidden;
                background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
                }

.types .entrylink-types a.tml {
	background-image: url(../images/logo-tml.svg);
                }
.types .entrylink-types a.dp {
	background-image: url(../images/logo-dp.svg);
                }
.types .entrylink-types a.gv {
	background-image: url(../images/logo-gv.svg);
                }
.types .entrylink-types a.ed {
	background-image: url(../images/logo-ed.svg);
                }
.types .entrylink-types a.bacca {
	background-image: url(../images/logo-bacca.svg);
                }
.types .entrylink-types a.caban {
	background-image: url(../images/logo-caban.svg);
                }
.types .entrylink-types a.sam {
	background-image: url(../images/logo-sam.svg);
                }
.types .entrylink-types a.lot {
	background-image: url(../images/logo-lot.svg);
                }
.types .entrylink-types a.tb {
	background-image: url(../images/logo-tb.svg);
                }
.types .entrylink-types a.sol {
	background-image: url(../images/logo-sol.svg);
                }
.types .entrylink-types a.dvn {
	background-image: url(../images/logo-dvn.svg);
                }
.types .entrylink-types a.jp {
	background-image: url(../images/logo-jp.svg);
                }
.types .entrylink-types a.home {
	background-image: url(../images/logo-home.svg);
                }
.types .entrylink-types a.mv {
	background-image: url(../images/logo-mv.svg);
                }
.types .entrylink-types a.be {
	background-image: url(../images/logo-be.svg);
                }
.types .entrylink-types a.outlet {
	background-image: url(../images/logo-outlet.svg);
                }
.types .entrylink-types a.cafe {
	background-image: url(../images/logo-cafe.svg);
                }

.types .entrylink-types a:hover.tml {
	background-image: url(../images/logoentry-tml-w.svg);
                }
.types .entrylink-types a:hover.men {
	background-image: url(../images/logoentry-men-w.svg);
                }
.types .entrylink-types a:hover.dp {
	background-image: url(../images/logoentry-dp-w.svg);
                }
.types .entrylink-types a:hover.gv {
	background-image: url(../images/logoentry-gv-w.svg);
                }
.types .entrylink-types a:hover.ed {
	background-image: url(../images/logoentry-ed-w.svg);
                }
.types .entrylink-types a:hover.bacca {
	background-image: url(../images/logoentry-bacca-w.svg);
                }
.types .entrylink-types a:hover.caban {
	background-image: url(../images/logoentry-caban-w.svg);
                }
.types .entrylink-types a:hover.sam {
	background-image: url(../images/logoentry-sam-w.svg);
                }
.types .entrylink-types a:hover.lot {
	background-image: url(../images/logoentry-lot-w.svg);
                }
.types .entrylink-types a:hover.tb {
	background-image: url(../images/logoentry-tb-w.svg);
                }
.types .entrylink-types a:hover.sol {
	background-image: url(../images/logoentry-sol-w.svg);
                }
.types .entrylink-types a:hover.dvn {
	background-image: url(../images/logoentry-dvn-w.svg);
                }
.types .entrylink-types a:hover.jp {
	background-image: url(../images/logoentry-jp-w.svg);
                }
.types .entrylink-types a:hover.home {
	background-image: url(../images/logoentry-home-w.svg);
                }
.types .entrylink-types a:hover.mv {
	background-image: url(../images/logoentry-mv-w.svg);
                }
.types .entrylink-types a:hover.be {
	background-image: url(../images/logoentry-be-w.svg);
                }
.types .entrylink-types a:hover.outlet {
	background-image: url(../images/logoentry-outlet-w.svg);
                }
.types .entrylink-types a:hover.cafe {
	background-image: url(../images/logoentry-cafe-w.svg);
                }

.types .entrylink-types a p {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
                }

.types .entrylink-types a:hover {
                background-color: #000;
                }


body.entry main #contents .pack section.normal .inner.faq{
                margin-top: 80px;
                }

/*faq*/
.accordion-area {
                display: block;
                list-style: none;
                width: 100%;
                margin-top: 30px;
                }

.accordion-area li{
                margin: 0 0;
                }

.accordion-area .faqs {
                border-bottom: 1px solid rgba(0, 0, 0, .5);
                }

.accordion-area .faqs h4 {
                position: relative;
                cursor: pointer;
                font-size:  1rem;
                line-height: 1.5em;
                transition: all .5s ease;
                padding-left: 3rem;
                padding-top: 2rem;
                padding-bottom: 2rem;
                user-select: none;
                }

.accordion-area .faqs h4::before,
.accordion-area .faqs h4::after{
                position: absolute;
                content:'';
                width: 15px;
                height: 1px;
                background-color: #333;
                }
.accordion-area .faqs h4::before{
                top:48%;
                left: 0;
                transform: rotate(0deg);
                }
.accordion-area .faqs h4::after{    
                top:48%;
                left: 0;
                transform: rotate(90deg);
                }

.accordion-area .faqs h4.close::before{
                }

.accordion-area .faqs h4.close::after{
                transform: rotate(-45deg);
	opacity: 0;
	filter: alpha(opacity=0);
                }

.accordion-area .faqs .boxs {
                display: none;
                width: 100%;
                }

.accordion-area .faqs .boxs p{
                padding-left: 3rem;
                font-size:  1rem;
                line-height: 1.7em;
                padding-bottom: 2rem;
                }

/*other*/
.other {
                display: block;
                width: 100%;
                margin-top: 80px;
                }

.other p{
                margin-top: .7rem;
                padding-bottom: 2px;
                position: relative;
                line-height: 1.1em;
                display: inline-block;
                }

.other p a::after {
                position: absolute;
                left: 0;
                content: '';
                width: 100%;
                height: 1px;
                background: #000;
                bottom: 0;
                transform: scale(0, 1);
                transform-origin: left top;
                transition: transform 0.3s;
                }

.other p a:hover::after {
                transform: scale(1, 1);
                }





/*---------------- entry20240105 ---------------*/


.nobb #openentry {
	display: none;
	}

main #contents .pack section.rack_e {
	height: 25svh;
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	}
@media screen and (max-width: 768px) {
main #contents .pack section.rack_e {
	height: calc(75svh / 4);
	}
	}

main #contents .pack section.rack_e a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: right 5% center;
	background-repeat: no-repeat;
	background-image: url(../images/icon-arrow-right.svg);
	background-size: 20px;
	}
@media screen and (max-width: 768px) {
main #contents .pack section.rack_e a{
	background-size: 15px;
	}
	}

main #contents .pack section.rack_e .inner{
	width: 60%;
	height: 100%;
	max-width: 700px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	}
@media screen and (max-width: 1024px) {
main #contents .pack section.rack_e .inner{
	width: 90%;
	max-width: 90%;
	}
	}

main #contents .pack section.rack_e .inner h4{
	font-size: clamp(1.7rem, 2vw, 3rem);
	letter-spacing: -.05em;
	position: relative;
	}
@media screen and (max-width: 1024px) {
main #contents .pack section.rack_e .inner h4{
	font-size: 3vw;
	}
	}
@media screen and (max-width: 768px) {
main #contents .pack section.rack_e .inner h4{
	font-size: 5.2vw;
	}
	}

main #contents .pack section.rack_e a .inner h4:after{
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #000;
	bottom: .1em;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .4s;
	}

main #contents .pack section.rack_e a:hover .inner h4:after {
	transform: scale(1, 1);
	}


body.entry.nobb main #contents .pack section.normal {
	padding-top: 0px;
	}


body.entry.nobb main #contents .pack section.normal .inner h3{
	position: relative;
	padding-left: 15px;
	}


body.entry.nobb main #contents .pack section.normal .inner h3{
	font-size: 1.5rem;
	}
@media screen and (max-width: 768px) {
body.entry.nobb main #contents .pack section.normal .inner h3{
	font-size: 1.2rem;
	}
	}

body.entry.nobb main #contents .pack section.normal .inner h3:before{
	content: "";
	display: inline-block;
	position: absolute;
	width: 5px;
	height: 1.6rem;
	background-color: #000;
	top: -1px;
	left: 0;
	}
@media screen and (max-width: 768px) {
body.entry.nobb main #contents .pack section.normal .inner h3:before{
	height: 1.3rem;
	}
	}


body.entry.nobb main #contents .pack section.normal .inner img.image {
	width: 100%;
	height: auto;
	}
@media screen and (max-width: 768px) {
body.entry.nobb main #contents .pack section.normal .inner img.image {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	}
	}

body.entry.nobb main #contents .pack section.normal .inner p.lead{
	line-height: 1.7em;
	padding-top: 2rem;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}

body.entry.nobb main #contents .pack section.normal .inner p.lead.nop{
	padding-top: 0;
	}

body.entry.nobb main #contents .pack section.normal .inner p.dir{
	font-size: 2.2rem;
	line-height: 1em;
	padding-top: 80px;
	padding-bottom: 80px;
	}
@media screen and (max-width: 1024px) {
body.entry.nobb main #contents .pack section.normal .inner p.dir{
	font-size: 2rem;
	}
	}
@media screen and (max-width: 768px) {
body.entry.nobb main #contents .pack section.normal .inner p.dir{
	font-size: 1.8rem;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	}


body.entry.nobb main #contents .pack section.normal ul.local {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	padding: 1rem 0;
	}

body.entry.nobb main #contents .pack section.normal ul.local li {
	position: relative;
	padding: 0 30px;
	margin: 0;
	list-style: none;
	}
@media screen and (max-width: 1024px) {
body.entry.nobb main #contents .pack section.normal ul.local li {
	padding: 0 20px;
	}
	}
@media screen and (max-width: 768px) {
body.entry.nobb main #contents .pack section.normal ul.local li {
	padding: 0 10px;
	}
	}

body.entry.nobb main #contents .pack section.normal ul.local li::before{
	content: "";
	display: block;
	height: 100%;
	width: 0;
	border-right: 1px solid #999;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	}

body.entry.nobb main #contents .pack section.normal ul.local li:first-child::before{
	content: none;
	}


body.entry.nobb main #contents .pack section.normal ul.local li p a{
	position: relative;
	font-weight: 300;
	line-height: 1.8em;
	font-size: 1rem;
	}
@media screen and (max-width: 1024px) {
body.entry.nobb main #contents .pack section.normal ul.local li p a{
	font-size: .8rem;
	}
	}
@media screen and (max-width: 768px) {
body.entry.nobb main #contents .pack section.normal ul.local li p a{
	font-size: .8rem;
	}
	}

body.entry.nobb main #contents .pack section.normal ul.local li p a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #000;
	bottom: 0;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform 0.3s;
	}

body.entry.nobb main #contents .pack section.normal ul.local li p a:hover::after {
	transform: scale(1, 1);
	}

body.entry.nobb main #contents .pack section.normal ul.local li.stay p a::after{
	transform: scale(1, 1);
	}

body.entry.nobb .entrylink-home a {
	border: 1px solid rgba(0, 0, 0, 1);
	height: 80px;
	font-weight: 500;
	}

body.entry.nobb .stores .entrylink-stores a {
	border: 1px solid rgba(0, 0, 0, 1);
	font-weight: 500;
	}

body.entry.nobb .types .entrylink-types a {
	border: 1px solid rgba(0, 0, 0, 1);
	font-weight: 500;
	}

body.entry.nobb .entrylink-home a:hover {
	background-color: #000;
	}

body.entry.nobb main #contents .pack section.normal .inner.store,
body.entry.nobb main #contents .pack section.normal .inner.faq {
    margin-top: 60px;
}

body.entry.nobb main #contents .pack section.normal .inner p.lead span{
	display: block;
	margin-top: .5em;
	text-indent: -1em;
	padding-left: 1em;
	}

@media screen and (max-width: 1024px){
body.entry.nobb nav {
	pointer-events: none;
	}
nav .logo {
	pointer-events: auto;
	}
nav .drawer {
	pointer-events: auto;
	}
	}
@media screen and (max-width: 768px){
body.entry.nobb nav {
	pointer-events: auto;
	}
nav .logo {
	pointer-events: auto;
	}
nav .drawer {
	pointer-events: auto;
	}
	}

body.entry.nobb .accordion-area {
	margin-top: 10px;
	}