/*
Author: INSPIREZ
*
* Last Update 2024-09-25
*
* 1-0.Clearfix
* 1-1.General
* 1-2.Structure
* 1-3.Cotnents
*
*/


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');*/

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

1-0.Clearfix

=======================================*/
header:after,nav:after,nav ul:after,article:after,section:after,footer:after,
.container:after,.container-fluid:after,.container-narrow:after,
#Contents:after,
#gNavi:after,
.section:after,
.row:after,
.clearfix:after {
display:block;
clear:both;
content:"";
}

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

1-1.General

=======================================*/
* {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
*:before, *:after {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
html {
font-size:62.5%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
overflow-x:hidden;
}
body {
background-color:#fff;
color:#000;
font-size:14px;
font-size:1.4rem;
font-family:Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,"Noto Sans JP", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight:400;
line-height:1.9;
padding-top:80px;
}

img{
max-width:100%;
height:auto;
width /***/:auto;
border:none;
border-style:none;
}
img.image-full {
display:block;
width:100%;
margin:auto;
}
.circlemask img {
border-radius:50%;
}

a {
color:#000;
text-decoration:none;
}
a:hover,
a:focus {
color:#666;
text-decoration:none;
}
a:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
a:hover img {opacity:.7;}

hr {
background-color: transparent;
border:none;
height: 1px;
}
.hr_3em_h {height:3em;}

input, button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}


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

1-2.Structure

=======================================*/
/*----------------
STRUCTURE
----------------*/
#Contents,
.container,
.container-narrow {
width:94%;
margin-left:auto;
margin-right:auto;
}
.container-fluid {width:100%;}

.only-smp {display:block!important;}
.only-pc {display:none!important;}

.visible-sp {display: block!important;}
.visible-tbpc {display: none!important;}

#Contents {
font-size:13px;
font-size:1.3rem;
}
@media screen and (min-width:640px) {
.visible-sp {display: none!important;}
.visible-tbpc {display: block!important;}
}

@media screen and (min-width:768px) {
.container-narrow {width:580px;}

.only-smp {display:none!important;}
.only-pc {display:block!important;}
}

@media screen and (min-width:992px) {
#Contents,
.container {max-width:950px;}
}


/*----------------
HEADER
----------------*/
header {margin-bottom:45px;}
.Logo {
margin:0 auto 40px;
line-height:0;
text-align:center;
width:68%;
}

/* === DRAWER NAVIGATION === */
.drawer-hamburger {
top:0px;
width:2.6rem;
}
.drawer-nav {
background-color:rgba(255,255,255,1);
}
.drawer--top.drawer-open .drawer-nav {top:0;}
.drawer-nav {text-align:center;}
.drawer-menu {
font-size:14px;
font-size:1.4rem;
padding:20px 0 0;
z-index:9999;
}
.drawer-nav li {border-bottom:1px solid #ddd;}
.drawer-nav li a {
display:block;
padding:.4em 0;
}
.drawer-nav li.Logo {
border-bottom:none;
margin:0 auto 10px;
width:64%;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {background-color:#000;}
.drawer-hamburger-icon:before {top:-7px;}
.drawer-hamburger-icon:after {top:7px;}

#gNavi {display:none;}

#gNavi .nav11,
.drawer-menu li:last-child {display: none;}

@media screen and (min-width:768px) {
.Logo {width:100%;}
.drawer-hamburger {display:none;}
#gNavi {display:block;margin:0 2.5%;}
#gNavi li {text-align:center;}
#gNavi li img {margin-top:8px;}
#gNavi .nav-def {
font-size:0;
float:left;
width:84%;
}
#gNavi .nav-rec {
/*border-left:1px solid #000;*/
float:right;
width:14%;
position: relative;
}
#gNavi .nav-rec::before {
background-color: #000;
content:'';
display: block;
height: 160%;
width:1px;
position: absolute;
left:0;
top:0;
}
#gNavi .nav-def > li {
display:inline-block;
margin-bottom:12px;
width:20%;
}
/*#gNavi .nav-def > li.nav04 {margin-right: 20%;}
#gNavi .nav-def .nav03 {opacity: .5}
#gNavi .nav-def .nav07 {margin-left:25%;}*/
#gNavi .nav-rec > li {
margin-bottom:12px;
width:100%;
}
#gNavi .nav-rec li + li {margin-bottom:0;}
#gNavi li a {
display:block;
height:30px;
}
#gNavi li a:hover,
body#About-id #gNavi .nav01,
body#Menu-id #gNavi .nav02,
body#Making-id #gNavi .nav05,
body#Anniversary-id #gNavi .nav06,
body#Info-id #gNavi .nav07,
body#Access-id #gNavi .nav08,
body#Calendar-id #gNavi .nav09,
body#Recruit-id #gNavi .nav10,
body#Message-id #gNavi .nav11 {
/*background:rgb(191,191,191);
background:-moz-linear-gradient(left,  rgba(191,191,191,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(191,191,191,1) 100%);
background:-webkit-linear-gradient(left,  rgba(191,191,191,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(191,191,191,1) 100%);
background:linear-gradient(to right,  rgba(191,191,191,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(191,191,191,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#bfbfbf',GradientType=1 );*/
background-color:#eee;
border-radius:4px;
}
}


/*----------------
FOOTER
----------------*/
footer {
margin-top:80px;
padding-bottom:30px;
}
#Copyright {
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
font-size:1.0rem;
text-align:center;
}

/*----------------
TITLE
----------------*/
h1, h2, h3, h4 {}

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

.h3-ttl {
border-left:.2em solid #090;
color:#000;
font-size:20px;
font-size:2.0rem;
font-weight:700;
line-height:1.4;
margin-bottom:40px;
padding-left:.6em;
position:relative;
}
.h3-ttl:after {
content:'';
display:block;
border-bottom:1px solid #ccc;
margin-right:-.8em;
position:relative;
left:-.8em;
bottom:-.4em;
}

.h4-ttl {
color:#000;
font-size:18px;
font-size:1.8rem;
font-weight:500;
}

.font5L {
font-size:28px;
font-size:2.8rem;
}
.font4L {
font-size:24px;
font-size:2.4rem;
}
.font3L {
font-size:20px;
font-size:2.0rem;
}
.font2L {
font-size:18px;
font-size:1.8rem;
}
.fontL {
font-size:16px;
font-size:1.6rem;
}
.fontS {
font-size:13px;
font-size:1.3rem;
}
.font2S {
font-size:12px;
font-size:1.2rem;
}
.font3S {
font-size:10px;
font-size:1.0rem;
}

.fontRed {color:#e60012}
.fontBlue {color:#0091db}

.txt-left { text-align:left; }
.txt-right { text-align:right;}
.txt-center { text-align:center; }
.tet-justify {text-align: justify;}

/* <Left Margin> */
.marL0 {margin-left:0px;}
.marL5 {margin-left:5px;}
.marL10 {margin-left:10px;}
.marL15 {margin-left:15px;}
.marL20 {margin-left:20px;}
.marL25 {margin-left:25px;}
.marL30 {margin-left:30px;}
.marL35 {margin-left:35px;}
.marL40 {margin-left:40px;}

/* <Right Margin> */
.marR0 {margin-right:0px;}
.marR5 {margin-right:5px;}
.marR10 {margin-right:10px;}
.marR15 {margin-right:15px;}
.marR20 {margin-right:20px;}
.marR25 {margin-right:25px;}
.marR30 {margin-right:30px;}
.marR35 {margin-right:35px;}
.marR40 {margin-right:40px;}

/* <Top Margin> */
.marT0 {margin-top:0!important;}
.marT5 {margin-top:5px;}
.marT10 {margin-top:10px;}
.marT15 {margin-top:15px;}
.marT20 {margin-top:20px;}
.marT25 {margin-top:25px;}
.marT30 {margin-top:30px;}
.marT35 {margin-top:35px;}
.marT40 {margin-top:40px;}

/* <Bottom Margin> */
.marB0 {margin-bottom:0px;}
.marB5 {margin-bottom:5px;}
.marB10 {margin-bottom:10px;}
.marB15 {margin-bottom:15px;}
.marB20 {margin-bottom:20px;}
.marB25 {margin-bottom:25px;}
.marB30 {margin-bottom:30px;}
.marB35 {margin-bottom:35px;}
.marB40 {margin-bottom:40px;}
.marB60 {margin-bottom:60px;}

/* LSIT */
.ul-Norm {}
.ul-Norm li {
background:url(../img/ic_marker.gif) no-repeat 0 .5em;
margin-bottom:6px;
padding-left:1.2em;
}
.ul-Norm.type-inline li {
display:inline-block;
width:7em;
}


/* FORM 
input,
textarea {
border:1px solid #ccc;
padding:6px 8px;
width:100%;
}
input[type="submit"],
input[type="button"] {
background-color:#090;
border:0;
color:#fff;
font-size:16px;
font-size:1.6rem;
width:12em;
}*/

/* TABLE */
.NormTB,
.RecruitTB,
#TimetableTB {width:100%;}
.NormTB th,
.NormTB td,
.RecruitTB th,
.RecruitTB td,
#TimetableTB th,
#TimetableTB td{
font-weight:300;
padding:.1em 0;
text-align:left;
}
.NormTB th {white-space:nowrap;width:7.5em}



.RecruitTB th,
.RecruitTB td {
border-bottom:1px solid #000;
font-weight:normal;
vertical-align:middle;
width:auto;
position: relative;
}
.RecruitTB tr.noBrd th,
.RecruitTB tr.noBrd td {
border-bottom:none;
padding-bottom:0;
}
.RecruitTB tr.end-Cell {background: url(../../recruit/img/ic_ends.gif) no-repeat 0 50%;}
.RecruitTB th {padding:0 6em .6em 0;}
.RecruitTB td {padding:1.2em 5em 1.2em 0;}
.RecruitTB tr th {width:22%;}
.RecruitTB tr th:nth-child(1),
.RecruitTB tr td:nth-child(1) {padding:1.2em 0;width:2%;}
.RecruitTB tr th:nth-child(2),
.RecruitTB tr td:nth-child(2) {padding-right:1em;width:21%}
.RecruitTB tr th:nth-child(3),
.RecruitTB tr td:nth-child(3) {padding-right:1em;}
.RecruitTB tr th:nth-child(4),
.RecruitTB tr td:nth-child(4) {padding-right:1em;}
.RecruitTB tr th:nth-child(5),
.RecruitTB tr td:nth-child(5) {padding-right:0;width:36%;}
.RecruitTB small {
display: block;
font-size:1.1rem;
}
.RecruitTB .cancel {
background-color: #e60012;
border-radius: 100%;
color:#fff;
height:40px;
line-height: 40px;
text-align: center;
width:40px;
}
.RecruitTB .end {
border:1px solid #e60012;
border-radius: 100%;
color:#e60012;
font-size:87%;
height:32px;
line-height: 32px;
text-align: center;
width:32px;
}

.RecruitTB tr td.admission_Cell {
vertical-align: top;
width:22%;
position:relative;
}
.RecruitTB tr td.detail_Cell {
vertical-align: top;
width:78%;
}
.RecruitTB .admission {
background-color: #ed6d1f;
border-radius: 4px;
color:#fff;
font-size:85%;
text-align: center;
width: 14em;
position: absolute;
bottom:.5em;
left:0;
}

#additional_info {
background-color: #fef2e7;
border:4px solid #ed6d1f;
border-radius: 8px;
margin-top:1.5em;
padding: 1.5em 2em;
}
#additional_info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#additional_info li {padding-right:1em;}


@media screen and (max-width:767px) {
.NormTB th,
.NormTB td {
display:block;
width: 100%;
}

.TBouter {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
width: 100%;
}
.TBouter::-webkit-scrollbar{
border-radius: 5px;
height: 10px;
}
.TBouter::-webkit-scrollbar-thumb{
background:#000;
border-radius: 5px;
}

.RecruitTB {
overflow: auto;
white-space: nowrap;
display:block;
width:auto;
}
#TimetableTB {
overflow: auto;
white-space: nowrap;
width:100%;
}
}

@media screen and (min-width:992px) {
.TBouter {overflow-x:hidden;}
}


/* BTN */
.btn {
display:inline-block;
border:1px solid #090;
min-width:280px;
padding:.5em 0;
color:#090;
font-size:16px;
font-size:1.6rem;
text-align:center;
text-decoration:none;
-webkit-transition:border-color 0.25s, background-color 0.25s, color 0.25s;
transition:border-color 0.25s, background-color 0.25s, color 0.25s;
}
.btn.btn-small {
padding:.5em 3em;
font-size:14px;
font-size:1.4rem;
}
#MainColumn .btn,
#MainColumn .btn.btn-small { text-decoration:none;}
.btn:hover {
background-color:rgba(0,153,0,.1);
color:#090;
text-decoration:none;
}

.outer-bt {
margin-top:20px;
text-align:center;
}

#pagetop {
font-size:10px;
font-size:1.0rem;
position:fixed;
bottom:6px;
right:6px;
}

#pagetop a {
background-color:rgba(80,80,80,.8);
border-radius:50%;
color:#fff;
display:block;
height:50px;
line-height:14px;
padding:12px 0 0;
text-align:center;
text-decoration:none;
width:50px;
}

#pagetop a:hover {
background-color:rgba(80,80,80,.4);
text-decoration:none;
}


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

1-3.Contents

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

/*----------------
GENERAL
----------------*/

figure {text-align:center;}

.left {float:left;}
.right {float:right;}

.section {margin-bottom:60px;}

.anchorbox {
margin-top:-120px;
padding-top:120px;
}

.pcbr {display:none;}

@media screen and (min-width:768px) {
.pcbr {display:block;}
}


/*----------------
INDEX
----------------*/



/*----------------
ABOUT
----------------*/
#Greeting-block {}
#Greeting-block p + p {margin-top:1.4em;}

#Chef-block {
background:url(../../about/img/img_sighn.png) no-repeat 50% 22%;
margin:60px auto 0;
text-align:center;
width:100%;
}
#Chef-block dl {margin-bottom:140px;}
#Chef-block dd {margin-top:-4px;}
#Chef-block dd span {
font-size:26px;
font-size:2.6rem;
padding-left:1em;
}
@media screen and (min-width:639px) {
#Chef-block {background:url(../../about/img/img_sighn.png) no-repeat 50% 20%;}
}

@media screen and (min-width:768px) {
#Greeting-block { text-align:center;}

#Chef-block {
background:url(../../about/img/img_sighn.png) no-repeat 100% 0;
max-width:620px;
text-align:center;
width:auto;
}
#Chef-block dl {margin-bottom:60px;}
}

/*----------------
MAKING
----------------*/
#Making-block:after {
display:block;
clear:both;
content:"";
}

#Making-block {text-align:center;}
#Making-block h2 {margin-bottom:20px;}
#Making-block li {letter-spacing:-.02em;}
#Making-block .section00 p + p {margin-top:38px;}
#Making-block .section01,
#Making-block .section02,
#Making-block .section03 {
clear:both;
padding-top:40px;
}

#Making-block .left,
#Making-block .right {
margin-top:20px;
padding:0 1%;
width:50%;
}
/*#Making-block .section02 .left {text-align:center;width:100%;}*/
#Making-block .section01 .left,
#Making-block .section02 .right,
#Making-block .section03 .left {text-align:center;width:100%;}
#Making-block .inner-photo {display:none;}

@media screen and (min-width:1020px) {
#Making-block .section00,
#Making-block .section01,
#Making-block .section02,
#Making-block .section03 {position:relative;}
#Making-block .left,
#Making-block .right {
position:absolute;
margin-top:0;
padding:0;
width:auto;
}
/*#Making-block .section01 .left {
top:40px;
left:-40px;
}
#Making-block .section01 .right {
bottom:-30px;
right:-10px;
}
#Making-block .section02 .left {
text-align:left;
width:auto;
top:20px;
left:-40px;
}
#Making-block .section03 .left {display:none;}
#Making-block .section03 .right {
top:10px;
right:-10px;
}
*/
#Making-block .section00 .left {
top:40px;
left:-40px;
}
#Making-block .section00 .right {
bottom:-120px;
right:-10px;
}
#Making-block .section01 .left {
text-align:left;
width:auto;
top:120px;
left:-40px;
}

#Making-block .section02 .right {
text-align:right;
top:-120px;
right:-10px;
}

#Making-block .section03 .left {
text-align:left;
top:-40px;
left:-40px;
}

#Making-block .inner-photo {
display:block;
margin:30px 0 0;
position:relative;
text-align:left;
}
}

/*----------------
MENU
----------------*/
#Menu-id .section > .cntImage,
#Menu-id .section > .cntSpec {
text-align: center;
width:100%;
}

#Menu-id .section > .cntSpec h2,
#Menu-id .section > .cntSpec h2 {
margin:30px auto;
line-height:0;
}
#Menu-id .section > .cntSpec p,
#Menu-id .col-3 p {
font-size:13px;
font-size:1.3rem;
letter-spacing:-.03em;
text-align:left;
}

#Menu-id .col-3 figure {margin-bottom:30px;}
#Menu-id .col-3 > h2 {
margin-bottom:14px;
line-height:0;
text-align:center;
}
#Menu-id .col-3 {margin-bottom:30px;}

@media screen and (min-width:768px) {
#Menu-id .section > .cntImage,
#Menu-id .section > .cntSpec {
text-align: center;
width:50%;
}
#Menu-id .section,
#Menu-id .section .cntSpec {position:relative;}
#Menu-id .section .cntSpec .spec-inner {
width:100%;
position: absolute;
top:50%;
-webkit-transform : translateY(-50%);
transform : translateY(-50%);
}

#Menu-id .section > .cntSpec h2 {
/*margin:12px auto 24px;*/
margin:-3px 0 30px;
line-height:0;
}
#Menu-id .section > .cntSpec p,
#Menu-id .col-3 p {text-align:center;}

#Menu-id .row {margin:0 -1.5%;}
.col-3 {
float:left;
padding:0 1.5%;
width: 33.33%;
}
}


/*----------------
ACCESS
----------------*/
#Access-block:after,
#Access-block ul:after {
display:block;
clear:both;
content:"";
}

#Access-block {padding-top:40px;}
#Access-block ul {
display:block;
clear:both;
content:"";
margin-bottom:80px
}
#Access-block li {
text-align:center;
width:100%;
vertical-align:middle;
}

@media screen and (min-width:768px) {
#Access-block ul {
margin:0 auto 80px;
max-width: 745px;
}
#Access-block li {
display:inline-block;
margin:0;
text-align:right;
width:50%;
}
#Access-block li+li {text-align:center;}
#Access-block li:first-child {margin-top:1em;}
}


/*----------------
ANNIVERSARY
----------------*/
/*body#Anniversary-id header {margin-bottom:89px;}*/

#ul-Anniversary:after {
display:block;
clear:both;
content:"";
}
.h2-anniversary {
background-color:#e60012;
margin-bottom:40px;
padding:2px 0 0;
line-height:0;
text-align:center;
}

#ul-Anniversary {text-align:left;}
#ul-Anniversary li {
/*margin-bottom:16px;*/
width:100%;
text-align:center;
vertical-align:bottom;
}

.online_links {
margin:0 auto 32px;
max-width: 680px;
width: 92%;
}

@media screen and (min-width:640px) {
#ul-Anniversary li {
float:left;
width:50%;
}
#ul-Anniversary li.wideCell {width:100%;}
}

@media screen and (min-width:992px) {
#ul-Anniversary li {width:33.33%;}

#ul-Anniversary li.wideCell {width:66.66%;}
}


/*----------------
RECRUIT
----------------*/
#Recruit-id .h2-ttl {
margin-bottom:20px;
text-align:center;
}
#Recruit-id .container-narrow {
max-width:490px;
width:auto;
}

#ul-Recruit {margin-top:70px;}
#ul-Recruit li {
display:inline-block;
line-height:0;
width:50%;
vertical-align:top;
}

#internDetail {margin-top:7em;}
.internSchedule #internDetail {margin-top:0;}
#internDetail h3 {
background-color: #0097e0;
color:#fff;
font-size:150%;
font-weight: normal;
margin-bottom: 32px;
padding: .3em 32px;
}
.intern_container {
margin-bottom: 4em;
padding:0 32px;
}

#InternTB {width:100%;}

#InternTB th,
#InternTB td {
font-weight:300;
text-align:left;
vertical-align:top;
}
#InternTB th {
background-color: #ddd;
padding:.5em .8em;
width: 11em;
}
#InternTB td {padding:.5em .8em .5em 3em;/*padding:1.2em 5em 1.2em 0;*/}

#InternTB td p {
position: relative;
padding-left: 16px;
}
#InternTB td p::before {
content: '●';
display: inline-block;
font-size:150%;
width:16px;
margin-left:-16px;
}
#InternTB td p::after {
content: '↓↓↓';
display: block;
margin-left:24px;
}
#InternTB td p:last-child::after {display: none;}

#InternTB td .indent_inner {display: block;}
#InternTB td .indent_01 > .indent_inner {padding-left: 10.4em;}
#InternTB td .indent_02 > .indent_inner {padding-left: 13.9em;}
#InternTB td .indent_03 > .indent_inner {padding-left: 4em;}
#InternTB td .indent_03.mt1em {
display: block;
margin-top: 1em;
}
#InternTB td .note_txt {
display: block;
margin:1em 0 1em -16px;
}

.intern_schedule {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.intern_schedule li {margin:0 4%;}
.intern_schedule li img {max-height: 60px;}

#internDetail .h2-ttl {
font-size:240%;
font-weight: normal;
}
#internDetail .h2-ttl br {display: none;}
#internDetail h3 {text-align: center;}
.intern_schedule_detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.intern_schedule_detail figure {
text-align: left;
width: 36.66%;
}
.intern_schedule_detail .summary {width: 63%}
.intern_schedule_detail figure img {
max-height:58px;
width:auto;
}

#TimetableTB {margin-top:1.5em;}
#TimetableTB caption {
background-color: #dcdddd;
line-height: 2.2;
margin-bottom: 1.5em;
padding: 0 .8em;
text-align: left;
}
#TimetableTB th,
#TimetableTB td { padding: .2em 0;}
#TimetableTB th {width:5em;}
#TimetableTB td ul {margin-left:4.5em;}
#TimetableTB td li {
line-height: 1.4;
position: relative;
}
#TimetableTB td li::before {
content:'○';
display: inline-block;
}
#TimetableTB td li::after {
content:'↓';
display: block;
margin-left: 1em;
}
#TimetableTB td li:last-child::after {display: none;}
#TimetableTB .indent_type {margin-left:4em;}


@media screen and (max-width:767px) {
#InternTB {
overflow: auto;
white-space: nowrap;
display:block;
width:auto;
}

#internDetail .h2-ttl br {display: block;}
.intern_schedule_detail figure {
margin-bottom: 2em;
text-align: center;
width: 100%;
}
.intern_schedule_detail .summary {width: 100%}

.intern_schedule_detail .summary p {margin-bottom: 2em;}
}

@media screen and (min-width:768px) {
#Recruit-id .section > p {text-align:center;}

#Recruit-id .section #internDetail > p {text-align: left}

#ul-Recruit li {width:25%;}
}


/*----------------
MESSAGE
----------------*/
#ul-Message {margin-bottom:85px;}
#ul-Message li {text-align:center;}
#ul-Message li + li {margin-top:30px;}

#Message-id dt {
font-size:20px;
font-size:2.0rem;
}
#Message-id dd + dt {margin-top:10px;}

#ul-Tab {
margin:0 auto 95px;
max-width:600px;
}

#ul-Tab li {
display:inline-block;
margin-right:3.5%;
width:31%;
vertical-align:top;
}
#ul-Tab li:last-child {margin-right:0;}

#Flow-block dl,
#Contact-block dl { text-align:center; }
#Contact-block dd {
border-top:1px solid #000;
margin-top:10px;
padding-top:10px;
}

#ul-Rc-Tab:after {
display:block;
clear:both;
content:"";
}

#ul-Rc-Tab {
max-width:840px;
margin:0 auto 95px;
}
#ul-Rc-Tab li {
float:left;
height:120px;
margin-right:120px;
width:120px;
text-indent:-9999em;
}
/*#ul-Rc-Tab li + li {float:right;}*/
#ul-Rc-Tab .tab01 {background:url(../../recruit/img/tab01.gif) no-repeat 0 0;}
#ul-Rc-Tab .tab02 {background:url(../../recruit/img/tab02.gif) no-repeat 0 0;}
#ul-Rc-Tab .tab03 {background:url(../../recruit/img/tab03.gif) no-repeat 0 0;}
#ul-Rc-Tab .tab04 {background:url(../../recruit/img/tab05.png) no-repeat 0 0;margin-right:0;}
#ul-Rc-Tab .tab01,
#ul-Rc-Tab .tab02,
#ul-Rc-Tab .tab03,
#ul-Rc-Tab .tab04{background-size:100%;}
#ul-Rc-Tab li a {
display:block;
height:120px;
width:120px;
}

#ul-Bl-Tab:after {
display:block;
clear:both;
content:"";
}
#ul-Bl-Tab {
max-width:840px;
margin:0 auto 95px;
}
#ul-Bl-Tab li {
float:left;
margin-right:120px;
width:120px
}
#ul-Bl-Tab li:last-child {margin-right: 0;}

#Contact-block ul:after {
display:block;
clear:both;
content:"";
}

#Contact-block ul {
border-bottom:1px solid #000;
height:100%;
margin:0 auto 10px;
padding-bottom:10px;
}
#Contact-block li {

padding:0 2%;
width:100%;
vertical-align:bottom;
}
#Contact-block li:nth-child(1),
#Contact-block li:nth-child(2) {
text-align:center;
margin:auto;
width:78%;
}
#Contact-block li:nth-child(1) {margin-bottom:-2.5em;z-index:99;position: relative;}
#Contact-block li:nth-child(3) {
margin:10px 0 0;
padding:0;
text-align:center;
width:100%;
}

.message_lead {
border-top:1px solid #000;
border-bottom:1px solid #000;
font-size:133.33%;
padding: 0 0 1em;
}
.message_lead span {
display: block;
margin:1em 0 0;
}

@media screen and (min-width:768px) {
#ul-Message li {
display:inline-block;
text-align:center;
width:50%;
vertical-align:bottom;
}

#Message-id dl { text-align:center; }

/*#ul-Tab li {
margin-right:120px;
width:120px;
}*/
#ul-Tab li {
margin-right:84px;
width:144px;
}
#ul-Tab li:last-child {margin-right:0;}

/*#Contact-block li {
float:left;
margin-right:5.38%;
margin-top:5.8%;
width:36.54%;
vertical-align:bottom;
}
#Contact-block li:nth-child(1) {
padding-left:3.1%;
}
#Contact-block li:nth-child(2) {
margin-right:2.6%;
width:41.49%;
}
#Contact-block li:nth-child(3) {
margin:0;
width:8.96%;
}*/

#Contact-block ul {padding-left:6.105%;}
#Contact-block li {float:left;}

#Contact-block li:nth-child(1) {
margin-right:4.947%;
width:34.31%;
}
#Contact-block li:nth-child(2) {
margin-right:4.421%;
width:40.71%;
}
#Contact-block li:nth-child(3) {
margin:0;
width:9.473%;
}
#Contact-block li:nth-child(4) {
margin:8px auto;
text-align: center;
width:90%;
}
}


@media screen and (max-width:910px) {
#ul-Rc-Tab {
max-width:auto;
}
#ul-Rc-Tab li {
height:120px;
margin:1.5%;
width:18%;
}
#ul-Rc-Tab .tab04 {margin:1% .5%;}
#ul-Rc-Tab .tab05 {margin:1% 0;}
#ul-Rc-Tab .tab01,
#ul-Rc-Tab .tab02,
#ul-Rc-Tab .tab03,
#ul-Rc-Tab .tab04,
#ul-Rc-Tab .tab05{
background-position: 50%;
background-size:contain;
}

#ul-Rc-Tab li a {
display:block;
height:120px;
width:auto;
}

#ul-Bl-Tab {
max-width:auto;
}
#ul-Bl-Tab li {
margin:2%;
width:21%;
}
}



/*----------------
CALENDAR
----------------*/
#ul-Calendar {
display: flex;
align-items: flex-start;
gap:24px;
justify-content: center;
margin:64px auto 0;
max-width: 950px;
padding: 0;
width:100%;
}
#ul-Calendar li {
margin-bottom: 16px;
width:calc((100% - 48px)/3);
/*width:43.85%;*/
}
/*#ul-Calendar li:nth-child(7),
#ul-Calendar li:nth-child(8),
#ul-Calendar li:nth-child(9) {margin-bottom: 40px}
*/

@media screen and (max-width:767px) {
#ul-Calendar {
margin:32px auto 0;
padding:0;
}
#ul-Calendar li {
margin-bottom: 16px;
width:46.85%;
}
/*#ul-Calendar li:nth-child(7),
#ul-Calendar li:nth-child(8) {margin-bottom: 16px}
#ul-Calendar li:nth-child(9) {margin-bottom: 40px}
#ul-Calendar li:nth-child(9) {
padding-right: 53.15%;
width: 100%;
}*/
}


/*----------------
FORM
----------------*/
.form_wrap,
.privacy_wrap {
margin:0 auto;
max-width: 840px;
width:94%;
}
.form_wrap {margin-bottom:7em}

.headline {
background-color: #000;
color:#fff;
font-family: 'Noto Sans JP', sans-serif;
font-size:2.8rem;
font-weight: 300;
line-height: 1.8;
margin-bottom: 32px;;
text-align: center;
}
.form_wrap .tx_guide {
margin:0 0 1.5em 8em;
}

.form_wrap .inner {
margin:auto;
max-width: 640px;
width: 100%;
}
.form_wrap li {
display: flex;
align-items: center;
margin-bottom:3em;
}
.form_wrap li > p:first-child {width:8em;}
.form_wrap li > p:last-child {width:calc(100% - 8em);}
.form_wrap li p {
display: flex;
align-items: center;
}
.form_wrap li .splice {
padding: 0 .6em;
}

.form_wrap label+label {margin-left:1.5em;}

.form_wrap input,
.form_wrap textarea {
border:1px solid #ccc;
font-size:100%;
line-height: 2;
padding: .4em;
}
.form_wrap input[type="text"] {width: 100%;}
.form_wrap input[type="text"].field_type2 {width: 6em;}

.form_wrap input[type="radio"] {display: none;}
.form_wrap input[type="radio"] + span {
cursor: pointer;
display: inline-block;
margin: 0 .2em 0;
padding: 0 0 0 1.2em;
position: relative;
}
.form_wrap input[type="radio"] + span::before {
-webkit-transform: translateY(-50%);
background: #fff;
border: 1px solid rgba(0, 0, 0, .5);
border-radius: 50%;
content: "";
display: block;
height: 16px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 16px;
}
.form_wrap input[type="radio"] + span::after {
-webkit-transform: translateY(-50%);
background: rgba(0, 0, 0, 1);
border: 1px solid transparent;
border-radius: 50%;
content: "";
height: 8px;
left: 4px;
opacity: 0;
padding: 2px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 8px;
}
.form_wrap input[type="radio"]:checked + span::after {opacity: 1;}

.form_wrap textarea {width:100%;}

button {
background-color: #eee;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
padding:.4em;
}

.submit_container {
margin:10px 0 30px;
text-align:center;
}
.form_wrap .submit_button {
background-color: #e60012;
border-radius: 5px;
color: #fff;
font-size: 2rem;
text-decoration: none;
vertical-align: middle;
max-width: 440px;
width: 100%;
}
.submit_button:hover {
background-color:#000;
color: #fff;
}
.submit_button:active {
background-color: #fff;
color: #e60012;
}

.history-button {
background-color:#e60012;
color: #fff;
font-size: 1.6rem;
line-height: 60px;
text-decoration: none;
vertical-align: middle;
max-width: 320px;
width: 100%;
}
.history-button:hover {
background-color:#000;
color: #fff;
}
.history-button:active {
background-color: #fff;
color: #e60012;
}

.privacy_wrap dl {
text-align: center;
}
.privacy_wrap dt {
background-color: #efefef;
font-size:2.8rem;
line-height: 1.4;
margin-bottom: 8px;
}
.privacy_wrap dt:first-child {
background-color: transparent;
}
.privacy_wrap dd {margin-bottom:2em;}



/*----------------
NEW RECRUIT
----------------*/
body#Recruit-new-id #Contents {
font-size:1.6rem;
line-height:2.2;
}
.rec_h2 {margin-bottom:5em;}

.rec_h3 {margin-bottom:4em;text-align: center;}
.dec_line {
border-bottom: 1px solid #000;
margin-bottom:2em;
padding-bottom: .5em;
}
.mv {margin-bottom:6em;}

.rec_inner {
margin:auto;
max-width: 820px;
width: 92%;
}

.paragraph {margin-bottom:7em;}

.flex {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.dir-col-3 li {width:32.33%;}

.m-TB4 {margin:4em auto;}
.m-T2 {margin-top:2em;}
.m-T3 {margin-top:3em;}
.m-T4 {margin-top:4em;}
.m-T6 {margin-top:6em;}
.m-B2 {margin-bottom:2em;}
.m-B3 {margin-bottom:3em;}
.m-B4 {margin-bottom:4em;}

.dl_company {
margin:auto;
max-width: 640px;
}
.dl_company dt {
font-size:150%;
letter-spacing: -.02em;
}
.dl_company dd {margin-bottom:1.5em}

.company_thumb li {margin-bottom: 1em;}

.dl_staff {
border-top:1px solid #000;
margin-top:4em;
padding-top:2em;
}
.dl_staff dt {font-size:200%;}
.dl_staff dd {margin-bottom:1.5em}

.ul_recruit {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin:0 auto 4em;
max-width: 260px;
width: 92%;;
}
.ul_recruit li {width:32.69%;}

.entry_wrap {position: relative;}
.entry_wrap figure {
max-width:100px;
position: absolute;
bottom:0;
right:0;
}

.ul_contact {text-align: center;}
.ul_contact li {margin-bottom:1em;}
.ul_contact li:nth-child(2) {margin-bottom: 2em;}
.ul_contact li em {
font-size:125%;
font-style: normal;
}

@media screen and (min-width:768px) {
.dir-col-3 li {width:25.15%;}
}

@media screen and (max-width:639px) {
.rec_h2 {
margin: 0 auto 5em;
max-width: 340px;
}
}


/* DROP DOWN */
.btn-menu {cursor: pointer;}

.sub-nav {
background-color: #fff;
border:1px solid #666;
opacity: 0;
overflow-x: hidden;
text-align: center;
transition: .5s;
width: 100%;
position: absolute;
z-index: 1;
top: 3.125rem;
right: 0;
}
.sub-nav.open-menu {opacity:1;}
.sub-nav li {
border-bottom:1px solid #666;
}
#gNavi li .sub-nav a {height:auto;padding: .2em 0;}


/* SP DRAWER */
.rec_subnav_wrap {
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.rec_subnav_item {width:50%;}
.rec_subnav_item:nth-child(1),
.rec_subnav_item:nth-child(2) {border-top:1px solid #ddd}
.rec_subnav_item:nth-child(odd) {border-right:1px solid #ddd}

.nav_recruit {
background-color: #eee;
padding: .4em 0;
}

.tx_maintenance {
font-size:1.6rem;
padding-top: 2em;
text-align: center;
}

@media screen and (min-width:768px) {
.tx_maintenance {font-size:2.4rem;}
}


/*----------------
VALUE
----------------*/
.value_wrap {
    margin-top:72px;
}
.value_wrap h3 {
    margin-bottom: 56px;
    text-align: center;
}

.value_wrap .value_inner {
    margin:0 auto 88px;
    max-width: 800px;
    width: 100%;
}
.value_wrap .value_inner h4 {
    margin-bottom: 32px;
    max-width: 726px;
    width: 100%;
}
.value_wrap .value_inner ul {
    border-top: 3px solid #000;
    margin:auto;
    max-width: 660px;
    padding-top: 3px;
}
.value_wrap .value_inner li {
    font-size:2.4rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 8px;
}

.value_wrap .value_inner li.fx {
    display: flex;
    flex-direction: column;
}

.value_wrap .value_inner li i {
    font-size:1.6em;
    line-height: 0;
    width: 1em;
    position: relative;
    top:.06em;
}

.value_wrap .value_inner li:first-child {
    border-top: 1px solid #000;
    padding-top: 10px;
}
.value_wrap .value_inner li span:nth-child(2) {
    align-self: flex-end;
}
.value_wrap .value_inner li span {line-height: 1.8;}

.value_wrap .value_inner .txt_lead {
    font-size:1.2rem;
    margin: auto;
    max-width: 640px;
}

.value_wrap .value_inner figure {
    margin:40px 0 80px;
}

.value_wrap .value_detail + .value_detail {margin-top:40px}

.value_wrap .value_detail__inner {
    border-top: 3px solid #000;
    margin:auto;
    max-width: 640px;
    padding-top: 3px;
}
.value_wrap .value_detail__inner .flex {
    border-top: 1px solid #000;
    padding-top: 16px;
}
.value_wrap .value_detail__inner .ttl {
    width:23.4375%;
}
.value_wrap .value_detail__inner ul {
    border-top: none;
    margin:0;
    max-width: auto;
    padding-top: 0;
    width: 70.3125%;
}
.value_wrap .value_detail__inner li {
    font-size:2.1rem;
}
.value_wrap .value_detail__inner li:first-child {
    border-top:none;
}


@media screen and (max-width:767px) {
.value_wrap {
margin-top:56px;
}
.value_wrap h3 {
margin-bottom: 40px;
}

.value_wrap .value_inner {
margin:0 auto 56px;
}
.value_wrap .value_inner h4 {
margin-bottom: 24px;
}
.value_wrap .value_inner li {
font-size:1.8rem;
margin-bottom: 12px;
}
.value_wrap .value_inner li:first-child {
padding-top: 12px;
}

.value_wrap .value_inner figure {
margin:24px 0 48px;
}

.value_wrap .value_detail + .value_detail {margin-top:24px}

.value_wrap .value_detail__inner .flex {
display: block;
padding-top: 12px;
}
.value_wrap .value_detail__inner .ttl,
.value_wrap .value_detail__inner ul {
width:100%;
}
.value_wrap .value_detail__inner .ttl {
    line-height: 1;
}
.value_wrap .value_detail__inner li {
    font-size:1.6rem;
}
}