.tle:before {
  background-image: url(/library/dantai/seido_jujitsu/img/common/page-icon5.svg);
}

.txtcor {
  font-weight: 600;
  color: #009944;
}

.page-tle {
  font-size: 1.3333333333em;
}

.page-about-plan #main-content .top-caption {
  margin-top: 0;
}
.page-about-plan .movie {
  color: #009944;
  font-weight: 600;
}
.page-about-plan .movie > div {
  border: 2px solid #009944;
  max-width: 790px;
  margin-right: auto;
  margin-left: auto;
}
.page-about-plan .table-box {
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .table-box {
    width: 840px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-plan .table-box {
    width: 100%;
    margin-top: 3.3vw;
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .table-box {
    margin-top: 5.3vw;
  }
}
.page-about-plan .table-box table {
  width: 100%;
  border: 1px solid #999;
  border-collapse: collapse;
  /*				@include ts{
  					th,td{
  					}
  				}*/
  /*
  @include sp{
  	font-size:$sp-font-size;
  }*/
}
@media screen and (max-width: 750px) {
  .page-about-plan .table-box table th, .page-about-plan .table-box table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #999;
  }
  .page-about-plan .table-box table tr:first-child {
    border-top: 0;
  }
}
.page-about-plan .table-box table thead {
  background-color: #009944;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 1.2em;
  letter-spacing: 0.1em;
}
.page-about-plan .table-box table thead th {
  border-top: 0;
}
.page-about-plan .table-box table td, .page-about-plan .table-box table th {
  padding: 10px 20px;
}
@media screen and (min-width: 751px), print {
  .page-about-plan .table-box table td, .page-about-plan .table-box table th {
    border: 1px solid #999;
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .table-box table td, .page-about-plan .table-box table th {
    padding: 5% 3%;
  }
}
.page-about-plan .table-box table .headline {
  background: #fdfdf5;
  text-align: left;
  color: #009944;
  font-weight: 600;
  vertical-align: middle;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .table-box table .headline {
    width: 230px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-plan .table-box table .headline {
    width: 40%;
  }
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .table-box table .thcenter {
    width: 200px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-plan .table-box table .thcenter {
    width: 30%;
  }
}
.page-about-plan .table-box table td {
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  .page-about-plan .table-box .sub-table thead th {
    display: none;
  }
}
.page-about-plan .table-box .sub-table .sub-hl, .page-about-plan .table-box .sub-table thead th {
  background: #fffd65;
  color: #009944;
}
@media screen and (min-width: 751px), print {
  .page-about-plan .table-box .sub-table .sub-hl {
    display: none;
  }
}
.page-about-plan .attlist {
  opacity: 0.85;
  font-size: 0.8888888889em;
}
.page-about-plan .attlist li, .page-about-plan .attlist p {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .expla-contents .section2 > section:not(:last-child) {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-plan .expla-contents .section2 > section:not(:last-child) {
    margin-bottom: 4.16vw;
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .expla-contents .section2 > section:not(:last-child) {
    margin-bottom: 6vw;
  }
}
.page-about-plan .expla-contents .section3 li {
  border: 2px solid #009944;
  border-radius: 30px;
  background-color: #fdfdf5;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .expla-contents .section3 li {
    padding: 30px;
    width: 850px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-plan .expla-contents .section3 li {
    padding: 5%;
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .expla-contents .section3 li {
    border-radius: 4vw;
  }
}
.page-about-plan .expla-contents .section3 li h4 {
  background: #009944;
  color: #fffd65;
  font-size: 1.6666666667em;
  text-align: center;
  width: 180px;
  line-height: 1;
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-about-plan .expla-contents .section3 li h4 a {
  color: #fffd65;
}
.page-about-plan .expla-contents .section3 li h4 .icon-arrow-circle {
  font-size: 0.6em;
  background-color: #fffd65;
  color: #009944;
  margin-left: 0.5em;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .expla-contents .section3 .attlist {
    margin-left: 40px;
  }
}
.page-about-plan .column-content {
  background-color: #f5f3ee;
}
.page-about-plan .c-caption {
  font-size: 1.1666666667em;
}
@media screen and (max-width: 1200px) {
  .page-about-plan .c-caption {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
.page-about-plan .type-list {
  justify-content: center;
}
.page-about-plan .type-list li {
  justify-content: center;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .type-list li {
    width: 310px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
    margin-right: 35px;
    margin-top: 75px;
  }
  .page-about-plan .type-list li:first-child, .page-about-plan .type-list li:nth-child(2), .page-about-plan .type-list li:nth-child(3) {
    margin-top: 40px;
  }
}
@media screen and (min-width: 751px), print {
  .page-about-plan .type-list li:nth-child(3n), .page-about-plan .type-list li:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-plan .type-list li {
    width: 30%;
    margin-right: 3%;
    margin-top: 7em;
  }
  .page-about-plan .type-list li:first-child, .page-about-plan .type-list li:nth-child(2), .page-about-plan .type-list li:nth-child(3) {
    margin-top: 4em;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-plan .type-list li {
    padding-right: 2em;
    padding-left: 2em;
    padding-bottom: 4em;
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .type-list li {
    width: 80%;
    margin-top: 12em;
  }
  .page-about-plan .type-list li:first-child {
    margin-top: 8em;
  }
}
.page-about-plan .type-list li .type-tle {
  font-size: 1.1111111111em;
  margin-right: auto;
  margin-left: auto;
}
.page-about-plan .type-list li .type-tle > div {
  position: absolute;
  margin-right: auto;
  margin-left: auto;
}
.page-about-plan .type-list li .type-tle span {
  display: block;
  font-size: 0.825em;
  width: 100%;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .type-list li .type-tle {
    width: 270px;
    box-sizing: border-box;
    height: 80px;
    top: -40px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-plan .type-list li .type-tle {
    height: 4em;
    font-size: 2em;
    top: -2em;
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .type-list li .type-tle {
    font-size: 4em;
    height: 4em;
    top: -2em;
  }
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .type-list .txtbox {
    font-size: 0.8888888889em;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-plan .type-list .txtbox {
    font-size: 2em;
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .type-list .txtbox {
    font-size: 2.4em;
  }
}
.page-about-plan .type-list .txtbox:before {
  content: "";
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #009944;
  border-radius: 50%;
  width: 18em;
  height: 18em;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .type-list .txtbox:before {
    font-size: 1rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-plan .type-list .txtbox:before {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-plan .type-list .txtbox:before {
    font-size: calc((1rem + (1vw - 7.51px) * 1.3296) * 0.625);
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .type-list .txtbox:before {
    font-size: calc((1rem + (1vw - 3.2px) * 3.125) * 0.4267);
    width: 36em;
    height: 36em;
  }
}
.page-about-plan .type-list .box1 .txtbox:before {
  background-image: url(/library/dantai/seido_jujitsu/about/img/plan/image1.png);
}
.page-about-plan .type-list .box2 .txtbox:before {
  background-image: url(/library/dantai/seido_jujitsu/about/img/plan/image2.png);
}
.page-about-plan .type-list .box3 .txtbox:before {
  background-image: url(/library/dantai/seido_jujitsu/about/img/plan/image3.png);
}
.page-about-plan .type-list .box4 .txtbox:before {
  background-image: url(/library/dantai/seido_jujitsu/about/img/plan/image4.png);
}
.page-about-plan .type-list .box5 .txtbox:before {
  background-image: url(/library/dantai/seido_jujitsu/about/img/plan/image5.png);
}
.page-about-plan .s1-content2 li {
  position: relative;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .s1-content2 li {
    padding-left: 80px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-plan .s1-content2 li {
    padding-left: 6.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .s1-content2 li {
    padding-left: 12vw;
  }
}
.page-about-plan .s1-content2 li:not(:last-child) {
  background-image: linear-gradient(to right, #b9e5cd, #b9e5cd 6px, transparent 6px);
  background-size: 10px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
.page-about-plan .s1-content2 .num {
  background: #009944;
  color: #fff;
  text-align: center;
  font-size: 1.5555555556em;
  width: 1.3em;
  height: 1.3em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .s1-content2 .num {
    left: 20px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-plan .s1-content2 .num {
    left: 1.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .s1-content2 .num {
    left: 2.6666666667vw;
  }
}
.page-about-plan .s1-content2 .txtbox {
  padding-top: 0.5em;
}
.page-about-plan .s2-content1 {
  background: #fff;
  border-radius: 20px;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .s2-content1 {
    padding: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-plan .s2-content1 {
    padding: 5%;
  }
}
.page-about-plan .s2-content2 .box {
  color: #009944;
  position: relative;
  border-radius: 16px;
  background-color: #f8f8f8;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 751px), print {
  .page-about-plan .s2-content2 .box {
    max-width: 410px;
  }
}
.page-about-plan .s2-content2 .box > p {
  background-image: repeating-linear-gradient(-6deg, #009944, #009944 2px, transparent 2px, transparent 10px, #009944 10px), repeating-linear-gradient(84deg, #009944, #009944 2px, transparent 2px, transparent 10px, #009944 10px), repeating-linear-gradient(174deg, #009944, #009944 2px, transparent 2px, transparent 10px, #009944 10px), repeating-linear-gradient(264deg, #009944, #009944 2px, transparent 2px, transparent 10px, #009944 10px);
  background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  padding: 2em;
}
@media screen and (min-width: 1201px), print {
  .page-about-plan .s2-content2 .box > p {
    font-size: 1.1111111111em;
  }
}
@media screen and (max-width: 750px) {
  .page-about-plan .s2-content2 .box > p {
    display: flex;
    justify-content: center;
  }
}
.page-about-plan .s2-content2 .box > p:before {
  content: "";
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 1em;
  height: 1em;
  background: url(/library/dantai/seido_jujitsu/top/img/s6-pict.png) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 4.3em;
}
@media screen and (max-width: 750px) {
  .page-about-plan .s2-content2 .box > p:before {
    left: -2.3em;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }
}
.page-about-plan .s2-content2 .box > p span {
  display: block;
  padding-left: 5em;
}
.page-about-uniform .expla-contents .section1 li {
  width: 48%;
  position: relative;
  border: 2px solid #009944;
  background-color: #fdfdf5;
  border-radius: 20px;
  box-sizing: border-box;
  color: #009944;
  text-align: center;
  font-weight: 600;
  font-size: 1.1111111111em;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .expla-contents .section1 li {
    padding: 20px 20px 40px;
    padding-top: 70px;
    margin-top: 75px;
  }
  .page-about-uniform .expla-contents .section1 li:first-child, .page-about-uniform .expla-contents .section1 li:nth-child(2) {
    margin-top: 54px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .expla-contents .section1 li {
    padding: 5%;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-uniform .expla-contents .section1 li {
    padding-top: 4.5vw;
    margin-top: calc(4.5vw + 2%);
    font-size: calc((1rem + (1vw - 7.51px) * 1.3296) * 0.625);
  }
  .page-about-uniform .expla-contents .section1 li:first-child, .page-about-uniform .expla-contents .section1 li:nth-child(2) {
    margin-top: 4.5vw;
  }
  .page-about-uniform .expla-contents .section1 li .txtbox {
    font-size: 2em;
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .expla-contents .section1 li {
    width: 100%;
    padding-top: 7.2vw;
    margin-top: 7.2vw;
  }
  .page-about-uniform .expla-contents .section1 li:not(:first-child) {
    margin-top: calc(7.2vw + 5%);
  }
}
.page-about-uniform .expla-contents .section1 .num {
  width: 10.8em;
  position: absolute;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  transform: translateY(-50%);
  top: 0;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .expla-contents .section1 .num {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-uniform .expla-contents .section1 .num {
    font-size: calc((1rem + (1vw - 7.51px) * 1.3296) * 0.625);
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .expla-contents .section1 .num {
    font-size: calc((1rem + (1vw - 3.2px) * 3.125) * 0.4267);
  }
}
.page-about-uniform .expla-contents .section2 li {
  position: relative;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .expla-contents .section2 li {
    padding-left: 120px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-uniform .expla-contents .section2 li {
    padding-left: 10vw;
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .expla-contents .section2 li {
    padding-left: 16vw;
  }
}
.page-about-uniform .expla-contents .section2 .num {
  background-color: #009944;
  color: #fffe99;
  text-align: center;
  line-height: 1;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  top: 0.3em;
  left: 0;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .expla-contents .section2 .num > div {
    font-size: 2.4444444444em;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .expla-contents .section2 .num > div {
    font-size: 4.4em;
  }
}
.page-about-uniform .expla-contents .section2 .num span {
  display: block;
  font-size: 0.4318181818em;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .expla-contents .section2 .num {
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .expla-contents .section2 .num {
    width: 9em;
    height: 9em;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-uniform .expla-contents .section2 .num {
    font-size: calc((1rem + (1vw - 7.51px) * 1.3296) * 0.625);
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .expla-contents .section2 .num {
    font-size: calc((1rem + (1vw - 3.2px) * 3.125) * 0.4267);
  }
}
.page-about-uniform .expla-contents .section2 .hl {
  color: #009944;
  font-weight: 600;
  font-size: 1.6666666667em;
}
.page-about-uniform .column-content {
  background-color: #fdfdf5;
}
.page-about-uniform .column-content .s1-content2 {
  background: #fff;
  border: 2px solid #009944;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .s1-content2 {
    width: 920px;
    padding: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .column-content .s1-content2 {
    padding: 3%;
    padding-top: calc(3% + 0.6em);
  }
}
.page-about-uniform .column-content .s1-content2 h4 {
  background-color: #009944;
  color: #fffc00;
  text-align: center;
  font-size: 1.3333333333em;
  font-weight: 600;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  position: absolute;
  top: 0;
  transform: translateY(-70%);
  padding: 5px 20px;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .s1-content2 h4 {
    left: 40px;
  }
}
.page-about-uniform .column-content .s1-content3 {
  background: #fffe99;
  color: #009944;
  font-weight: 600;
  font-size: 1.3333333333em;
  line-height: 2;
  text-align: center;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  border-radius: 16px;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .s1-content3 {
    width: 920px;
    padding: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .column-content .s1-content3 {
    padding: 3%;
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .column-content .s1-content3 {
    font-size: calc((1rem + (1vw - 3.2px) * 3.125) * 0.4267);
  }
  .page-about-uniform .column-content .s1-content3 > p {
    font-size: 2.4em;
  }
}
.page-about-uniform .column-content .s2-content1 .type-list .col3-1 {
  box-sizing: border-box;
}
@media screen and (min-width: 751px), print {
  .page-about-uniform .column-content .s2-content1 .type-list .col3-1 {
    width: 32%;
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .column-content .s2-content1 .type-list .col3-1 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  .page-about-uniform .column-content .s2-content1 .type-list .col3-1:not(:first-child) {
    margin-top: 5%;
  }
}
.page-about-uniform .column-content .s2-content1 .type-list li {
  position: relative;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .s2-content1 .type-list li {
    padding-top: 30px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .column-content .s2-content1 .type-list li {
    padding: 5% 3%;
  }
}
.page-about-uniform .column-content .s2-content1 .type-list li:before {
  content: "";
  display: block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 18em;
  height: 18em;
  border: 2px solid #009944;
  border-radius: 50%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .s2-content1 .type-list li:before {
    font-size: 1rem;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .column-content .s2-content1 .type-list li:before {
    width: 36em;
    height: 36em;
  }
}
.page-about-uniform .column-content .s2-content1 .type-list li.box1:before {
  background-image: url(/library/dantai/seido_jujitsu/about/img/uniform/image1.png);
}
.page-about-uniform .column-content .s2-content1 .type-list li.box2:before {
  background-image: url(/library/dantai/seido_jujitsu/about/img/uniform/image2.png);
}
.page-about-uniform .column-content .s2-content1 .type-list li.box3:before {
  background-image: url(/library/dantai/seido_jujitsu/about/img/uniform/image3.png);
}
.page-about-uniform .column-content .s2-content1 .type-list li .hl {
  text-align: center;
  color: #009944;
  font-size: 1.1111111111em;
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-uniform .column-content .s2-content1 .type-list li .hl {
    font-size: 2em;
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .column-content .s2-content1 .type-list li .hl {
    font-size: 2.6em;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-uniform .column-content .s2-content1 .type-list .att {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .column-content .s2-content1 .type-list .att {
    font-size: 2.08em;
  }
}
.page-about-uniform .column-content .s2-content1 .type-list .type-tle {
  font-weight: 600;
  font-size: 1.1111111111em;
  position: relative;
  box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .column-content .s2-content1 .type-list .type-tle {
    font-size: 2em;
    padding: 5%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2vw;
    margin-bottom: 3em;
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .column-content .s2-content1 .type-list .type-tle {
    font-size: 3em;
    margin-bottom: 2em;
  }
}
.page-about-uniform .column-content .s2-content1 .type-list .type-tle:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  border-width: 25px 40px 0 40px;
  border-color: #c2e0c0 transparent transparent transparent;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .s2-content1 .type-list .type-tle:before {
    bottom: -45px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .page-about-uniform .column-content .s2-content1 .type-list .type-tle:before {
    font-size: calc((1rem + (1vw - 7.51px) * 1.3296) * 0.625);
  }
}
@media screen and (max-width: 750px) {
  .page-about-uniform .column-content .s2-content1 .type-list .type-tle:before {
    font-size: calc((1rem + (1vw - 3.2px) * 3.125) * 0.4267);
  }
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .column-content .s2-content1 .type-list .type-tle:before {
    border-width: 2.5em 4em 0 4em;
    bottom: -4.5em;
  }
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .s2-content1 .type-list .type-tle {
    padding: 20px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 751px), print {
  .page-about-uniform .column-content .s2-content1 > div .col2-1 {
    width: 48%;
  }
}
.page-about-uniform .column-content .s2-content1 dl {
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  clear: both;
}
@media screen and (max-width: 750px) {
  .page-about-uniform .column-content .s2-content1 dl:not(:first-child) {
    margin-top: 5%;
  }
}
.page-about-uniform .column-content .s2-content1 dl dt {
  background: #fffe99;
  text-align: center;
  color: #009944;
  font-size: 1.3333333333em;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .s2-content1 dl dd {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .column-content .s2-content1 dl dd {
    padding: 3% 5%;
  }
}
.page-about-uniform .column-content .s2-content2 h4 {
  color: #009944;
  font-weight: 600;
  font-size: 1.5555555556em;
}
.page-about-uniform .column-content .s2-content2 .hl {
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background: #009944;
  color: #fffd65;
  font-size: 1.6666666667em;
  padding: 5px 20px;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .s2-content2 .hl {
    min-width: 16px;
  }
}
.page-about-uniform .column-content .s2-content2 li {
  background: #fdfdf5;
  border: 2px solid #009944;
  box-sizing: border-box;
  border-radius: 20px;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .s2-content2 li {
    padding: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .column-content .s2-content2 li {
    padding: 3% 5%;
  }
}
.page-about-uniform .column-content .section3 dl {
  background: #fff;
  box-sizing: border-box;
  border-radius: 20px;
}
@media screen and (min-width: 1201px), print {
  .page-about-uniform .column-content .section3 dl {
    padding: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .page-about-uniform .column-content .section3 dl {
    padding: 3%;
  }
}
.page-about-uniform .column-content .section3 dd {
  position: relative;
}
.page-about-uniform .column-content .section3 dd:not(:last-child):after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, #c2c2c2, #c2c2c2 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.exp-tle {
  text-align: center;
  color: #009944;
  text-align: center;
  font-weight: 600;
  font-size: 1.7777777778em;
}

.colum-tle {
  text-align: center;
  fill: #009944;
  line-height: 0;
  transform: translateY(-50%);
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 1200px) {
  .colum-tle {
    width: 37.1em;
    height: 12em;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .colum-tle {
    font-size: calc((1rem + (1vw - 7.51px) * 1.3296) * 0.625);
  }
}
@media screen and (max-width: 750px) {
  .colum-tle {
    font-size: calc((1rem + (1vw - 3.2px) * 3.125) * 0.4267);
  }
}
.colum-tle2 {
  text-align: center;
  color: #009944;
  font-size: 1.7777777778em;
  font-weight: 600;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 750px) {
  .colum-tle2 {
    font-size: 1.2em;
  }
}

.colum-caption {
  text-align: center;
  background-color: #009944;
  max-width: 870px;
  width: 90%;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  color: #fffc00;
  font-size: 1.6666666667em;
  border-radius: 16px;
  letter-spacing: 0.1em;
  font-weight: 600;
  line-height: 1.6em;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (min-width: 1201px), print {
  .colum-caption {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .colum-caption {
    padding-right: 5%;
    padding-left: 5%;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .colum-caption {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 750px) {
  .colum-caption {
    margin-top: 4vw;
    font-size: 1.3em;
  }
}

.type-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .type-list {
    font-size: calc((1rem + (1vw - 7.51px) * 1.3296) * 0.625);
  }
}
@media screen and (max-width: 750px) {
  .type-list {
    font-size: calc((1rem + (1vw - 3.2px) * 3.125) * 0.4267);
  }
}
.type-list li {
  background-color: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  box-sizing: border-box;
}
.type-tle {
  text-align: center;
  background: #009944;
  color: #fffc00;
  border-radius: 20px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  position: relative;
}

@media screen and (min-width: 1201px), print {
  .column-content {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
  .column-content {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 750px) {
  .column-content {
    margin-top: 8 vw;
  }
}

#bottom-content .page-list {
  justify-content: center;
}
@media screen and (min-width: 1201px), print {
  #bottom-content .page-list li {
    margin-right: 34px;
  }
}
#bottom-content .page-list li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1200px) {
  #bottom-content .page-list li {
    margin-right: 3%;
  }
}

.d-block {
  display: block;
}/*# sourceMappingURL=about.css.map */