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

/*-------------------------------------------------------------
 *
 *					style_entry.css
 *
 *-------------------------------------------------------------*/

/* index */
#allContainer.entry .text-area div.colBlue  { margin-bottom: 10px; }
#allContainer.entry .text-area h4       { font-size: 300%; line-height: 1.1; font-weight: 600; letter-spacing:0.02em; }
#allContainer.entry .text-area p        { font-size: 120%; letter-spacing: 0.05em; }

#allContainer.entry .main-content div.entryArea                { display: flex; justify-content: space-between; margin-bottom: 80px; }
#allContainer.entry .main-content ul                           { background: #fff; padding: 35px 15px; justify-content: center; }

#allContainer.entry .main-content ul.entry-corp-logoArea       { width: 475px; align-items: center; }
#allContainer.entry .main-content ul.entry-corp-logoArea.career{ width: 100%; justify-content: left; gap: 27px; padding: 85px 48px; }
#allContainer.entry .main-content ul.entry-corp-logoArea dl    { align-items: center; border: 1px solid #a68367; border-radius: 44px; min-width: 350px; justify-content: center; height: 85px; }
#allContainer.entry .main-content ul.entry-corp-logoArea dt    { position: relative; width: 124px; }
#allContainer.entry .main-content ul.entry-corp-logoArea dt img{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; display: block; margin-left: 8px; }
#allContainer.entry .main-content ul.entry-corp-logoArea dt img:nth-of-type(1){ opacity: 0; }
#allContainer.entry .main-content ul.entry-corp-logoArea dd    { font-size: 16px; color: #a68367; font-weight: bold; line-height: 1.2; text-align: center; margin-left: 24px; width: 143px; }
#allContainer.entry .main-content ul.entry-corp-logoArea dd span   { font-size: 12px; }

#allContainer.entry .main-content ul.entry-corp-logoArea a:hover       { text-decoration: none; }
#allContainer.entry .main-content ul.entry-corp-logoArea a:hover dl    { background-color: #a68367; }
#allContainer.entry .main-content ul.entry-corp-logoArea a:hover dt img:nth-of-type(1)             { opacity: 1; }
#allContainer.entry .main-content ul.entry-corp-logoArea a:hover dt img:nth-of-type(2)     { opacity: 0; }
#allContainer.entry .main-content ul.entry-corp-logoArea a:hover dd        { color: #fff; }

#allContainer.entry .main-content ul.naviArea                   { width: calc(100% - 515px); }
#allContainer.entry .main-content ul.naviArea li span.entry-headline { background-color: #0066cb; border-radius: 35px; box-sizing: border-box; color: #fff; padding: 3px 30px; }
#allContainer.entry .main-content ul.naviArea li img            { width: 90%; }
#allContainer.entry .main-content ul.naviArea li + li          { margin-left: 0px; }
#allContainer.entry .main-content ul.naviArea li a:hover       { opacity: 0.8; }

#allContainer.entry .movie-pamphlet-area{ display: flex; }
#allContainer.entry .movie-pamphlet-area > div + div   { margin-left: 155px; }
#allContainer.entry .movie-pamphlet-area > div + div > div:last-child   { margin-top: 70px; }
#allContainer.entry .movie-pamphlet-area > div + div > div a:hover       { opacity: 0.8; }


.movOpen                                { width: 705px; }

@media screen and ( max-width:1400px ) {
    #allContainer.entry .text-area h4   { font-size: 260%; }
}

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

    #allContainer.entry .movie-pamphlet-area > div .movOpen     { width: 100%; }
    #allContainer.entry .movie-pamphlet-area > div .movOpen img     { width: 100%; }

    #allContainer.entry .movie-pamphlet-area > div + div        { margin-left: 50px; width: 40%; }
}

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

    #allContainer.entry .text-area h4       { font-size: 230%; }
    #allContainer.entry .text-area p        { font-size: 90%; }

    #allContainer.entry .main-content div.entryArea             { flex-direction: column; gap: 25px; }
    #allContainer.entry .main-content ul                        { padding: 50px 15px; }
    #allContainer.entry .main-content ul.entry-corp-logoArea    { width: 100%; }
    #allContainer.entry .main-content ul.entry-corp-logoArea.career { justify-content: center; padding: 50px 15px; }
    #allContainer.entry .main-content ul.entry-corp-logoArea dl { min-width: 320px; }
    #allContainer.entry .main-content ul.entry-corp-logoArea dt img { width: 88%; }
    #allContainer.entry .main-content ul.entry-corp-logoArea dd { margin-left: 8px; }

    #allContainer.entry .main-content ul.naviArea            { display: block; width: 100%; }
    #allContainer.entry .main-content ul.naviArea li + li    { margin-left: 0; }
    #allContainer.entry .main-content ul.naviArea li img    { width: 75%; margin: 0 auto; }       

    #allContainer.entry .movie-pamphlet-area        { display: block; }
    #allContainer.entry .movie-pamphlet-area div.colBlue    { text-align: center; }

    #allContainer.entry .movie-pamphlet-area > div + div    { width: 100%; margin-left: 0; margin-top: 60px; }
    #allContainer.entry .movie-pamphlet-area > div + div > div:last-child   { margin-top: 0; }
    #allContainer.entry .movie-pamphlet-area > div + div > div:last-child img   { margin: 0 auto; }

}