@charset "utf-8";

/*共通-------------------------------------------------------------------*/
.mv {
  background: url(../../images/company/bg-mv.jpg) no-repeat center top;
  background-size: cover;
}
/*.post-type-archive-guideline .mv,
.guideline-template-default .mv,
.page-id-1059 .mv,
.page-id-1063 .mv{
  background-image: url(../../images/recruit/bg-mv.jpg);
}

.post-type-archive-works .mv,
.works-template-default .mv,
.occupations-template-default .mv {
  background-image: url(../../images/works/bg-mv.jpg);
}

.contact .mv,
.page-id-1031 .mv,
.page-id-1050 .mv{
  background-image: url(../../images/contact/bg-mv.jpg);
}
.post-type-archive-movie .mv,
.news .mv{
  background-image: url(../../images/movie/bg-mv.jpg);
}
*/
.mv .inner {
  position: relative;
  height: 234px;
}
.mv .ttl_h1 span {
  font-family: "Poppins", sans-serif;
  display: block;
  font-size: 1rem;
  margin: 1rem 0 10px 0;
  color: #fff;
	font-weight: normal;
}
.mv .ttl_h1 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
  color: #ffff00;
  font-size: 2.5rem;
}
.bread {
  text-align: right;
  margin: 30px 0 0 0 ;
}
.bread a,.bread span {
  font-size: 0.875rem;
}
section {
  padding: 60px 0 20px;
}
.floatBox .fL {
  width: 48%;
  float: left;
}
.floatBox .fR {
  width: 48%;
  float: right;
}
.company_table {
  
}
.company_table tr {
  
}
.company_table tr:nth-of-type(2n) {
  background-color: #f0f0f0;
}
.company_table th {
  width: 140px;
  padding: 15px 0 15px 25px;
  background: url(../../images/common/icn-dot_blue.jpg) no-repeat 12px 25px;
}
.company_table td {
  width: calc(100% - 140px);
  padding: 15px 0;
  line-height: 1.6;
}

.company_table td .boxTdImg {
  text-align: left;
}

.company_table td .boxTdImg img {
  max-width: 300px;
}


/*会社案内 -------------------------------------------------------------------*/
.company #sec02{
  background: url(../../images/company/bg01.jpg) no-repeat center calc(100% - 50px);
  padding-bottom: 500px;
}

.company #sec01 {
  min-height:687px;
}

.company #sec01 .txt {
  width: 60%;
  margin-left: auto;
  position: relative;
  padding-top: 20px;
}

.company #sec01 .txt:before {
  content: "";
  width: 844px;
  /*height:500px;*/
  height:340px;
  background: url(../../images/company/bg-message.jpg);
  position: absolute;
  left: calc(100% - 1540px);
  top: 20px;
}

.company #sec01 .txt .boxBaseSign {
  bottom: 70px;
  right: 0;
  text-align: right;
  letter-spacing: 0.1em;
}

@media all and (max-width: 640px){
  .company #sec01 .txt　.boxBaseSign {  font-size: 1.0rem; }
}


.company #sec01 .txt .boxBaseSign span {
  font-size: 1.5rem;
}

.company #sec02 .his th {
  width: 280px;
}
.company #sec02 .his td.last {
  padding-left:38px;
}

.company #sec03 .box{
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.company #sec03 .box:last-child {  margin-bottom: 80px; }
.company #sec03 .box .img {
  width: 38%;
}
.company #sec03 .box .txt {
  width: 58%;
  margin-left:auto;
  position: relative;
}
.company #sec03 .box .txt .ttl {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: bold;
  color: #22B3C7;
  margin: 15px 0 20px;
}

.company #sec03 .box .txt dl {
  clear: both;
  overflow: hidden;
  margin-bottom: 15px;
}
.company #sec03 .box .txt dt {
  background: url(../../images/common/icn-dot_blue.jpg) no-repeat 25px 4px;
  padding-left: 40px;
  width: 16%;
  min-width: 120px;
  float: left;
}
.company #sec03 .box .txt dd {
  width: 84%;
  float: left;
}

.company #sec03 h3 {
    text-align:center;
    line-height: 1.6;
}

.company #sec03 .ttl_works{
  background: url(../../images/works/bg-ttl02.png) no-repeat center top;
  text-align:left; 
  margin-bottom: 50px;
}

.company #sec03 .ttl_works h3 {
  max-width: 1080px;
  margin:auto;
  padding: 0;
  line-height: normal;
  font-size: 1.75rem;
  font-weight:500;
  text-align:left;
	color: #fff;
	letter-spacing: 0.1em;
}

.company #sec03 .ttl_works .number{
	margin: 0 57px 0 10px;
  font-family: "Poppins", sans-serif;
	font-style: italic;
  color: #000;
  letter-spacing: -0.02em;
  vertical-align: middle;
  position: relative;
	font-size: 3.53rem;
	line-height: 1.1;
	font-weight: 500;
	bottom: -6px;
	display: inline-block;
	min-width: 67px;
}

.company #sec03 .ttl_works .number::before {
	 font-family: "Poppins", sans-serif;
  content: "Point";
  font-size: 1.269rem;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-37%,-67%);
  text-shadow: none;
	color: #21b4c7;
	letter-spacing: 0;
	font-weight: 500;
	font-style: italic;
}

.company #sec05 {
  background-color: #EAF2F3;
  margin:0rem auto 3.0rem;
  padding: 55px 0 30px;
}

.company #sec05 h3.ttl {
  color: #15b3c6;
  font-weight: bold;
  font-size: 1.6rem;
  padding-bottom:14px;
  border-bottom:1px dotted #15b3c6;
}

.company #sec05 h3.ttl {
  background: url(../../images/works/icn_point.png) no-repeat left top 20%;
  padding-left:25px;
}

.company #sec05 .box{
  margin-top:3.0rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start stretch;
}
  
@media all and (max-width: 750px){
  .company #sec05 .box{display: block ;}
}
  
.company #sec05 .box .txt {
  width: 31.8%;
  padding:2.8rem 1.2rem 1.2rem;
  background-color:#FFF;
  position: relative;
}

@media all and (max-width: 750px){
 .company #sec05 .box .txt {
     width: 100%;
     margin-bottom:50px;
   }
}

.company #sec05 .box .txt h4 {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: bold;
   color: #0d6eaf;
   text-align:center;
   /*color: #22B3C7;*/
  /*margin: 15px 0 20px;*/
}

.company #sec05 .box .txt .number{
  /*margin: 0 57px 0 10px;*/
  font-family: "Poppins", sans-serif;
  font-style: italic;
  color: #ffff00;
  letter-spacing: -0.01em;
  vertical-align: middle;
  position: absolute;
  top: -20px;
  left:50%;
  transform: translateX(-50%);
	font-size: 1.65rem;
	/*font-size: 3.53rem;*/
	line-height: 1.1;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 52px;
	height:52px;
	background-color:#22b3c7;
}


@media all and (max-width: 640px){
  .boxSalesLR {
    display: block;
    margin-bottom: 8vw;
  }
  .boxSalesL {
    width: 100%;
    margin-bottom: 5%;
  }
  .boxSalesR {
    width: 100%;
    margin-top: 5%;
  }
  .boxSales02BtnWrap .el_roundedBtn04:first-child {
    margin-right: 0;
    margin-bottom: 1em;
  }
  .boxSales02R .ttl02 {
    margin-bottom: 5%;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 5.7vw;
  }
  .boxSales02R .boxBaseCom p {
    margin-bottom: 7%;
  }
  .boxSales0201 .boxImg {
    margin-bottom: 7%;
  }
}

/*社員紹介-------------------------------------------------------------------*/
.employee {
  padding:0;margin:0;
}
.employee .page_ttl {
  position: relative;
  height: calc(100vh - 101px);
  width: 350px;
  min-height: 800px;
  background: url(../../images/employee/bg-mv.jpg) no-repeat center top;
  background-size: cover;
  float: left;
}
.employee .page_ttl div {
  width: 227px;
  height: 225px;
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  margin: auto;
	display: flex;
	align-items: center;
}
.employee .page_ttl div {
	color: #fff;
}
.employee .page_ttl div span {
	display: block;
	line-height: 1;
}
.employee .page_ttl div span:nth-of-type(1) {
	font-size: 2.5rem;
	display: block;
	line-height: 1;
}
.employee .page_ttl div span:nth-of-type(2) {
	font-size: 1.25rem;
	font-weight: bold;
	margin-top: 0.5em;
}

.employee_wrap {
  min-width: 1425px;
  margin-bottom: 0;
  line-height:0;
}
.employee_inner {
  width: calc(100% - 350px);
  float: left;
  letter-spacing: -.4em;
}
.employee_inner .box {
  width: 33.333333333333333%;
  min-width: 357px;
  background-size: cover;
  height: calc(100vh - 101px);
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  min-height: 800px;
}

.employee_inner .box .ttl {
  font-size: 2.6rem;
  line-height: 1.4;
  margin-bottom: 0;
  min-height: 266px;
}
.employee_inner .box .txt {
  padding-left: 10px;
}

@media only screen and (max-width:1540px) and (min-width:800px) {
  .employee_inner .box .txt p {
    font-size: 0.9rem;
    letter-spacing: -0.5px;
  }
}

.employee_inner .box_inner {
  position: absolute;
  bottom:40px;
  padding: 0 30px;
}

/*採用情報-------------------------------------------------------------------*/

.recruit_list #sec01 {
  background: url(../../images/recruit/bg-lead.jpg) no-repeat right bottom;
  padding-bottom: 100px;
}
.recruit_list #sec02 {
  margin-bottom: 65px;
}
.recruit_list #sec02 .txt {
  width: 60%;
  margin-left: auto;
  position: relative;
  padding-top: 20px;
}
.recruit_list #sec02 .txt:before {
  content: "";
  width: 844px;
  height:250px;
  background: url(../../images/recruit/bg-blue.jpg);
  position: absolute;
  left: calc(100% - 1540px);
  top: 0;
}
.recruit_list #sec02 .txt .ttl {
  font-size: 1.375rem;
  font-weight: bold;
  color: #002d82;
  text-indent: -0.5em;
}
.recruit_list #sec03 {
  /*background: url(../../images/common/bg-footer.jpg);*/
  background-color: #f3f3f3;
  padding-bottom:55px;
  margin-top: 30px;
}
.recruit_list #sec03 .ttl {
  font-size: 1.375rem;
  font-weight: bold;
  color: #22B3C7;
  text-align: center;
  margin-bottom: 2em;
}
.recruit_list #sec03 .ttl span {
  background-image: url(../../images/recruit/bg-line01.png), url(../../images/recruit/bg-line01.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  padding: 0 55px;
}
.recruit_list #sec03 li {
  display: inline-block;
  background: url(../../images/common/icn-dot_blue.jpg) no-repeat left 7px;
  padding: 0 0 0 10px;
  margin: 0 0 25px 0;
  width: 50%;
}
.recruit_list #sec03 li:nth-of-type(3),.recruit_list #sec03 li:nth-of-type(4) {
  margin-bottom: 0;
}
.flow_wrap {
  letter-spacing: -.4em;
  margin-bottom: 105px;
}
.flow_wrap ul {
  letter-spacing: normal;
  background: url(../../images/recruit/img-flow.png) no-repeat left top;
  padding-left: 190px;
}
.flow_wrap li {
  letter-spacing: normal;
  width: 16.5%;
  display: inline-block;
  padding: 10px 14px 0 14px;
  border: 1px solid #989898;
  min-height: 183px;
  position: relative;
  vertical-align: top;
  margin-left: 3%;
}
.flow_wrap li:after {
  content: url(../../images/recruit/icn-arrow.jpg);
  position: absolute;
  right: -22px;
  top: calc(50% - 12px);
}
.flow_wrap li:last-child:after {
  display: none;
}
.flow_wrap li p:nth-of-type(1) {
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.5px;
  line-height: 1.4;
  height: 51px;
  position: relative;
  width: 110%;
  margin-left: -5%;
}
.flow_wrap li p:nth-of-type(1) span {
  display: block;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flow_wrap li p:nth-of-type(2) {
  font-size: 0.875rem;
  line-height: 1.4;
}
.flow_wrap li p:nth-of-type(2):before {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  background-color: #22B3C7;
  margin: 10px auto 15px auto;
}
.cate_area {
  margin-bottom: 50px;
  text-align: center;
}
.cate_area span {
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  vertical-align: middle;
  margin-right: 30px;
}
.cate_area a {
  margin-right: 15px;
}
.cate_area a:after {
  content: "｜";
  margin-left: 15px;
}
.cate_area a:last-child:after {
  display: none;
}
.job_box {
  clear: both;
  margin-bottom: 35px;
  overflow: hidden;
}
.job_box .left {
  width: 34%;
  float: left;
  position: relative;
  z-index: 1;
}
.job_box .right {
  width: calc(66% + 50px);
  float: left;
  padding: 40px 20px 50px 100px;
  position: relative;
  margin: 0 0 0 -50px;
  background-size: cover;
	background-color: #f5f5f5;
	min-height: 320px;
}
.job_box .icn_new {
  position: absolute;
  left: 27px;
  top:23px;
  z-index: 2
}
.job_box .right .ttl {
  font-size: 1.625rem;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.4;
	    border-bottom: solid 1px #c5c5c5;
	padding-bottom: 14px;
	color: #156fb1;
}
.job_box .right dt {
  background: url(../../images/common/icn-arrow_list.png) no-repeat left 2px;
  margin-bottom: 15px;
  padding-left: 15px;
  width: 160px;
  float: left;
  clear: left;
}
.job_box .right dl {
  font-weight: bold;
  overflow: hidden;
}
.job_box .right dd {
  width: calc(100% - 160px);
  float: left;
}
.job_box .right dd div {
  margin-bottom: 10px;
}
.job_box .right dd dd:last-child {
  margin-bottom: 0;
}
.job_box .txt {
  clear: both;
  font-size: 0.875rem;
  margin-top: 20px;
}
.btn_readmore {
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  color: #136bb1;
  background: url(../../images/common/icn-readmore.png) no-repeat right center;
  padding: 5px 25px 5px 0;
}
.job_box .btn_readmore {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: inline-block;
}
#recruit #recruit_lead .left {
  position: relative;
}
.icn_new {
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  color: #ffff00;
  background-color: #15b3c7;
  padding: 22px 0;
  width: 59px;
  text-align: center;
}
#recruit #recruit_lead .left {
  width: 34%;
  float: left;
  position: relative;
  z-index: 1;
}
#recruit #recruit_lead .right .icn_new {
  position: absolute;
	left: -31px;
	top: 19px;
  z-index: 2;
}
#recruit #recruit_lead .right {
  width: 66%;
  float: right;
  margin-bottom: 80px;
  position: relative;
}
#recruit #recruit_lead .box_message {
  clear: both;
}
#recruit #recruit_lead .right .ttl {
  font-size: 1.625rem;
	background-color: #f5f5f5;
  font-weight: bold;
  line-height: 1.4;
  padding: 30px 20px 30px 50px;
  margin-bottom: 25px;
  color:#156fb1;
}
#recruit #recruit_lead .right .txt .icn {
  background-color: #a7c73b;
  font-size: 0.875rem;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  margin-right: 15px;
}
#recruit #recruit_lead .right .txt {
  padding-left: 20px;
}
#recruit #recruit_lead .right .txt p:first-child {
  font-weight: bold;
}
#recruit #recruit_lead .box_message {
  padding-right: 335px;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
#recruit #recruit_lead .box_message .ttl {  
  background: url(../../images/recruit/bg-ttl02.jpg) no-repeat left center;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 19px 0px 19px 150px;
}
#recruit #recruit_lead .box_message .txt {
  background-color: #fcfbe6;
  /*background: url(../../images/recruit/bg.jpg);
  background-size: cover;*/
  padding: 30px 40px;
  min-height: 185px;
  position: relative;
}
#recruit #recruit_lead .box_message .txt:after {
  content: url(../../images/recruit/img-baloon.png);
  position: absolute;
  right: -22px;
  top: calc(50% - 15px);
}
#job_detail .ttl {
  text-align: center;
  font-size: 2rem;
  color: #fff;
  background: #146fb2;
  padding: 45px 0;
  font-weight: bold;
  margin-bottom: 80px;
}
/*#job_detail .ttl:after {
  content: "";
  width: 93px;
  height: 1px;
  background-color: #fff;
  display: block;
  margin: 17px auto 0 auto;
}*/
#job_detail .company_table th {
  background-image: url(../../images/common/icn-arrow_list.png);
  background-position: 5px 22px;
  width: 19%;
  padding-left: 26px;
}
#job_detail .company_table .place span {
  color: #071c1f;
  font-weight: bold;
  margin-right: 1em;
}
#job_detail .company_table .place a {
  color: #071c1f;
}
#job_detail .company_table .place div {
  margin-bottom: 10px;
}
#job_detail .company_table .place div:last-child {
  margin-bottom: 0;
}
#job_detail .btn_mynavi {
  text-align: center;
  margin: 60px 0;
}
.pager {
  position: relative;
  text-align: center;
  margin: 90px 0;
}
.pager .pages {
  display: none;

}
.wp-pagenavi a.page, .wp-pagenavi span {
  border: none !important;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  padding: 5px 7px !important;
}
.wp-pagenavi .current {
  color: #fff;
  background-color: #e5151f;
}
.pager .previouspostslink {
  display: inline-block;
  width: 101px;
  height: 41px;
  background: url(../../images/recruit/btn-back.jpg) no-repeat left center;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: -8px;
}
.pager .nextpostslink {
  display: inline-block;
  width: 101px;
  height: 41px;
  background: url(../../images/recruit/btn-next.jpg) no-repeat left center;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: -8px;
}

/* 福利厚生 ----------------*/
.sec_box { width:100%; padding:20px 30px 40px;background-color: #f0f0f0; }
.sec_box .subttl2{ font-size:1.125rem ;font-weight: bold; color: #22B3C7; margin:20px 10px 15px;}
.con_box { padding:1.2em; background:#fff; }
.con_box .line > li:not(:last-child) { margin-bottom:.9em; padding-bottom:.9em; border-bottom:1px solid #ddd; }
.con_box > *:first-child { margin-top:0; }

.con_box + .subttl2{ margin-top:2em; }

.con_box ul { margin-top:2em; }
.con_box li:before {
content: "■";
    color: #156fb1;
    font-size: 7px;
    vertical-align: middle;
    margin-right: 8px;
}

.con_box li span:after {
    content: "/";
    color: #ddd;
    font-size:15px;
    margin-left: 10px;
     margin-right: 10px;
}
@media only screen and (max-width: 767px) {
.sec_box { padding:10px 12px 20px;}
.con_box { padding:1.0em; }
.con_box ul { margin-top:2em;font-size: 0.875rem;line-height: 1.4; }
.con_box li:before {   margin-right: 6px;}
.con_box li span:after {
    margin-left: 6px;
    margin-right: 6px;
}
}

.anc {
  text-align: center;
  margin: 80px 0 40px;
}
.anc li {
  display: inline-block;
  margin: 0 25px;
}
.anc li a {
  display: block;
  font-weight: bold;
  font-size: 1.125rem;
  background: url(../../images/common/bg-anc02.svg) no-repeat center bottom;
  padding: 0 40px 30px 40px;
	background-size: 136px;
}

/* 職種キャリア -------------------------------------------------------*/
.works #sec01{
  background-size:contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding:0;
}
.works #sec01:first-child {   padding-top:40px;  background-position: right bottom -40px; }
/*.works #sec02 {
  background: url(../../images/works/bg-sec02.jpg) no-repeat right bottom;
  background-size: auto 95%;
  padding: 0 0 80px 0;
}
.works #sec03 {
  background: url(../../images/works/bg-sec03.jpg) no-repeat right bottom;
  background-size: auto 95%;
  padding: 0 0 80px 0;
}*/

.works .btn_blue {
  margin-right: 15px;
}

.works .ttl_works,
.occupations .ttl_works{
	background: url(../../images/works/bg-ttl02.png) no-repeat center top;
	text-align: left;
	margin-bottom: 50px;
}

.works .ttl_works h2,
.occupations .ttl_works h2{
    max-width: 1080px;
    margin: auto;
    padding: 0;
    line-height: normal;
    font-size: 1.75rem;
    font-weight: 500;
    text-align: left;
    color: #fff;
    letter-spacing: 0.1em;
}

.works .ttl_works .number,
.occupations .ttl_works .number{
margin: 0 57px 0 10px;
    font-family: "Poppins", sans-serif;
    font-style: italic;
    color: #0d6eaf;
    letter-spacing: -0.02em;
    vertical-align: middle;
    position: relative;
    font-size: 3.53rem;
    line-height: 1.1;
    font-weight: 500;
    bottom: -6px;
    display: inline-block;
    min-width: 67px;
}

.works .ttl_works .number::before {
	font-family: "Poppins", sans-serif;
    content: "Point";
    font-size: 1.269rem;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-37%,-67%);
    text-shadow: none;
    color: #22b3c7;
    letter-spacing: 0;
    font-weight: 500;
    font-style: italic;
}

.occupations .ttl_works .number::before {
    font-family: "Poppins", sans-serif;
    content: "Point";
    font-size: 1.269rem;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-37%,-67%);
    text-shadow: none;
    color: #21b4c7;
    letter-spacing: 0;
    font-weight: 500;
    font-style: italic;
}

.works .works_inner  {
padding: 1.5rem 1.5rem 5rem ;
}
.works .txt .ttl,
.occupations .txt .ttl {
  color: #15b3c6;
  font-weight: bold;
  font-size: 1.375rem;
  padding-bottom:10px;
  border-bottom:1px dotted #15b3c6;
}

.occupations .txt .ttl {
  background: url(../../images/works/icn_point.png) no-repeat left top 20%;
  padding-left:25px;
}

.works .txt p {
text-shadow: -2px -2px 5px #fff,2px 2px 5px #fff;
}

.occupations #sec01{
  background-size:auto 60%;
  background-position: right -100px bottom;
  background-repeat: no-repeat;
}

.occupations #sec02 {
  padding-top:0;
}
.occupations .btn_area {
  text-align:center;
  margin:30px auto 55px;
  padding: 0 25px;
  max-width:1080px;
}

@media only screen and (max-width: 767px) {
	.occupations .btn_area a{
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}
	}
	
.popup_list {
  margin:60px auto 0;  
}
.popup_list li {
  display: inline-block;
  width: calc(100% / 3 - 1em);
  position: relative;
}
/*.popup_list li:after {
  content: url(../../images/works/icn-loupe.png);
  position: absolute;
  right: 5px;
  bottom: 5px;
  pointer-events: none;
}*/
.popup_list li:nth-of-type(2) {  margin: 0 1em; }

@media only screen and (max-width: 767px) {
.popup_list li {
  display: block;
  width: 100% ;
  position: relative;
}
.popup_list li:nth-of-type(2) { margin: 1em auto; }
}

/*採用MOVIE-------------------------------------------------------------------*/

.movie #sec01 { }

#movie_list {
/*padding-bottom: 55px;  */
}

#movie_list .movie_list {
  max-width:1080px;
  display: flex; 
  align-items:stretch;
  flex-wrap: wrap;  
  justify-content:space-between;

}
#movie_list .box {
  display: block;
  max-width:500px;
  width:100%;
  margin:10px; 
  margin-bottom: 65px;
  position: relative;
}

#movie_list .box:last-child {  margin-bottom: 10px; }


#movie_list .movieBox {
  margin-left: auto;
}

#movie_list .movieBox {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

#movie_list .movieBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#movie_list .icn_new {
  position: absolute;
  top: -30px;
  left: -10px;
  z-index: 2;
}
#movie_list  h3.ttl {
  font-size:1.25rem ;
  font-weight: bold;
  color:#0193cf;
  text-align:center;
  border-bottom:1px solid #0193cf;
  padding-bottom: 20px;
  padding-top: 20px;
}

#movie_list .txt {
  text-align: left;
  padding: 10px 2%;
}
@media only screen and (max-width: 767px) {
#movie_list .box:last-child {  margin-bottom: 0px; }	
#movie_list  h3.ttl { font-size:1.125rem ;}
#movie_list .txt { font-size: 0.875rem; }
}

/*インタビュー-------------------------------------------------------------------*/

.interview_wrap {
  overflow: hidden;
  line-height: 0;
}
.interview_inner { }
.interview_inner .interview_slide {
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 940px;
}
.interview_inner .slide_inner {
  background-color: rgba(255,255,255,0.8);
  width: 660px;
  margin: 0 10% 0 auto;
  height: 100vh;
  min-height: 940px;
  padding: 27px 0 50px 54px;
}
.interview_inner .main_ttl {
  margin-bottom: 25px;
}
.interview_inner .ttl {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 0.6em;
  display: flex;
  color:#000;
}
.interview_inner .ttl02 {
	margin-top: 1.5rem;
}
.interview_inner .ttl span {
	width: 1.5em;
}
.interview_inner .txt {
  padding-left: 42px;
  padding: 0 100px 0 42px;
  margin-bottom: 60px;
  color:#333;
}
.interview_wrap .slick-dots li {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 6px;
  margin: 0 5px;
}
.interview_wrap .slick-dots li {
  width: 42px;
  height: 6px;
  margin: 0 5px 1rem 5px;
  padding: 0;
  cursor: pointer;
  z-index: 1001;
}
.interview_wrap .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 42px;
  height: 6px;
  padding: 5px;
}
.interview_wrap .slick-dots li button:before {
  content: "";
  display: block;
  line-height: normal;
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 6px;
  text-align: center;
  opacity: 1;
  background-color: #fff;
}
.interview_wrap .slick-dots {
  max-width: 660px;
  margin: 0 10% 0 auto;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
}
.interview_wrap .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #22b3c7;
}


/*.interview_wrap .arrows {
  width: 660px;
  margin-left: 10%;
  position: relative;
  height: 30px;
  top: -62px;
  z-index: 1000;
}*/

.interview_wrap .arrows .slick-prev {
  left: 0;
  width: 78px;
  height: 98px;
  top: 50vh
}
.interview_wrap .arrows .slick-prev:before {
  width: 78px;
  height: 98px;
  background: url(../../images/employee/icn-prev.jpg) no-repeat left center;
  display: block;
  text-indent: -9999px;
}
.interview_wrap .arrows .slick-next {
  width: 78px;
  height: 98px;
  right: 0;
  top: 50vh
}
.interview_wrap .arrows .slick-next:before {
  width: 78px;
  height: 98px;
  background: url(../../images/employee/icn-next.jpg)  no-repeat left center;
  display: block;
  text-indent: -9999px;
}
.interview_wrap .slick-dotted.slick-slider {
  margin: 0;
}
.interview_list {
  text-align: right;
  padding: 40px 0;
  display:none;
}
.interview_list li {
  text-align: left;
  display: inline-block;
  margin-left: 30px;
  letter-spacing: -.4em;
}
.interview_list li:first-child {
  margin-left: 0;
}
.interview_list li a {
  display: block;
  position: relative;
}
.interview_list li a:after {
  content: "";
  width: 22px;
  height: 22px;
  background: url(../../images/employee/icn-arrow_yellow.jpg) no-repeat left center;
  background-size: contain;
  display: block;
  position: absolute;
  right: 0;
  bottom:11px;
}
.interview_list li div {
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: normal;
  width: 150px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.interview_list li img {
  display: inline-block;
  width: 67px;
  vertical-align: middle;
}
.interview_list li div span {
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  color: #22b3c7;padding-right: 1em;
}
.interview_list ul {
  display: inline-block;
}
.interview_list .btn_list {
  display: inline-block;
  margin-left: 55px;
  vertical-align: middle;
}
.interview_inner .main_ttl {
  letter-spacing: normal;
  line-height: normal;
  position: relative;
}
.interview_inner .main_ttl:before {
  content: url(../../images/employee/bg-number_line02.png);
  position: absolute;
  left: 21px;
  top: 66px;
}
.interview_inner .interview_slide.slide01 .main_ttl:before,
.employee .interview_inner .main_ttl:before {
  content: url(../../images/employee/bg-number_line.png);
}


.interview_inner .main_ttl .main_header {
  margin-bottom: 35px;
}
.interview_inner .main_ttl .main_header .number {
  color: #ffff00;
  font-size: 5.25rem;
  font-family: "Poppins", sans-serif;
	font-style: italic;
  letter-spacing: -0.04em;
  display: inline-block;
  width: 88px;
  line-height: 0.9;
 -webkit-text-stroke: 1px #000;
  text-stroke: 1px #000;
	font-weight: 500;
	position: relative;
}
.interview_inner .main_ttl .main_header .number span:not(.bg_num) {
	position: relative;
	z-index: 1;
}
.interview_inner .main_ttl .main_header .number .bg_num {
	color: #000;
	position: absolute;
	left: 3px;
	top: 3px;
}
.interview_inner .main_ttl .main_header div:last-child { 
  width: calc(100% - 168px);
  display: inline-block;
  margin-left: 27px;
  vertical-align: top;
}
.interview_inner .main_ttl .main_header div:last-child span:first-child {
  font-size: 1.4375rem;
  color: #000;
  font-weight: bold;
  display: block;
  line-height: 1;
  margin-bottom: 5px;
}
.interview_inner .main_ttl .main_header div:last-child span:last-child {
  display: block;
  color: #fff;
  font-weight: bold;
  background-color: #0d6eaf;
  padding: 3px 12px;
  font-size: 1.125rem;
  width: calc(100% + 49px);
}
.interview_inner .main_ttl .catch {
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.3;
  margin-left: 36px;
  display: none;
  color:#000;
}
.employee .interview_inner .main_ttl .catch {
  display: block;
  font-size: 2rem;
	position: relative;
}
.employee .interview_inner .main_ttl .catch .p01 {
	position: relative;
	z-index: 1;
	text-shadow: 2px 2px 0 #fff,2px 2px 0 #fff,2px 2px 0 #fff;
}
.interview_inner .main_ttl .name_area {
  margin: -20px 0 32px 60px;
}
.interview_inner .interview_slide.slide01 .main_ttl .name_area {
  margin: 20px 0 30px 0;
}

.interview_inner .main_ttl .name_area .name {
  color: #000;
  font-size: 3.625rem;
  font-weight: bold;
  padding-left: 42px;
  display: inline-block;
  line-height: 1.15;
}
.interview_inner .main_ttl .name_area div:last-child {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
.interview_inner .main_ttl .name_area div:last-child span:first-child {
  color: #000;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 5px;
}
.interview_inner .main_ttl .name_area div:last-child span:last-child {
  display: block;
  width: 130px;
  color: #fff;
  font-weight: bold;
  background-color: #0d6eaf;
  padding: 1px 10px;
}
.interview_inner .main_ttl .interview_ttl {
  color: #22b3c7;
  font-size: 1.43rem;
  padding-left: 42px;
  font-weight: bold;
}
.interview_inner .main_ttl .interview_ttl p:first-child {
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  display: inline-block;
}
.interview_inner .main_ttl .interview_ttl p:last-child {
  display: inline-block;
  vertical-align: top;
  line-height: 1.3;
  margin: 5px 0 0 5px;
}

.interview_inner .interview_slide.slide01 .main_ttl .catch {
  display: block;
}

.interview_inner .flow_table {
  line-height: normal;
  padding: 0 0 30px 0;
  background-color: rgba(255,255,255,0.7);
  margin-left: 36px;
  margin-right: 100px;
}
.interview_inner .flow_table div {
 font-size: 1.125rem;
  font-weight: bold;
  color: #e5151f;
  background-color: rgba(255,222,0,0.7);
  text-align: center;
  margin-bottom: 30px;
}
.interview_inner .flow_table div span {
  padding: 3px 0;
  background-image: url(../../images/employee/table_ttlLeft.png), url(../../images/employee/table_ttlRight.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
}
.interview_inner .flow_table table {
  letter-spacing: normal;
  line-height: 1.4;
  width: 100%;
}
.interview_inner .flow_table tr {
  
}
.interview_inner .flow_table th {
  padding: 0 0 20px 30px;
  width: 110px;
  font-weight: bold;
  color: #e5151f;
}
.interview_inner .flow_table td {
  padding: 0 30px 20px 0;
  font-size: 0.875rem;
}
.interview_inner .flow_table td  span {
  display: block;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 2px;
}
.employee .interview_inner .main_ttl .main_header div:last-child span:first-child {
  font-size: 1rem;
}
.employee .interview_inner .main_ttl .main_header .number {
  font-size: 3.25rem;
  width: 61px;
  line-height: 1;
}
.employee .interview_inner .main_ttl .main_header div:last-child {
  width: auto;
}
.employee .interview_inner .main_ttl .main_header div:last-child span:last-child {
  font-size: 0.85rem;
    line-height: 1;
    padding: 5px 12px;line-height: 1.5;
}
@media all and (-ms-high-contrast: none){
.employee .interview_inner .main_ttl .main_header div:last-child span:last-child {
  font-size: 0.85rem;
    line-height: 1;
    padding: 6px 12px 4px 12px
}
  .interview_inner .main_ttl .main_header div:last-child span:last-child {
    padding: 6px 12px 1px 12px
  }
  .interview_inner .main_ttl .name_area div:last-child span:last-child {
    line-height: 1;
    padding: 7px 10px 1px 10px;
    }
}

.employee_inner .box a {
  position: absolute;
  right: 20px;
  bottom:20px;
}
.employee_inner .box_inner {
  bottom: inherit;
  top:360px;
}
.employee_inner .slick-track {
  margin: 0 auto 0 0 !important;
}
.employee_inner .slick-next {
  right: 0 !important;
}


.boxEntryBg01 {
  display: flex;
  justify-content: center;
  margin-bottom: 72px;
}
@media all and (max-width: 640px){
  .boxEntryBg01 {
    display: block;
  }
}
.boxEntryBg01 .boxImg {

}
.contact .ttl_h2 span {
    /*font-family: "Poppins", sans-serif;*/
    display: block;
    position: relative;
    color: rgba(153, 165, 181, 1);
    font-size: 0.875rem;
    letter-spacing: 0.05em;
}
.contact .ttl_h2 span:before {
  content: "";
  display: block;
    background-color: #22b3c7;
    width: 6px;
    height: 6px;
    margin: 15px auto 15px auto;
}


.contact .inner .box{
  margin-top: 50px;
  margin-bottom: 30px;
  display:flex;
  justify-content:space-between;
  border:0px solid #eee;
}
.contact .inner .box .img {
  width: 38%;
}
.contact .inner .box .txt {
  width: 58%;
  margin-left:auto;
  position: relative;
}
.contact .inner .box .txt .ttl {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: bold;
  color: #22B3C7;
  margin: 15px 0 20px;
}

.contact .inner .box .txt dl {
  clear: both;
  overflow: hidden;
  margin-bottom: 15px;
}
.contact .inner .box .txt dt {
  background: url(../../images/common/icn-dot_blue.jpg) no-repeat 25px 4px;
  padding-left: 40px;
  width: 16%;
  min-width: 120px;
  float: left;
}
.contact .inner .box .txt dd {
  width: 84%;
  float: left;
}

.contact #sec01 h3 {
    text-align:center;
    line-height: 1.6;
}

.contact #sec01 .ttl_works {
  background: url(../../images/works/bg-ttl.png) no-repeat center top;
  padding: 18px 0;
  margin-bottom: 50px;
}
.contact #sec01 .ttl_works span {
  display: block;
  margin: auto;
  max-width: 1080px;
  font-size: 1.75rem ;
}
.contact #sec01 .ttl_works img {
  margin-right: 25px;
  display: inline-block;
  vertical-align: middle;
}

.contact #sec03 .recBox {
  background-color: #fcfbe6;
  padding:10px 3% 15px;
  text-align:center;
}
.contact #sec03 .recBox .ttl {
  display:inline-block;
  font-size:1.125rem ;
  font-weight: bold;
  color: #0193cf;
  padding-bottom:3px;
  border-bottom:1px solid #0193cf;
}
.contact #sec03 .recBox li {
  text-align:left;
  padding: 0 0 0 10px;
  margin: 0 0 12px 0;
  line-height:1.4;
  /*width: 50%;*/
}
.contact #sec03 .recBox li:before {
    content: "■";
    color: #0193cf;
    font-size: 7px;
    vertical-align: middle;
    margin-right: 3px;
}


.boxEntry02{
  margin: 55px auto;
} 

/*title*/
.boxEntry02T {
  position: relative;
  padding:0;
  margin-bottom: 2.5em;
}

.boxEntry02T h3.ttl {
  /*height: 58px;*/
  margin-left: 85px;
  padding: 0.81em 3.8em 0.81em;
  font-size: 1.375rem;
  color:#fff;
  font-weight: 500;
  background-color: #1470b2;
  letter-spacing: 0.1em;
}
@media all and (max-width: 640px){
  .boxEntry02T h3.ttl {
    margin-left: 13.25vw;
    padding: 0.8em 0.5em 0.8em 2.4em;
    font-size: 1.125rem;
  }
}

.boxEntry02T .ttl_label {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 57.63px;
  background: url(./../../images/common/ttl-bg01.png) no-repeat left top / auto;
}
@media all and (max-width: 640px){
.boxEntry02 .ttl_label {
    top: -0.43em;
    width: 20.6vw;
    height: 8.9vw;
  }
}

.boxEntry02T .ttl_label span {
  display: block;
  color: #ffff00;
  text-align:center;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  padding-top: 20px;
  padding-left:10px;
  letter-spacing: 0.03em;
}
@media all and (max-width: 640px){
.boxEntry02T .ttl_label span {
    padding-top: 0.8em;
    padding-left: 0.5em;
    font-size: 0.75rem;
  }
}

.boxEntry02F{
  overflow: hidden;
  margin: 0 auto 55px;
  display: flex;
  justify-content:center;
}
@media all and (max-width: 640px){
.boxEntry02F{
  overflow: hidden;
  margin: 0 auto 55px;
  display:block;
  justify-content:center;
}
}

.boxEntry02FOne{
  position: relative;
  width: 32%;
  min-height: 300px;
  margin-right: 3%;
  border: 1px #ccc solid;
  text-align:center;
}

.boxEntry02FOne:last-child{
  margin-right: 0;
}

.boxEntry02FOne:after {
  content: url(../../images/recruit/icn-arrow.jpg);
  position: absolute;
  right: -22px;
  top: calc(50% - 20px);
}
.boxEntry02FOne:last-child:after {
  display: none;
}

.boxEntry02FOne h4.ttl{
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.2;
  text-align:left;
  color:#22b3c7;
  width: 100%;
  padding:15px 20px;
  margin-bottom:20px;
  background-color: #eee;
  background: url('./../../images/contact/entry-ttl-bg01.png') no-repeat left top / cover;
  border-bottom:1px solid #eee;
}

.boxEntry02FOne .ttl .txtEn{
  font-family: "Poppins", sans-serif;
  display: inline-block;
  font-size: 0.75rem;
  margin-bottom: 5px;
  vertical-align: bottom;
  line-height: 1.0;
  color: #3d3d3d;
}
.boxEntry02FOne .ttl .txtNum{
  font-size: 1.2rem;
}

.boxEntry02FOne .ttl2{
  width: 100%;
  font-weight: bold;
  line-height: 1.4;
}

.boxEntry02FOne .ttl2:after {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  background-color: #22b3c7;
  margin: 15px auto 25px auto;
}

.boxEntry02FOne ul{
  width: 87%;
  margin: 15px auto 0;
  text-align:left;
}
.boxEntry02FOne li{ margin-bottom: 8px; }
.boxEntry02FOne li:before{
    content: "■";
    color: #297475;
    font-size: 7px;
    vertical-align: middle;
    margin-right: 10px;
}

.boxEntry02FOne .boxR{
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: 0.875rem;
}
.boxEntry02FOne .icnEntryArrow01{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: -52px;
}

.boxEntry02 .btn_area{ text-align:center;}

.boxEntry02 .btn_area .btn_white04 {
    display: inline-block;
    width: 320px;
    background: url(../../images/common/icn-arrow_white.svg) no-repeat calc(100% - 14px) center;
	background-size: 29px;
    background-color: #1470b2;
    color: #FFF;
    font-weight: bold;
    font-size: 1.125rem;
    line-height: normal;
    text-align: left;
    position: relative;
}
.contact .btn_area .btn_white04 span {
    display: block;
    padding: 15px 18px 15px 18px;
    width: 100%;
    height: calc(100% - 6px);
    margin: auto;
    position: relative;
    top: 0;
}
/*.contact .flow_wrap-01,.contact .flow_wrap-02 {
  letter-spacing: -.4em;
  margin-bottom: 105px;
}
.contact .flow_wrap-01 ul {
  letter-spacing: normal;
  background: url(../../images/contact/img-flow-01.png) no-repeat left top;
  padding-left: 190px;
}
.contact .flow_wrap-02 ul {
  letter-spacing: normal;
  background: url(../../images/contact/img-flow-02.png) no-repeat left top;
  padding-left: 190px;
}

.contact .flow_wrap-01 li {
  letter-spacing: normal;
  width: 29%;
  display: inline-block;
  padding: 10px 14px 0 14px;
  border: 1px solid #989898;
  min-height: 183px;
  position: relative;
  vertical-align: top;
  margin-left: 3%;
  text-align: center; 
}
.contact .flow_wrap-01 li:after,.contact .flow_wrap-02 li:after {
  content: url(../../images/recruit/icn-arrow.jpg);
  position: absolute;
  right: -22px;
  top: calc(50% - 12px);
}
.contact .flow_wrap-01 li:last-child:after,
.contact .flow_wrap-02 li:last-child:after {
  display: none;
}
.contact .flow_wrap-01 li p:nth-of-type(1),
.contact .flow_wrap-02 li p:nth-of-type(1){
  font-weight: bold;
  letter-spacing: -0.5px;
  line-height: 1.4;
  height: 31px;
  position: relative;
  width: 110%;
  margin-left: -5%;
}
.contact .flow_wrap-01 li p:nth-of-type(1) span,
.contact .flow_wrap-02 li p:nth-of-type(1) span{
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.contact .flow_wrap-01 li p:nth-of-type(2) {
  font-size: 0.875rem;
  line-height: 1.4;
}

.contact .flow_wrap-01 li p:nth-of-type(2) span {
  display: block; margin:5px 0 0;  text-align: left; 
}
.contact .flow_wrap-01 li p:nth-of-type(2):before {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  background-color: #0193cf;
  margin: 10px auto 15px auto;
}

*/
/*フォーム-------------------------------------------------------------------*/
#form_area .lead {
	text-align: center;
}
#form_area dl {
	clear: both;
	display: table;
	width: 100%;
	border-bottom: 1px solid #b2b2b2;
}
#form_area dl:first-child {
	border-top: 1px solid #b2b2b2;
}
#form_area dt {
	background: url(../../images/contact/icn.png) no-repeat 45px center;	
	width: 25%;
	display: table-cell;
	vertical-align: middle;
	font-weight: 600;
}
#form_area dd {
	display: table-cell;
	width: 75%;
	padding: 15px 0;
	position: relative;
}
#form_area .must {
	font-size: 11px;
	color: #de0000;
	border: 1px solid #de0000;
  padding: 3px 5px;
  line-height: 1;
  vertical-align: 2px;
  display: inline-block;
  margin-right: 30px;
}
#form_area dl .free {
	font-size: 11px;
	color: #787777;
	border: 1px solid #787777;
	padding: 3px 5px;
	line-height: 1;
	vertical-align: 2px;
	display: inline-block;
	margin-right: 30px;
}
#form_area .add_btn {
	display: inline-block;
}
#form_area .add_btn input {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    width: 170px;
    border: none;
    background-image: url(../../images/common/icn-arrowWhite.png), url(../../images/common/bg-btn_brown.jpg);
    background-repeat: no-repeat, repeat;
    background-position: 145px center, left center;
    background-size: 8px, auto;
    padding: 12px 0 12px 15px;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    text-align: left;
    font-size: 1rem;
    cursor: pointer;
    letter-spacing: 2px;
}
#form_area input[type=text], #form_area input[type=email] {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	padding: 11px;
	border: 1px solid #a0a0a0;
	width: 350px;
	font-size: 1rem;
}
#form_area #zip {
	width: 170px;
}
#form_area select {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	padding: 12px;
	margin: 15px 0;
	width: 190px;
	font-size: 1rem;
}
#form_area #address {
	width: 80%;
}
#form_area textarea {
	height: 180px;
	width: 80%;
	font-size: 1rem;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	padding: 11px;
}
#form_area .mail_area input:first-child {
	margin-bottom: 15px;
}
#form_area .mail_area dd {
	position: relative;
}
#form_area .mail_area .sub {
	position: absolute;
	top: 4em;
	left: calc( 360px + -1% );
}

.privacy .ttl {
	font-size: 1.25rem !important;
	font-weight: bold !important;
	text-align: center !important;
	padding: 20px 0 !important;
	margin-bottom: 30px !important;
	border-bottom: 1px solid #b2b2b2;
  background: none !important;
  color: #000 !important;
}
.privacy .ttl:after {
  display: none !important;
}
.privacy .scrollContents {
	padding: 30px 10%;
	height: 280px;
	overflow-y: scroll;
}
.privacy .scrollContents p span {
	display: block;
	font-weight: bold;
}
.privacy .scrollContents p {
	line-height: 1.6;
}
.privacy_check {
	background-color: #f3f3f3;
	text-align: center;
	padding: 10px 0;
	width: 100%;
	margin: 40px auto;
	line-height:2.0;
}
.open-link{
  text-decoration: underline;
}
.check_area {
  padding: 40px 0px !important;
}
@media all and (max-width: 500px){
  .privacy_check { font-size: 1.0rem; }
}

#form_area .confirm button {
	text-align: center;
	min-width: 300px;
	width: 75%;
	margin: auto;
	font-size: 1.5625rem;
	padding: 10px 0;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;	
	color: #fff;
	border: none;
	display: block;
	font-weight: 600;
	background-color: #ff6a00;
}
#form_area .btn_area button {
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;	
	color: #fff;
	cursor: pointer;
}
#form_area .back button {
	text-align: center;
	margin: 3em 0 15px 0;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;	
	display: inline;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	font-size: 1.125rem;
	background: none;
	border: none;
}
#form_area .submit button {
    text-align: center;
    min-width: 300px;
    width: 75%;
    margin: auto;
    font-size: 1.5625rem;
    padding: 10px 0;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    color: #fff;
    border: none;
    display: block;
    font-weight: 600;
    background-color: #fd6a00;
}
#form_area .btn_area {
	text-align: center;
	margin: 40px 0;
}
#form_area .btn_area button:hover {
	opacity: 0.7;
	transition: all 0.3s;
}
.thanks {
	text-align: center;
	line-height: 2.0;
	position: relative;
	padding-bottom: 80px;
	z-index: -1;
}
.thanks h2 {
	text-align: center;
	color: #071c1f;
    font-size: 1.85rem;
    letter-spacing: 0.1em;
	margin-bottom: 1.5em;
	padding-top: 50px;
}
.thanks p {
    font-size: 1rem;
}
.thanks .tel_btn {
	margin: 20px auto;
    font-size: 1.125rem;
    font-weight: bold;
	position: relative;
}

.mw_wp_form .error {
	margin: 5px 0;
}
.confirm #form_area dt,
.confirm #form_area dd,
.confirm_event #form_area dt,
.confirm_event #form_area dd {
	padding: 25px 0;
}
.confirm #form_area .must,.confirm #form_area .free,
.confirm_event #form_area .must,.confirm_event #form_area .free {
	display: none;
}
.confirm #form_area dt,
.confirm_event #form_area dt {
	padding-left: 35px;
	background-position: left center;
}

@media only screen and (max-width: 767px) {
.confirm #form_area dt,
.confirm #form_area dd,
.confirm_event #form_area dt,
.confirm_event #form_area dd {
	padding: 10px 15px 5px;
}
.confirm #form_area dt,
.confirm_event #form_area dt {
	padding-left: 15px;
	background-position: left center;
}
#form_area .submit button { margin: 0 0 15px 0; }
}


/* 教育体制 ------------------------------------------------------- */

.education .inner .box{
  margin-top: 50px;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.education .inner .box .img {
  width: 38%;
}
.education .inner .box .txt {
  width: 58%;
  margin-left:auto;
  position: relative;
}
.education .inner .box .txt .ttl {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: bold;
  color: #22B3C7;
  margin: 15px 0 20px;
}

.education #sec01 h3,
.education #sec02 h3,
.education #sec03 h3{
    text-align:center;
    line-height: 1.6;
}

.education #sec01 .boxImgWrap{
  position: relative;
}

.education #sec01 .boxImg{
  margin-top: 20px;
}
.education #sec01 .boxImg .boxImgStep{
    min-width:1080px;

  }
@media all and (max-width: 750px){
  .education #sec01 .boxImg{
    width: 100vw;
    overflow-x:scroll;
    margin-left: -8%;
  }	
  .education #sec01 .boxImg .boxImgStep{
    min-width:750px;
  }
	
 .education #sec01 .boxImgScroll{
	display:block;
	width:14.5em;
	font-size:0.725rem;
	z-index:99;
    position: absolute;
    top: 20px;
    left: 0px;
    /*margin-right: 0;*/
  }

}

.education #sec02 {
  padding:50px 0 30px;
}

.education #sec02 .ttl_h2 {
	line-height:1.4;

}
.education #sec02 .ttl_h2 span.sub_ttl_h2 {
    display:inline-block;
	text-align: center;
    font-size: 1.25rem;
    letter-spacing: 0.1em;
    color: #071c1f;
	font-weight: bold;
}
.education #sec02 .ttl_h2 span.sub_ttl_h2:before {
    display:none;
}

.education #sec03 {
  background-color: #d9e8f3;
  padding:65px 0;
  /*text-align:center;*/
}
@media all and (max-width: 750px){
  .education #sec03 {
    padding:2vw 0;
  }
}


.education .boxContentOne#cont06 {
  width: 1083px;
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-bg01-2021.jpg');
  background-repeat: no-repeat;
  background-position: left top -200px;
  background-size: auto auto;
  /*margin:50px auto;*/
  padding:50px 0;
  
}
@media all and (max-width: 750px){
  .education .boxContentOne#cont06 {
    display:block;
	width: 100vw;
	margin-left: calc(50% - 50vw);
    background-color: #af8d79;
    background-position: 50% top;
    background-size: 250% auto;
  }
}

.boxWork02Top {
  /*display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  width: 780px;*/
  width: 1080px;
  margin: 0 auto;
  margin-bottom: 26px;
  color:#071c1f;
}
@media all and (max-width: 750px){
  .boxWork02Top {
    display: block;
    width: 100%;
    margin-bottom: 5vw;
  }
}

.boxWork02TopL {
  position: relative;
  width: 30%;
  letter-spacing: 0.2em;
  font-weight: 700;
}
@media all and (max-width: 750px){
  .boxWork02TopL {
    width: 100%;
    padding-bottom: 22vw;
    text-align: center;
  }
}

.boxWork02TopL .txt01 {
  display: block;
  margin-bottom: 11px;
  font-size: 1.4rem;
}
@media all and (max-width: 750px){
  .boxWork02TopL .txt01 {
    margin-bottom: 2vw;
    font-size: 1.2rem;
  }
}

.boxWork02TopL .txt01 .small {
  font-size: 1.13rem;
}
@media all and (max-width: 750px){
  .boxWork02TopL .txt01 .small {
    font-size: 1.0rem;
  }
}

.boxWork02TopL .txt02 {
  font-size: 2.5rem;
}
@media all and (max-width: 750px){
  .boxWork02TopL .txt02 {
    font-size: 2.0rem;
  }
}

.boxWork02TopL .icnWork02Deco01 {
  position: absolute;
  bottom: 3px;
  right: -28px;
}
@media all and (max-width: 750px){
  .boxWork02TopL .icnWork02Deco01 {
    bottom: 4vw;
    right: 0;
    left: 0;
    width: 18vw;
    margin: auto;
  }
}

.boxWork02TopR {
  /*width: 63.8%;*/
  width: 100%;
  text-align:center;
}
@media all and (max-width: 750px){
  .boxWork02TopR {
    width: 100%;
	text-align:left;
  }
}

.boxWork02TopR .boxBaseCom {
  line-height: 1.5;
}

.boxWork02TopR .boxBaseCom.type0010,
.boxWork02TopR .boxBaseCom.type1115,
.boxWork02TopR .boxBaseCom.type1630 {
  display: none;
}


.education .boxBaseCom p{
  margin-bottom:0.4rem;
}

.education .boxBaseCom p:last-child{
  margin-bottom:0rem;
}

.boxWorkBook0010 {
  /*display: none;*/
}

.boxWorkBook1115,
.boxWorkBook1630 {
  display: none;
}

@media all and (max-width: 750px){
  .boxWorkBook1115,
  .boxWorkBook1630 {
    width: 100%;
  }
}

.boxWork0201 {
  margin-bottom: 65px;
}
@media all and (max-width: 750px){
  .boxWork0201 {
    overflow: hidden;
    margin-bottom: 5vw;
    padding-bottom: 20vw;
  }
}

@media all and (max-width: 750px){
  .boxWork0201In {
    position: relative;
    margin-bottom: 5vw;
    padding-top: 136.2%;
  }
}

@media all and (max-width: 750px){
  .boxWork0201In.type0115 {
    /*padding-top: 260.0%;*/
  }
}

.boxWork0201 .bb-bookblock {
  width: 775px;
  height: 528px;
  margin-bottom: 25px;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock {
    width: 200%;
    height: 100%;/*130vw;*/
    margin-bottom: 0;/*5vw;*/
  }
}


@media all and (max-width: 750px){
  .boxWork0201.type1115 .bb-vertical .bb-page.bb-flip-next .boxCont01,
  .boxWork0201.type1115 .bb-vertical .bb-page.bb-flip-prev .boxCont01,
  .boxWork0201.type1115 .bb-vertical .bb-page.bb-flip-initial .boxCont01,
  .boxWork0201.type1630 .bb-vertical .bb-page.bb-flip-next .boxCont01,
  .boxWork0201.type1630 .bb-vertical .bb-page.bb-flip-prev .boxCont01,
  .boxWork0201.type1630 .bb-vertical .bb-page.bb-flip-initial .boxCont01 {
    width: 200vw;
    background-color: #fff;
  }
}


.boxWork0201 .bb-bookblock .boxWork02First {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxWork02First {
   display: block;
    width: 50%;
    background-color: #af8d79;
  }
}

.boxWork0201 .bb-bookblock .boxWork02First img {
  cursor: pointer;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxWork02First img {
    width: 100%;
  }
}

@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxWork02First img.imgWork02Diary0010,
  .boxWork0201 .bb-bookblock .boxWork02First img.imgWork02Diary00102021,
  .boxWork0201 .bb-bookblock .boxWork02First img.imgWork02Diary11152021 {
    margin-bottom: 2em;
  }
}

.boxWork0201 .bb-bookblock .boxWork02First img.imgWork02Diary00102021 {
  margin-left: -85px;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxWork02First img.imgWork02Diary00102021 {
    margin-left: 0;
  }
}

.boxWork0201 .bb-bookblock .boxWork02First img:hover {
  /*opacity: 0.8;*/
}


.boxWork0201 .bb-bookblock .bgWork02Bookblock {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .bgWork02Bookblock {
    width: 100%;
  }
}

@media all and (max-width: 750px){
  /*
  .boxWork0201.type1630 .bb-bookblock .bgWork02Bookblock {
    display: none;
  }*/
  /*
  .boxWork0201.type1630 .bb-bookblock .bb-item.no02 .bgWork02Bookblock,
  .boxWork0201.type1630 .bb-bookblock .bb-item.no04 .bgWork02Bookblock,
  .boxWork0201.type1630 .bb-bookblock .bb-item.no06 .bgWork02Bookblock,
  .boxWork0201.type1630 .bb-bookblock .bb-item.no08 .bgWork02Bookblock,
  .boxWork0201.type1630 .bb-bookblock .bb-item.no10 .bgWork02Bookblock,
  .boxWork0201.type1630 .bb-bookblock .bb-item.no12 .bgWork02Bookblock,
  .boxWork0201.type1630 .bb-bookblock .bb-item.no14 .bgWork02Bookblock {
    left: -50%;
  }*/
/*
  .boxWork0201.type1630 .bb-bookblock .bb-item.no02 .bgWork02Bookblock,
  .boxWork0201.type1630 .bb-bookblock .bb-item.no04 .bgWork02Bookblock,
  .boxWork0201.type1630 .bb-bookblock .bb-item.no06 .bgWork02Bookblock {
    width: 100vw;
  }
*/
}

@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .bb-item {
    overflow: hidden;
  }
}

.boxWork0201 .bb-bookblock .boxCont01 {
  position: relative;
  z-index: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
}

.boxWork0201.type1115 .bb-bookblock .bb-item.no02 .boxCont01 {
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary1115-bg02.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.boxWork0201.type1115 .bb-bookblock .bb-item.no03 .boxCont01,
.boxWork0201.type1115 .bb-bookblock .bb-item.no05 .boxCont01 {
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary1115-bg03.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
.boxWork0201.type1115 .bb-bookblock .bb-item.no04 .boxCont01R,
.boxWork0201.type1115 .bb-bookblock .bb-item.no06 .boxCont01L,
.boxWork0201.type1115 .bb-bookblock .bb-item.no07 .boxCont01L {
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary1115-bg04.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
.boxWork0201.type1115 .bb-bookblock .bb-item.no07 .boxCont01L {
  background-position: center 110%;
}
@media all and (max-width: 750px){
  .boxWork0201.type1115 .bb-bookblock .bb-item.no03 .boxCont01,
  .boxWork0201.type1115 .bb-bookblock .bb-item.no04 .boxCont01 {
    background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary1115-bg02.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  .boxWork0201.type1115 .bb-bookblock .bb-item.no07 .boxCont01L {
    background-image: none;
  }
  .boxWork0201.type1115 .bb-bookblock .bb-item.no05 .boxCont01,
  .boxWork0201.type1115 .bb-bookblock .bb-item.no06 .boxCont01,
  .boxWork0201.type1115 .bb-bookblock .bb-item.no08 .boxCont01,
  .boxWork0201.type1115 .bb-bookblock .bb-item.no09 .boxCont01,
  .boxWork0201.type1115 .bb-bookblock .bb-item.no10 .boxCont01,
  .boxWork0201.type1115 .bb-bookblock .bb-item.no11 .boxCont01,
  .boxWork0201.type1115 .bb-bookblock .bb-item.no13 .boxCont01 {
    background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary1115-bg03.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .boxWork0201.type1115 .bb-bookblock .bb-item.no13 .boxCont01 {
    background-position: center 110%;
  }
}



.boxWork0201 .bb-bookblock .boxCont01L,
.boxWork0201 .bb-bookblock .boxCont01R {
  width: 50%;
  padding: 12px 20px 0 23px;/*24px 20px 0 23px;*/
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L,
  .boxWork0201 .bb-bookblock .boxCont01R {
    padding: 3vw 3vw 0 3vw;
  }
}

@media all and (max-width: 750px){
  .boxWork0201.type1630 .bb-bookblock .boxCont01L,
  .boxWork0201.type1630 .bb-bookblock .boxCont01R {
    padding: 0;
  }
}

@media all and (max-width: 750px){
  .boxWork0201.type1630 .bb-bookblock .boxCont01L .imgCont01,
  .boxWork0201.type1630 .bb-bookblock .boxCont01R .imgCont01 {
    width: 100%;
  }
}

.boxWork0201 .bb-bookblock .boxBookFirstPage {
  padding: 52px 0 0 0;
  text-align: center;
}
.boxWork0201.type1115 .bb-bookblock .boxBookFirstPage {
  padding: 2em 0 0 0;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookFirstPage {
    padding: 13vw 0 0 0;
  }
}

.boxWork0201 .bb-bookblock .boxBookFirstPage .ttl03 {
  margin-bottom: 23px;
  padding-bottom: 21px;
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary-border02.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto auto;
  line-height: 1.7;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 1.3rem;
  text-align:center !important;
}
.boxWork0201.type1115 .bb-bookblock .boxBookFirstPage .ttl03 {
  padding-top: 0.5em;
  text-align:center !important;
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary1115-p1-border01.png');
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookFirstPage .ttl03 {
    margin-bottom: 6vw;
    padding-bottom: 4vw;
    background-size: 30vw auto;
  }
}

.boxWork0201 .bb-bookblock .boxBookFirstPage .boxBaseCom {
  line-height: 1.6;
  letter-spacing: 0.01em;
  font-size:0.9375rem;
}

.boxWork0201 .bb-bookblock .boxBookFirstPage .boxBaseCom p:not(:last-child) {
  margin-bottom: 7px;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookFirstPage .boxBaseCom p:not(:last-child) {
    margin-bottom: 3vw;
  }
}

.boxWork0201 .bb-bookblock .boxBookProfPage {
  margin-left: -5px;
  padding-top: 22px;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookProfPage {
    margin-left: 1vw;
    padding-top: 1vw;
  }
}

.boxWork0201 .bb-bookblock .boxBookProfPage.page05,
.boxWork0201 .bb-bookblock .boxBookProfPage.page06,
.boxWork0201 .bb-bookblock .boxBookProfPage.page07,
.boxWork0201 .bb-bookblock .boxBookProfPage.page08,
.boxWork0201 .bb-bookblock .boxBookProfPage.page09,
.boxWork0201 .bb-bookblock .boxBookProfPage.page10 {
  padding-top: 0.7em;
}

.boxWork0201 .bb-bookblock .boxBookProfPage.page11 {
  padding-top: 0;
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPage.page12 {
  height: 97.8%;
  padding-top: 3em;
  text-align: center;
  background-color: #2ab3c7;
  color: #fff;
}
@media all and (max-width: 750px){
  .boxWork0201.type1115 .bb-bookblock .boxBookProfPage.page12 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}

@media all and (max-width: 750px){
  .boxWork0201.type1115 .bb-bookblock .boxBookProfPage.page10 .boxImg {
    text-align: center;
  }
  .boxWork0201.type1115 .bb-bookblock .boxBookProfPage.page10 .boxImg img {
    width: 80%;
  }
}

.boxWork0201 .bb-bookblock .boxBookProfPage.page07 .boxImg {
  text-align: center;
}

.boxWork0201 .bb-bookblock .boxBookProfPage.page07 .boxImg img {
  width: 165px;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookProfPage.page07 .boxImg img {
    width: 50%;
  }
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPageLR {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPageLR.no01 {
  border-bottom: 1px #947847 solid;
  margin-bottom: 1.5em;
}
@media all and (max-width: 750px){
  .boxWork0201.type1115 .bb-bookblock .boxBookProfPageLR.no01 {
    padding-bottom: 1.5em;
  }
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPageL {
  width: 45%;
}
@media all and (max-width: 750px){
  .boxWork0201.type1115 .bb-bookblock .boxBookProfPageL {
    width: 40%;
  }
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPageR {
  width: 55%;
}
@media all and (max-width: 750px){
  .boxWork0201.type1115 .bb-bookblock .boxBookProfPageR {
    width: 57%;
  }
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPage.page03 .boxImg {
  margin-bottom: 1.3em;
  text-align: center;
}

.boxWork0201 .bb-bookblock .boxBookProfPage .boxBaseCom {
  margin-bottom: 20px;
  line-height: 1.55;
  letter-spacing: normal;
  font-size: 0.88rem;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookProfPage .boxBaseCom {
    margin-bottom: 3vw;
    font-size: 0.91rem;
  }
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPage.page03 .boxBaseCom {
  line-height: 1.7;
}

.boxWork0201 .bb-bookblock .boxBookProfPage .ttl01.type02 {
  margin-bottom: 12px;
  /*padding: 0.6em 0 0 1.0em;
  font-size: 1.0rem;*/
  	padding: 0.3em 0 0 1.0em !important;
	font-size: 0.78rem;
	text-align:left !important;
}
.boxWork0201 .bb-bookblock .boxBookProfPage .ttl01.type02 span {
	display:inline-block;
  }
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookProfPage .ttl01.type02 {
    margin-bottom: 3vw;
	padding: 1.2em 0 0 1.1em;
    letter-spacing: normal;
  }
}

.boxWork0201 .bb-bookblock .boxBookProfPage .dl01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin-bottom: 5px;
  line-height: 1.5;
  font-size: 0.88rem;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookProfPage .dl01 {
    margin-bottom: 2vw;
    font-size: 0.91rem;
  }
}

.boxWork0201 .bb-bookblock .boxBookProfPage .dl01 > dt {
  margin-right: 15px;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookProfPage .dl01 > dt {
    margin-right: 3vw;
  }
}

.boxWork0201 .bb-bookblock .boxBookLastPage {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  height: 516px;
  color: #fff;
  line-height:1.6;
  font-size:0.91rem;
}

.boxWork0201 .bb-bookblock .boxCont01L .boxPeriod,
.boxWork0201 .bb-bookblock .boxCont01R .boxPeriod {
  padding-left: 0.4em;
  font-size: 0.91rem;
  font-weight: 700;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .boxPeriod,
  .boxWork0201 .bb-bookblock .boxCont01R .boxPeriod {
    font-size: 0.91rem;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .boxDate,
.boxWork0201 .bb-bookblock .boxCont01R .boxDate {
  margin-bottom: 14px;
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary-border01.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto auto;
  text-align: right;
  font-size: 0.88rem;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .boxDate,
  .boxWork0201 .bb-bookblock .boxCont01R .boxDate {
    margin-bottom: 2vw;
    background-size: 77% auto;
    font-size: 0.88rem;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .boxYear,
.boxWork0201 .bb-bookblock .boxCont01R .boxYear {
  margin-bottom: 0.6em;
  padding: 0.6em;
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary1115-ttl-bg01.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 100%;
  font-size: 1.0rem;
  font-weight: 700;
  color: #9d1d22;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .boxYear,
  .boxWork0201 .bb-bookblock .boxCont01R .boxYear {
    margin-bottom: 0.4em;
    padding: 0.6em;
    font-size: 0.91rem;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .boxYear.type12,
.boxWork0201 .bb-bookblock .boxCont01R .boxYear.type12 {
  color: #23627b;
}

.boxWork0201 .bb-bookblock .boxCont01L .boxYear.type13,
.boxWork0201 .bb-bookblock .boxCont01R .boxYear.type13 {
  color: #9f7908;
}

.boxWork0201 .bb-bookblock .boxCont01L .boxYear.type14,
.boxWork0201 .bb-bookblock .boxCont01R .boxYear.type14 {
  color: #8d4819;
}

.boxWork0201 .bb-bookblock .boxCont01L .boxYear.type15,
.boxWork0201 .bb-bookblock .boxCont01R .boxYear.type15 {
  color: #8895ab;
}

.boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no01,
.boxWork0201 .bb-bookblock .boxCont01R .boxBaseCom.no01 {
  margin-bottom: 18px;
  padding: 0 0 0 0.4em;
  letter-spacing: -0.05em;
  line-height: 1.2;
  font-size: 0.88rem;
}
.boxWork0201.type1115 .bb-bookblock .boxCont01L .boxBaseCom.no01,
.boxWork0201.type1115 .bb-bookblock .boxCont01R .boxBaseCom.no01 {
  line-height: 1.7;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no01,
  .boxWork0201 .bb-bookblock .boxCont01R .boxBaseCom.no01 {
    margin-bottom: 3vw;
    font-size: 0.91rem;
	line-height: 1.45;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no01 p:not(:last-child),
.boxWork0201 .bb-bookblock .boxCont01R .boxBaseCom.no01 p:not(:last-child) {
  margin-bottom: 10px;
}

.boxWork0201 .bb-bookblock .boxCont01L .ttl01,
.boxWork0201 .bb-bookblock .boxCont01R .ttl01 {
  height: 33px;
  margin-bottom: 5px;
  padding: 0.6em 0 0 1.2em;
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary-ttl-bg01.png'), url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary-txt01.png');
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right center;
  background-size: auto auto, auto auto;
  letter-spacing: 0.08em;
  color: #fff;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .ttl01,
  .boxWork0201 .bb-bookblock .boxCont01R .ttl01 {
    height: 9.5vw;
    margin-bottom: 3vw;
    padding: 0.7em 0 0 1.2em;
    background-position: left center, right center;
    background-size: 41vw auto, 55vw auto;
    font-size: 0.88rem;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .ttl01.type02,
.boxWork0201 .bb-bookblock .boxCont01R .ttl01.type02 {
  /*padding: 0.7em 0 0 1.0em;
  letter-spacing: normal;*/
  letter-spacing: -0.1em;
  font-size: 0.78rem;
  	padding: 0.4em 0 0 0.8em !important;
	text-align:left !important;
}
.boxWork0201 .bb-bookblock .boxCont01L .ttl01.type02 span,
.boxWork0201 .bb-bookblock .boxCont01R .ttl01.type02 span{
	display:inline-block;
  }
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .ttl01.type02,
  .boxWork0201 .bb-bookblock .boxCont01R .ttl01.type02 {
    padding: 0.6em 0 0 1.1em !important;
    letter-spacing: normal;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no02,
.boxWork0201 .bb-bookblock .boxCont01R .boxBaseCom.no02 {
  margin-bottom: 12px;
  padding: 0 1.4em 0 0.4em;
  letter-spacing: 0.03em;
  line-height: 1.5;
  font-size: 0.88rem;
}
.boxWork0201.type1115 .bb-bookblock .boxCont01L .boxBaseCom.no02,
.boxWork0201.type1115 .bb-bookblock .boxCont01R .boxBaseCom.no02 {
  padding: 0 0 0 0.4em;
  line-height: 1.7;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no02,
  .boxWork0201 .bb-bookblock .boxCont01R .boxBaseCom.no02 {
    margin-bottom: 5vw;
    padding: 0 0 0 0.4em;
    letter-spacing: normal;
    font-size: 0.91rem;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no02 {
  padding: 0 0.4em 0 1.4em;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no02 {
    padding: 0 0.4em 0 0;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no02 p:not(:last-child),
.boxWork0201 .bb-bookblock .boxCont01R .boxBaseCom.no02 p:not(:last-child) {
  margin-bottom: 10px;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no02 p:not(:last-child),
  .boxWork0201 .bb-bookblock .boxCont01R .boxBaseCom.no02 p:not(:last-child) {
    margin-bottom: 2vw;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no02 .small,
.boxWork0201 .bb-bookblock .boxCont01R .boxBaseCom.no02 .small {
  line-height: 1.6;
  font-size: 0.8rem;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .boxBaseCom.no02 .small,
  .boxWork0201 .bb-bookblock .boxCont01R .boxBaseCom.no02 .small {
    font-size: 0.8rem;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .ttl02,
.boxWork0201 .bb-bookblock .boxCont01R .ttl02 {
  margin-bottom: 9px;
  padding-left: 24px;
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary-icn-circle01.png');
  background-repeat: no-repeat;
  background-position: 0.5em 0.18em;
  background-size: auto auto;
  font-size: 0.91rem;
  font-weight: 700;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .ttl02,
  .boxWork0201 .bb-bookblock .boxCont01R .ttl02 {
    margin-bottom: 3vw;
    padding-left: 4vw;
    background-position: 0.1em 0.18em;
    background-size: 2vw auto;
    font-size: 0.91rem;
  }
}

.boxWork0201.type1115 .bb-bookblock .boxCont01L .ttl03,
.boxWork0201.type1115 .bb-bookblock .boxCont01R .ttl03 {
  margin-bottom: 0.3em;
  margin-left:0;
}

@media all and (max-width: 750px){
  .boxWork0201.type1115 .bb-bookblock .boxCont01L .ttl03 img,
  .boxWork0201.type1115 .bb-bookblock .boxCont01R .ttl03 img {
    width: 90%;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .ul01,
.boxWork0201 .bb-bookblock .boxCont01R .ul01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-left: 20px;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .ul01,
  .boxWork0201 .bb-bookblock .boxCont01R .ul01 {
    padding-left: 4vw;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .ul01 > li,
.boxWork0201 .bb-bookblock .boxCont01R .ul01 > li {
  margin-bottom: 0.6em;
   font-size: 0.88rem;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxCont01L .ul01 > li,
  .boxWork0201 .bb-bookblock .boxCont01R .ul01 > li {
    font-size: 0.9rem;
  }
}

.boxWork0201 .bb-bookblock .boxCont01L .ul01 > li:after,
.boxWork0201 .bb-bookblock .boxCont01R .ul01 > li:after {
  content: '/';
}

.boxWork0201.type1115 .bb-bookblock .boxCont01L,
.boxWork0201.type1115 .bb-bookblock .boxCont01R {
  position: relative;
}

.boxWork0201.type1115 .bb-bookblock .bb-item.no01 .boxCont01L {
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/work02-diary1115-bg01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.boxWork0201.type1115 .bb-bookblock .boxCont01L .bg01Work02Diary1115P14,
.boxWork0201.type1115 .bb-bookblock .boxCont01R .bg01Work02Diary1115P14 {
  position: absolute;
  top: 0;
  left: 4em;
}
@media all and (max-width: 750px){
  .boxWork0201.type1115 .bb-bookblock .boxCont01L .bg01Work02Diary1115P14,
  .boxWork0201.type1115 .bb-bookblock .boxCont01R .bg01Work02Diary1115P14 {
    left: 3em;
    width: 5vw;
  }
}

.boxWork0201.type1115 .bb-bookblock .boxCont01L .bg02Work02Diary1115P14,
.boxWork0201.type1115 .bb-bookblock .boxCont01R .bg02Work02Diary1115P14 {
  position: absolute;
  bottom: 0;/*-0.45em;*/
  right: 0;
}
@media all and (max-width: 750px){
  .boxWork0201.type1115 .bb-bookblock .boxCont01L .bg02Work02Diary1115P14,
  .boxWork0201.type1115 .bb-bookblock .boxCont01R .bg02Work02Diary1115P14 {
    bottom: 0;/*-8vw;*/
    width: 45vw;
  }
}

.boxWork0201 .bb-bookblock .boxBookPage02 {
  padding-top: 3em;
  text-align: center;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookPage02 {
    padding-top: 2em;
  }
}

.boxWork0201 .bb-bookblock .boxBookPage02 .ttl03 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 1.5em;
  padding-top: 5.0em;
  background-image: url('https://murakamitw.co.jp/wp/wp-content/themes/murakami/images/work/works02-diary1115-p2-icn-deco01.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto auto;
  font-weight: 700;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookPage02 .ttl03 {
    background-size: 18vw auto;
  }
}

.boxWork0201 .bb-bookblock .boxBookPage02 .ttl03 .txt01 {
  margin-bottom: 0.8em;
  letter-spacing: 0.15em;
  font-size: 1.4rem;
}

.boxWork0201 .bb-bookblock .boxBookPage02 .ttl03 .txt0101 {
  font-size: 1.7rem;
}

.boxWork0201 .bb-bookblock .boxBookPage02 .ttl03 .txt02 {
  letter-spacing: 0.1em;
  font-size: 2.7rem;
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPage .ttl03 {
  text-align:left !important;
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPage.page12 .ttl04 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 1.1em;
  font-weight: 700;
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPage.page12 .ttl04 .txt01 {
  margin-bottom: -0.1em;
  font-size: 2.0rem;
  color: #f3e100;
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPage.page12 .ttl04 .txt01 .small {
  font-size: 1.6rem;
}

.boxWork0201.type1115 .bb-bookblock .boxBookProfPage.page12 .ttl04 .txt02 {
  color: #afdae3;
}

.boxWork0201 .bb-bookblock .boxBookPage02 .boxBaseCom {
  margin-bottom: 1.0em;
  font-size: 0.9rem;
}

.boxWork0201 .bb-bookblock .boxBookPage02 .boxImg.no01 {
  margin-bottom: 1.0em;
}
@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookPage02 .boxImg.no01 img {
    width: 50%;
  }
}

@media all and (max-width: 750px){
  .boxWork0201 .bb-bookblock .boxBookPage02 .boxImg.no02 img {
    width: 70%;
  }
}

.boxBookblockNaviWrap {
  display: none;
}

.boxWork0201 .boxBookblockNavi {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

.boxWork0201 .boxBookblockNavi .btnBookblockNavi {
  position: relative;
  z-index: 2;
  margin: 0 4px;
  cursor: pointer;
}

.boxWork0201 .boxBookblockNavi .txt02Work02Diary {
  position: absolute;
  right: 104px;
  top: -19px;
}
@media all and (max-width: 750px){
  .boxWork0201 .boxBookblockNavi .txt02Work02Diary {
    right: 0;
    top: 2vw;/*10vw;*/
    width: 50vw;/*59vw;*//*50vw;*/
  }
}

.boxWork0201 .boxBookblockNavi .btnWork02DiaryBack {
  position: absolute;
  z-index: 2;
  left: 150px;
  top: -1em;
  margin: auto;
  cursor: pointer;
}
@media all and (max-width: 750px){
  .boxWork0201 .boxBookblockNavi .btnWork02DiaryBack {
    left: 0;
    right: 0;
    top: auto;
    bottom: -18vw;
    margin: auto;
    width: 48%;
  }
}

.boxWork0202 .boxBaseCom {
  width: 100%;
  margin: 0 auto;
  color: #fff;
  letter-spacing:0.02em;
  text-align:center;
  line-height:1.5;
  font-size:1.0rem;
}
@media all and (max-width: 750px){
  .boxWork0202 .boxBaseCom {
    width: 100%;
    padding: 0 4.5vw 3vw 4.5vw;
	font-size:0.88rem;
	text-align:left;
  }
}

.link01Work02Diary1630Page10 {
  position: absolute;
  z-index: 2;
  top: 232px;
  right: 41px;
}
@media all and (max-width: 750px){
  .link01Work02Diary1630Page10 {
    top: 44%;
    right: auto;
    left: 16.9%;
  }
}

@media all and (max-width: 750px){
  .link01Work02Diary1630Page10 img {
    width: 53.5vw;
  }
}


/* 取得資格一覧　----------------------------------------------------------*/

.skills .txt .ttl {
  color: #15b3c6;
  font-weight: bold;
  font-size: 1.375rem;
  padding-bottom:10px;
  border-bottom:1px dotted #15b3c6;
}

.skills .txt .ttl {
  background: url(../../images/works/icn_point.png) no-repeat left top 20%;
  padding-left:25px;
}

.boxSkillsS01Wrap {
  margin:50px auto;
}

.boxSkillsS01Wrap .boxSkillsS01 {
	padding-bottom:3.0rem;
}

.ul_license li {
  background: url(../../images/common/icn-dot_blue.jpg) no-repeat 1em center;
  padding: 1.0em 2.0em ;
}

.ul_license li:nth-of-type(2n) {
	background-color: #f0f0f0;
}

.boxSkillsS01 .boxFlexLR {
	display: flex;
	flex-wrap: wrap;
    justify-content:space-between;
}

.boxSkillsS01 .boxFlexLR .boxFlexL {
	width: 48%;
}
.boxSkillsS01 .boxFlexLR .boxFlexR {
	width: 48%;
}

@media all and (max-width: 767px){
.boxSkillsS01 {
	padding-bottom: 5.5rem;
}

.boxSkillsS01  .boxFlexLR {
    display: block;
  }

.boxSkillsS01  .boxFlexLR .boxFlexL,
.boxSkillsS01  .boxFlexLR .boxFlexR {
	width: 100%!important; 
	padding-bottom:0rem!important;
	}
}


/* プライバシーポリシー -------------------------------*/

.policy h3{
	color: #22B3C7;
	font-weight: bold;
	font-size: 1.125rem;
	margin: 2em 0 1em;
	background: #f3f3f3;
	padding: 0.8em;
	line-height: 1.6em;
}

.policy p{
	font-size: 1rem;
	overflow-wrap:break-word;
	word-wrap:break-word;
}

.input_btm10 {
	margin-bottom: 10px;
}

/*お知らせ-------------------------------------------------------------------*/
#primary {
    width: 78%;
    float: left;
}
#sidebar {
    width: 18%;
    float: right;
}
#primary .txt a {
    text-decoration: underline;
    color: #0084b4;
}
.important_info .txt {
    line-height: 1.6;
}
.important_info {
    background-color: #ffecec;
    padding: 17px;
}
.none01.none02 .important_info {
    display: none;
}
.important_info .box_border .ttl span {
    background-color: #ffecec;
}
.important_info h2.caution {
    background-color: #fff;
}
.single_article {
    overflow: hidden;
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #dcdcdc;
}
.single_article a {
    display: block;
}
.single_article .img {
    width: 155px;
    height: 128px;
    overflow: hidden;
    position: relative;
    float: left;
}
.single_article .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
.single_article .text {
    width: calc(100% - 185px);
    margin-left: 30px;
    float: left;
}
.icn_cat {
    font-size: 0.875rem;
    color: #136fb4; 
	border: 1px solid #136fb4;
    background-color: #fff;
    max-width: 100px;
    width: 100%;
    display: inline-block;
    padding: 7px 10px 5px 10px;
    text-align: center;
    margin-right: 10px;
}
.single_article .date {
    margin-bottom: 20px;
}
.single_article .ttl {
    color: #136fb4;
    line-height: 1.4;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 1.25rem;
}
.single_article .text p {
    line-height: 1.4;
}
#sidebar .side_ttl {
	font-family: "Poppins", sans-serif;
    color: #fff;
    background: #136fb4;
    padding: 17px 0;
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.125rem;
}
#sidebar ul {
    padding-left: 15px;
}
#sidebar ul li:before {
    content: "■";
    color: #297475;
    font-size: 7px;
    vertical-align: middle;
    margin-right: 10px;
}
#sidebar ul li:not(:last-child) {
    margin-bottom: 25px;
}
#sidebar ul.children {
  margin-top: 0.8em;
}
#sidebar .archive_area {
    padding-left: 15px;
}
#sidebar .archive_area h4 {
    margin-bottom: 25px;
    cursor: pointer;
}
#sidebar .archive_area h4:before {
    content: url(../../images/common/icn-plus.png);
    margin-right: 5px;
    display: inline-block;
}
#sidebar .archive_area h4.open:before {
    content: url(../../images/common/icn-minus.png);
}
#sidebar .archive_area ul {
    display: none;
    padding-left: 20px;
}
#sidebar .archive_area li:before {
    margin-right: 5px;
}
.icn_prev a {
    color: #00439e;
    font-weight: bold;
    font-size: 1.0625rem;
    width: 104px;
    text-align: center;
    background: url(../../images/common/icn-prev02.png) no-repeat 22px center;
    padding: 1em 0;
    border: 1px solid #00439e;
    display: inline-block;
    padding-left: 20px;
}
.icn_prev {
    position: absolute;
    left: 0;
    top: 0;
}
.icn_next a {
    color: #00439e;
    font-weight: bold;
    font-size: 1.0625rem;
    width: 104px;
    text-align: center;
    background: url(../../images/common/icn-next02.png) no-repeat 82px center;
    padding: 1em 0;
    border: 1px solid #00439e;
    display: inline-block;
    padding-right: 20px;
}
.icn_next {
    position: absolute;
    right: 0;
    top: 0;
}
.to_list a {
    display: flex;
	justify-content: center;
	align-items: center;
    width: 210px;
	height: 56px;
    color: #fff;
    font-weight: bold;
    font-size: 1.0625rem;
    text-align: center;
    padding: 1em 0;
    background: url(../../images/common/icn-arrow_w.png) no-repeat 188px center;
    background-color: #15b3c6;
    margin: auto;
}
.page_navi {
    position: relative;
    margin-top: 90px;
    margin-bottom: 60px;
}
.single-post .ttl_wrap .date {
    position: relative;
}
.single-post .ttl_wrap .date .date_wrap {
	background-color: #fff;
	padding-right:1em;
	position:relative;
	z-index:1;
}
.single-post .ttl_wrap .date:after {
    content: "";
    max-width: calc(100% - 260px);
    width: 80%;
    height: 1px;
    background: #cfcfcf;
    position: absolute;
    right: 0;
    top: 13px;
}
.single_ttl {
    font-size: 1.875rem;
    line-height: 1.4;
    color: #136fb4;
    margin: 1.2em 0;
	font-weight: bold;
}
#sidebar ul.mb60 {
	margin-bottom: 60px;
}
#sidebar .archive_area {
	margin-bottom: 40px;
}

/*職種紹介　----------------------------------------------------------*/

.boxWorksList .boxWrap {
	display: flex;
	flex-wrap: wrap;
}
.boxWorksList .box {
	width: 32%;
	margin-left: 2%;
	position: relative;
}
.boxWorksList .box:nth-child(n+4) {
	margin-top: 2%;
}
.boxWorksList .box:nth-of-type(3n + 1) {
	margin-left: 0;
}
.boxWorksList .box a {
	display: block;
}
.boxWorksList .box {
	
}
.boxWorksList .box a span {
    font-size: 1.5625rem;
    font-weight: 500;
    color: #3f3f3f;
    position: absolute;
    left: 0.8em;
    bottom: 0.8em;
}

.boxOccupationsS01Wrap {
padding-top: 1.5rem;
}

.boxOccupationsS02Wrap,.boxOccupationsS03Wrap,.boxInterviewS02Wrap {
	padding: 1.5rem 0rem 1.5rem 1.5rem; 
}
.boxOccupationsS02Wrap .boxOccupationsS02:nth-child(n + 2) {
	margin-top: 3rem;
}

.boxOccupationsS01 {
	padding-bottom: 7.5rem;
}

.boxFlexLR {
	display: flex;
	flex-wrap: wrap;
    justify-content:space-between;
}

.boxFlexLR .boxFlexL {
	width: 48%;
}
.boxFlexLR .boxFlexR {
	width: 48%;
}

@media all and (max-width: 767px){
.boxOccupationsS01 {
	padding-bottom: 5.5rem;
}

.boxFlexLR {
    display: block;
  }

.boxFlexLR .boxFlexL,
.boxFlexLR .boxFlexR {
	width: 100%!important; 
	padding-bottom:1.5rem!important;
}
}

.boxOccupationsS01 .flexBoxL {
	width: 57%;
}
.boxOccupationsS01 .boxFlexR {
	width: 38%;
}
.boxOccupationsS01 .boxFlexR img.jobImg {
	max-width:100%;
	min-width: 330px;border:0px solid #fff; box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, 0.35);
}
.boxOccupationsS01 .txt p {
	line-height: 1.8;
}
.boxOccupationsS01 .ttl {
	color: #22B3C7;
	font-size: 1.75rem;
	margin-bottom: 1em;
	line-height: 1.6;
}
@media all and (max-width: 767px){
.boxOccupationsS01 .ttl { font-size: 1.55rem;}
}

.boxInterviewS02Wrap {
	position: relative;
	overflow: hidden;
}

.bl_schedule {
  display: flex;
  justify-content:space-between;
}
@media all and (max-width: 767px){
  .bl_schedule {  display: block; }
}

.bl_schedule_item {
	width: 45%;
}
@media all and (max-width:767px){
  .bl_schedule_item { width: 100%; }
  .bl_schedule_item:nth-child(2) {  margin-top: 1.5em; }
}

.bl_schedule_ttl{
  padding-left: 20px;
  position: relative;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 2em;
  color:#071c1f;
	font-weight: bold;
}
@media all and (max-width: 767px){
  .bl_schedule_ttl{  font-size: 1rem; }
}

.bl_schedule_ttl::before {
  content:"";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color:#0d6eaf;
}

.bl_schedule_ttl::after {
  content:"";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 85%;
  height: 1px;
  background-color: #cccccc;
}
.bl_schedule_dl {
	display: flex;
	padding-bottom: 4rem;
	position: relative;
	align-items: center;
}
.bl_schedule_dl:before {
	content: "";
	width: 2px;
	height: 100%;
	position: absolute;
	left: 40px;
	top: 0;
	background-color: #21b4c7;
	z-index: -1;
}
.bl_schedule_dl:last-child:before {
	content: none;
}
.bl_schedule_dl:last-child {
	padding-bottom: 0rem;
}

.bl_schedule_dl:not(:last-child)::after {
  content:"";
  position: absolute;
  bottom: -60px;
  left: 40px;
  width: 2px;
  height: 60px;
  background-color: #21b4c7;
}
@media all and (max-width: 767px){
  .bl_schedule_dl {  font-size: 0.78rem;  }
  .bl_schedule_dl:before {
	position: absolute;
	left: 25px;
	top: 0;
}
.bl_schedule_dl:not(:last-child)::after {
  position: absolute;
  bottom: -40px;
  left: 25px;
}
}


.bl_schedule_dl .time {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  margin-right: 2em;
  border-radius: 50%;
  background-color: #21b4c7;
  color: #fff;
  font-weight: 600;
}
@media all and (max-width: 767px){
  .bl_schedule_dl .time {
    width: 14vw;
    height: 14vw;

  }
}
.bl_schedule_dl .line {
  width: 80px;
  height: 60px;
  margin-right: 2em;  
  position: relative;
}
@media all and (max-width: 767px){
  .bl_schedule_dl .line {
    width: 14vw;
  }
}
.bl_schedule_dl .line::after {
  content:"";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 60px;
  background-color: #1d90cf;
}
@media all and (max-width:767px){
  .bl_schedule_dl .line::after {
    height: 16vw;
  }
}
.bl_schedule_dl dd {
  font-size: 0.9375rem;
  line-height: 1.5;
}

.bl_schedule_dl dd span {
  font-weight: 600;
  font-size: 1rem;
  display: block;
  margin-bottom:10px;
}
.bl_schedule_dl dd span.none {
	margin-bottom: 0;
}
.bl_schedule_dl dd .indent {
  display: block;
  padding-left: 0.5em;
  padding-bottom: 0.5em;
  font-weight: normal;
}

.dl_listCom {
	/*font-size: 0.9375rem;*/
	line-height: 1.6;
	padding: 1.2em;
	display: flex;
}

.dl_listCom:nth-of-type(2n) {
	background-color: #f0f0f0;
}
.dl_listCom dt {
	width: 11em;
	padding-left: 1em;
	font-weight: 600;
	position: relative;
}
.dl_listCom dt:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background-color: #297475;
	position: absolute;
	top: 0.6em;
	left: 0;
}
.dl_listCom dd {
	width: calc(100% - 11em);
	font-size: 0.9375rem;
}

@media all and (max-width: 767px){
.dl_listCom { display: block; }

.dl_listCom dt,
.dl_listCom dd { width: 100%; }
}

.ul_license li {
  background: url(../../images/common/icn-dot_blue.jpg) no-repeat 1em center;
  padding: 1.0em 2.0em ;
}

.recruit_list #sec01 .ttlLead01 {
	text-align: center;
	font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	margin-bottom: 1.5em;
	line-height: 1.5;
	letter-spacing: 0.12em;
	font-size: 2.5rem;
	font-weight: 400;
}
.recruit_list #sec01 p {
	text-align: center;
}
body.contact .upToTop,
body.single-guideline .upToTop,
body.post-type-archive-guideline .upToTop {
	bottom: 94px;
}
.thanks {
	padding-top: 80px;
	margin-top: -80px;
}