/* ----------------------------------------

-  base

---------------------------------------- */
#container,
.breadcrumbs{
  background-color: #F2F2F2;
}
.whitebase {
  background-color: #fff;
  padding: 60px;
}
.sec01 {
  margin-top: 100px;
}
@media screen and (max-width:737px) {
  .whitebase {
    padding: 20px 15px;
  }
  .sec01 {
    margin-top: 70px;
  }
}
/* font size
---------------------------------- */
#main {
  font-size: 16px;
}
#main h2 {
  font-size: 24px;
  font-weight: bold;
}
#main h3 {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width:737px) {
  #main {
    font-size: 13px;
  }
  #main h2 {
    font-size: 19px;
  }
  #main h3 {
    font-size: 16px;
  }
}
/* box
---------------------------------- */
.box {
  border: 7px solid;
}
.box_in {
  padding: 80px 40px 50px;
}

.box.bd-brack {
  border-color: #000000;
}
.box.bd-blue {
  border-color: #0168B7;
}
.box.bg-blue {
  background-color: #0168B7;
}
.box.bg-lightbule {
  background-color: #DCEEFE;
}
.box.bg-lightpink {
  background-color: #FFF5F5;
}
.box.bg-lightgray {
  background-color:#FAFAFA;
}
@media screen and (max-width:737px) {
  .box {
    border: 3px solid;
  }
  .box_in {
    padding: 50px 20px 20px;
  }
}
/* box_tit
---------------------------------- */
.box_tit {
  display: block;
  line-height: 1.35;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
}
.box_tit_box {
  min-width: 220px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #0000CC;
  padding: .8em;
}

/* imgWrap
------------------------------- */
.imgWrap {
  display: flex;
  flex-wrap: wrap;
	margin-top: 30px;
}
.imgWrap::after {
  content: "";
  display: block;
  clear: both;
}
.imgWrap:first-child {
	margin-top: 0;
}
.imgWrap .imgAreaL {
  display: inline-block;
  width: 33%;
	margin: 0 5% 0 0;
}
.imgWrap .imgAreaR {
  order: 2;
  display: inline-block;
  width: 33%;
	margin: 0 0 0 5%;
}
.imgWrap .textArea {
  width: 62%;
}

@media screen and (max-width:737px) {
  .imgWrap .imgAreaC {

    width: 100%;
  }
  .imgWrap .imgAreaL {
    float:none;
    width: 100%;
    margin: 0 auto 20px;
  }
  .imgWrap .imgAreaR {
    float:none;
    width: 100%;
    margin: 0 auto 20px;
  }
  .imgWrap .textArea {
    width: 100%;
  }
}



/* btn
------------------------------- */
.btn {
	max-width: 100%;
	min-width: 200px;
	display: inline-block;
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
  transition: .3s;
  position: relative;
	background-color: #0033FF;
	box-shadow: 0px 5px 0px 0px #0F2FB1;
	border-radius: 10px;
	padding: .6em 1em;
  margin-bottom: 5px;
}
.btn:hover {
  color: #fff;
  transform: translateY(5px);
  box-shadow:none !important;
}
.btn.bg-lightbule {
  background-color: #159ae4;
	box-shadow: 0px 5px 0px 0px #0f67b1;

}
.btn.bg-yellow {
	background-color: #FFC000;
  box-shadow: 0px 5px 0px 0px #E9B30D;
}
.btn.bg-pink {
	background-color: #FE3265;
  box-shadow: 0px 5px 0px 0px #D61E4C;
}
.btn.bg-green {
	background-color: #189800;
  box-shadow: 0px 5px 0px 0px #258114;
}
@media screen and (max-width:737px) {

}
/* ----------------------------------------

-  mvSec

---------------------------------------- */
#mvSec {
  margin: 0 auto;
  text-align: center;
}
/* ----------------------------------------

-  pageNavSec

---------------------------------------- */
#pageNav {
  display: flex;
  flex-wrap: wrap; 
  margin-left: -30px;
  margin-top: -20px;
}
#pageNav .pageNav_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(
    33.33% - 30px);
  margin-left: 30px;
  margin-top: 20px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  background: #0168B7;
  color: #F0ED9B;
  text-align: center;
  padding: .5em;
  border-radius: 50px;
  box-sizing: border-box;
}
#pageNav .pageNav_item:hover {
  color: #F0ED9B;
  transform: translateY(5px);
}
@media screen and (max-width:737px) {
  #pageNav {
    margin-left: -10px;
    margin-top: -15px;
  }
  #pageNav .pageNav_item {
    display: block;
    width: calc(50% - 15px);
    margin-left: 10px;
    margin-top: 15px;
    font-size: 16px;
  }
}
/* ----------------------------------------

-  newsSec

---------------------------------------- */
#newsSec .box_tit_box {
  min-width: auto;
  border: none;
  padding-bottom: 0;
  padding-top: 0;
}
#newsList  {
  height: 300px;
  overflow-y: scroll;
}
#newsList > li{
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  margin-top: 1em;
}
#newsList > li:first-child {
  margin-top: 0;
}
#newsList .date {
  width: 6em;
  margin-right: 1em;
  white-space: nowrap;
}
#newsList .cat {
  width: 10em;
  margin-right: 1em;
  white-space: nowrap;
}
#newsList .txt {
  width: calc(100% - 18em);
} 
@media screen and (max-width:737px) {
  #newsSec .box_in {
    padding-top: 30px;
  }
  #newsList .cat {
    width: calc(100% - 7em);
    margin-right: 0;
  }
  #newsList .txt {
    width: 100%;
  } 
}
/* ----------------------------------------

-  bookSec
-  profileSec

---------------------------------------- */
#bookSec h3,
#profileSec h3 {
  margin-bottom: 20px;
}
#bookSec .textArea,
#profileSec .textArea {
  font-weight: bold;
}
#bookSec .btnUnit,
#profileSec .btnUnit {
  margin-top: 20px;
}
#bookSec .btnUnit {
  text-align: center;
}
#bookSec .btnUnit .btn {
  min-width: 250px;
}
@media screen and (max-width:737px) {
  #profileSec .imgWrap .imgAreaR {
    margin: 20px auto 0;
  }
}
/* ----------------------------------------

-  secretSec

---------------------------------------- */
.interviewSec_tit {
  margin-bottom: 1em;
}
@media screen and (max-width:737px) {
  .secretSec .box_tit {
    width: 100%;
  }
  .secretSec .box_tit h2  {
    font-size: 16px!important;
  }
}
/* interviewNav
------------------------------- */
.interviewNav {
  display: flex;
  /* align-items: center; */
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  margin-left: -25px;
  margin-top: -25px;
  padding: 0 25px;
}
.interviewNav_item {
  width: calc(33.33% - 25px);
  margin-left: 25px;
  margin-top: 25px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: bold;
  color: #0168B7;
  background-color: #F0ED9B;
  background-image: url(../img/liliana/interviewNav_icom.svg);
  background-repeat: no-repeat;
  background-position: bottom 1em center;
  background-size: auto .33em;
  padding: 1em;
  padding-bottom: 1.75em;
  box-sizing: border-box;

}
.interviewNav_item > p {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.interviewNav_item:hover {
  color: #0168B7;
  transform: translateY(5px);
}
.interviewNav_item.nolink  {
  pointer-events: none;
  filter:grayscale();
}
@media screen and (max-width:737px) {
  .interviewNav {
    margin-left: -10px;
    margin-top: -10px;
    padding: 0;
  }
  .interviewNav_item {
    width: calc(100% - 10px);
    margin-left: 10px;
    margin-top: 10px;
    font-size: 16px;
  }
}
/* secretSec
------------------------------- */


@media screen and (max-width:737px) {
  .secretSec .box_in {
    padding-top:60px;
  }
  .secretSec .imgAreaL,
  .secretSec .imgAreaR {
    width: 100%;
  }
}
/* qa
------------------------------- */
.qa_copy {
  margin: 2em auto 1em;
}
.qa {
  margin-top: 3.12em;
}
.qa .qa-imgArea {
  width: 50%;
  margin: 1em auto;
}
.qa .qa-imgArea.imgArea2col {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.qa .qa-imgArea.imgArea2col img {
  width: 49%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.qa .qa-textAre,
.qa .imgArea2col .qa-textAre {
  width: 100%;
}
.qa .q {
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 1em;
}
.qa .q-line {
  position: relative;
  padding-left: 2.2em;
  text-indent: 2.2em;
}
.qa .q-line::before {
  content: "";
  width: 2em;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0;
  top: 0.7em;
}
.qa .q:first-child {
  margin-top: 0em;
}

@media screen and (max-width:737px) {
  .qa .qa-imgArea {
    width: 100%;
  }
}
/* ----------------------------------------

-  moveiSec

---------------------------------------- */
.movei_tit {
  margin-top: 2em;
  margin-bottom: .5em;
}
.youtube {
  width: 100%;
  aspect-ratio: 560 / 315;
  margin: 0 auto;
  position: relative;
}
.youtube.short {
  max-width: 383px;
  width: 40%;
  aspect-ratio: 383 / 683;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
.youtube .preparation {
  font-weight: bold;
  padding: .5em 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  background: #0168B7;
}
@media screen and (max-width:737px) {
  .youtube.short {
    width: 70%;
  }
}
/* ----------------------------------------

-  linkSec

---------------------------------------- */
#linkSec .poster {
  text-align: center;
}
#linkSec .poster-img {
  display: block;
  max-width: 350px;
  margin: 0 auto;
}
#linkSec .poster .btn {
  margin: 20px auto 40px;
}
#linkSec .btnUnit {
	margin-left: -7%;
	margin-top: -7%;
}
#linkSec .btnUnit > a {
  margin-left: 7%;
  margin-top: 7%;
}