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


/*テキスト指定---------------------------------------------------------------*/
.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;
  font-weight : bold;
  line-height : 1.5em;
  margin      : 5px 0;
  text-align  : left;
  color       :black ;
}

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


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

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

}

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



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

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

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



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;　
}


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;
}


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









@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;}









}