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



html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}
html *,
html *:before,
html *:after {
  box-sizing: inherit;
}
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: 16px;
  line-height: 1.5;
}

header:before,
header:after {
  content: "";
  display: table;
  clear: both;
}
footer {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding: .75em 0;
  background: #efefef;
  color: #000;
}
footer:before,
footer:after {
  content: "";
  display: table;
  clear: both;
}
#content {
  margin: 0 auto;
  width: 100%;
}
#content:before,
#content:after {
  content: "";
  display: table;
  clear: both;
}
#footer{
  width: 100%;
}
a:hover{
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
  text-decoration: underline;
}
a{
	color: #666;
  text-decoration: none;
}
/* //base width// */
article.inner{
  width: 900px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  padding: 20px;
}

header{
  position: relative;
  margin: 0 auto;
}
h1.header_logo{
  position: relative;
  /*padding: .75em 1em;*/
  background: #fff;
  color: #000;
  margin: 0 auto;
}
h1.header_logo a img{
  margin-top: .5em;
  padding: 0 0 1em;
}
.hd__Txt{
  display: block;
  background: #000;
  color: #fff;
  font-size: 1.3em;
  padding: .25em 0;
}

.contents__body{
  padding: 1.5em .75em;
}

.ft__nav{
  padding: .75em 0;
  position: relative;
}
.ft__nav ul li{ display: inline-block; padding: 0 10px;}
.ft__nav ul li a{ font-size: .7642em; color:#000; display: block;  }

/* ページトップへ戻るボタン */
#btn_top a{
  position: fixed;
  bottom: 4.62em;
  right: 0;
  z-index: 999;
}
@media (max-width: 40em) {
  #btn_top a img{
    width: 40px;
  }
}


section{margin-bottom: 1em; border-bottom: 2px dotted #e77722;}

section img{
  width: 100%;
  max-width: 1000px;
}
.information{
  padding: 1.5em 2em;
  border: 1px solid #ff0000;
}
.information h2{
  font-size: 1.4em;
  color: #ff0000;
  margin-bottom: 1em; 
}
.information p{
  max-width: 700px;
  margin:  0 auto;
  padding: .5em 0;
  text-align: left;
}
.information p a{
  color: #ef8700;
  font-size: .844em;
  font-weight: 700;
}

.about__txt{
  padding: 2em 1em 0;
  text-align: left;
}
.about__txt p{
  padding: .75em 0;
}
.about__txt p a{
  color: #1166a4;
  text-decoration: underline;
}
.about__txt span.att{
  font-weight: bold;
}

.about__txt p.pb{
  text-align: right;
  font-size: .76em;
}
.about__txt.info p.bt_pdf { text-align: center;  max-width: 50%; margin: 0 auto;}
.about__txt.info p.bt_pdf a{
  display: block;
  padding:  .75em .75em;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  background: #000;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

section p.bt__entry img{ max-width: 600px; }
.about__txt p.bt__entry{ text-align: center; }

section h3{
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;  
  padding: .5em 0;
}

.sche_detail{
  text-align: left;
  padding: .75em 0;
}

section.result_content{
  position: relative;
  border-bottom: none;
}
/*.result_content .result_main div{
  display: inline-block;
  padding: 1em 0;
  vertical-align: top;
}
.result_content .result_main div:first-child{
  width: 58.8888%;
  padding-right: 1em;
}
.result_content .result_main div:last-child{
  width: 36.6666%;
}*/
.result_content .result_main p{
  text-align: left;
  padding: 1em 3em;
  font-size: .924em;
}
.result_content .result_main p.info{
  font-size: .886em;
  text-align: left;

}

.resulut_detail ul li{
  display: inline-block;
}
.resulut_detail ul li a{
  padding: .5em .75em;
  display: block;
  color: #d67722;
}
.result_content ul{
  position: relative;
}
.result_content ul li{
  width: 24.4444%;
  display: inline;
  float: left;
}


/*---Media Queries------------------------------------*/

@media (max-width:768px) {
  body{
    width:100%;
    height:auto;
    background:#fff;
    text-align:center;
    margin:0 auto;
  }
  h1.header_logo img{ max-width: 180px; }
  .hd__Txt{ font-size: .844em; }

  article.inner{
    width: 100%;
    margin: 0 auto;
    padding: 0 .5em 1em;
  }

  section p{ font-size: .886em; }
  .header_Tit h2 img{ max-width: 80%; }

  .resulut_detail ul li a{ font-size: .8422em;}

  /*.result_content .result_main div{
    display: block;
  }
  .result_content .result_main div:first-child,
  .result_content .result_main div:last-child{width: 100%;}*/
  .result_content .result_main p{ padding: .5em .5em; font-size: .8224em; }
  .result_content p.info{
    padding: 0;
  }

  .information{
    padding: .75em;
  }
  .information h2{
    font-size: 1.16em;
    font-weight: 700;
    text-align: left;
  }

}

@media (max-width:640px) {

}


/*------------------------------------------
	Layout
------------------------------------------*/
.f-left{
	float: left;
}
.f-right{
	float: right;
}
.txt-l{
	text-align: left;
}
.txt-r{
	text-align: right;
}
.mgt10{margin-top: 10px;}
.mgt20{margin-top: 20px;}
.mgtb30{margin: 30px 0;}

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

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

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