@charset "utf-8";

/* about */



/* skill */

.skill_containers {
  display: flex;
  justify-content: space-evenly;
  margin-top: 60px;
}


.skill_text {
  margin-top: 30px;
  text-align: center;
}


/* career */

.timeline_box {
  display: flex;
  justify-content: left;
}

/* タイムライン */

.timeline {
  width: 96%;
  max-width: 940px;
  margin: 28px auto;
}

.timeline-list-item {
  display: flex;
  font-size: 16px;
}

.timeline-list-item .date {
  width: 15%;
  padding: 0 0 0 20px;
  font-weight: bold;
}

.timeline-list-item .content {
  position: relative;
  width: 100%;
  padding: 0 20px 60px 50px;
  border-left: 2px solid #926F5D;
}

.timeline-list-item .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px; 
  width: 20px;
  height: 20px;
  background-color: #926F5D;
  border-radius: 10px;
}

.timeline-list-item  .content span {
  font-weight: 600;
  border-bottom: double ;
}


.timeline-list-item .title {
  color: #FFF;
  background-color: #CCA375;
  margin-top: 10px;
  padding: .5em;
}

.timeline-list-item .text {
  background-color: #fbf6f0;
  padding: 1em;
}



/* policy */

.policy_container {
  display: flex;
  justify-content: space-evenly;
}

.policy_box {
  margin-top: 60px;
}

.policy_title{
  text-align: center;
}

.policy_text {
  margin-top: 70px;
  margin-bottom: 70px;
  text-align: center;
}

/* favorite */

.bg_brown {
  background-color: #CCA375;
}

.favorite_box {
  color: #FFF;
  padding-top: 90px;
  padding-bottom: 90px;
}

.photo {
  margin-top: 20px;
  text-align: center;
}

.favorite_text {
  text-align: center;
  margin-top: 30px;
}