body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFF;
	padding:0;
}

input, select, button, textarea {
            font-family:  "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        }

/* 画像を中央に設置する場合。divclassで画像をはさむ*/

.image {
		text-align: center;
	}
	
/* TOPに置く画像用。img class="topimg"で使用。画像に合わせてmax-height変える*/
.topimg {
	border:0;
	width:100%;
	max-width: 670px; 

}

/*画像の横に文字を置く。応募概要想定 スマホの表示が難しい*/
.flex{
    display: flex;
    padding: 10px;
}
.flex div.left{
    width: 70%;
    margin: 10px;
    padding: 10px;
}
.flex div.right{
    width: 30%;
    margin: 10px;
    padding: 10px;
}



/*応募概要などを入れる。注意事項は入れない*/
#apply_container {
	margin: auto;
	padding: 10px;
	width: 95%;
	font-size: 15px;
	line-height: 1.5em;
	max-width: 960px;
}

/*タイトル用*/
	#apply_container .title {
	margin: auto;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
		
		
	}
@media(min-width: 768px ){
    .sp{
        display: none !important;
    }
}
@media(max-width : 768px ){
    .pc{
        display: none !important;
    }
}
	
/*注意事項等囲む破線の囲み線*/
#attention {
	border:1px 
	dashed #333333; 
	font-size: 14px;
	width: 95%;
	margin-bottom:10px;
	margin:auto;
	padding: 10px;
	max-width: 960px;
	box-sizing: border-box;
	}
	
/*アンダーライン引く用*/
.under1 {
  text-decoration:underline; 
  text-decoration-color:#3A2E2E;
 text-decoration-style: solid ;
text-decoration-thickness: 2px;
  }
	
/*応募フォーム用*/
table {
	border: #CCC 1px solid;
	border-collapse: collapse;
	width: 95%;
	color: #333;
	margin:auto;
	box-sizing: border-box;
	max-width: 960px;
} 

/*tdに項目名等色付けたい時（水色）*/
	table .td_color01 {
		background-color: #CEF0F8;
	}

/*tdに項目名等色付けたい時（紫色）*/
	table .td_color02 {
		background-color: #ECE0F7;
	}

/*tdに項目名等色付けたい時（黄色）*/
	table .td_color03 {
		background-color: #F4F8CE;
	}
/*tdに項目名等色付けたい時（ピンク色）*/
	table .td_color04 {
		background-color: #F8D9E4;
	}

/*tdに項目名等色付けたい時（グレー色）*/
	table .td_color05 {
		background-color: #EFEFEF;
	}

textarea {
resize: none;
}

/*必須項目、確認画面で使用。背景赤、白抜き文字中央 td class~*/
.required {
	background-color:#F00; 
	color:#FFFFFF; 
	font-weight:bold;
	padding:3px 0; 
	text-align:center;
}

/*背景白内側余白5px*/
td {
	border: #CCC 1px solid;
	background-color: #FFF;
	vertical-align: top;
	text-align: left;
	padding:5px
}

/*カードフェイス用 img class="cardimg"*/
.cardimg {
	border:0;
	max-width: 130px; 
	}	

/* 応募確認や元に戻るボタン用中央に置く。これなしでボタンをcenterで囲んでも似たような感じにはなると思う*/
.apply_btn {
	text-align:center;
	margin:auto;
}

/*記入項目全体に対しての文字サイズと文字下にちょっと余白*/
input,select,textarea {
	padding:3px;
	font-size:15px;
	 margin-bottom:15px;
}
	


/*　応募完了画面に使用。赤背景に白太文字 */
#kanryo {
		padding:6px 0;
		width:95%; 
		background-color:#F00; 
		color:#FFF;
		text-align:center;
		font-size:16px;
		font-weight: bold;
		margin: auto;
}

/*　応募完了画面に使用。#kanryoの下に黒テキスト入れる用*/
#kanryotext {
	margin: auto;
	padding: 10px;
	width: 95%;
	font-size: 14px;
	line-height: 1.9em;
	text-align: left;
	max-width: 960px;
	
	}	

.required_1
{
	border:1px solid #ee0e48;
	background:#fff;
	text-align:center;
	padding:0 3px;
	color:#ee0e48;
	font-size:10px;
	margin-left:.5rem;
	vertical-align: 2px;
}