@import url(bass.css);
@import url(sab.css);
strong {
  font-size: 20px; }
  @media screen and (max-width: 425px) {
    strong {
      font-size: 105%; } }

.list ul {
  margin: 40px 0; }

.list li {
  list-style: none;
  font-weight: bold; }
  @media screen and (max-width: 425px) {
    .list li {
      font-size: 105%; } }

.list2 ul {
  margin: 40px 0; }

.list2 li {
  list-style: none;
  font-size: 18px;
  font-weight: bold; }
  @media screen and (max-width: 425px) {
    .list2 li {
      font-size: 105%; } }

.course .table-2,
.course .table-3 {
  vertical-align: top; }

.cancel {
  text-decoration: line-through;
  display: inline-block;
  margin: 0 !important; }

.course th,
.course td,
.course strong,
.course p {
  font-size: 16px; }
  @media screen and (max-width: 425px) {
    .course th,
    .course td,
    .course strong,
    .course p {
      font-size: 14px !important; } }

#header-top {
  border-top: 10px solid #1eb9cc;
  /*background-color: #1eb9cc;
  text-align: center;
  padding: 1% 0;*/ }

#container {
  background-color: #fcf6e8; }

#section1,
.section1 {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  border: #c5dde1 solid 10px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); }
  @media screen and (max-width: 990px) {
    #section1,
    .section1 {
      width: 90%; } }
  @media screen and (max-width: 425px) {
    #section1,
    .section1 {
      width: 95%; } }
  @media screen and (max-width: 768px) {
    #section1 P,
    .section1 P {
      font-size: 100%;
      margin-bottom: 20px; } }
  #section1 .bulletbg1,
  .section1 .bulletbg1 {
    /*background:url(../img/bulletbg1.png)!important;
    background-position: center center;
    background-size: 100% 100%;*/
    padding: 3% 2% 0; }

.list li span {
  background-color: rgba(250, 230, 137, 0.5);
  	/*background:-webkit-linear-gradient(transparent 50%, #fae689 60%);
      background:-moz-linear-gradient(transparent 50%, #fae689 60%);
      background:-o-linear-gradient(transparent 50%, #fae689 60%);
  	background: linear-gradient(transparent 50%, #fae689 60%);*/
  width: 80%;
  display: inline-block; }
  @media screen and (max-width: 1000px) {
    .list li span {
      width: 100%;
      /*display: initial;*/ } }
  @media screen and (max-width: 425px) {
    .list li span {
      margin-bottom: 0.5%; } }

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

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

.section6 {
  background: url(../img/section6-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section7 {
  background: url(../img/section7-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section8 {
  background: url(../img/section8-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section9 {
  background: url(../img/section9-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section10 {
  background: url(../img/section10-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section11 {
  background: url(../img/section11-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section12 {
  background: url(../img/section12-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section13 {
  background: url(../img/section13-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section14 {
  background: url(../img/section14-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section15 {
  background: url(../img/section15-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section15 {
  background: url(../img/section15-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section16 {
  background: url(../img/section16-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section16-bo {
  border: 5px solid #f4dea4; }

.shadow {
  box-shadow: 0 0 10px rgba(236, 198, 96, 0.5);
  -moz-box-shadow: 0 0 10px rgba(236, 198, 96, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(236, 198, 96, 0.5); }

.section21 {
  background: url(../img/section21-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section22-bo {
  border: 5px solid #f64d52; }

.section23 {
  background: url(../img/section23-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.img2 {
  text-align: center; }
  .img2 img {
    width: 48%; }

.section6-txt {
  margin-bottom: 40px;
  width: 80%; }
  @media screen and (max-width: 425px) {
    .section6-txt {
      width: 100%; } }

.section10-bgimg ul li {
  list-style: none; }

@media screen and (max-width: 1024px) {
  #point-w {
    padding: 10px; } }

#point-box {
  margin: 1.5% 0 0;
  background: url(../img/point-boxbg.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding-bottom: 1.5%; }

.txtbo {
  color: #8c1b19;
  border-bottom: 5px double #8c1b19;
  font-size: 150% !important;
  font-weight: bold;
  margin-bottom: 20px; }
  @media screen and (max-width: 425px) {
    .txtbo {
      font-size: 105% !important; } }

.perfect-bg-bgimg {
  background: url(../img/haikei2.png);
  background-size: 8%;
  background-color: #c3c1c1;
  /*background: url(../img/perfect-bg.png);*/
  padding: 2%; }
  @media screen and (max-width: 425px) {
    .perfect-bg-bgimg {
      padding: 1%;
      margin: -10px; } }
  .perfect-bg-bgimg .perfect-bg-bg2 {
    background-color: rgba(255, 255, 255, 0.5);
    /*background: url(../img/section12-bg2.png);*/
    padding: 3%;
    margin: -10% 0 0; }
    @media screen and (max-width: 425px) {
      .perfect-bg-bgimg .perfect-bg-bg2 {
        padding: 1.5%; } }
    .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 {
      background: url(../img/section12-bg3.png);
      background-size: 100% 100%;
      border: 5px solid rgba(221, 220, 218, 0.8);
      padding: 0 3% 0; }
      @media screen and (max-width: 425px) {
        .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 {
          padding: 0 2%; } }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .p-top {
        margin-top: 10%; }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .ribbon {
        margin-top: -50px; }
        @media screen and (max-width: 425px) {
          .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .ribbon {
            margin-top: 0; } }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .ribbon-txt {
        margin-top: -40px;
        margin-bottom: 13%; }
        @media screen and (max-width: 425px) {
          .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .ribbon-txt {
            margin-top: 0;
            margin-bottom: 0; } }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .perfect-txt img {
        width: 100%; }
      @media screen and (max-width: 425px) {
        .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .perfect-txt {
          margin: 0 -10px;
          width: auto; } }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .perfect-bg-bg4 {
        border: 5px solid rgba(174, 174, 174, 0.5);
        background-color: rgba(236, 231, 227, 0.5);
        margin-bottom: 3%;
        margin-top: -10px; }
        .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .perfect-bg-bg4 .padding22 {
          padding: 22.5px !important; }
          @media screen and (max-width: 425px) {
            .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .perfect-bg-bg4 .padding22 {
              padding: 15px !important;
              margin: 0 -10px; } }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .perfect-txtbg {
        background: url(../img/perfect-txtbg.png) no-repeat;
        background-size: 100% 100%;
        padding: 1.5%;
        margin-bottom: 20px; }
        .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .perfect-txtbg h3 {
          font-size: 130%;
          color: #8c1b19; }
          @media screen and (max-width: 425px) {
            .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .perfect-txtbg h3 {
              font-size: 100%; } }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .check {
        margin: 0 2% 1% 0; }
        @media screen and (max-width: 425px) {
          .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .check {
            width: 10%; } }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .section12-sab {
        /*margin-top: -10%;*/
        width: 100%; }
        @media screen and (max-width: 425px) {
          .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .section12-sab {
            display: none; } }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .section12-sabsp {
        margin-top: -10%;
        display: none; }
        @media screen and (max-width: 425px) {
          .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .section12-sabsp {
            display: inline-block;
            width: 100%;
            margin-top: 15%; } }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .benefit {
        margin-bottom: 2%; }
        @media screen and (max-width: 425px) {
          .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 .benefit {
            width: 40%; } }
      .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 ul li {
        font-weight: bold;
        font-size: 130%; }
        @media screen and (max-width: 425px) {
          .perfect-bg-bgimg .perfect-bg-bg2 .perfect-bg-bg3 ul li {
            font-size: 100%; } }

.box-premium {
  margin: 22.5px 0; }

.premium-bg-bgimg {
  background: url(../img/haikei2.png);
  background-size: 8%;
  background-color: #d6c37f;
  /*background: url(../img/premium-bg.png);*/
  padding: 2%; }
  @media screen and (max-width: 425px) {
    .premium-bg-bgimg {
      padding: 1%;
      margin: -10px; } }
  .premium-bg-bgimg .premium-bg-bg2 {
    background-color: rgba(255, 255, 255, 0.5);
    /*background: url(../img/section12-bg2.png);*/
    padding: 3%;
    margin: -10% 0 0; }
    @media screen and (max-width: 425px) {
      .premium-bg-bgimg .premium-bg-bg2 {
        padding: 1.5%; } }
    .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 {
      background: url(../img/section12-bg3.png);
      background-size: 100% 100%;
      border: 5px solid rgba(221, 220, 218, 0.8);
      padding: 0 3% 0; }
      @media screen and (max-width: 425px) {
        .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 {
          padding: 0 2%; } }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .p-top {
        margin-top: 10%; }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .ribbon {
        margin-top: -50px; }
        @media screen and (max-width: 425px) {
          .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .ribbon {
            margin-top: 0; } }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .ribbon-txt {
        margin-top: -40px;
        margin-bottom: 13%; }
        @media screen and (max-width: 425px) {
          .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .ribbon-txt {
            margin-top: 0;
            margin-bottom: 0; } }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .premium-txt img {
        width: 100%; }
      @media screen and (max-width: 425px) {
        .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .premium-txt {
          margin: 0 -10px;
          width: auto; } }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .perfect-bg-bg4 {
        border: 5px solid rgba(174, 174, 174, 0.5);
        background-color: rgba(236, 231, 227, 0.5);
        margin-bottom: 3%;
        margin-top: -10px; }
        .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .perfect-bg-bg4 .padding22 {
          padding: 22.5px !important; }
          @media screen and (max-width: 425px) {
            .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .perfect-bg-bg4 .padding22 {
              padding: 15px !important;
              margin: 0 -10px; } }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .perfect-txtbg {
        background: url(../img/premium-txtbg.png) no-repeat;
        background-size: 100% 100%;
        padding: 1.5%;
        margin-bottom: 20px; }
        .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .perfect-txtbg h3 {
          font-size: 130%;
          color: #8c1b19; }
          @media screen and (max-width: 425px) {
            .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .perfect-txtbg h3 {
              font-size: 100%; } }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .check {
        margin: 0 2% 1% 0; }
        @media screen and (max-width: 425px) {
          .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .check {
            width: 10%; } }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .section12-sab {
        /*margin-top: -10%;*/
        width: 100%; }
        @media screen and (max-width: 425px) {
          .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .section12-sab {
            display: none; } }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .section12-sabsp {
        margin-top: -10%;
        display: none; }
        @media screen and (max-width: 425px) {
          .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .section12-sabsp {
            display: inline-block;
            width: 100%;
            margin-top: 15%; } }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .benefit {
        margin-bottom: 2%; }
        @media screen and (max-width: 425px) {
          .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 .benefit {
            width: 40%; } }
      .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 ul li {
        font-weight: bold;
        font-size: 130%; }
        @media screen and (max-width: 425px) {
          .premium-bg-bgimg .premium-bg-bg2 .premium-bg-bg3 ul li {
            font-size: 100%; } }

.section2 {
  background: url(../img/section2-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }
  @media screen and (max-width: 768px) {
    .section2 {
      background-size: 70%; } }
  @media screen and (max-width: 425px) {
    .section2 {
      background: url(../img/section2-bg.png) center top 10px no-repeat;
      background-size: 100%; } }

.section20-bgimg {
  background: url(../img/section19-bg.png) no-repeat;
  box-shadow: 0 0 30px 1px #d9ac4a;
  background-size: 100% 100%; }

.section20-bg2 {
  padding: 5% 10%; }
  @media screen and (max-width: 425px) {
    .section20-bg2 {
      padding: 15%; } }

.sine-txt {
  margin: 5% 0;
  width: 30%; }

.sine-txt-r {
  text-align: right; }

.btn-img {
  margin-bottom: 3%; }

.border-b {
  border-bottom: 3px solid #8c1b19; }

.txt-c {
  color: #8c1b19;
  font-size: 150%;
  font-weight: bold; }

.txt-c2 {
  color: #8c1b19;
  font-weight: bold; }

.txt-b {
  font-size: 150%;
  font-weight: bold; }

.section-opt {
  background: url(../img/opt-bg.png);
  width: 100%;
  background-size: cover;
  background-position: center center; }
  @media screen and (max-width: 768px) {
    .section-opt .opt-img {
      margin: 10% 0 auto; } }
  @media screen and (max-width: 425px) {
    .section-opt .opt-img {
      margin: 10% 0 auto; } }

.opt-box {
  background-color: #fff; }

.opt-box .opt-mall,
.opt-box2 .opt-mall {
  padding: 0 10%; }
  @media screen and (max-width: 957px) {
    .opt-box .opt-mall,
    .opt-box2 .opt-mall {
      padding: 0 5%; } }
  @media screen and (max-width: 750px) {
    .opt-box .opt-mall,
    .opt-box2 .opt-mall {
      padding: 0; } }
  .opt-box .opt-mall dl,
  .opt-box2 .opt-mall dl {
    margin: 0 0 2%; }
    .opt-box .opt-mall dl dt P,
    .opt-box2 .opt-mall dl dt P {
      font-size: 100%;
      text-align: left;
      margin: 0 !important; }
  .opt-box .opt-mall .name,
  .opt-box2 .opt-mall .name {
    margin-bottom: 1%;
    width: 48%;
    font-size: 100%;
    font-weight: 200;
    border: 3px solid #b0ada1;
    background-color: #fff;
    color: #858282;
    float: left;
    padding: 10px 0;
    margin-left: 1.3%; }
    @media screen and (max-width: 615px) {
      .opt-box .opt-mall .name,
      .opt-box2 .opt-mall .name {
        width: 98%;
        margin-left: 0; } }
  .opt-box .opt-mall .mail-address,
  .opt-box2 .opt-mall .mail-address {
    padding: 10px 0;
    width: 97.5%;
    font-size: 130%;
    font-weight: 300;
    color: #969696;
    border-radius: 2px;
    border: 3px solid #b0ada1;
    background: url(../img/mail.png) no-repeat;
    background-position: left;
    text-align: center;
    background-color: #fff; }
    @media screen and (max-width: 615px) {
      .opt-box .opt-mall .mail-address,
      .opt-box2 .opt-mall .mail-address {
        width: 98%; } }
    @media screen and (max-width: 425px) {
      .opt-box .opt-mall .mail-address,
      .opt-box2 .opt-mall .mail-address {
        font-size: 100%; } }

@keyframes sheen {
  0% {
    transform: skewY(-45deg) translateX(0); }
  100% {
    transform: skewY(-45deg) translateX(12.5em); } }
input[type="submit"] {
  -webkit-appearance: none;
  background: url(../img/btn.png) center bottom no-repeat;
  width: 624px;
  height: 105px;
  box-shadow: none; }
  @media screen and (max-width: 480px) {
    input[type="submit"] {
      background-size: 100%;
      height: 70px; } }

input.btn:hover {
  background: url(../img/btn.png) center bottom no-repeat; }

input.btn:before {
  border: none;
  box-shadow: none; }

.btn {
  border: 0px;
  animation: skew 2.3s linear infinite; }
  .btn:before {
    content: "";
    animation: none; }

.btnon {
  animation: blink 1s linear infinite normal;
  -webkit-animation: blink 1s linear infinite normal;
  -moz-animation: blink 1s linear infinite normal;
  -o-animation: blink 1s linear infinite normal; }
  @media screen and (max-width: 515px) {
    .btnon {
      width: 98%; } }

.btnon:hover {
  animation: none;
  -webkit-animation: none; }

@keyframes blink {
  0% {
    opacity: 1.0; }
  10% {
    opacity: 0.6; }
  100% {
    opacity: 1.0; } }
@-webkit-keyframes blink {
  0% {
    opacity: 1.0; }
  10% {
    opacity: 0.6; }
  100% {
    opacity: 1.0; } }
@-moz-keyframes blink {
  0% {
    opacity: 1.0; }
  10% {
    opacity: 0.6; }
  100% {
    opacity: 1.0; } }
@-o-keyframes blink {
  0% {
    opacity: 1.0; }
  10% {
    opacity: 0.6; }
  100% {
    opacity: 1.0; } }
.opt-bg {
  background-color: #93ced5;
  border-bottom: 3px solid #fadb92;
  margin-bottom: 1%; }

.opt-bg2 {
  background-color: #fff;
  margin-bottom: 1%; }

.contents .opt-box {
  border: 5px solid #1eb9cc;
  margin: 1% auto;
  padding: 0% 5%; }

.contents .opt-box2 {
  border: 10px solid #ec4969; }

.contents .opt-box,
.contents .opt-box2 {
  text-align: center; }
  .contents .opt-box p,
  .contents .opt-box2 p {
    font-size: 150%;
    font-weight: bold;
    color: #262626;
    margin: 2% auto;
    width: 100%; }
    @media screen and (max-width: 615px) {
      .contents .opt-box p,
      .contents .opt-box2 p {
        font-size: 110%;
        line-height: 1.5em; } }

#section2 {
  background: url(../img/section2-bg.png) no-repeat;
  width: 100%;
  background-size: cover;
  background-position: center center;
  text-align: center; }

.section2bg {
  background: url(../img/section-bottom.png) no-repeat;
  background-position: center bottom;
  background-size: 100%; }

.section2bg2 {
  background: url(../img/section-top.png) no-repeat;
  background-position: center top;
  background-size: 100%;
  padding-bottom: 3%;
  padding-top: 3%; }

.video-bg {
  background: url(../img/section3-bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 3%;
  margin-bottom: 45px; }

.video-bg2 {
  background: url(../img/video-bg.png) no-repeat;
  background-size: 100% 100%;
  padding: 1px;
  margin: 3% 0; }

.video-title {
  color: #810204;
  font-size: 150%;
  line-height: 150%;
  font-weight: bold;
  margin-bottom: 0; }
  @media screen and (max-width: 425px) {
    .video-title {
      font-size: 100%; } }

.titlebg {
  background: url(../img/sab-titlebg.png) no-repeat;
  background-size: 100% 100%;
  border: 2px solid #8b0105;
  margin-bottom: 20px;
  margin-top: 2%; }
  .titlebg h2 {
    color: #fff;
    border-bottom: none;
    margin: 40px 10px;
    padding: 0;
    /*text-shadow: #a7a2a2 2px 2px 5px;*/
    font-weight: bold;
    font-size: 200%; }
    @media screen and (max-width: 425px) {
      .titlebg h2 {
        font-size: 130%;
        margin: 20px 10px; } }

.titlebg2 {
  background: url(../img/sab-titlebg2.png) no-repeat;
  background-size: 100% 100%;
  border: 3px solid #1993a2;
  margin-top: 2%; }
  .titlebg2 h2 {
    color: #fefe3c;
    border-bottom: none;
    margin: 40px 10px;
    padding: 0;
    text-shadow: #a7a2a2 2px 2px 5px;
    font-weight: bold;
    font-size: 200%; }
    @media screen and (max-width: 425px) {
      .titlebg2 h2 {
        font-size: 130%;
        margin: 20px 10px; } }

.titlebg2-b {
  background: url(../img/sab-titlebg2.png) no-repeat;
  background-size: 100% 100%;
  border: 3px solid #f4dea4;
  margin-top: 2%; }
  .titlebg2-b h2 {
    color: #520700;
    border-bottom: none;
    margin: 25px 10px;
    padding: 0;
    text-shadow: #fff 3px 3px 5px, #fff -3px 3px 5px, #fff 3px -3px 5px, #fff 3px -3px 10px;
    font-weight: bold;
    font-size: 175%; }
    @media screen and (max-width: 425px) {
      .titlebg2-b h2 {
        font-size: 130%;
        margin: 10px; } }

.titlebg3 {
  background: url(../img/sab-titlebg3.png) no-repeat;
  background-size: 100% 100%;
  border: 3px solid #f4dea4;
  margin-top: 2%; }
  .titlebg3 h2 {
    color: #fff;
    border-bottom: none;
    margin: 40px 10px;
    padding: 0;
    text-shadow: #1993a2 1px 1px 1px;
    font-weight: bold;
    font-size: 200%; }
    @media screen and (max-width: 425px) {
      .titlebg3 h2 {
        font-size: 130%;
        margin: 10px; } }

.title3-txt {
  margin: 3% 0; }
  @media screen and (max-width: 768px) {
    .title3-txt {
      width: 80%; } }
  @media screen and (max-width: 425px) {
    .title3-txt {
      width: 90%;
      /*margin: 3% 0.2%;*/ } }

.title3-txt-c {
  margin: 1% 0; }
  @media screen and (max-width: 768px) {
    .title3-txt-c {
      width: 80%; } }
  @media screen and (max-width: 425px) {
    .title3-txt-c {
      width: 90%;
      /*margin: 3% 0.2%;*/ } }

.title3-txt2 {
  /*width: 35%;*/
  margin: 3% 0; }
  @media screen and (max-width: 768px) {
    .title3-txt2 {
      /*width: 60%;*/ } }
  @media screen and (max-width: 425px) {
    .title3-txt2 {
      width: 35%;
      /*margin: 3% 0.2%;*/ } }

.title3-txt3 {
  /*width: 35%;*/
  margin: 3% 0; }
  @media screen and (max-width: 768px) {
    .title3-txt3 {
      /*width: 60%;*/ } }
  @media screen and (max-width: 425px) {
    .title3-txt3 {
      width: 50%;
      /*margin: 3% 0.2%;*/ } }

.title3-txt5 {
  /*width: 35%;*/
  margin: 3% 0; }
  @media screen and (max-width: 768px) {
    .title3-txt5 {
      /*width: 60%;*/ } }
  @media screen and (max-width: 425px) {
    .title3-txt5 {
      width: auto; } }

.title3-txt4 {
  /*width: 35%;*/
  margin: 3% 0; }
  @media screen and (max-width: 768px) {
    .title3-txt4 {
      /*width: 60%;*/ } }
  @media screen and (max-width: 425px) {
    .title3-txt4 {
      width: 70%;
      /*margin: 3% 0.2%;*/ } }

.title3-txt-b {
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4); }

.section3 {
  background: url(../img/section3-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.top3 {
  margin-top: 3%; }
  @media screen and (max-width: 768px) {
    .top3 {
      margin-top: 0; } }

.section3bg {
  background: url(../img/section-top2.png) no-repeat;
  background-position: center top;
  background-size: contain; }

.section3bg-b {
  background: url(../img/section-top3-c.png) no-repeat;
  background-position: center top; }

.section3bg2 {
  background: url(../img/section3-bg2.png);
  background-position: center center; }

.section3bg3 {
  background: url(../img/section3-bg2.png);
  background-position: center center;
  margin-top: 0; }

.section3bg2-img {
  margin-top: -20%; }

.section3-boxbg {
  background: url(../img/coe-profile-bg.png);
  padding: 5px;
  margin-top: 3%; }

.section3-boxbg2 {
  background-size: 100% 100%;
  padding: 2% 5% 2%;
  border: 4px solid #fff; }
  @media screen and (max-width: 768px) {
    .section3-boxbg2 {
      border: 3px solid #fff; } }

.section3-boxbg3 {
  background: url(../img/coe-upleft.png) top left no-repeat, url(../img/coe-bottomright.png) bottom right no-repeat;
  margin: 1%;
  padding: 10px; }
  @media screen and (max-width: 768px) {
    .section3-boxbg3 {
      background-size: 20%; } }
  @media screen and (max-width: 425px) {
    .section3-boxbg3 {
      background-size: 30%;
      padding: 8px; } }
  @media screen and (max-width: 320px) {
    .section3-boxbg3 {
      background-size: 35%;
      padding: 7px; } }

.section3-boxbg2ue {
  background: url(../img/coe-profile-bg2ue.png) top no-repeat, url(../img/coe-profile-bg2center.png) center no-repeat, url(../img/coe-profile-bg2sita.png) bottom no-repeat;
  background-size: 100% 33.3%;
  padding: 2% 2% 2%; }

.section3-boxbg2center {
  background: url(../img/coe-profile-bg2center.png) no-repeat;
  background-size: 100% 33.3%;
  margin-top: 33.3%; }

.section3-boxbg2sita {
  background: url(../img/coe-profile-bg2sita.png) no-repeat;
  background-size: 100% 33.3%;
  margin-top: 66.6%; }

.coetxt {
  font-size: 170%;
  font-weight: bold;
  line-height: 35px;
  margin-bottom: 3%; }
  @media screen and (max-width: 768px) {
    .coetxt {
      font-size: 150%; } }
  @media screen and (max-width: 425px) {
    .coetxt {
      font-size: 130%; } }

.coe-name {
  display: none; }
  @media screen and (max-width: 425px) {
    .coe-name {
      display: inline-table;
      width: 45%;
      margin: 0;
      font-size: 100%;
      font-weight: bold;
      padding-bottom: 3%; } }
  @media screen and (max-width: 320px) {
    .coe-name {
      font-size: 80%; } }

.coe-name2 {
  margin-bottom: 3%; }
  @media screen and (max-width: 425px) {
    .coe-name2 {
      display: none; } }

.section4 {
  background: url(../img/section4-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

.section5bgw {
  padding: 5px;
  background-color: #d1c48c; }

.section5 {
  background: url(../img/section5-bg.png) right 30px top 30px no-repeat;
  background-size: 50%; }

#section5 {
  background-color: #fff; }
  #section5 .section5bg {
    padding: 10px;
    background: url(../img/profile-bg2.png); }
  #section5 .section5bg2 {
    background: url(../img/profile-bg2.png);
    border: 2px solid #d3c580;
    background-size: 100% 100%;
    background-position: center center; }
  #section5 .profile-sd {
    display: none; }
    @media screen and (max-width: 425px) {
      #section5 .profile-sd {
        display: inherit; } }
  @media screen and (max-width: 425px) {
    #section5 .profile-pc {
      display: none; } }

.QA dl dt {
  background: url(../img/Q.png) no-repeat 0 8px;
  border-top: 1px solid #633f25;
  /*color: #633f25;*/
  padding: 15px 10px 20px 45px;
  font-size: 120%;
  font-weight: bold; }
.QA dl dd {
  background: url(../img/A.png) no-repeat 0 8px;
  padding: 5px 10px 20px 45px; }

.img-box {
  margin-bottom: 3%; }

.h3img {
  width: 100%;
  background-size: cover;
  background-position: center center; }

.title h3 {
  width: 25%; }
  @media screen and (max-width: 960px) {
    .title h3 {
      width: 30%; } }
  @media screen and (max-width: 425px) {
    .title h3 {
      width: 50%; } }

.big h3 {
  width: 40% !important; }
  @media screen and (max-width: 960px) {
    .big h3 {
      width: 50% !important; } }
  @media screen and (max-width: 425px) {
    .big h3 {
      width: 70% !important; } }

.big2 h3 {
  width: 60% !important; }
  @media screen and (max-width: 960px) {
    .big2 h3 {
      width: 70% !important; } }
  @media screen and (max-width: 425px) {
    .big2 h3 {
      width: 90% !important; } }

#plus-box {
  background: url(../img/bgbox.png);
  border: 5px solid #e66184;
  padding: 3% 5%; }
  #plus-box #plus-boxtxt {
    margin-top: 3%; }
    #plus-box #plus-boxtxt img {
      margin: 3% 0; }

.present-box {
  text-align: center;
  background-color: #fcfbed;
  border: 5px solid #fdd000;
  padding: 3% 5%; }
  .present-box .plus-boxtxt {
    margin-top: 3%; }
    .present-box .plus-boxtxt img {
      margin: 3% 0; }

.time-box {
  border: 5px solid #d2d2d2;
  box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 3% 5%; }
  .time-box .time-box-title {
    background-color: #d2d2d2;
    color: #333;
    width: 100%;
    text-align: center;
    padding: 0.5% 0; }
    .time-box .time-box-title p {
      font-size: 130%;
      font-weight: bold;
      margin: 0; }
      @media screen and (max-width: 768px) {
        .time-box .time-box-title p {
          margin-bottom: 0 !important;
          font-size: 100% !important; } }
  .time-box .time-box-title2 {
    background-color: #fdd000;
    width: 100%;
    text-align: center;
    padding: 0.5% 0; }
    .time-box .time-box-title2 p {
      font-size: 150%;
      font-weight: bold;
      margin: 0; }
  .time-box table th:first-child {
    width: 20%; }
  .time-box table td:first-child {
    text-align: right; }
  @media screen and (max-width: 425px) {
    .time-box table td {
      font-size: 100%; } }
  .time-box .present-box {
    text-align: left; }
    .time-box .present-box p {
      margin: 0 0 2px 0; }
  .time-box .clearfix {
    margin-top: 3%; }