@charset "utf-8";

section {
  margin: 50px 0px 0px 0px;
}

.uppage02 {
  color: #FFFFFF;/*文字色*/
  font-size: 18pt;
  font-weight: bold;
  width: 500px;
  padding: 0.5em;/*文字周りの余白*/
  margin: 20px auto;
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #0F5474;/*背景色*/
  border-radius: 20px 20px 20px 20px;/*左側の角を丸く*/
}

h3 {
  color: #0F1A45;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  padding-left: 30px;
  margin: 0px 0px 10px 0px;
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  width: 350px;
  background: #AFDFE4;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
}

h4 {
  color: #505050;/*文字色*/
  padding: 15px;/*文字周りの余白*/
  margin: 0px;
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  width: auto;
  background: #c2edff;/*背景色*/
  vertical-align: middle;
}

h5 {
  color: #505050;/*文字色*/
  font-size: 15pt;
  padding: 0.5em;/*文字周りの余白*/
  margin: 0px;
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  width: 100%;
  vertical-align: middle;
}

img {
  margin: auto;
  display: block;
}

.main {
  text-align: center;
  width: 100%;
  max-width: 900px;
  }

.flexbox02{      
  display: flex;
  }

  .flexbox03{      
    display: flex;
    }

.s01 p{
  margin: 5px;
  font-size: 13pt;
  }

.left02{
text-align: left;
width: 75%;
}

.left02 p{
margin: 0%;
padding-left: 30px;
font-size: 11pt;
}

.right02{
width: 25%;
padding-top: 50px;
}

.bxborder{
color: #505050;/*文字色*/
border: solid 1px #d9df00;/*線色*/
margin: 10px;
padding: 0.5em;/*文字周りの余白*/
border-radius: 25px;/*角丸*/
}

.left03{
width: 35%;
}

.right03 p{
text-align: left;
margin: 10px 20px;
font-size: 11pt;
}
  
.right03{
text-align: center;
width: 65%;
line-height:30px;
}

/*矢印*/
.dli-caret-right {
  display: inline-block;
  vertical-align: middle;
  color: #0D2A52;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 0.375em 0.64952em;
  border-left-color: currentColor;
  border-right: 0;
  margin: 10px;
}

.towelpage01 {
  display: flex;
  font-size: 18pt;
  font-weight: bold;
  max-width: 923px;
  line-height: 3;/*行高*/
  background: #c2b59b;/*背景色*/
}

.towelpage02 {
  color: #ffffff;/*文字色*/
  font-size: 18pt;
  font-weight: bold;
  width: 500px;
  padding: 0.5em;/*文字周りの余白*/
  margin: 20px auto;
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background:#c2b59b;/*背景色*/
  border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
}

.towelpage03{
  background-color:#A1938A;
  text-align: left; 
  padding: 15px 15px 15px 30px; 
  color: white;
  font-size: 18pt;
  margin-bottom: 25px;
 }

 .towellink2 a {
  color:white;
  text-decoration: underline;
}

 .towelpage02 a {
  color: #ffffff;
  text-decoration: none;
}

.towelpage02 a:hover {
  text-decoration: underline;
}

/*----------------------------
メディアクエリ
----------------------------*/
@media screen and (max-width: 767px) {
  section {
    margin: 10px 0px;
  }

  .dtfpage02 {
    color: #505050;/*文字色*/
    font-size: 13pt;
    font-weight: bold;
    width: 300px;
    padding: 0.5em;/*文字周りの余白*/
    margin: 10px auto;
    display: inline-block;/*おまじない*/
    line-height: 1.3;/*行高*/
    background: #d9df00;/*背景色*/
    border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
  }

  h4 {
    font-size: 10pt;
    color: #505050;/*文字色*/
    padding: 12px;/*文字周りの余白*/
    margin: 0px;
    display: inline-block;/*おまじない*/
    line-height: 1.3;/*行高*/
    width: auto;
    background: #c2edff;/*背景色*/
    vertical-align: middle;
  }

  .s01 p{
    margin: 5px;
    font-size: 10pt;
    }

    h3 {
      font-size: 10pt;
      color: #505050;/*文字色*/
      padding: 0.5em;/*文字周りの余白*/
      padding-left: 20px;
      margin: 0px 0px 10px 0px;
      display: inline-block;/*おまじない*/
      line-height: 1.3;/*行高*/
      width: 200px;
      background: #d9df00;/*背景色*/
      vertical-align: middle;
      border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
    }

    .s02 p{
      margin: 5px;
      font-size: 10pt;
      }

    .s03 p{
      margin: 5px;
      font-size: 10pt;
      line-height: 1.5em
      }
    .s04 p{
     margin: 5px;
     font-size: 10pt;
     line-height: 1.5em
        }

    h5 {
      font-size: 12pt;
      display: inline-block;/*おまじない*/
      }
      
      .towellink2 a {
        color:white;
        text-decoration: underline;
        font-size: 12pt;
      }
}