@charset "utf-8";
/* CSS Document */
/* kids_about.css */
/*
 * window size
 * PC 768px--
 * tab 521px--767px
 * sp --520px
*/


/* -------------------------
  top
--------------------------*/

.work {
  margin-bottom: 5em;
}

.colbox h2.title_top {
  margin: 0;
}


/* -------------------------
  subpage contents
--------------------------*/

.work_ex {
  background: #f1f9f9;
  max-width: 800px;
  margin: 0 auto;
  padding-bottom: 2em;
  margin-bottom: 6em;
}
  
.work_ex h1.ttl_txt {
  position: relative;
  padding: 1em 0.6em 0.6em;
  background: #ceefeb;
}
  
.work_ex h1.ttl_txt:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 48%;
  border: 15px solid transparent;
  border-top: 15px solid #ceefeb;
  width: 0;
  height: 0;
}

.work_ex .image {
  text-align: center;
}

.work_ex .image img {
  width: 80%;
  border-radius: 20px;
}
  
.work_ex .cap {
  width: 80%;
  margin: 15px auto;
}
  
.work_ex .text {
  width: 80%;
  margin: 2em auto;
  font-size: 1.2em;
}

.work_ex .text p {
  text-indent: 1em;
  line-height: 2;
}

.work_ex .text h2.h2default {
  margin-top: 40px;
}


/* -------------------------
  subpage list
--------------------------*/

.work_list {
  margin-bottom: 4em;
}

.work_list .fl_box {
  flex-wrap: wrap;
}

.work_list ul {
  margin: 0;
  padding: 0;
}

.work_list ul li {
  margin: 0;
  padding-bottom: 15px;
  border-bottom: 1px dotted #b3b3b3;
  transition:0.3s;
  background-position: left 1em;
}

.work_list ul li:hover {
  border-bottom: 1px solid #ad0000;
}