@charset "UTF-8";
/* Body */
body {
  font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  background-color: #D4D1D1;
  /*background-color: #4E9904;*/
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	font-style: normal;
  font-weight: 200;
}
/**/

.red{
	color: red;
}


/* Container */
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}
/* セカンドページのみ ---------------------------------------------------- */
main {
  text-align: left;
}
main ul li {
  color: #141414;
  text-decoration: none;
  list-style: decimal;
  width: 60%;
  margin: auto;
  text-align: justify;
  line-height: 20px;
  font-size: 14px;
}
/* ///////////////説明 Section */
.box1 {
  padding-top: 0px;
  background-color: #fff;
  margin-top: 50px;
}
/* ///////////////タイトルの囲み修飾*/
.text_1 {
  position: relative;
  width: 60%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 1.2em;
  padding: 0.3em;
  font-size: 26px;
  font-weight: bold;
  color: #F30A25;
  /*background-color: aqua;*/
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px, #ffe4b1 3px, #ffe4b1 8px);
  border-radius: 10px;
}
.text_1:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 20px solid #ffebbe;
  width: 0;
  height: 0;
}
/* END  タイトルの囲み修飾 */
/* ///////////////サブタイトルの囲み */
.text_3 {
  padding-top: 50px;
  text-align: left;
  padding-bottom: 10PX;
  margin-bottom: 0px;
}
a.button {
  display: block;
  width: 100px;
  padding: 0.8em;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  text-decoration: none;
  color: #EC407A;
  font-weight: bold;
  letter-spacing: 9px;
  vertical-align: middle;
  border: 2px solid #EC407A;
  border-radius: 3px;
  transition: .4s;
}
a.button:hover {
  background: #EC407A;
  color: #fff;
  cursor: pointer;
}
/* END サブタイトルの囲み */
.text_3 {
  margin: auto;
  font-size: 20px;
  font-weight: bold;
  padding: 5px 0 5px 5px;
  color: #039706;
}
.text_line { /*サブタイトルに縦ライン*/
  width: 60%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0 0 0 10px; /*上下 左右の余白*/
  color: #2A8A04; /*文字色*/
  font-size: 20px;
  font-weight: bold;
  background: transparent; /*背景透明に*/
  border-left: solid 5px #7db4e6; /*左線*/
}
.text_2 {
  width: 60%;
  margin: auto;
  text-align: justify;
  font-size: 14px;
  line-height: 20px;
  color: #1C1B1B;
}
/* /////////////// K検定とは　　タイトルの囲み修飾（POINT表示）とテキスト*/
.point { /*POINTの枠*/
  width: 60%;
  margin: auto;
  margin-top: 5%;
  margin-bottom: 5%;
  border: 2px solid #da4033;
  border-radius: 14px;
  padding: 2em 0 2em 0em;
  position: relative;
}
.point:before {
  background-color: #fff;
  font-size: 1em;
  color: #da4033;
  content: "POINT：これで合格率アップ";
  font-weight: bold;
  left: 1em;
  padding: .2em 1em 0 1em;
  position: absolute;
  top: -1em;
}
.point_text_1 { /*説明文タイトル*/
  margin: .1em 0em .1em 1em;
  font-size: 20px;
  font-weight: bold;
  color: #039706;
}
.point_text_2 { /*説明文*/
  margin: .1em 1em .5em 1em;
  font-size: 14px;
  line-height: 20px;
  color: #1C1B1B;
}
/* END  タイトルの囲み修飾（POINT表示）とテキスト*/
/* ///////////////合格者数*/
.ul_list {
  width: 60%;
  margin: auto;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 20px;
  color: #1C1B1B;
}
/* ///////////////記念品//////// */
/*記念品タイトル（缶バッジ）*/
.kinenhin_title{
	font-size: 14px;
	text-align: center;
}
/*缶バッジ画像並び*/
.kinen_img_flex{
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
	width: 90%;
	margin: 20px auto 50px auto;
	border: solid 0px;
}
.kinen_img_flex .waku{
	width: 100%;
	max-width: 150px;
	text-align: center;
	margin-bottom: 20px;
border: solid 0px;
	
}
.kinen_img_flex img{
	width: 100%;
	height: 100%;
	max-width: 140px;
		max-height: 140px;
	border: solid 0px;
}
.kinen_img_flex .txt_caption{/*キャプション*/
	margin: 0 auto;
	font-size: 12px;
	border: solid 0px;
}


/* クリアファイル終了予告*/
.end_font_red{
  font-size: 16px;
color:red;
font-weight: 200;
}
/* /END 合格者数*/
/* ///////////////合格認定証のイメージ */
.img_goukaku {
  display: block;
  width:50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:50px;
}
/* END 合格すると（合格認定証 */
/* ///////////////おしらせ Section*/
.box2 {
  padding-top: 35px;
  background-color: #fff;
  margin-top: 0px;
  margin-bottom: 50px;
}
/*.news{
	width: 60%;
	margin: auto;
	font-size: 20px;
	font-weight: bold;
	padding-top: 15px;
	color: #039706;
	
}
*/
.text_news {
  width: 60%;
  margin: auto;
  text-align: justify;
  font-size: 14px;
  font-weight: lighter;
  line-height: 20px;
  color: #1C1B1B;
}
/* END  おしらせ Section */
/* ///////////////チャレンジ　バナー Section */
.challenge_banner {
  padding-top: 50px;
  text-align: center;
  padding-bottom: 50PX;
  margin-bottom: 0px;
}
a.button {
  display: block;
  width: 200px;
  padding: 0.8em;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  text-decoration: none;
  color: #EC407A;
  font-weight: bold;
  letter-spacing: 9px;
  vertical-align: middle;
  border: 2px solid #EC407A;
  border-radius: 3px;
  transition: .4s;
}
a.button:hover {
  background: #EC407A;
  color: #fff;
  cursor: pointer;
}
/* END  セカンドページのみ ---------------------------------------------------- */
/* フッター　　住所-------------------------------------*/
/* wrapperはコンテンツエリア全体を対象とし　rapper_area（ちょっとのぞく、住所　copyright）を画面下に固定---トップページで利用----------------------*/
.wrapper { /*  htmlではトップで指定してある*/
  min-height: 100vh; /*100vh が、ブラウザの画面の高さ*/
  position: relative; /*←相対位置*/
  /* ↓コンテンツに被らないようにする場合は必要　 スクロール後下に固定されている-------*/
  /*padding-bottom: 120px;*/ /*←wrapper_areaの高さ*/
  /*box-sizing: border-box;*/ /*←全て含めてmin-height:100vhに*/
  background-color: #0C6401;
}
.wrapper_area { /*  ちょっとのぞく、住所　copyrightを範囲していしてある*/
  /*padding-top: 1vh;*/
  width: 100%;
  background-color: #0C6401;
  position: absolute; /*←絶対位置*/
  bottom: 0; /*下に固定*/
}


/* スマホ 340px以下*/
@media(max-width: 340px) {
  header {
    width: 100%;
    height: 50px;
  }
  nav, nav ul, nav ul li, nav li a { /*ヘッダーのメニュー非表示*/
    display: none;
  }
  .logo {
    width: 70%;
    text-align: center;
    margin-top: 16px;
  }
  .logo1 {
    font-size: 1em;
    letter-spacing: 0px;
  }
  .logo2 {
    color: #fff;
    font-size: 1em;
  }
  .pc_top_img { /* pc用画像非表示*/
    display: none;
  }
  .sp_top_img { /* スマホ用画像*/
    width: 100%;
  }
  .top {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  /* ちょっとのぞいてみるバナー */
  .top_banner {
    padding-top: 0px;
    text-align: center;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  .top_button {
    width: 80%;
  }
  a.top_button {
    padding: 0.2em;
    font-size: 20px;
    letter-spacing: 0px;
  }
  /* ///////////////セカンドページのみ  */
  .text_1, .text_2, .text_3, .text_line, .text_news, .ul_list {
    width: 90%;
  }
  .text_1, .text_3, .text_line {
    font-size: 18px;
  }
  .text_2, .text_news {
    font-size: 14px;
  }
  .box1 { /* About Section （説明全体）*/
    margin-top: 20px;
  }
  .point { /*POINTの枠*/
    width: 80%;
  }
/* ///////////////記念品//////// */
/*記念品タイトル（缶バッジ）*/

.kinen_img_flex .waku{
	max-width: 120px;
	
}
.kinen_img_flex img{
	max-width: 100px;
		max-height: 100px;

}

  /* フッター　　住所-------------------------------------*/
  .tbl th, .tbl td {
    display: block; /*スマホでは縦ブロック*/
  }
  .text_1, .text_2, .text_2, .text_3, .text_line, .text_news {
    width: 90%;
  }
  .ul_list {
    width: 90%;
  }
.img_goukaku {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
}
/* スマホ*/
@media (min-width: 341px) and (max-width: 766px) {
  header {
    width: 100%;
    height: 50px;
  }
  
  .box1 {
    padding-top: 0px;
    background-color: #fff;
    margin-top: 30px;
  }
  .text_1, .text_2, .text_2, .text_3, .text_line, .text_news {
    width: 90%;
  }
  .ul_list {
    width: 80%;
  }
.img_goukaku {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
/* ///////////////記念品//////// */
/*記念品タイトル（缶バッジ）*/

.kinen_img_flex .waku{
	max-width: 120px;
	
}
.kinen_img_flex img{
	max-width: 110px;
		max-height: 110px;

}
}

/* Small Tablets */
@media (min-width: 767px)and (max-width: 1099px) {
 
  /* ///////////////Navigation */
  #nav-drawer { /* /PC タブレットではバーガメニュ非表示 */
    display: none;
  }
/* ///////////////記念品//////// */
/*記念品タイトル（缶バッジ）*/

.kinen_img_flex .waku{
	max-width: 120px;
	
}
.kinen_img_flex img{
	max-width: 110px;
		max-height: 110px;

}
 
}
/* PC */
@media (min-width: 1100px) {

body {
	width: 1100px;
	margin-top: 20px;

	}


  /* Container */
  .container {
    max-width: 1100px;
  }
  /* ///////////////Navigation */
  #nav-drawer { /* /PC タブレットではバーガメニュ非表示 */
    display: none;
  }

}