@charset "utf-8";
/* ===common=== */
html{
   font-size: 62.5%;
}

body {
   font-family:
      'Noto Sans JP',
      Arial,
      sans-serif ;
   font-style: normal;
   font-size: 1.6rem;
   line-height: 2;
   max-width: 500px;
   margin: 0 auto;
}

.container {
   background: #08142e;
   color: #fff;
   padding: 30px 6.4% 30px;
}

img {
   max-width: 100%;
   height: auto;
}

.section-title {
   font-family: "Noto Serif JP";
   font-size: 3.2rem;
   font-weight: 600;
   padding: 50px 0 10px;
   color: #EC7B57;
   line-height: 1;
}

/* ===header=== */
.header-logo {
   display: flex;
   align-items: center;
}

.header-logo img {
   width: 40px;
   height: 40px;
}

.header-topic {
   margin-left: 10px;
   font-family: "Noto Serif JP";
   font-size: 2.5rem;
}

/* office */
.item1 {
   padding-left: 3%;
   width: 40%;
}
.item2 {
   padding-left: 20px;
}
.list-item {
   justify-content: space-between;
   border: 2px solid #ccc;
   width: 100%;
   text-align: left;
   width: 100%;
   box-sizing: border-box;
   max-width: 300px;
}


.slick-slider {
   margin-top: 10px;
}

/* スライダー */
.slick-prev:before, .slick-next:before{
   color: #fff;
}

/* fadeIn */
.fadeIn {
   transform: translate(0,50px);
   opacity: 0;
   transition: 0.8s;
}

.fadeIn.animated {
   transform: translate(0,0);
   opacity: 1;
}


/* ==ikedabase== */
.sub {
   line-height: 1;
   color: #EC7B57;
   font-size: 1.5rem;
}
.ikedabase {
   padding: 30px 6.4% 20px;
   background-color: #fff;
   color: #262424;
}

.section-title-i {
   padding-top: 5px ;
   line-height: 1;
}
.post {
   display: flex;
   align-items: center;
}

.btn {
   font-size: 1.5rem;
   display: block;
   font-family: "Noto Sans Jp";
}
.box {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.post img {
   width: 20px;
   height: 20px;
   margin-right: 5px;
}

.ikeda {
   padding-top: 20px ;
   font-size: 2.5rem;
   font-weight: 600;
   line-height: 1;
   letter-spacing: 0.1rem;
}
.bebas {
    font-family: "Bebas Neue", sans-serif;
}

.txt {
   line-height: 1.2;
   font-size: 1.5rem;
   margin-top: 10px;
}
.woman {
   width: 30%;
}

@media screen and (max-width:370px) {
   .btn {
   font-size: 1.2rem;
   }
}

/* footer */
.footer {
   padding: 0;
   background-color: #EC7B57;
   padding: 20px;
   transition: 0.4s;
}

.footer:hover {
   opacity: 0.5;
}


.copy {
   text-align: center;
   color: #fff;
}