@charset "utf-8";
@media print {
    body {
        width: 1200px !important;
        zoom: .8;
    }
}

* {margin: 0px;}

/*--- basic ---*/

body {
margin: 0;
padding: 0;
line-height:1.4;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo UI,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#333;
background: repeating-linear-gradient(#1c4b2f, #2f9253 2px, #1c4b2f 0, #2f9253 2px);
font-size:14px;
}

/*--- header ---*/
header {
background-image: url(img/head.gif);
background-repeat: repeat-x;
}

/*--- content ---*/
.content {
background-color: #fff;
display: inline-block;
width: 100%;
clear: left;
}
.content a:link {
color: #252525; /* リンクの文字色 */
}
.content a:visited {
color: #252525; /* クリック後のリンクの文字色 */
}
.content a:hover {
color: #6D6D6D; /* マウスカーソルを合わせた時の文字色 */
}
.content h1 {
margin: 5px;
padding-top: 3px;
padding-left: 8px;
padding-right: 5px;
background-image: url(images/h1.png);
}
.content p {
margin-left: 10px;
margin-right: 10px;
}

/*--- main ---*/

#main {
float:;
width: 85%;
margin:0 auto;
background: #fff;
}

#main .section {
width: 95%;
background: #fff;
margin: 0 auto;
text-align:left;
}

#main .section-c {
width: 90%;
background: #fff;
margin: 0 auto;
text-align:center;
}

/*--- header ---*/
/*--- footer ---*/
footer {
color: #fff;
font-size: 90%;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
background-color: #006400;
}

/*--- br ---*/
br {
letter-spacing:normal;
}

/*--- a ---*/
a {
color:#333;
}

a:hover {
color:#333;
}

/*--- image ---*/
img {
	max-width: 100%;
	height: auto;
	border-style: none;
}
.logo {
	text-align: center;
	padding-top: 18px;
}
.main_img {
	text-align: center;
	background-color: #FFF;
	clear: left;
}
.main_img img {
	vertical-align: top;
}

/*--- ul,ol ---*/

ul,ol {
list-style-position: outside;
padding-left: 2em;
}

ol {
list-style-type: decimal;
}


/*--- dt ---*/

dt {
    font-weight: bold;
}

dl,
dd {
    font-size: 0.9rem;
}

dd {
    margin-bottom: 1em;
}


/*--- h ---*/

h2 {
color:#333;
font-size: 28px;
font-family:"Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","MS UI Gothic","MS PGothic",sans-serif;
font-style: normal;
font-variant: normal;
margin: 0px;
padding: 0px;
}

h3 {
margin: 0;
padding: 0;
color: #666;
font-size: 16px;
}

h3.type02 {
width: 98%;
padding: 5px;
background-color: #006400;
color: #fff;
text-align: center;
margin: 0 auto;
}

h3.type03 {
width: 98%;
padding: 5px;
text-indent: 5px;
color: #333;
font-size: 14px;
text-align: left;
margin: 0 auto;
}

/*--- arrow ---*/
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 18px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

/*--- 三角の矢印（四角背景） ---*/

.s1-2::before{
width: 12px;
height: 12px;
background: #C00000;
}
.s1-2::after{
left: 5px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #fff;
}

/*--- table ---*/

table{
  border-collapse: collapse;
  width: 100%;
}
.sp01 th,
.sp01 td{
	padding: 8px;
	border: 1px solid #9A9A98;
  text-align:center;
  box-sizing:border-box;
text-align: left;
}
.sp01 th {
  background: #E1E2E4;
  color: #333;
}

@media screen and (max-width: 640px) {
  .sp01 {
    width: 100%;
  }
  table.sp01 th,
  table.sp01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .sp01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}


/*--- table(スクロール) ---*/

.table-area {
	width: 100%;
	margin: 0 auto;
	overflow-x: scroll;
}

table.sp-table {
	width: 100%;
	min-width: 500px;
	margin: 0 auto;
}

/*--- 装飾 ---*/
table.sp-table, 
table.sp-table td, 
table.sp-table th {
	border: 1px solid #9A9A98;
	border-collapse: collapse;
}

table.sp-table td, 
table.sp-table th {
	font-size: 14px;
	padding: 8px;
	box-sizing: border-box;
}

table.sp-table th {
	color: #333;
	background-color: #E1E2E4;
}

/*--- PC ---*/
@media screen and (min-width: 850px){
	.table-area {overflow-x: auto;}
/*
	table.sp-table {width: 60%;}
*/
}

/*--- grid ---*/

.grid_box {
display: grid;
/*
grid-template-rows: 50px;
*/
grid-template-columns: 100px auto;
padding:0px;
width:auto;
}

.grid_box2 {
display: grid;
/*
grid-template-rows: 150px;
*/
grid-template-columns:  auto 70px;
padding:5px;
width:auto;
}

.grid_item {
margin:2px;
color:#333;
font-size: 13px;
border-radius: 5px;
justify-content: left;
display: flex;
}

/*--- box-nomal-通常 ---*/
.box-nomal {
width: 90%;
margin:10px auto;
padding:10px;
border:3px double #000; /*コーポレートカラー*/
text-align: left;
}

/*--- box-シンプル角丸 枠 ---*/
.box-maru1 {
 margin: 2em auto;  
 padding: 1em;
 width: 90%; /*幅の調節*/
 color: #333; /*文字色*/
 background-color: #f7f7f7; /*背景色*/
 border: 1px solid #ccc; /*線の太さ・色*/
 border-radius: 5px; /*角の丸み*/ 
 text-align: left;
}

/*--- 申込ボタン ---*/

.reg-btn {
  display: flex;
  flex-wrap: wrap;
	margin:20px;
}
.reg-btn-column {
  width: 100%;
	margin-bottom:20px;
}

@media (min-width: 736px) {
  .reg-btn-column {
    width: 50%;
  }
}

#yes {
border-style:solid;
border-width:1px;
border-color:#251E1C;
list-style-type:none;
font-weight:bold;
max-width: 300px;
}
#yes a{
display:block;
font-size:100%;
color:#ffffff;
text-decoration:underline;
padding:5px;
background-color:#e50000;
}
#yes a:link{
background-color:#e50000;
}
#yes a:hover{
background-color:#b90000;
text-decoration:underline;
}
#yes .not{
display:block;
font-size:100%;
color:#ffffff;
text-decoration:none;
padding:5px;
background-color:#e50000;
}

#yes1 {
border-style:solid;
border-width:1px;
border-color:#251E1C;
list-style-type:none;
font-weight:bold;
}
#yes1 a{
display:block;
font-size:100%;
color:#ffffff;
text-decoration:underline;
padding:5px;
background-color:#339933;
}
#yes1 a:link{
background-color:#339933;
}
#yes1 a:hover{
background-color:#336633;
text-decoration:underline;
}
#yes1 .not{
display:block;
font-size:100%;
color:#ffffff;
text-decoration:none;
padding:5px;
background-color:#339933;
}

#no {
border-style:solid;
border-width:1px;
border-color:#251E1C;
list-style-type:none;
font-weight:bold;
max-width: 300px;
}
#no a{
display:block;
font-size:100%;
color:#ffffff;
text-decoration:underline;
padding:5px;
background-color:#3399cc;
}
#no a:link{
background-color:#3399cc;
}
#no a:hover{
background-color:#3366cc;
}

#no .not{
display:block;
font-size:100%;
color:#ffffff;
text-decoration:none;
padding:5px;
background-color:#3399cc;
}

/*--- 幅 701px 以上 ---*/
@media only screen and (min-width: 701px) {

/*--- body ---*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 90%;
	-moz-box-shadow: 0px 0px 7px 2px rgba(17,17,17,0.4);
	-webkit-box-shadow :0px 0px 7px 2px rgba(17,17,17,0.4);
	box-shadow: 0px 0px 7px 2px rgba(17,17,17,0.4);
	margin-right: auto;
	margin-left: auto;
}

/*--- content ---*/
.content h1 {
	margin: 5px;
	padding-top: 3px;
	padding-left: 8px;
	padding-right: 5px;
	background-image: url(images/h1.png);
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #097043;
}

}

/*--- 幅 1001px 以上 ---*/
@media only screen and (min-width: 1001px) {

/*--- body ---*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 85%;
	max-width: 1100px;
	-moz-box-shadow: 0px 0px 7px 2px rgba(17,17,17,0.4);
	-webkit-box-shadow : 0px 0px 7px 2px rgba(17,17,17,0.4);
	box-shadow: 0px 0px 7px 2px rgba(17,17,17,0.4);
	margin-right: auto;
	margin-left: auto;
}