@media screen and (max-width: 400px){
.head_title{
font-size:3.5vw!important;
}

}

@media screen and (max-width: 768px){




body {
      /*  フォントの種類  */
      font-family: -apple-system, BlinkMacSystemFont,
                   "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
      
      /*  フォントのサイズ  */
      font-size: 15px!important;
      
      /*  フォントの色  */
      color: #333!important;
      
      /* 文字間隔の調整の設定 */
      letter-spacing: 1.2px!important;
      
      /* 行間の設定 */
      line-height: 1.75!important;    }





/*テキスト指定---------------------------------------------------------------*/
.nokaigyo{display:inline-block;}

h1{

    margin        : 0px!important;             /* デフォルトCSS打ち消し */
    font-weight   : bold!important;   /* 文字の太さ調整 */
    margin-bottom : 1em!important;    /* 周りの余白指定 */
    font-size     : 8vw!important;        /* 文字サイズ指定 */
    text-align    : left!important;    /* 文字位置指定 */
    line-height   : 1.6em!!important

  text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
  filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2));

text-indent: 0em!important;
padding-left: 1.1em!important;
}

h1:before {
position: absolute;
left: -0.2em!important;


}


h2* {
  font-size: 6vw!important;   
  position       : relative;
  color          : white!important;
  padding-top    : 0.7em!important;
  padding-bottom : 0.7em!important;
  margin-right   : -5px!important;
  margin-left    : -5px!important;
  border-radius  : 0px 0px 0px 0px;
  line-height    : 140%!important;

text-indent: 0em!important;
padding-left: 2em!important;

}
 
h2*:before { 
position: absolute;
left: 0.5em!important;
}

h3{
      position      : relative;
      border-bottom : 2px dotted #f1b8b8;
      font-weight   : bold;
      font-size     : 20px!important;
      line-height   : 1.4em!important;

    }
     
h4 {
  font-size   : 16px!important;
  border-bottom  : 1px dotted #FDC1C2;
  padding-left:15px;

}


.item_box_line > h4 {
  font-size   : 18px!important;
  font-weight : normal!important;
  line-height : 1.7!important;
  border-bottom  : 1px dotted #FDC1C2;
  border-left:8px solid #FDC1C2;
  margin      : 0.5em 0 1em 0 !important;
  text-align  : left!important;
  color       : #4a4a4a!important;
  padding-left:10px;

}





h5 {
  font-size   : 15px!important;
  font-weight : bold!important;
  line-height : 1.5em!important;
  margin      : 0.2em 0 0.2em 0!important;
  text-align  : left;
}

h5:before{
  content: " \f32b";
  font-family  : "Font Awesome 5 Pro";
  margin-right: 3px;

} 

h5b {
  font-size      : 15px!important;
    padding-right:10px!important;
}

h6{
  font-size:100%!important;
  line-height: 1.6!important;
  font-weight:normal!important;
}

h7{
  display:table;
  font-size:85%;
  text-align:left!important;
}

p{font-size:13px; line-height: 1.7em;}

p small{line-height : 20px!important;}

b2{
 font-weight:bold;
}


/*リンク装飾指定---------------------------------------------------------------*/

p a{
  text-decoration : none!important;
  border-bottom   : 0px dotted #000;
  font-weight     : bolder!important;
}

li a{
  text-decoration : none!important;
  border-bottom   : 0px dotted #000;
}

.menu li a {
  border-bottom:0px!important;
  font-weight:initial;　
}


#pageTop a { border-bottom:0px dotted #000!important;}









}