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

/*-- headline ------------------------------------------------------------*/
#headline { padding: 2% 0% 0% 4%; margin-bottom: 10px; }
#headline h2 { color: #000; line-height: 1.5; letter-spacing: .2em; }
#headline h2 span { font-family:'Roboto Condensed', sans-serif; font-weight:bold; display:block; letter-spacing: 0em; color: var(--base-color); }

.headline-image { position: relative; }
.headline-image .inner{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   clip-path: inset(0);
}
.headline-image .bg{
	position: absolute;
	top: 0;
	right: 0;
	width: 60vw;
	height: 200px;
	background-size: cover;
	background-position: center;
	z-index: -1;
	overflow: hidden;
}
.headline-image .bg { background-image: url("../img/second/headline01.jpg"); } 
.headline-image.headline-image-company .bg { background-image: url("../img/second/headline-company.png"); } 
.headline-image.headline-image-office .bg { background-image: url("../img/second/headline-office.png"); } 
.headline-image.headline-image-group .bg { background-image: url("../img/second/headline-group.png"); } 
.headline-image.headline-image-chubu .bg { background-image: url("../img/second/headline-chubu.png"); } 
.headline-image.headline-image-age .bg { background-image: url("../img/second/headline-age.png"); } 
.headline-image.headline-image-ikeda .bg { background-image: url("../img/second/headline-ikeda.png"); } 
.headline-image.headline-image-service .bg { background-image: url("../img/second/headline-service.png"); } 
.headline-image.headline-image-product .bg { background-image: url("../img/second/headline-product.png"); } 
.headline-image.headline-image-contact .bg { background-image: url("../img/second/headline-contact.jpg"); } 
.headline-image.headline-image-privacy .bg { background-image: url("../img/second/headline-privacy.jpg"); } 
.headline-image.headline-image-news .bg { background-image: url("../img/second/headline-news.jpg"); } 
.headline-image.headline-image-recruit .bg { background-image: url("../img/second/headline-recruit.jpg"); } 
@media screen and (max-width: 599px) {
	.headTtl { margin-bottom: 20px; }
	#headline { padding: 2% 4%; margin-bottom: 10px; }
	#headline h2 { font-size: 1.5rem; line-height: 1.2; text-align: center; margin-bottom: 20px;}
	#headline h2 span { font-size: 0.7rem;}
	.headline-image { height: 120px; width: 100%; }
	.headline-image .bg{ height: 120px; width: 100%; }
}
@media screen and (min-width: 600px) {
	#headline { display: flex; justify-content: space-between; align-items: center;}
	header .in-head-flex .hL h1 { font-size: 12px; color: #000; }
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	#headline h2 { font-size: 1.8rem;}
	#headline h2 span { font-size: 0.8rem;}
	.headline-image { height: 150px; width: 70%; }
	.headline-image .bg{ height: 150px; }
}
@media screen and (min-width: 900px) and (max-width: 1079px)  {
	#headline h2 { font-size: 2.0rem;}
	#headline h2 span { font-size: 0.85rem;}
	.headline-image { height: 160px; width: 70%; }
	.headline-image .bg{ height: 160px; }
}
@media screen and (min-width: 1080px) and (max-width: 1199px)  {
	#headline h2 { font-size: 2.2rem;}
	#headline h2 span { font-size: 0.9rem;}
	.headline-image { height: 170px; width: 70%; }
	.headline-image .bg{ height: 170px; }
}
@media screen and (min-width: 1200px) and (max-width: 1479px)  {
	#headline h2 { font-size: 2.3rem;}
	#headline h2 span { font-size: 0.95rem;}
	.headline-image { height: 180px; width: 70%; }
	.headline-image .bg{ height: 180px; }
}
@media screen and (min-width: 1480px) {
	#headline h2 { font-size: 2.4rem;}
	#headline h2 span { font-size: 1.0rem;}
	.headline-image { height: 200px; width: 70%; }
}

/*-- header ------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	header .in-head-flex .hL h1 { color: #000; }
	header .in-head-flex .hR nav ul li a { position: relative; }
}
@media screen and (max-width: 599px) {
	.menu-trigger span { background-color: var(--base-color); }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.menu-trigger span { background-color: var(--base-color); }
}
/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 20px; padding: 0 2%; }
#breadcrumbs li { font-size: 0.8rem; margin-right: 5px; display: inline-block; }
#breadcrumbs li:after { content: ">"; margin-left: 10px; }
#breadcrumbs li:last-child { margin-right: 0px; }
#breadcrumbs li:last-child:after { display: none; }
@media screen and (max-width: 599px) {
	#breadcrumbs { margin-bottom: 0px; }
	#breadcrumbs li { font-size: 0.7rem; }
}

/*-- section ------------------------------------------------------------*/
section#anch01 { padding: 0vh 0% 0vh; }
.sign { font-size: 1.2rem; font-family: "Zen Old Mincho", serif; font-weight: 400; font-style: normal; }
.sign span { font-size: 0.7em; margin-right: 20px; font-weight: 400; }

@media screen and (max-width: 599px) {
	aside { display: none; }
	section,section#anch01 { padding: 0vh 6% 40px; }
	#contact .in { padding: 5vh 0;}
	#content main section .in { padding: 0 0%; margin: 0; }
	#content main section .in .in-in { margin: 0 2%; }
	#content main section .in h3 { padding: 10px; border-bottom: 1px solid var(--base-color); margin-bottom: 20px; font-size: 1.2rem; color: var(--base-color); letter-spacing: 0.1em; }
	#content main section .in h3 span { display: block; }
	#content main section .in h4.leadCopy { font-size: 1.4rem; margin-bottom: 20px;  }
	#content main section .in h4.leadCopy span { color:var(--base-color); }
	#content main section .in h4.leadCopy span.xsmall { color: #000; }
	
	#content main section .in h5 { border-left: 5px solid var(--base-color); padding: 5px 10px 5px 15px; margin-bottom: 20px; font-weight: bold; color:var(--base-color); }
	
	.img_560 { max-width: 560px; margin-bottom: 40px; }
	.img_720 { max-width: 720px; margin-bottom: 40px; }
	
	.in-flex { margin-bottom: 40px; }
	.in-flex:last-child { margin-bottom: 0px; }
	.imgList { margin-bottom: 20px; }
	
	.plTbl { margin-top: 40px; width: 100%; }
	.plTbl th { background: var(--base-color); padding: 10px 2%; color: #fff; border: 1px solid var(--base-color); vertical-align: middle; display: block; }
	.plTbl td { padding: 10px 4%; border: 1px solid var(--base-color); display: block; }
	.plTbl td ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
	.plTbl td ul li { margin-right: 4%; }
	.plTbl td ul li:before { content: "●"; margin-right: 5px; color:#ffbe93; }
	
	.in-in .img_y_R { width: 100%; margin: 0 0 40px;}
	
	.personList { display: flex; justify-content: flex-start; align-content: center; margin-bottom: 40px; flex-wrap: wrap; }
	.personList li { width: 50%;}
	.personListMb0 { margin-bottom: 0;}
	
	.borderTtl { background: var(--base-color); margin-bottom: 20px; padding: 10px; font-size: 1.1rem; color: #fff; text-align: center; }
	
	.newsDl { margin-bottom: 10px; }
	
	aside ul.newsArchive { display: none;}
	.in-flex-q .in-flex-L { margin-bottom: 40px; }
	.in-flex-q .in-flex-L div { width: 60%; margin: 0 auto; }
	#content main section .in .in-flex-q .subLeadCopy { text-align: center; border-left: none; padding: 0; font-size: 1.2rem; }
	#content main section .in .in-flex-q h4.leadCopy span { font-weight: bold; }
	.in-flex-q .in-flex-R dl dt { color:#000; font-size: 1.1rem; padding: 2px 0 2px 15px; border-left: 5px solid var(--base-color); margin-bottom: 10px; }
	.in-flex-q .in-flex-R dl dt .roboto { font-size: 1.8em; color:var(--base-color); margin-right: 20px; display: block; }
	.in-flex-q .in-flex-R dl dt span.xsmall { display: block; }
	.in-flex-q .in-flex-R dl dd { margin-bottom: 20px; }
	.in-flex-q .in-flex-R dl dd:last-child { margin-bottom: 0px; }
}

@media screen and (min-width: 600px) and (max-width: 1190px){
	section#anch01 { padding: 0vh 0% 0vh; }
	aside ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
	aside ul li { margin: 0 0.25% 10px; height: 30px; line-height: 30px; border: 1px solid #333; width: 200px; text-align: center; font-size: 0.8rem; }
	aside ul li a         { resize: none; display: block; }
	aside ul li a:link    { color:#333; text-decoration: none; }
	aside ul li a:visited { color:#333; text-decoration: none; }
	aside ul li a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	aside ul li a:active  { color:#333; text-decoration: none; }
	
	aside ul p { width: 100%; margin: 10px 2% 20px; background: var(--base-color); text-align: center; color: #fff;}
	aside ul.newsArchive { display: none;}
	
	#content main section .in { padding: 0 4% 5vh; margin: 0;}
	#content main section .in .in-in { margin: 0 2%; }
	
	.in-flex { margin-bottom: 40px; }
	
	#content main section .in h3 { padding: 10px; border-bottom: 1px solid var(--base-color); margin-bottom: 20px; font-size: 1.5rem; color: var(--base-color); letter-spacing: 0.1em; }
	#content main section .in h4.leadCopy { font-size: 2.0rem; margin-bottom: 20px;  }
	#content main section .in h4.leadCopy span { color:var(--base-color); }
	#content main section .in h4.leadCopy span.xsmall { color: #000; }
	
	#content main section .in h5 { border-left: 5px solid var(--base-color); padding: 5px 10px 5px 15px; margin-bottom: 20px; font-weight: bold; color:var(--base-color); }
	
	.img_560 { max-width: 560px; margin-bottom: 40px; }
	.img_720 { max-width: 720px; margin-bottom: 40px; }
	
	.in-subTtl { border-left: 5px solid #ccc; padding: 5px 10px 5px 15px; margin-bottom: 10px; }
	.imgList { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 40px; }

	.plTbl { margin-top: 40px; }
	.plTbl th { width: 20%; background: var(--base-color); padding: 10px 2%; color: #fff; border: 1px solid var(--base-color); vertical-align: middle; }
	.plTbl td { width: 68%; padding: 10px 4%; border: 1px solid var(--base-color); }
	.plTbl td ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
	.plTbl td ul li { margin-right: 4%; }
	.plTbl td ul li:before { content: "●"; margin-right: 5px; color:#ffbe93; }
	
	.personList { display: flex; justify-content: flex-start; align-content: center; margin-bottom: 40px; }
	.personListMb0 { margin-bottom: 0;}
	
	.borderTtl { background: var(--base-color); margin-bottom: 20px; padding: 10px; font-size: 1.1rem; color: #fff; text-align: center; }
	
	.newsDl { margin-bottom: 10px; }
	
	.in-flex-q .in-flex-L div { width: 60%; margin: 0 auto; }
	#content main section .in .in-flex-q .subLeadCopy { text-align: center; border-left: none; padding: 0; font-size: 1.5rem; }
	#content main section .in .in-flex-q h4.leadCopy span { font-weight: bold; }
	.in-flex-q .in-flex-R dl dt { color:#000; font-size: 1.25rem; padding: 2px 0 2px 15px; border-left: 5px solid var(--base-color); margin-bottom: 10px; }
	.in-flex-q .in-flex-R dl dt .roboto { font-size: 1.5em; color:var(--base-color); margin-right: 20px; }
	.in-flex-q .in-flex-R dl dt span.xsmall { display: block; }
	.in-flex-q .in-flex-R dl dd { margin-bottom: 20px; }
	.in-flex-q .in-flex-R dl dd:last-child { margin-bottom: 0px; }
}
@media screen and (min-width: 600px) and (max-width: 899px){
	aside ul li { margin: 0 0.2% 10px; height: 35px; line-height: 35px; width: 180px; font-size: 0.8rem; }
	#content main section .in h3 { font-size: 1.25rem; }
	#content main section .in h4.leadCopy { font-size: 1.7rem; }
	
	.personList li:last-child { display: none; }
}
@media screen and (min-width: 900px) and (max-width: 1089px){
	aside ul li { margin: 0 0.2% 10px; height: 35px; line-height: 35px; width: 190px; font-size: 0.85rem; }
	#content main section .in h3 { font-size: 1.3rem; }
	#content main section .in h4.leadCopy { font-size: 1.75rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px){
	#content main section .in h3 { font-size: 1.35rem; }
	#content main section .in h4.leadCopy { font-size: 1.8rem; }
}

@media screen and (min-width: 1190px){
	#content { display: flex; justify-content: space-between; }
	aside { margin-left: 4%; width: 16%; margin-right: 0%; padding-top: 20px; }
	aside ul { position: sticky; top: 10%; border-top: 3px solid var(--base-color); padding-top: 20px; }
	aside ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; font-size: 0.9rem; padding-left: 1em; text-indent: -1em;  }
	aside ul li:before { content: "|"; font-family: "Font Awesome 5 Free"; color:var(--base-color); margin-right: 10px;  }
	aside ul li a         { resize: none; /*display: inline-block;*/ }
	aside ul li a:link    { color:#333; text-decoration: none; }
	aside ul li a:visited { color:#333; text-decoration: none; }
	aside ul li a:hover   { color:var(--base-color); text-decoration: none; }
	aside ul li a:active  { color:#333; text-decoration: none; }
	
	aside ul li a.active         { color:var(--base-color); font-weight: bold; }
	aside ul li a.active:link    { color:var(--base-color); }
	aside ul li a.active:visited { color:var(--base-color); }
	aside ul li a.active:hover   { color:var(--base-color); }
	aside ul li a.active:active  { color:var(--base-color); }
		
	aside ul.side-scroll { overflow-y: scroll; padding: 4%; margin-bottom: 60px; max-height: 80vh; scrollbar-width: thin; scrollbar-color: #d5cfcb #f4f4f4;}
	aside ul.side-scroll::-webkit-scrollbar { width: 10px; }
	aside ul.side-scroll::-webkit-scrollbar-track { margin: 0 2px; background: #ccc; border-radius: 5px; }
	aside ul.side-scroll::-webkit-scrollbar-thumb { border-radius: 5px; background: #666; }
	aside ul.side-scroll li:nth-child(1) { margin-top: 20px; }
	
	aside ul p.sideSubTtl { background: var(--base-color); text-align: center; color: #fff; padding: 5px 0; font-size: 0.9rem;}
	aside ul.subMenu.newsArchive li:first-child { height: 0px; }
	
	main { width: 76%; margin:0 2% 0 0%;; }
	#content main section .in { padding: 0 0 5vh; margin: 0;}
	#content main section .in .in-in { margin: 0 2%; }
	#content main section .in h3 { padding: 10px; border-bottom: 1px solid var(--base-color); margin-bottom: 20px; font-size: 1.5rem; color: var(--base-color); letter-spacing: 0.1em; }
	#content main section .in h4.leadCopy { font-size: 2.0rem; margin-bottom: 20px;  }
	#content main section .in h4.leadCopy span { color:var(--base-color); }
	#content main section .in h4.leadCopy span.xsmall { color: #000; }
	
	#content main section .in h5 { border-left: 5px solid var(--base-color); padding: 5px 10px 5px 15px; margin-bottom: 20px; font-weight: bold; color:var(--base-color); }
	
	.img_560 { max-width: 560px; margin-bottom: 40px; }
	.img_720 { max-width: 720px; margin-bottom: 40px; }
	
	.in-subTtl { border-left: 5px solid #ccc; padding: 5px 10px 5px 15px; margin-bottom: 10px; }
	
	.in-flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; }
	.in-flex:last-child { margin-bottom: 0px; }
	.in-flex .in-flex-L { width: 48%; }
	.in-flex .in-flex-R { width: 48%; }
	
	.in-flex .in-flex-Img { width: 36%; }
	.in-flex .in-flex-Text { width: 60%; }
	
	.imgList { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 40px; }
	.imgList li {width: calc(100% / 3); }
	.imgList02 li {width: calc(100% / 2); }
	
	.in-max { max-width: 1200px;}
	.sign { font-size: 1.5rem; font-family: "Zen Old Mincho", serif; }
	
	.plTbl { margin-top: 40px; }
	.plTbl th { width: 25%; background: var(--base-color); padding: 10px 2%; color: #fff; border: 1px solid var(--base-color); vertical-align: middle; word-break: keep-all; }
	.plTbl td { width: 68%; padding: 10px 4%; border: 1px solid var(--base-color); }
	.plTbl td ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
	.plTbl td ul li { margin-right: 4%; }
	.plTbl td ul li:before { content: "●"; margin-right: 5px; color:#ffbe93; }
	
	.personList { display: flex; justify-content: flex-start; align-content: center; margin-bottom: 40px; }
	.personListMb0 { margin-bottom: 0;}
	
	.borderTtl { background: var(--base-color); margin-bottom: 20px; padding: 10px; font-size: 1.1rem; color: #fff; text-align: center; }
	
	.newsDl { margin-bottom: 10px; }
	
	.img_y_R_group { width: 30%; }
	
	.in-flex-q { align-items: flex-start; }
	.in-flex-q .in-flex-L { width: 36%; }
	.in-flex-q .in-flex-R { width: 60%; }
	#content main section .in .in-flex-q .subLeadCopy { text-align: center; border-left: none; padding: 0; font-size: 1.5rem; }
	#content main section .in .in-flex-q h4.leadCopy span { font-weight: bold; }
	.in-flex-q .in-flex-R dl dt { color:#000; font-size: 1.25rem; padding: 2px 0 2px 15px; border-left: 5px solid var(--base-color); margin-bottom: 10px; }
	.in-flex-q .in-flex-R dl dt .roboto { font-size: 1.5em; color:var(--base-color); margin-right: 20px; }
	.in-flex-q .in-flex-R dl dt span.xsmall { display: block; }
	.in-flex-q .in-flex-R dl dd { margin-bottom: 20px; }
	.in-flex-q .in-flex-R dl dd:last-child { margin-bottom: 0px; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	#content main section .in h3 { font-size: 1.4rem; }
	#content main section .in h4.leadCopy { font-size: 1.85rem; }
	
	#content main section .in .in-flex-q .subLeadCopy { font-size: 1.35rem; }
	.in-flex-q .in-flex-R dl dt { font-size: 1.1rem; }
	.in-flex-q .in-flex-R dl dd { font-size: 0.85rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	#content main section .in h3 { font-size: 1.40rem; }
	#content main section .in h4.leadCopy { font-size: 1.9rem; }
	
	#content main section .in .in-flex-q .subLeadCopy { font-size: 1.4rem; }
	.in-flex-q .in-flex-R dl dt { font-size: 1.15rem; }
	.in-flex-q .in-flex-R dl dd { font-size: 0.9rem; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
	#content main section .in h3 { font-size: 1.45rem; }
	#content main section .in h4.leadCopy { font-size: 1.95rem; }
	
	#content main section .in .in-flex-q .subLeadCopy { font-size: 1.45rem; }
	.in-flex-q .in-flex-R dl dt { font-size: 1.20rem; }
	.in-flex-q .in-flex-R dl dd { font-size: 0.95rem; }
}
@media screen and (min-width: 1490px) {
}

/*-- company ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.tbl01 { width: 100%; border-top: 1px solid #dedede; }
	.tbl01 th,.tbl01 td { padding: 10px; text-align: left; display: block; }
	.tbl01 th { text-align: center; border-bottom: 1px dotted #dedede; background: #dedede; }
	.tbl01 td { border-bottom: 1px solid #dedede; }
}
@media screen and (min-width: 600px) {
	.tbl01 { width: 100%;  }
	.tbl01 th,.tbl01 td { padding: 20px; text-align: left; }
	.tbl01 th { width: 20%; text-align: left; border-bottom: 3px solid #dedede; }
	.tbl01 td { width: 80%; border-bottom: 1px solid #dedede; }
	
	.tblFlex { display: flex; justify-content: space-between; }
	.tblFlex table { width: 48%; }
	
	.tblFlex table.tbl01 th { width: 80%; text-align: left; border-bottom: 3px solid #dedede; word-break: keep-all; }
	.tblFlex table.tbl01 td { max-width: 20%; border-bottom: 1px solid #dedede; }
}

/*-- company ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.flowStep li { margin-bottom: 20px; padding-bottom: 20px ;border-bottom: 1px solid #dedede; position: relative; }
	.flowStep li:after { content: ""; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 10px 25px 0 25px; border-color: #dedede transparent transparent transparent; }
	.flowStep li p.numberStep { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 2.0rem; text-decoration: underline; text-align: center; line-height: 1.0; margin-bottom: 10px; }
	.flowStep li .flowTtl { margin-bottom: 20px; }
	.flowStep li .flowTtl h4 { font-size: 1.3rem; font-weight: bold; margin-bottom: 10px; text-align: center;}
	/*.flowStep li .img-radius { width: 80%; margin: 0 auto; }*/
	.flowStep li .flowTtl p { margin-bottom: 20px; }
	.flowStep li .flowImg { text-align: center; }
}
@media screen and (min-width: 600px) {
	.flowStep { max-width: 960px; margin: 0 auto; }
	.flowStep li { margin-bottom: 20px; padding-bottom: 20px ;border-bottom: 1px solid #dedede; display: flex; justify-content: flex-start; align-items: center; position: relative; }
	.flowStep li:after { content: ""; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 10px 25px 0 25px; border-color: #dedede transparent transparent transparent; }
	.flowStep li p.numberStep { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 3.0rem; margin-right: 2%; text-decoration: underline; width: 20%; text-align: center; }
	.flowStep li .flowTtl { width: 78%; }
	.flowStep li .flowTtl h4 { font-size: 1.8rem; font-weight: bold; margin-bottom: 10px; }
	/*.flowStep li .img-radius { width: 24%; }*/
	.flowStep li .flowImg { margin-left: 4%; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.flowStep li .flowTtl h4 { font-size: 1.2rem; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.flowStep li .flowTtl h4 { font-size: 1.3rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.flowStep li .flowTtl h4 { font-size: 1.4rem; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	.flowStep li .flowTtl h4 { font-size: 1.5rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	.flowStep li .flowTtl h4 { font-size: 1.6rem; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
	.flowStep li .flowTtl h4 { font-size: 1.7rem; }
}

/*-- recruit ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.recruitList { }
	.recruitList li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede; }
	.recruitList li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
	.recruitList li h4 { font-size: 0.9rem; text-align: center; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.recruitList { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 2% 0; }
	.recruitList li { width: 48%; }
	.recruitList li h4 { font-size: 1.0rem; text-align: center; }
}
@media screen and (min-width: 900px) {
	.recruitList { max-width: 800px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 2% 0; }
	.recruitList li { width: 48%; }
	.recruitList li h4 { font-size: 1.1rem; text-align: center; }
}