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


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


@media screen and (min-width: 981px){

h1{

    margin        : 100px 5px 0px 5px!important;             /* デフォルトCSS打ち消し */
    position      : relative!important;    /* 位置調整 */
    font-weight   : bolder!important;   /* 文字の太さ調整 */
    margin-bottom : 20px;    /* 周りの余白指定 */
    font-size     : 75px!important;        /* 文字サイズ指定 */
  
    text-align    : center!important;    /* 文字位置指定 */

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

}

h1:before {
  content      : "\f706"!important;
  font-family  : "Font Awesome 5 Pro";
  color        : red!important;
  font-weight:500;
  text-align    : center!important;    /* 文字位置指定 */

position:;


}

.head_title{
font-size:12px ;
}


}



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

h1{
    margin:0px 5px 0px 5px!important;             /* デフォルトCSS打ち消し */
    padding-top: 0px!important;
    position:  relative!important;    /* 位置調整 */
    font-weight:  bolder!important;   /* 文字の太さ調整 */
    margin-bottom: 0px;    /* 周りの余白指定 */
    font-size: 7.2vw!important;        /* 文字サイズ指定 */
    text-align:  left!important;    /* 文字位置指定 */
padding-left: 1.3em!important;
    text-shadow: 
    white 4px 0px,  white -4px 0px,
    white 0px -4px, white 0px 4px,
    white 4px 4px , white -4px 4px,
    white 4px -4px, white -4px -4px,
    white 2px 4px,  white -2px 4px,
    white 2px -4px, white -2px -4px,
    white 4px 2px,  white -4px 2px,
    white 4px -2px, white -4px -2px;
  filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));

}


h1:before {
  content      : "\f706"!important;
  font-family  : "Font Awesome 5 Pro";
  color        : red!important;
    font-weight:500;
    position: absolute;
left: 0em!important;
}

.head_title{
font-size:12px ;
}


}







h2 {
  font-size        : 38px!important;
  position         : relative;
  color            : white!important;
  padding          : 0.6em 0.5em 0.6em 10px;
  background-color : #FF4B54;
  border-radius    : 0px 0px 10px 10px;
    margin-top     : 0px!important;
  margin-bottom    : 40px!important;
  font-weight      : bolder!important;   /* 文字の太さ調整 */
  font-family      : "M PLUS 1p"!important;

}
 
h2:before {
  content      : " \f336"!important;
  font-family  : "Font Awesome 5 Pro";
  color        : white!important;
  margin-right : 5px!important;
}




h3{
      position       : relative;
      padding-bottom : 10px!important;
      padding-top    : 20px!important;
      border-bottom  : 4px dotted #f1b8b8;
      font-weight    : normal!important;
      font-size      : 35px!important;
      line-height    : 1.75;
      margin      : 1.5em 0 0.5em 0 !important;
}
     
h3:before{
  content      : " \f044"!important;
  font-family  : "Font Awesome 5 Pro";
  color        : #d52b2b!important;
  margin-right : 3px!important;
}



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

}


.item_box_line > h4 {
  font-size   : 25px!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;

}


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

}



h5 {
  font-size   : 18px!important;
  font-weight : bold!important;
  line-height : 1.5em!important;
  margin      : 5px 0;
  text-align  : left;
  color       :black ;
}

h5:before{
  content      : " \f32b";
  font-weight  : 300!important;
  font-family  : "Font Awesome 5 Pro";
  margin-right : 3px;
  color        : #DB005CFF!important;
} 


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

h5b {
  font-size      : 18px!important;
  font-weight    : normal!important;
  line-height    : 1.5em!important;
  padding-top    : 5px!important;
  padding-bottom : 5px!important;
  padding-right:20px!important;
  line-height:2.5em!important;
  text-align       : left;
  color            : #FFF!important;
  background-color : #FC8E94;
  border:1px solid #F67280;
  border-radius    : 6px;
  background-size : 100%;

}

h5b:before{
  content      : " \f350";
  font-weight  : 900!important;
  font-family  : "Font Awesome 5 Pro";
  margin-right : 3px;
  margin-left  : 15px;
  color        : #FFF!important;
} 
  



h5b::after {
  content: "\A" ;
  white-space: pre ;
}

h7{
  font-size:80%;
  text-align:left;
}

p{
text-align: left;
line-height: 1.7em;
}

b{background: linear-gradient(transparent 80%, #FFD8F0 80%);}

b2{
 font-weight:bold;
}

bb{
font-weight:bold;
font-size: 110%;
}

b2r{
 font-weight:bold;
 color: red;  
}

small{font-size:80%!important;}

red{color:red;}


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

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


li a{text-decoration:none!important;
}

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

.respon02 td:first-child a{
  text-decoration:none!important;
color:#663D46!important;
border-bottom:1px dotted maroon;

}

.respon02 td a{
  text-decoration:none!important;
  border-bottom:2px dotted #72aae2;

}

.nokaigyou {
white-space: nowrap;
}


/*テキスト指定（終わり）---------------------------------------------------------------*/