@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho:wght@400;700&family=Zen+Old+Mincho&display=swap');



body {
  font-family: 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  line-height: 1.6;
  font-size: 16px;
    background:#fff;
margin: 0;
padding:0;   overflow-x: hidden;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, main, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    scroll-behavior: smooth;
    scroll-padding-top: 180px; // ヘッダーの高さ分設定
}


h1, h2, h3, h4{}

    

h1, h2{width: calc(100% - 2em); max-width:76em; margin:0 auto;}
h1 img, h2 img, h3 img{display: block; height:auto;}



table {
	border-collapse: collapse;
	border-spacing:0;
}
caption, th{
	text-align: left;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    transition: .5s;
    color:#47BA54;
}


/*a:hover{position: relative; top:2px}*/





section{margin:0;}
header{margin:0;}

.wapper{
}

footer{margin:auto 0 0 0; padding:0; background: #4A3C39; 
}
footer .footer_link{max-width:1024px; margin:4em auto 2em auto; display: flex; justify-content: space-between;}
footer p{font-size:10px; color:#fff; padding:2em; text-align: center;}
footer .footer_link img{display: block; width:100%; max-width:300px; height:auto; margin:0 0 0 2em;}
footer ul{column-count: 2;}
footer li{list-style-type: none; margin:0 0 0 3em; padding:.5em 0 .5em 2em; border-left:solid 1px #fff;}
footer li a{color:#fff;}
footer li a:hover{font-weight:700; top:2px; position: relative;}

.footer_border{overflow: hidden;}
.footer_border>div{background: #fff;
  border-bottom-left-radius: 1000px 160px;
  border-bottom-right-radius: 1000px 160px;
  height: 200px;
  margin-left: -100px;
  margin-right: -100px;
  padding-left: 100px;
  padding-right: 100px;}

.footer_border>div img{display: block; width:160px; height:auto; position: absolute; left:6vw; top:80px;}

@media (max-width:  48em) {
footer .footer_link{display: block;}
footer ul{column-count: 1; margin-top:2em}
footer li{padding:.5em 0 .5em 2em; }
} 

#guidelines{margin:0; padding:0; width:100%; }

.container{width:100%; max-width:1280px; margin:0 auto; box-sizing: border-box; padding:0 1em;}


.cmt{font-size:0.8em; line-height: 1.6em}
.txt-red{color:red}

#sch li .txt-red{font-size:0.8em;}



#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 5px;
  bottom: 0;
  opacity: 0.6;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 50%;

}
#page_top a{
  position: relative;
  z-index: 900;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  text-align: center;
    line-height: 3rem;
  background-color: #4A3C39;
  color:#BDEAE0;
  z-index: 999;
}


#page_top a:hover {
color: #4A3C39;
background-color: #BDEAE0;
}


.smp{display: block;}
.pc{display: none;}

@media (min-width:  48em) {
.smp{display: none;}
.pc{display:block;}
} 



.footer_img{width:100%; height:120px;}


/*ヘッダー*/


.drawer-brand img{height:45px; width:auto; margin-top:15px;}


/*色背景エリア共通*/

.bgwhite{background: #fff;}
.bgcolor{background: #BDEAE0;}

.bgptn{background: image-set(url(../images/bg_ptn.png) 1x, url(../images/bg_ptn@2x.png) 2x)}


/*パンくず*/
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
    box-sizing: border-box;
    margin:1em 0;
}

.breadcrumb a{color:#000;}

.breadcrumb li:not(:last-of-type)::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin: 0 .6em; /* 記号の左右の余白 */
  color: #47BA54; /* 記号の色 */
}

/*インデックスメイン*/

#index_top{width:100%; box-sizing: border-box;
}

#maintitle{width: 100vw;
  height: calc(100vh - 200px); 
   background: image-set(url(../images/bg_ptn.png) 1x, url(../images/bg_ptn@2x.png) 2x), #BDEAE0;
padding-top:40px;
}




/*ヘッダースライド*/

.gallery{position: relative; margin:auto;  width:calc(100% - 2em); height:calc(100% - 2em);
max-width:1280px; 
}


/*ヘッダースライド*/

.gallery .swiper{overflow: hidden; border-radius: 30px;}

  .gallery .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
            transition-timing-function: linear !important;
  }
  .gallery .swiper-slide {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .gallery .slide img {
    width:auto; 
    height: calc(40vh - 38px);
  }




.top_logo, .top_shinchan,.top_tababu{position: absolute;
z-index: 100; display: block; height:auto;}

.top_logo{width:60%; max-width:480px; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}




.top_shinchan{width:160px; top: calc(100vh - 420px); left:-50px;}
.top_tababu{width:260px; top: calc(100vh - 310px); right:-70px;}

@media (max-width: 48em) {
.top_shinchan{width:100px; top: calc(100vh - 340px); left:-10px;}
.top_tababu{width:180px; top: calc(100vh - 270px); right:-30px;}  

}

/*メニュー*/

header{box-shadow: 0 0 6px #666;}

.drawer-menu-item {
    text-align: center; 
}


/*メニュー色上書き*/
.drawer-nav, .drawer--sidebar, .drawer--sidebar .drawer-contents, .drawer-navbar .drawer-navbar-header, .drawer-navbar,.drawer-dropdown-menu {background:transparent;}

.drawer-navbar{background:rgba(255,255,255,.9);}
.drawer-navbar .drawer-menu-item{line-height: 1em}

.drawer-menu-item{color:#4A3C39; font-weight:700; padding:0 1.5rem; font-size:1em;}
.drawer-menu-item:hover {
  text-decoration: none;
    position: relative; top:1px;
}
  

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  background-color: #BDEAE0;
}

.drawer-dropdown .drawer-caret {
  border-top: 8px solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.drawer-dropdown-menu {
  margin: 1rem 0 0 0;
  padding: 0;
  background-color: #fff;
}


.drawer-dropdown-menu-item {
  line-height: 3rem;
  padding: 0;
  padding-right: 1rem;
  padding-left: 1.5rem;
  text-decoration: none;
  font-weight:700;
  color:#4A3C39
}

.drawer-dropdown-menu-item:hover {
  text-decoration: none;
  background-color: #BDEAE0;
  color:#fff;
}


.entry_link{
    width:180px;
    text-align: center;
    font-size:1.2em; 
    line-height: 1em;
    font-weight:bold;
    position: absolute; 
    right:0;
    padding:8px 10px; 
    margin:0;
    overflow: hidden;
    top:-2px;
}


.entry_link a {
  position: relative;
  right:0;
  z-index: 1;
  display: block;
  padding:8px;
  background-color: #4A3C39;
  border-radius: 26px;
  color:#fff; 
}

.entry_link a:hover {
  background:#fff;
    color: #4A3C39;
    border:solid 2px #4A3C39;
}


@media (max-width: 76em) {
    body {font-size:12px;}
    .entry_link{width: calc(100% - 2em);  position:static; margin:1em auto; padding-top:20px}
    .entry_link a{padding:12px}
    .drawer-navbar .drawer-nav{padding-top:6rem; box-sizing: border-box; background: #fff;}
  .drawer-navbar .drawer-menu-item{line-height: 3rem; font-size:14px;}
    .drawer-dropdown-menu-item{font-size:14px;}
    .drawer-navbar .drawer-menu{padding-bottom:1.6em;}
}

@media (min-width: 76em) {
.drawer-navbar .drawer-menu{padding:16px; float: right; width: calc(100% - 380px); background:#BDEAE0;  border-radius: 30px;
margin:16px 0 0 0; 
}
.drawer-menu-item:hover {
    color:#fff;
}
.drawer-navbar .drawer-dropdown-menu{border:solid 1px #BDEAE0; width:12rem;} 
    
}


svg{line-height: 1; margin:0 padding:0}



/*応募要項*/


#guidelines{
padding-top:2vw;

margin-bottom:calc(2vw + 10px);
    
}

.guidelines_anchor{
display: block;}


.guidelines--contents{width:100%; max-width: 820px; margin:auto;}

.guidelines--contents h2 {
	font-size: 1.5em;
    margin:20px 0 40px 0;
    font-weight:700;
    background: #BDEAE0;
    padding:10px;
    color:#4A3C39;
    border-radius: 2em;
    text-align: center;
}


#guidelines .container dl{
    display: flex;
    padding:10px;
    margin:.5em 0; 
}

#guidelines .container dt{width:20%; flex-shrink: 1; color:#4A3C39; background:#BDEAE0; padding:.5em; font-weight: 700; display: flex; align-items: center;}

#guidelines .container dd{
    padding:5px 1em;
    flex-shrink: 2;
    width:80%; 
}


#guidelines .container ol,#guidelines .container ul
{margin:0 0 0 1rem;
padding-left:0;
list-style-position: inside;
text-indent:-1em;}


#sch{margin-top:100px;}
#sch h2 span{font-size:0.7em; font-weight:400; display: inline-block; padding: 0 .5em; background: #fff; border-radius: 1em; color:#4A3C39; margin-left:.5em}

#sch>div{border-top:solid 2px #4A3C39;
border-right:solid 2px #4A3C39;
border-left:solid 2px #4A3C39;
border-bottom:solid 1px #4A3C39;
margin:30px 0;}

#sch>div .selection_sch-list, #sch .selection_sch-list-end{
  position: relative;
  display: inline-block;
  margin:  0;
  padding: 2em 1em 1em 1em;
  width: 100%;
  background: #FFF;
  border-bottom: solid 1px #4A3C39;
  box-sizing: border-box;
}

#sch>div .selection_sch-list:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

#sch>div .selection_sch-list:after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #4A3C39;
  z-index: 1;
}

#sch>div .selection_sch-list p {
  margin: 0;
  padding: 0;
}

#sch>div .selection_sch-list .number,#sch .selection_sch-list-end .number{
    color:#47BA54; display: inline-block; padding-right:10px;
font-size:1.2em;}

#sch .cmt{padding:1em;}

#sch .txt-red{font-size:12px;}

.tababu_ohanami{display: block; margin:1em auto; width:70%; max-width:280px; height:auto;}


/*インデックスインタビューリンク*/
.linktop_msg{width:100%; max-width:76em; margin: 1em auto;}
.linktop_msg img{display: block; height: auto; width: 96%;  margin:2em auto;}
.lintop_msg a:hover{position: relative; top:2px}

@media (min-width: 46em) {
 .linktop_msg{display:flex; justify-content:center; align-items: center; }
.linktop_msg img{max-width:560px;}    
}

.linktop_company{background: image-set(url(../images/bg_dot_g.png) 1x, url(../images/bg_dot_g@2x.png) 2x), url(../images/bg_ftb_line.png) no-repeat center / cover;
padding:2em 0; box-sizing: border-box;}

.linktop_company >div{width:100%; max-width:980px; margin:auto;}

.linktop_company .tababu_tachi{display: block;width:80%; max-width:400px; height:auto; margin:auto;}

.linktop_business{width:90%; max-width:400px; margin:2em auto 0 auto;}

.link_about_company,
.link_messege,
.link_about_works{display: block; height:60px; width:auto; margin:2.5em 0;}
.linktop_company a img:hover{position: relative; top:2px}

@media (min-width: 46em) {
.linktop_company >div{display: flex; align-items: center; justify-content: center;} 
    
.linktop_business{width:100%; max-width:400px; margin:2em auto 0 auto;}
.link_about_company,
.link_messege,
.link_about_works{margin:2em; height:70px; }
}



/*社長メッセージ*/

#message{}

#message .bgbluegreen > div{background: linear-gradient(#fff 50%, #BDEAE0 50%);}
#message h1{overflow: hidden; padding:50px 0}
#message h1 img{width:60%; max-width:500px; float: right;}


#message .director{
    line-height: 2em;   
    width:90%;
    max-width:920px; margin:3em auto;
}

.msg_sign{width:90%; max-width:980px;}

.msg_sign{text-align: right; 
    font-size:2rem;
    line-height: 2rem; 
    margin:60px 0;
    display: block!important;
    width:8em;
    float: right;}

.msg_sign span{font-size:1rem;}


.message_photo{margin:0; padding:50px 0;}
.message_photo > div{width: calc(100% - 2em); max-width:700px; margin:auto; background: image-set(url(../images/bg_dot_g.png) 1x, url(../images/bg_dot_g@2x.png) 2x); 
border-radius: 30px;
}
.message_photo img{width: calc(100% - 20px); height:auto; display: block; margin: 0 auto; border-radius: 30px; border:solid 3px #4A3C39; top:20px; left:20px; position: relative;}



.divider-book-top {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.divider-book-top svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 59px;
}

.divider-book-top .shape-fill {
    fill: #BDEAE0;
}

.divider-book-bottom {

    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.divider-book-bottom svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 59px;
}

.divider-book-bottom .shape-fill {
    fill: #FFFFFF;
}


/*会社概要*/


#company h1 img{width:60%; max-width:440px;}
#history h2 img{width:60%; max-width:420px;}


#corporate{margin:3rem 0;}

#companyprofile{margin:3rem 0;
padding:1em;
border:solid 1px #47BA54;
border-radius: 20px;}


.photo_company img{display: block; height:auto;}
.photo_company img.photo_company01{width:100%; max-width:500px; position: relative; top:-70px; right:-80px;}
.photo_company img.photo_company02{width:50%; max-width:200px; position: relative;
 right:0x; top:-140px;}
.photo_company img.photo_company03{width:70%; max-width:300px; position: relative;
 right:0; top:0;}

#company .container{overflow: hidden;}



@media (min-width: 42em) {
#company .container{display: flex; align-items: flex-start; justify-content: space-between;}

#corporate{margin:3rem 2rem 3rem 0;}
#companyprofile{margin:3rem 2rem 3rem 0;}
}


@media (min-width: 48em) {
.photo_company img.photo_company01{width:1000px; right:-5vw; top:-70px;}
.photo_company img.photo_company02{width:200px; position: relative;
 right:-60px; top:-150px;}
.photo_company img.photo_company03{width:320px; position: relative;
 right:-60px;top:0;}    
}

@media (min-width: 84em) {#company .container{overflow:visible;}}


#companyprofile table{margin:1rem auto;}

#companyprofile th{
    text-align: left;
    width:30%;
    padding:0.5em;
    line-height: 1.5rem;
    font-weight:700;
}


#companyprofile td{
    padding:0.5em;
    width:70%;
    line-height: 1.5rem;
}

/*沿革*/

#history{margin:0 0 50px 0;}


#history .title-history{background: linear-gradient(5deg, #BDEAE0 0%, #BDEAE0 50%, #fff 50%, #fff 100%);}

#history .bgcolor{padding-bottom:200px; background: image-set(url(../images/bg_ptn.png) 1x, url(../images/bg_ptn@2x.png) 2x), #BDEAE0;}

#history h2 img{padding-bottom:2em; height:auto;}


.historycover{width:80px; height:auto; vertical-align: middle;}
.history_list{margin:auto;} 

.history_list th{
    text-align: left;
    width:5em;
    padding:1em 0;
    line-height: 1.5rem;
    vertical-align: middle; 
}

.history_list tr {
    padding:0.5em;
}

.history_list td{
    padding:1em 0;
    line-height: 1.5rem;
    vertical-align: middle;
}
    
.history_list td span{ padding:3px 10px;
background: #fff; border-radius: 16px;}

.history_list td img{display: inline-block; margin-left:1rem;}


/*組織図*/

#works h1 img{width:60%; max-width:370px;}

.orgchart{width:96%; max-width:780px; margin:0 auto 4em auto;}
.orgchart img{display: block; 
    height: auto;
	width: 100%;
	box-sizing: unset;}


#works div.division section{margin-bottom:6em;}

.division_title{overflow: hidden; height:100px;}
.division_title h3 img{display: block; width:auto; height:50px; margin:auto;}
.division_title h3{background: #fff;
  border-bottom-left-radius: 1000px 120px;
  border-bottom-right-radius: 1000px 120px;
  height: 40px;
  margin-left: -100px;
  margin-right: -100px;
  padding-left: 100px;
  padding-right: 100px;
  text-align: center;}

.division_title p{margin:2em auto; text-align: center;}


.division .container article{display: flex; margin:2em auto; width:100%; max-width:750px;}
.works-thum img{display: block; width:140px; height:auto; }


.division div h4{font-size:2em; font-weight:400; margin-bottom:.5rem; color:#4A3C39;}
.works-about{width:calc(100% - 140px); margin-right:1em;}
.works-about .works-example{margin-bottom:1em; color:#47BA54;}
.works-about .works-example span{border:solid 1px #47BA54; display: inline-block; padding:1px 6px; border-radius: 6px; margin:2px 6px 2px 0;}
.works-about .works-example a{border:solid 1px #47BA54; display: inline-block; padding:1px 6px; border-radius: 6px; margin:2px 6px 2px 0; background: #47BA54; color: #fff;}
.works-about .works-example a:hover{position:relative; top:2px; font-weight: 700;}

.works-about .works-example a::before{
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin: 0 5px 0 0; /* 記号の左右の余白 */
  color: #fff; /* 記号の色 */
}


.works-about .link_interview{background:#BDEAE0; border-radius: 6px; padding:6px 12px;}

.works-about .link_interview img{display: block; width:160px; height:auto;}

.works-about .link_interview div a{margin:0.5em 0 0 0; color:#4A3C39; display: block; font-weight: 700;}
.works-about .link_interview div a span{font-size:0.8em; font-weight: 400;}
.works-about .link_interview div a::before{
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin: 0 5px 0 0; /* 記号の左右の余白 */
  color: #47BA54; /* 記号の色 */
}
.works-about .link_interview div a:hover{position:relative; top:2px;}



@media (min-width: 42em) {   
.works-about .link_interview img{width:250px;} 
.works-about .link_interview{display: flex; align-items:center;}
.works-about .link_interview div a{margin:0 0 0 1em;}
    
} 


.title-works_movie img{display: block; width: 90%; height:auto; max-width:600px; margin:auto;}


.movie{ width: 100%;
  aspect-ratio: 16 / 9;
}

.movie iframe {
  width: 100%;
  height: 100%;
  padding:0 10px 0 0;
}

.movie>div{display: flex; overflow-y: scroll;
    padding-bottom:1em;}
.movie>div iframe{}


@media (min-width: 42em) {
.division_title{height:160px;}
.division_title h3 img{height:100px;}
.division_title h3{
  height: 80px;}
    .movie{text-align: center;}    
    .movie iframe{width: 45%;
  height: 45%;
} 

} 




/*社員インタビュー*/


#interview-header h1 img{width:60%; max-width:570px; position: relative; z-index: 500; top:50px;  left: 100%;
 transform: translateX(-100%); }

#interview-header{margin-top:0;}
#interview-header svg, .bgwave svg{vertical-align: bottom; margin-bottom:-1px;}

#interview_list h2{margin:0 0 2em 0;}
#interview_list h2 img{width:auto; height:60px;}


section_title{}


.interview_list_thum{display: flex; flex-wrap: wrap; align-items:stretch; margin-bottom:4em; justify-content:flex-start;}

.interview_list_thum a{display: block; width:130px;  height:auto; border-radius: 12px; color:#4A3C39; margin:1em;}
.interview_list_thum a img{border-radius: 12px; border:solid 2px #4A3C39; height:auto; width:100%; height:auto; overflow: hidden; display: block; margin-bottom:1em;}
#interview_list h2 img{height:100px;}
.interview_list_thum h4{font-weight: 700; font-size:1.2em; line-height: 1.2em}
.interview_list_thum h5{font-weight: 400; font-size:1em;}
.interview_list_thum h5 span{font-size:0.8em; padding-left:.5rem;}

.interview_list_ill01,
.interview_list_ill02,
.interview_list_ill03,
.interview_list_ill04{display: block; width:280px; height:auto; margin:1em auto;}
.interview_list_ill03{320px}

@media (max-width: 32em) {
    #interview_list h2 img{height:60px;}
}


@media (min-width: 42em) {
#interview-header{margin-top:-100px;}
#interview-header h1 img{top:100px;}  
#interview_list h2 img{height:80px;}
.interview_list_thum a{width:160px;}  
#interview_list .section{display: flex; margin-top:20px; margin-bottom:40px;}
.section_title{width:40%; max-width:420px; margin-right:50px;}
.interview_list_thum{width:70%;}
}

@media (min-width: 76em) {

#interview_list h2 img{height:100px;}
}

.career{padding:0; display: flex; align-items: center;}

.interview-photo{display: block; width:90%; max-width:780px;}
.interview-photo img{display: block; width:100%; border-radius: 20px; border:solid 2px #4A3C39;}

.interview-team{margin:300px 0 0 -100px; background: #fff; padding:1.5em;  border-radius: 20px;  box-sizing: border-box; width:40%; min-width:160px;}
.interview-team img{position: absolute; width:120px; height:auto; display: block; top:-100px; right:.5vw;}

.position{font-size:2em; font-weight: 700; line-height:1.2em; color:#4A3C39;}
.position .cmt{font-size:12px; line-height:1.5em; display: block;}

.name{font-size:1.2rem;}
.name span{font-size:0.7em; color:#333;}
.personal_history{padding-top:5px;}
.career_history{font-weight:700; background: #BDEAE0; padding:2px 6px 3px 6px; border-radius:12px; display: inline-block; margin:1em 0 0 0; line-height: 1; color: #4A3C39}


@media (min-width: 28em) {.career{margin-top:-100px;}}

@media (min-width: 42em) {
.interview-team img{width:160px; top:-130px;}

}


#interview {width:calc(100% - 2em); max-width:860px; margin:3em auto 5em auto; max-width:980px;}
.quest{display: block; color:#4A3C39;  margin:2em 0 1em 0; font-weight: 700; font-size:1.4em;}


.answer {
    position: relative;
    padding:1.5em;
    background: #fff; border-radius: 20px;
}

.answer p {
    margin: 0; 
    padding: 0;
}

.interview-photo_ill{width:90%; height:auto; display: block; margin:1em auto; max-width: 250px;}


.cs_copyright{font-size:10px; text-align: center;}



@media (max-width: 28em) {
.interview-photo{margin:0 auto;}
.career{display: block;}
.interview-team{margin:1em auto; width:90%;}
}


/*1日のスケジュール*/

.title-workstimeline{margin:auto; width:70%; max-width:500px;}

#schedule-timeline{
    display: flex;
    width:100%;
    max-width: 1024px;
    margin: 0 auto 3em auto;
    justify-content: space-between;
    box-sizing: border-box;
    padding:3em 1em 0 0;
}

.timeline {
  position: relative;
  list-style: none;
  max-width: 500px;
  margin: 0 auto;

}

/*縦線*/
.timeline::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3rem; /* 左寄せタイムラインの場合 */
  width: 2px; /* 線の太さ */
  background: #BDEAE0; /* 線の色 */
  z-index: 1;
}

.timeline-item, .timeline-item_photoonly {
  display: flex;
  margin-bottom: 20px;
  position: relative;
  align-items: center;
}

.timeline-item:last-child{
    margin-bottom:0;
}

.timeline-item::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100px; /* 時間表示の幅に合わせる */
}

.timeline-time {
  width: 80px;
  padding: 10px 5px;
  background: #fff;
  color: #4A3C39;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 2;
  font-size:1.4em;
}



.timeline-item:last-child .timeline-time{
}


.timeline-contents {
  position: relative;
  padding: 20px;
  background: #BDEAE0;
  left:20px;
  width:calc(100% - 150px);
    border-radius: 12px;
}


/* コンテンツボックスの矢印 */
.timeline-contents::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 15px;
  background: #BDEAE0;
  top: 0;
  bottom: 0;
  left: -12px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  margin: auto;
}

.timeline-item_photoonly .timeline-contents{background: transparent;
left:100px;}

.timeline-item_photoonly .timeline-contents::before{background: transparent;}

.timeline-contents h4{
margin-top:0;
margin-bottom:0.5rem;
color:#4A3C39;
    padding:0;
    margin:0;
}


/* コンテンツ内の画像 */
.timeline-contents img {
  max-width: 100%;
  border-radius: 4px;
  margin: 10px 0;
}

.timeline-contents figcaption{font-size:0.8rem;}


@media (max-width: 28em) { 
#schedule-timeline{
    display: block;
}
    
.timeline {
    padding-bottom:2em;
}    
    
}

/*内定者の声*/

.bgdot{background: image-set(url(../images/bg_dot_g.png) 1x, url(../images/bg_dot_g@2x.png) 2x);
padding:2em;}

#voice{background: image-set(url(../images/bg_paper.jpg) 1x, url(../images/bg_paper@2x.jpg) 2x);
margin:0 auto;
filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
padding:1em 0;
}
.title-voice{display: block; width:100%; height:auto;}

.voice_person_list{width:calc(100% - 2em); max-width:980px; margin:1.5em auto;}

.voice_person_list > div{display: flex; align-items: flex-start;}
.voice_person_list > div >div{margin:.5em;}

.voice_person_list > div >div p{  font-family: "Zen Old Mincho", serif; font-size:.8rem; line-height: 1.2rem;}
.voice_person_list > div >div p.voice_person_name{font-weight:700; font-size:1.6rem; font-family: "Noto Sans JP", sans-serif; margin-bottom:8px;}
.voice_person_list > div >div p.voice_person_name span{font-size:.8rem;}
.voice_person_list img{display: inline-block; width:80px; height:auto; margin:.5em;}

#voice article{width:calc(100% - 2em); max-width:980px; margin:4em auto; background: #fff; padding:2em 1em 1em 1em; box-sizing: border-box; position: relative;}

#voice article h2 .question{background: #000; font-size:1.8em; display: inline-block; position: absolute; top:-30px; left:-30px; padding:10px 10px 10px 20px; line-height: 1.2em; color:#fff; font-weight: 700;}

.voice_column{margin:2em 1em; font-family: "Zen Old Mincho", serif;}

.voice_column > div{border:solid 1px #8ABBDC; border-radius: 12px; padding:1em;}
.voice_column img{width:100px; height:auto; display: block; margin:0 1.5em 1.5em 0;}
.voice_column p{text-indent: 1em;}

@media (min-width: 48em) {
.voice_column{display: flex; align-items: flex-start;}
.voice_person_list{display: flex; align-items: flex-start; flex-wrap: wrap;}
.voice_person_list > div{width:49%;}
}

@media (min-width: 76em) {
.voice_person_list img{display: inline-block; width:120px;}
}