@charset "utf-8";

/* *****************************************************************************

  base style

***************************************************************************** */
/* contents */
.contents{
  margin-bottom: 16rem;
}

@media print, screen and (max-width: 760px){
  /* contents */
  .contents{
    margin-bottom: 8rem;
  }   
}

/* breadcrumbs-list */
.breadcrumbs-list{
  padding-left: 6rem;
  padding-right: 6rem;
  overflow: hidden;
}
.breadcrumbs-list > .-primary{
  display: flex;
  flex-wrap: wrap;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3.5rem;
  line-height: 2;
}
.breadcrumbs-list > .-primary > .-item{
  font-size: 1.4rem;
  border-left: 1px solid #000000;
  line-height: 1;
  padding-left: 2rem;
  margin-right: 2rem;
  white-space: nowrap;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
.breadcrumbs-list > .-primary > .-item:nth-child(1){
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}  
.breadcrumbs-list > .-primary > .-item > a{
  color: #000000;
  position: relative;
}
.breadcrumbs-list > .-primary > .-item > a::after{
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #000000;
  bottom: 0;
  transform: scale(1, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}
.breadcrumbs-list > .-primary > .-item > a:hover::after{
  transform: scale(0, 1);
  transform-origin: right top;
}

@media screen and (max-width : 1000px){
  /* breadcrumbs-list */
  .breadcrumbs-list{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (max-width : 760px){
  /* breadcrumbs-list */
  .breadcrumbs-list{
    margin-top: 1.2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .breadcrumbs-list > .-primary{
    padding-top: 0;
  }
  .breadcrumbs-list > .-primary > .-item{
    font-size: 1.1rem;
  }
}

/* page-title */
.page-title{
  padding-left: 6rem;
  padding-right: 6rem;
}
.page-title > .-inner{
  max-width: 1040px;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
}
.page-title > .-inner > .-primary{
  width: 100%;
}
.page-title > .-inner > .-primary > .-en{
  font-size: 4.8rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.25;
  margin-bottom: 0.6rem;
}
.page-title > .-inner > .-primary > .-main{
  font-size: 2.1rem;
  font-weight: 700;
}

@media screen and (max-width : 1000px){
  /* page-title */
  .page-title{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (max-width : 760px){
  /* page-title */
  .page-title{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .page-title > .-inner{
    height: 240px;
  }
  .page-title > .-inner > .-primary > .-en{
    font-size: 4.4rem;
  }
}

/* page-title-sub */
.page-title-sub{
  padding-left: 6rem;
  padding-right: 6rem;
}
.page-title-sub > .-inner{
  max-width: 1040px;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
}
.page-title-sub > .-inner > .-primary{
  width: 100%;
  padding-top: 5.2rem;
}
.page-title-sub > .-inner > .-primary > .-sub{
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.1rem;
  color: #808080;
  margin-bottom: 1.4rem;
}
.page-title-sub > .-inner > .-primary > .-en{
  font-size: 4.8rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.25;
  margin-bottom: 0.6rem;
}
.page-title-sub > .-inner > .-primary > .-main{
  font-size: 2.1rem;
  font-weight: 700;
}

@media screen and (max-width : 1000px){
  /* page-title-sub */
  .page-title-sub{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (max-width : 760px){
  /* page-title-sub */
  .page-title-sub{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .page-title-sub > .-inner{
    height: 240px;
    display: flex;
    align-items: center;
  }
  .page-title-sub > .-inner > .-primary{
    padding-top: 0;
  }
  .page-title-sub > .-inner > .-primary > .-en{
    font-size: 4.4rem;
  }
}

/* intro-block */
.intro-block{
  margin-bottom: 10rem;
}

@media screen and (max-width : 760px){
  /* intro-block */
  .intro-block{
    margin-bottom: 8rem;
  }
}

/* intro-area */
.intro-area{
  padding-left: 6rem;
  padding-right: 6rem;
}
.intro-area > .-inner{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width : 1000px){
  /* intro-area */
  .intro-area{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media screen and (max-width : 760px){
  /* intro-area */
  .intro-area{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* intro-box */
.intro-box > .-box{
  margin-top: 6rem;
}
.intro-box > .-box:nth-child(1){
  margin-top: 0;
}

/* intro-box-en */
.intro-box-en{
  font-size: 1.2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 2.4rem;
}
.intro-box-en::after{
  content: "";
  width: 10rem;
  height: 0.1rem;
  background-color: #000000;
  position: absolute;
  left: 0;
  bottom: -0.1rem;
}

@media screen and (max-width : 760px){
  /* intro-box-en */
  .intro-box-en{
    margin-bottom: 3rem;
  }
}

/* intro-box-heading */
.intro-box-heading{
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  padding-top: 0.7rem;
}

/* intro-box-two-column */
.intro-box-two-column{
  display: flex;
}
.intro-box-two-column > .-heading{
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  padding-top: 0.7rem;
  padding-right: 6rem;
}
.intro-box-two-column > .-primary{
  flex: 1; 
}
.intro-box-two-column > .-text{
  flex: 1;
}
.intro-box-two-column > .-text > p{
  font-size: 1.6rem;
  line-height: 2;
}
.intro-box-two-column > .-text > div{
  font-size: 1.6rem;
  line-height: 2;  
}

@media screen and (max-width : 1000px){
  /* intro-box */
  .intro-box-two-column > .-heading{
    padding-right: 4rem;
  }
}

@media screen and (max-width : 760px){
  /* intro-box */
  .intro-box-two-column{
    display: block;
  }
  .intro-box-two-column > .-heading{
    width: 100%;
    padding-right: 0;
  }
  .intro-box-two-column > .-text{
    margin-top: 1.4rem;
  }
}

/* intro-box-list */
.intro-box-list{
  flex: 1;
}
.intro-box-list > .-item{
  font-size: 1.6rem;
  line-height: 2;
}

@media screen and (max-width : 760px){
  /* intro-box-list */
  .intro-box-list{
    margin-top: 1.4rem;
  }
}

/* intro-box-note */
.intro-box-note{
  font-size: 1.6rem;
  line-height: 2;
  margin-left: 1em;
  display: block;
}
.intro-box-note::before{
  content: '※';
  margin-left: -1em;
}

/* white-area */
.white-area{
  padding-right: 10rem;
}
.white-area > .-inner{
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #ffffff;
  padding-left: 16rem;
  padding-right: 10rem;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
}
.white-area > .-inner::before{
  content: "";
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  margin-left: calc(50% - 50vw);
}
.white-area > .-inner > .-base{
  position: relative;
  z-index: 1;
  width: 100%;
}

@media print, screen and (max-width: 1360px){
  .white-area > .-inner{
    padding-left: 10rem;
    display: flex;
    justify-content: flex-end;
  }
}

@media print, screen and (max-width: 1255px){
  /* white-area */
  .white-area{
    padding-right: 6rem;
  }
  .white-area > .-inner{
    max-width: 1160px;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media print, screen and (max-width: 1000px){
  /* white-area */
  .white-area{
    padding-right: 4rem;
  }
  .white-area > .-inner{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media print, screen and (max-width: 760px){
  /* white-area */
  .white-area{
    padding-right: 2rem;
  }
  .white-area.-full{
    padding-right: 0;
  }
  .white-area > .-inner{
    padding-left: 2rem;
    padding-right: 2rem;
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
  }
  .white-area.-full > .-inner{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .white-area.-full > .-inner::before{
    display: none;
  }
}

/* white-area */
.basic-white-area-block{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* white-area-field */
.white-area-field > .-field{
  margin-top: 10rem;
}
.white-area-field > .-field-border{
  margin-top: 8rem;
  padding-top: 8rem;
  border-top: 1px solid #f2f2f2;
}
.white-area-field > .-field:nth-child(1){
  margin-top: 0;
}

@media screen and (max-width : 760px){
  /* white-area-field */
  .white-area-field > .-field{
    margin-top: 8rem;
  }
}

/* white-area-field-sub */
.white-area-field-sub > .-field{
  margin-top: 8rem;
}
.white-area-field-sub > .-field:nth-child(1){
  margin-top: 0;
}

/* regular-field */
.regular-field > .-field{
  margin-top: 6rem;
}
.regular-field > .-field:nth-child(1){
  margin-top: 0;
}

/* white-area-article */
.white-area-article > .-inner{
  padding-top: 8rem;
  padding-bottom: 12rem;
}

@media screen and (max-width : 760px){
  /* white-area-article */
  .white-area-article > .-inner{
    padding-bottom: 8rem;
  }
}

/* white-area-list */
.white-area-list > .-inner{
  padding-top: 12rem;
  padding-bottom: 12rem;
}

@media print, screen and (max-width: 760px){
  /* white-area-list */
  .white-area-list > .-inner{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

/* article-box */
.article-box{
  padding-top: 8rem;
  margin-top: -8rem; 
  margin-bottom: 10rem;
}
.article-box:last-child{
  margin-bottom: 0;
}
.article-box.-intro{
  margin-bottom: 10rem;
}
.article-box > .-primary{
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
}
.article-box > .-img{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.5rem;
  display: flex;
  justify-content: space-between;
}
.article-box > .-img > .-item{
  width: 47.5%;
}
.article-box > .-img > .-item > img{
  width: 100%;
}
.article-box > .-img-large{
  max-width: 624px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6.5rem;
}
.article-box > .-img-large > img{
  width: 100%;
}

@media screen and (max-width : 760px){
  /* article-box */
  .article-box{
    padding-top: 6.4rem;
    margin-top: -6.4rem;
    margin-bottom: 6rem;
  }
  .article-box.-intro{
    margin-bottom: 6rem;
  }
  .article-box > .-img{
    margin-top: 5rem;
  }
  .article-box > .-img > .-item{
    width: 50%;
  }
  .article-box > .-img > .-item:nth-child(1){
    padding-right: 1rem;
  }
  .article-box > .-img > .-item:nth-child(2){
    padding-left: 1rem;
  }
  .article-box > .-img-large{
    margin-top: 5rem;
  }
}

@media screen and (max-width : 540px){
  /* article-box */
  .article-box > .-img{
    display: block;
  }
  .article-box > .-img > .-item{
    width: 100%;
  }
  .article-box > .-img > .-item:nth-child(1){
    padding-right: 0;
  }
  .article-box > .-img > .-item:nth-child(2){
    padding-left: 0;
    margin-top: 3rem;
  }
}

/* article-box-heading */
.article-box-heading > .-data{
  display: flex;
  align-items: center;
  margin-bottom: 2.8rem;
}
.article-box-heading > .-data > .-number{
  font-size: 2.1rem;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-right: 1.5rem;
}
.article-box-heading > .-data > .-tag > span{
  display: inline-block;
  color: #ffffff;
  background-color: #1d3166;
  font-size: 1.8rem;
  line-height: 3.2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  white-space: nowrap;
}
.article-box-heading > .-data > .-tag > .-red{
  background-color: #d82c25;
}
.article-box-heading > .-data > .-tag > .-yellow{
  background-color: #ffd800;
  color: #1d3166;
}
.article-box-heading > .-data > .-tag > .-green{
  background-color: #84b756;
}
.article-box-heading > .-data > .-tag > .-orange{
  background-color: #ea6001;
}
.article-box-heading > .-data > .-tag > .-navy{
  background-color: #1d3166;
}
.article-box-heading > .-number{
  font-size: 2.1rem;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.article-box-heading > .-catch > p{
  font-size: 2.4rem;
  line-height: 1.4167;
}
.article-box-heading > .-catch.-marker > p{
  line-height: 1.75;
}
.article-box-heading > .-catch.-marker > p > span{
  background-color: #1d3166;
  color: #ffffff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.1rem 0.7rem;
}
.article-box-heading > .-catch.-marker > p > span.-orange{
  background-color: #ea6001;
}
.article-box-heading > .-catch.-marker > p > span.-red{
  background-color: #d82c25
}
.article-box-heading > .-tag{
  font-size: 2.4rem;
  line-height: 1.4167;
  font-weight: 700;
}
.article-box-heading > .-tag > span{
  background-color: #1d3166;
  color: #ffffff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.1rem 0.7rem;
}
.article-box-heading > .-tag > .-yellow{
  background-color: #ffd800;
  color: #1d3166;
}
.article-box-heading > .-tag > .-red{
  background-color: #d82c25;
}
.article-box-heading > .-tag > .-orange{
  background-color: #ea6001;
}
.article-box-heading > .-tag > .-green{
  background-color: #84b756;
}
.article-box-heading > .-tag > .-navy{
  background-color: #1d3166;
}

/* article-box-primary */
.article-box-primary{
  margin-top: 4rem;
}

/* article-box-accordion */
.article-box-accordion{
  margin-top: 6rem;
}

@media screen and (max-width : 760px){
  /* article-box-accordion */
  .article-box-accordion{
    margin-top: 4rem;
  }
}

/* article-box-text */
.article-box-text{
  margin-top: 2.4rem;
}
.article-box-text > p{
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 2.5em;
}
.article-box-text > p:nth-child(1){
  margin-top: 0;
}

/* article-box-text-simple */
.article-box-text-simple{
  margin-top: 2.4rem;
}
.article-box-text-simple > p{
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 1.75em;
}
.article-box-text-simple > p:nth-child(1){
  margin-top: 0;
}

/* article-box-two-column */
.article-box-two-column{
  padding-top: 8rem;
  margin-top: -8rem; 
  margin-bottom: 10rem;
  display: flex;
  justify-content: space-between;
}
.article-box-two-column.-mb80{
  margin-bottom: 8rem;  
}
.article-box-two-column:last-child{
  margin-bottom: 0;
}
.article-box-two-column.-reverse{
  flex-direction: row-reverse;
}
.article-box-two-column > .-primary{
  width: 56.25%;
}
.article-box-two-column > .-img{
  width: 38.75%;
  margin-top: 3.8rem;
}
.article-box-two-column > .-img > img{
  width: 100%;
}

@media screen and (max-width : 1000px){
  /* article-box-two-column */
  .article-box-two-column{
    display: block;
  }
  .article-box-two-column > .-primary{
    width: 100%;
    max-width: 792px;
    margin-left: auto;
    margin-right: auto;
  }
  .article-box-two-column > .-img{
    width: 100%;
    max-width: 624px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6.5rem;
  }
}

@media screen and (max-width : 760px){
  /* article-box-two-column */
  .article-box-two-column{
    padding-top: 6.4rem;
    margin-top: -6.4rem;
    margin-bottom: 6rem;
  }
  .article-box-two-column.-mb80{
    margin-bottom: 6rem;
  }
  .article-box-two-column > .-img{
    margin-top: 5rem;
  }
}

/* article-img-group */
.article-img-group{
  margin-top: 8rem;
}
.article-img-group > .-item{
  margin-top: 8rem;
}
.article-img-group > .-item:nth-child(1){
  margin-top: 0;
}
.article-img-group > .-item > .-heading{
  text-align: center;
  margin-bottom: 2rem;
}
.article-img-group > .-item > .-heading > span{
  display: inline-block;
  color: #ffffff;
  background-color: #d82c25;
  font-size: 1.8rem;
  line-height: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  white-space: nowrap;
  font-weight: 700;
  min-width: 210px;
}
.article-img-group > .-item > .-img > img{
  width: 100%;
  max-width: 624px;
  margin-left: auto;
  margin-right: auto;
}
.article-img-group > .-item > .-note{
  font-size: 1.2rem;
  line-height: 1.75;
  display: block;
  margin-left: 1em;
  text-align: center;
  margin-top: 1rem;
}
.article-img-group > .-item > .-note::before{
    content: '※';
    margin-left: -1em;
}

@media screen and (max-width : 760px){
  /* article-img-group */
  .article-img-group{
    margin-top: 6rem;
  }
  .article-img-group > .-item{
    margin-top: 6rem;
  }
  .article-img-group > .-item > .-note{
    text-align: left;
  }
}

/* simple-two-column */
.simple-two-column{
  display: flex;
  justify-content: space-between;
}
.simple-two-column > .-primary{
  width: 56.25%;
}
.simple-two-column > .-primary > .-text{
  margin-top: 3rem;
}
.simple-two-column > .-img{
  width: 38.75%;
}
.simple-two-column > .-img > img{
  width: 100%;
}

@media screen and (max-width : 1000px){
  /* simple-two-column */
  .simple-two-column{
    display: block;
  }
  .simple-two-column > .-primary{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .simple-two-column > .-img{
    width: 100%;
    max-width: 624px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4rem;
  }
}

@media screen and (max-width : 760px){
  /* simple-two-column */
  .simple-two-column > .-img{
    margin-top: 4rem;
  }
}

/* simple-img */
.simple-img > img{
  width: 100%;
}

/* gray-box */
.gray-box{
  text-align: center;
}
.gray-box.-completed{
  margin-top: 2rem;
}
.gray-box > .-text{
  background-color: #f6f6f6;
  padding: 4rem;
  max-width: 792px;
  margin-left: auto;
  margin-right: auto;
}
.gray-box > .-text > p{
  font-weight: 1.8rem;
  font-weight: 700;
  line-height: 2;
  margin-top: 2em;
}
.gray-box > .-text > p:nth-child(1){
  margin-top: 0;
}

@media screen and (max-width : 760px){
  /* gray-box */
  .gray-box{
    text-align: left;
  }
  .gray-box.-completed{
    margin-top: 0;
  }
  .gray-box > .-text{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media screen and (max-width : 580px){
  /* gray-box */
  .gray-box > .-text > p > br.-sp{
    display: none;
  }
}

/* interview-page-nav */
.basic-page-nav{
  display: flex;
  flex-wrap: wrap;
}
.basic-page-nav > .-item{
  width: calc(100%/3 - 4.8rem * 2/3);
  margin-top: 2.8rem;
  margin-right: 4.8rem;
}
.basic-page-nav > .-item:nth-child(-n+3){
  margin-top: 0;
}
.basic-page-nav > .-item:nth-child(3n){
  margin-right: 0;
}
.basic-page-nav > .-item > a{
  width: 100%;
  display: inline-block;
  position: relative;
  padding-right: 3rem;
  padding-bottom: 0.7rem;
  background: url(/assets/images/arrow-page-nav-black.svg) right bottom 1.2rem no-repeat;
  background-size: 2rem auto;
}
.basic-page-nav > .-item > a::after{
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #000000;
  bottom: -0.1rem;
  transform: scale(1, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}
.basic-page-nav > .-item > a:hover::after{
  transform: scale(0, 1);
  transform-origin: right top;
}
.basic-page-nav > .-item > a > .-number{
  font-size: 1.2rem;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0.5rem;
}
.basic-page-nav > .-item > a > .-main{
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
}

@media screen and (max-width : 1000px){
  /* interview-page-nav */
  .interview-page-nav{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .basic-page-nav > .-item{
    width: calc(100%/2 - 4rem * 1/2);
    margin-right: 4rem;
  }
  .basic-page-nav > .-item:nth-child(3n){
    margin-right: 4rem;
  }
  .basic-page-nav > .-item:nth-child(2n){
    margin-right: 0;
  }
  .basic-page-nav > .-item:nth-child(3){
    margin-top: 2.8rem;
  }
}

@media screen and (max-width : 760px){
  /* interview-page-nav */
  .interview-page-nav{
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 4rem;
  }
  .basic-page-nav > .-item{
    width: calc(100%/2 - 2rem * 1/2);
    margin-right: 2rem;
  }
  .basic-page-nav > .-item:nth-child(3n){
    margin-right: 2rem;
  }
  .basic-page-nav > .-item:nth-child(2n){
    margin-right: 0;
  }
  .basic-page-nav > .-item > a > .-number{
    margin-bottom: 0.8rem;
  }
  .basic-page-nav > .-item > a > .-main{
    line-height: 1.35;
  }
}

/* accordion-area */
.accordion-area{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.accordion-area > .-item{
  width: 47.5%;
  margin-top: 2rem;
  display: flex;
}
.accordion-area > .-item:nth-child(-n+2){
  margin-top: 0;
}

@media screen and (max-width : 1000px){
  /* accordion-area */
  .accordion-area > .-item{
    width: 100%;
  }
  .accordion-area > .-item:nth-child(2){
    margin-top: 2rem;
  }
  .accordion-area > .-item:nth-child(odd){
    padding-right: 0;
  }
  .accordion-area > .-item:nth-child(even){
    padding-left: 0;
  }
}

/* accordion-one-column */
.accordion-one-column > .-item{
  margin-top: 2rem;
}
.accordion-one-column > .-item:nth-child(1){
  margin-top: 0;
}




/* accordion-contents */
.accordion-contents{
  width: 100%;
}

/* accordion-title */
.accordion-title{
  width: 100%;
  cursor: pointer;
  display: block;
  position: relative;
  background-color: #f4f3ee;
}

/* accordion-title-primary */
.accordion-title-primary{
  display: flex;
  align-items: center;
  padding: 3rem 8rem 3rem 3rem;
  min-height: 102px;
}
.accordion-title-primary > .-img{
  width: 36px;
}
.accordion-title-primary > .-img > img{
  width: 100%;
}
.accordion-title-primary > .-title{
  line-height: 1.3125;
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 2rem;
  flex: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.accordion-title:hover .accordion-title-primary > .-title{
  color: #1d3166;
}

/* accordion-title-one-column */
.accordion-title-one-column{
  padding: 2.5rem 8rem 2.5rem 3rem;
}

/* accordion-main */
.accordion-main{
  padding-left: 3rem;
  padding-right: 7.69rem;
  padding-bottom: 3rem;
  display: none;
  background-color: #f4f3ee;
}
.accordion-main > p{
  font-size: 1.6rem;
  line-height: 1.75;
  margin-top: 1.8rem;
}
.accordion-main > p:nth-child(1){
  margin-top: 0;
}

@media screen and (max-width : 1000px){
  /* accordion-main */
  .accordion-main{
    padding-right: 3rem;
  }
}

/* accordion-mark */
.accordion-mark{
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 3rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #000000;
  border-radius: 50%;
}
.accordion-mark::before,
.accordion-mark::after{
  position: absolute;
  background-color: #ffffff;
  content: '';
}
.accordion-mark::before{
  top: 7px;
  left: 11px;
  width: 2px;
  height: 10px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.accordion-open .accordion-mark::before{
  -webkit-ransform: scaleY(0);
  transform: scaleY(0);
}
.accordion-mark::after{
  top: 11px;
  left: 7px;
  width: 10px;
  height: 2px;
}