:root {
  font-size: 10px;
}
body {
  line-height: 1.5;
  color: #222222;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

img{
  max-width: 100%;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width:767px){
  img{
    width: 100%;
  }

}






.pc {
  display: block;
}
.sp {
  display: none;
}


@media screen and (max-width:767px){
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

#contents {
  max-width: 1024px;
  margin: 0 auto;
}

.sect1 {
  background: #fcfbcd;
}

.sect1 ul {
  display: flex;
  justify-content: center;
  max-width: 705px;
  margin: 0 auto;
}

.sect2 {

}
.sect2 .sect2_inner {
  background: url(../img/sect2_bg.png) top center no-repeat #edbe00;
  padding-bottom: 80px;
}
.sect2 .sect2_inner .sect2_box {
  max-width: 685px;
  margin: 0 auto;
  padding-bottom: 40px;
  background: #FFF;
}

.sect2 .sect2_inner .sect2_box .link_box {
  text-align: center;
}
.sect2 .sect2_inner .sect2_box .link_box .link_box_ttl{
  margin-bottom: 30px;
}

.sect2 .sect2_inner .sect2_box .link_box ul {
  display: flex;
  justify-content: center;
}

.sect2 .sect2_inner .sect2_box .link_box ul li.first {
  margin-right: 10px;
}

.sect5 {
  padding: 0 20px 50px;
  background: url(../img/sect5_bg.jpg) top center repeat-x;
}

@media screen and (max-width: 768px) {
  .sect5 {
    padding: 0;
    background: url(../img/sect5_bg.jpg) top center repeat-x;
  }
}

.sect5 .youtube {
  max-width: 600px;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}
.sect5 .youtube iframe{
  width: 100%;
  height: 100%;
  margin: 0 auto 50px;
}

.sect5 .sect5_txt {
  max-width: 575px;
  margin: 0 auto;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .sect5 .youtube {
    padding: 0 20px;
  }
  .sect5 .sect5_txt {
    padding: 0 20px 50px;
  }

}

.sect6 {
  background: #fcf984;
  margin-bottom: 50px;
}
.sect6 .sect6_inner {
  max-width: 686px;
  margin: 0 auto;
}
.sect6 .sect6_inner ul li{
  margin-bottom: 44px;
}
.sect6 .sect6_inner ul li.last{
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .sect6 {
    margin-bottom: 0;
  }
}

.contact_block {
  text-align: center;
  margin-bottom: 50px;
}
.contact_block .contact_block_ttl{
  margin-bottom: 30px;
}

.contact_block ul {
  display: flex;
  justify-content: center;
}

.contact_block ul li.first {
  margin-right: 10px;
}

.sect8 .sect8_inner {
  background: url(../img/sect8_box_bg.png) top center no-repeat #e4eb9e;
  padding-bottom: 80px;
}
.sect8 .sect8_inner .sect8_box {
  max-width: 720px;
  margin: 0 auto;
  padding-bottom: 40px;
  background: #FFF;
}

.sect8 .sect8_inner .sect8_box .link_box {
  text-align: center;
}
.sect8 .sect8_inner .sect8_box .link_box .link_box_ttl{
  margin-bottom: 30px;
}

.sect8 .sect8_inner .sect8_box .link_box ul {
  display: flex;
  justify-content: center;
}

.sect8 .sect8_inner .sect8_box .link_box ul li.first {
  margin-right: 10px;
}



.sect10 {
  background: #e7a900;
  padding: 60px 0;
}
.sect10_inner {
  max-width: 690px;
  margin: 0 auto;
  padding-top: 30px;
}

@media screen and (max-width: 768px) {
  .sect10 {
    padding: 0;
  }

}

.sect11 {
  background: url(../img/sect11_bg.jpg);
}
.sect11_inner {
  max-width: 680px;
  margin: 0 auto;
}
.sect11_inner ul li{
  margin: 0 0 40px;
}
.sect11_inner ul li.last{
  margin: 0;
}

.sect11_02 .sect11_02_txt {
  max-width: 680px;
  margin: 0 auto;

}
.sect12 .sect12_inner {
  max-width: 690px;
  margin: 0 auto;
}

.sect13 {
  background: #fdfacd;
  padding-bottom: 80px;
}
.sect13 .sect13_inner {
  max-width: 700px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .sect13 {
    padding-bottom: 0;
  }
}

.sect14 .sect14_inner {
  max-width: 700px;
  margin: 0 auto;
}
.sect15 {
  background: #fefce3;
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .sect15 {
    padding-bottom: 0;
  }
}
.sect16 {
  background: #fefaa3;
  padding: 60px 0 50px ;
}
.sect16 .sect16_inner {
  max-width: 680px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .sect16 {
    padding: 0;
  }
}

.sect17 {
  background: #edbe00;
  margin-bottom: 60px;
}

.sect17 .sect17_inner {
  max-width: 680px;
  margin: 0 auto;
}

.sect17 .sect17_inner ul li{
  margin-bottom: 36px;
}

@media screen and (max-width: 768px) {
  .sect17 {
    margin-bottom: 0;
  }
}

.sect18 {
  margin-bottom: 60px;
}

.sect18 .sect18_inner {
  max-width: 680px;
  margin: 0 auto;
}

.sect18 .sect18_inner ul li{
  margin-bottom: 36px;
}

@media screen and (max-width: 768px) {
  .sect18 {
    margin-bottom: 0;
  }
}

.sect20 {
  padding: 60px 0;
  background: url(../img/bg_plaid.png);
}
.sect20 .sect20_inner {
  max-width: 680px;
  margin: 0 auto;
  padding-bottom: 60px;

}
.sect20 .sect20_ttl {
  text-align: center;
  font-size: 65px;
  font-weight: bold;
  margin-bottom: 50px;
}
.sect20 dl {
  max-width: 375px;
  font-size: 18px;
  border-bottom: 1px dotted #aeaeae;
  margin: 0 0 15px;
  padding: 0 0 15px;
}
.sect20 dl dt {
  font-weight: bold;
  margin-bottom: 15px;
}

.sect20 dl dd a {
  text-decoration: none;
  color: rgb(34, 34, 34);
}


@media screen and (max-width: 768px) {
  .sect20 {
    padding: 30px 20px;
  }
  .sect20 .sect20_inner {
    padding-bottom: 40px;
  }
  .sect20 .sect20_ttl {
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .sect20 dl {
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
  .sect20 dl dt {
    font-weight: bold;
    margin-bottom: 10px;
  }
}


.sect21 .sect21_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 144px;
  background: url(../img/sect21_ttl.jpg);
  text-align: center;
  font-size: 65px;
  font-weight: bold;
  margin-bottom: 50px;
  color: #FFF;
}
.sect21 .sect21_inner {
  max-width: 700px;
  margin: 0 auto 40px;
  font-size: 18px;
}
.sect21 .sect21_arrow {
  width: 45px;
  margin: 0 auto 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .sect21 .sect21_ttl {
    height: 80px;
    font-size: 38px;
    margin-bottom: 30px;
  }
  .sect21 .sect21_inner {
    margin: 0 auto 30px;
    padding: 0 20px;
    font-size: 16px;
  }
  .sect21 .sect21_arrow {
    width: 35px;
    margin: 0 auto 20px;
    text-align: center;
  }

}

.foot_bg {
  width: 100%;
  height: 90px;
  background: #dd6f00;
}

@media screen and (max-width: 768px) {
  .foot_bg {
    height: 45px;
    background: #dd6f00;
  }
}