/* 8ch-club common style
-------------------------------------------------------------------------*/
@charset "UTF-8";
@import url('//use.fontawesome.com/releases/v5.10.1/css/all.css');
@import url('//fonts.googleapis.com/css?family=M+PLUS+1p:400,500,700');
@import url('//fonts.googleapis.com/earlyaccess/sawarabigothic.css');
@import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css');


/* Basic responsive style
-------------------------------------------------------------------------*/
body {
  background: #fff;
  color: #222;
  text-align: center;
  font-family: 'Avenir','Helvetica neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.5;
}

#wrapper {
  width: 100%;
  min-width: 100%;
  position: relative;
}
a{
  color: #333;
  text-decoration: none;
}

a:hover{
  color: #f18d00;
}

img{
  width: 100%;
  height: auto;
}

/* header
-----------------------*/
header{ width: 100%; position: relative; }
.head_Tit{
  background: #000;
  padding: .5em;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.headerInner{
  padding: .75em .75em;
  /*display: flex;
  flex-flow: nowrap;
  align-items: center;
  justify-content: space-between;*/
 }

.header_logo{
  max-width: 160px;
  width: 36%;
  margin: 0 auto;
}
.head_tel{
  background: #0984e3;
  border-radius: 3px 3px;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
}
.head_tel a{ font-size: .942em; padding: .75em; color: #fff; line-height: 3em; }
.head_tel i{ font-weight: 700; font-size: 1.3em; margin-right: .3em; }


/*--Contents --------------*/
.contents__body{
  position: relative;
  width: 100%;
  margin: 0 auto 2em;
}
	.Contents_Tit{
	  background: #dfe6e9; 
	  padding: .75em;
	}
	.Contents_Tit_Inner{
		margin: 0 auto;
		text-align: center;
	}
	.Contents_Tit_Inner h1{
		font-size: 1em;
		/*text-align: left;*/
		color: #2d92c6;
		font-weight: 700;
		padding: 0;
	}
	
/*--Footer --------------*/
footer{
  position: relative;
  margin: 0 auto;
  background:#dfe6e9; 
  padding: 1em .75em;
}
  .ft_logo{ max-width: 94px; margin: 0 auto;}
  .ft_Tit{ font-size: .92em; margin-top: 1em; font-weight: 700;}
  .ft__nav{ margin: .5em auto 1.5em; }
  .mainNavi,.snsNavi{
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
  }
  .snsNavi li{ width: 22.222%; max-width: 50px; padding: 10px; }
  .mainNavi li{ padding: .5em .75em; }
  .mainNavi li a{
    position: relative;
    font-size: 13px;
    color: #2d92c6;
    padding: 5px 0;
  }
  /*.mainNavi li a::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 10px;
    height: 3px;
    background: #d63031;
  }*/
  .mainNavi li a:hover{
    text-decoration: underline;
  }
  .copyright{
    font-size: .8em;
  }



/*--481px以上(タブレット縦 /スマートフォン横)-----------------------------------------------*/
@media screen and (min-width: 481px){

}


/*--769px以上(デスクトップ/タブレット横)-----------------------------------------------*/
@media screen and (min-width: 769px) {
  .headerInner{
    max-width: 880px;
    margin: 0 auto;
  }
  .Contents_Tit_Inner h1{ text-align: center; }

}


/*------------------------------------------
	Layout
------------------------------------------*/
.txt-l{	text-align: left;}
.txt-r{	text-align: right;}
.txt-c{ text-align: center;}
.mgt10{margin-top: 10px;}
.mgt20{margin-top: 20px;}
.mgtb30{margin: 30px 0;}
.pdtb05{ padding: .5em 0; }

/*------------------------------------------
	font
------------------------------------------*/
.fc_red{color: #f00;}
.fc_gy{color: #666464;}

.fs09{font-size: .9224em;}
.fs08{font-size: .8422em;}
.fs07{font-size: .78442em;}
.fs11{font-size: 1.1422em;}

.bold{font-weight: 700;}
.txt_l{text-align: left;}