@charset "utf-8";

/******************************************************************
 *
 * 個別ページ
 *
 ******************************************************************/

@media screen and (min-width:769px){/* PC */

#webcont{ width:1180px; margin:0 auto; text-align:center;}
#webcont .inner_l{ width:900px; margin:50px 0 0 0; text-align:left; float:left;}
#webcont .inner_r{ width:232px; margin:50px 0 0 48px; text-align:left; float:right;}


.info_area { position: relative; width: 996px; height: 187px; margin: 95px auto 0 auto; }
.info_area .btn { position: absolute; right: 18px; top: 123px; width: 212px; height: 32px; }

h2 .submain{ width:900px; margin:0 auto;}
div .stitle { width:900px; height: 107px; margin: 50px 0 0 0; background: url(../images/web/title_pc_zr_bkh_2021.png) no-repeat; position:relative;}
div .stitle p.category01 { position:absolute; top:40px; left:577px; width:90px; height:28px;  color:#009144; font-size: 80%; text-align:center; vertical-align:middle;}
div .stitle p.category02 { position:absolute; top:40px; left:668px; width:213px; height:28px;  color:#009144; font-size: 80%; text-align:center; vertical-align:middle;}

div.c1 { margin: 50px 0 0 0; background: none; }
div.c1 table { width: 100%; font-size: 0.85em;}
div.c1 table tbody th { width: 20%; padding: 15px; border-bottom: 1px dotted #009144;}
div.c1 table tbody td { width: 80%; padding: 15px 15px 15px 0; border-bottom: 1px dotted #009144; }
div.c1 table tbody td span { color:#f6615f;}


div.c2 { margin: 50px 0 0 0; background: none; }
div.c2 .ch { text-align: center; padding: 0 0 50px 0; font-size:1.5em; font-weight:bold; color:#009144;}
div.c2 .txt { text-align: center; padding: 0 0 50px 0; width:640px; margin:0 auto;}

div.c2 table { border: 1px solid #009144; width: 100%; margin: 25px 0 0 0; background-color:#fff;}
div.c2 table thead th { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size: 1.35em;}
div.c2 table tbody th { width: 20%; padding: 15px; border-bottom: 1px solid #009144; }
div.c2 table tbody td { width: 80%; padding: 20px; border-bottom: 1px solid #009144; }



div.c2 ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 
div.c2 li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
  font-size: 1.15em;
}
div.c2 li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #009144;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

div.c2 .name { font-size: 1.15em;  font-weight:bold; color:#009144; }
div.c2 p { font-size: 0.85em; }

div.c3 { margin: 50px 0 0 0; background: none; }
div.c3 table { border: 1px solid #009144; width: 100%; margin: 25px 0 0 0; background-color:#fff;}
div.c3 table thead th { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size: 1.35em;}
div.c3 table tbody td { width: 100%; padding: 20px; border-bottom: 1px solid #009144; }
div.c3 .cont_l{ width: 368px; float:left; text-align:left;}
div.c3 .cont_r{ width: 477px; float:right; text-align:left;}
div.c3 .cont_l span{ color:#009144;}
div.c3 .cont_l p.tit{ color:#009144; font-size: 1.15em; margin-bottom:20px;}
div.c3 p{ font-size: 0.85em;}
div.c3 .btn{ text-align:center; margin:20px auto;}

div.c4 { margin: 50px 0 0 0; background: none; }
div.c4 table { border: 1px solid #009144; width: 100%; margin: 25px 0 0 0; background-color:#fff;}
div.c4 table thead th { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size:20px;}
div.c4 table tbody td { width: 100%; padding: 20px; border-bottom: 1px solid #009144; }
div.c4 .cont{ width: 860px; text-align:left; border-bottom: 1px solid #009144; margin:0 auto 20px auto; padding-bottom:20px; display: inline-block;}
div.c4 .cont .cont_l{ width:419px; float:left; text-align:left; border-right: 1px dashed #009144; margin-right:10px;}
div.c4 .cont .cont_l .photo{ float:left;}
div.c4 .cont .cont_l .coment{ float:right; margin-left:25px; width:286px;}
div.c4 .cont .cont_l p.tit{ color:#009144; font-size:1.15em;}
div.c4 .cont .cont_l p.txt{ margin-top:10px; font-size: 0.85em;}
div.c4 .cont .cont_r{ width:430px; float:right; text-align:left;}
div.c4 .cont .cont_r .photo{ float:left;}
div.c4 .cont .cont_r .coment{ float:right; margin-left:25px; width:286px;}
div.c4 .cont .cont_r p.tit{ color:#009144; font-size:1.15em;}
div.c4 .cont .cont_r p.txt{ margin-top:10px; font-size: 0.85em;}
div.c4 .cont2{ width: 860px; text-align:left; border-bottom: 1px solid #009144; margin:0 auto 20px auto; padding-bottom:20px; display: inline-block;}
div.c4 .cont2 .cont_l2{ width:419px; float:left; text-align:left; border-right: 1px dashed #009144; margin-right:10px;}
div.c4 .cont2 .cont_l2 .photo{ float:left;}
div.c4 .cont2 .cont_l2 .coment{ float:right; margin-left:25px; width:286px;}
div.c4 .cont2 .cont_l2 p.tit{ color:#009144; font-size:1.15em;}
div.c4 .cont2 .cont_l2 p.txt{ margin-top:10px; font-size: 0.85em;}
div.c4 .cont2 .cont_r2{ width:430px; float:right; text-align:left;}
div.c4 .cont2 .cont_r2 .photo{ float:left;}
div.c4 .cont2 .cont_r2 .coment{ float:right; margin-left:25px; width:266px;}
div.c4 .cont2 .cont_r2 p.tit{ color:#009144; font-size:1.15em;}
div.c4 .cont2 .cont_r2 p.txt{ margin-top:10px; font-size: 0.85em;}

div.c5 { margin: 50px 0 0 0; background: none; }
div.c5 table { border: 1px solid #009144; width: 100%; margin: 25px 0 0 0; background-color:#fff;}
div.c5 table thead th { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size: 1.35em;}
div.c5 table tbody td { width: 100%; padding: 20px; border-bottom: 1px solid #009144; }
div.c5 .cont{ width: 860px; text-align:left; margin:0 auto 20px auto; padding-bottom:20px; font-size: 0.85em;}
div.c5 .cont p.mobile{ margin:45px 0 0 0;}

div.c6 { margin: 50px 0 0 0; background: none; }
div.c6 .subtitle { text-align: center; padding: 0; margin: 50px 0 0 0;}
div.c6 .cont { width: 900px; margin: 50px auto 0 auto;}
div.c6 .cont .cont_l{ width:450px; float:left; text-align:left;}
div.c6 .cont .cont_r{ width:420px; float:right; text-align:left; margin-left:30px;}
div.c6 .cont .cont_r p.tit{ color:#009144; font-size: 1.35em; font-weight:bold; margin-bottom:30px;}
div.c6 .cont .cont_r p{ font-size: 0.85em;}

div.c7 { margin: 50px 0 0 0; background: none; }
div.c7 .subtitle { text-align: center; padding: 0; margin: 50px 0; }
div.c7 table.tb { border: 1px solid #009144; width: 100%; margin: 25px 0 0 0; background-color:#fff;}
div.c7 table.tb thead th { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size:20px;}
div.c7 table.tb tbody td { width: 100%; padding: 20px; border-bottom: 1px solid #009144; }
div.c7 .cont { width: 860px; margin: 25px auto 0 auto;}
div.c7 p.course {padding-left: 70px; line-height: 30px; background: url(../images/web/c7_icon_pc.png) center left no-repeat; font-size:120%; color:#009144; font-weight:bold;}
div.c7 table.price { width: 848px; margin: 25px 0 0 0; }
div.c7 table.price tr { border-bottom: 1px solid #009144; }
div.c7 table.price thead th { background: #009144; color: #fff; padding: 0.5em; text-align: center; font-size: 0.85em; border-right: 1px solid #fff; font-weight:normal;}
div.c7 table.price thead td { background: #009144; color: #fff; padding: 0.5em; text-align: center; font-size: 0.85em;}
div.c7 table.price tbody th { color:#009144; padding: 20px; text-align: center; font-size: 0.85em; border-right: 1px solid #009144; font-weight:normal;}
div.c7 table.price tbody td { color:#009144; padding: 20px; text-align: center; font-size: 0.85em;}
div.c7 .kome{ width: 860px; text-align:left; padding:35px 0; font-size: 0.85em;}
div.c7 .box {border: 2px solid #009144; width: 848px; margin: 50px 0 0 0; padding:25px;}
div.c7 .box p.tit{ color:#009144; font-size: 0.85em; margin-bottom:20px;}
div.c7 .box p.txt{ color:#009144; font-size: 0.85em;}
div.c7 .box p.txt span{ color:#e6ab5f; font-size:100%;}
div.c7 .orderarea { margin: 75px 0 0 0; padding: 40px 0; text-align: center; }

div.c8 { margin: 50px 0 0 0; background: none; }
div.c8 .tit { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size:20px;}
div.c8 .box{ padding:20px; width:860px;}
div.c8 .box p.txt{ font-size: 0.85em; margin-top:20px;}
div.c8 .box p.txt span{ color:#009144;}

#webcont .inner_r .list { width:232px; border-left:1px solid #009144;}
#webcont .inner_r .list .tit { border-left:8px solid #009144; background:#f3f3f3; padding:15px; text-align:left; font-size:1.00em; font-weight:bold; color:#009144;}
#webcont .inner_r .list ul li { border-bottom:1px dotted #009144; padding:15px; font-size:0.85em; color:#009144; text-indent: -1em;　margin-left: 1em;}
#webcont .inner_r .list ul li:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #e6ab5f;
    vertical-align: 2px;
}

#webcont .inner_r .info { width:232px; border-left:1px solid #009144; margin-top:50px;}
#webcont .inner_r .info .tit { border-left:8px solid #009144; background:#f3f3f3; padding:15px; text-align:left; font-size:1.00em; font-weight:bold; color:#009144;}
#webcont .inner_r .info ul li { border-bottom:1px dotted #009144; padding:15px; font-size:0.85em; color:#009144; text-align:center;}


#webcont .inner_r .schedule { width:232px; border-left:1px solid #009144; margin-top:50px;}
#webcont .inner_r .schedule .tit { border-left:8px solid #009144; background:#f3f3f3; padding:15px; text-align:left; font-size:1.00em; font-weight:bold; color:#009144;}
#webcont .inner_r .schedule ul li { border-bottom:1px dotted #009144; padding:15px; font-size:0.85em; color:#009144;}
#webcont .inner_r .schedule ul li span { color:#e2405e;}

#webcont .inner_r .bnrarea { width:232px; margin-top:50px;}
#webcont .inner_r .bnrarea ul li { margin-top:15px;}


#webcont .inner_r .linkarea { width:232px; margin-top:50px;}
#webcont .inner_r .linkarea ul li { padding:0 0 0 15px; font-size:0.85em; text-indent: -1em;　margin-left: 1em;}
#webcont .inner_r .linkarea ul li:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #e6ab5f;
    vertical-align: 2px;
}



}/*@media*/

 /*******************************************************************/

@media screen and (max-width:768px){/* SP */

.info_area { position: relative; width: 75%; margin: 10% auto 0 auto; }
.info_area .btn { position: absolute; left: 40.6vw; top: 49.333vw; width: 31.734vw; height: 4.9328vw; }

#webcont{ width:100%; margin:0 auto; text-align:center;}
#webcont .inner_l{ width:100%; margin:0 0 0 0; text-align:left; float:none;}
#webcont .inner_r{ width:100%; margin:0 0 0 0; text-align:left; float:none;}
h2 .submain{ width:100%; margin:0 auto;}
div .stitle {
	background: url(../images/web/title_sp_zr_bkh_2021.png) no-repeat;
	background-size: contain;
	height: 0;
	position: relative;
	padding-top: 14.2%;
	margin-top:10%;
}	
div .stitle p.category01 { position:absolute; top:30%; left:51.2%; width:12.2%; color:#009144; font-size: 0.55em; text-align:center; vertical-align:middle;}
div .stitle p.category02 { position:absolute; top:30%; left:63.6%; width:28.9%; color:#009144; font-size: 0.55em; text-align:center; vertical-align:middle;}
article { padding: 70px 0 0 0; }


div.c1 { margin:0 4%; background: none; width: 92%;}
div.c1 table { width: 100%; font-size: 1em;}
div.c1 table tbody th { width: 20%; padding: 15px; border-bottom: 1px dotted #009144; vertical-align:top;}
div.c1 table tbody td { width: 80%; padding: 15px 15px 15px 0; border-bottom: 1px dotted #009144; }
div.c1 table tbody td span { color:#f6615f;}
div.c1 table tbody th img { min-width:100px;}


div.c2 { margin: 5% 4% 0 4%; background: none; width: 92%;}
div.c2 .ch { text-align: center; padding: 0 ; font-size:1.5em; font-weight:bold; color:#009144;}
div.c2 .txt { text-align: center; margin:5% 0; font-size: 1em;}

div.c2 table { border: 1px solid #009144; width: 100%; margin: 25px 0 0 0; background-color:#fff;}
div.c2 table thead th { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size: 1.25em;}
div.c2 table tbody th { width: 20%; padding: 15px; border-bottom: 1px solid #009144; font-size: 1em;}
div.c2 table tbody td { width: 80%; padding: 20px; border-bottom: 1px solid #009144; font-size: 1em;}
div.c2 table tbody th img { min-width:100px;}
div.c2 ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 
div.c2 li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
  font-size: 1.15em;
}
div.c2 li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #009144;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

div.c2 .name { font-size: 1.15em;  font-weight:bold; color:#009144; }
div.c2 p { font-size: 1em; }

div.c3 { margin: 5% 4% 0 4%; background: none; width: 92%;}
div.c3 table { border: 1px solid #009144; width: 100%; margin: 25px 0 0 0; background-color:#fff;}
div.c3 table thead th { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size: 1.25em;}
div.c3 table tbody td { width: 100%; padding: 20px; border-bottom: 1px solid #009144; }
div.c3 .cont_l{ width: 100%; float:none; text-align:left;}
div.c3 .cont_r{ width: 100%; float:none; text-align:left;}
div.c3 .cont_l span{ color:#009144;}
div.c3 .cont_l p.tit{ color:#009144; font-size: 1.5em; margin:5% 0;}
div.c3 p{ font-size: 1em;}
div.c3 .btn{ text-align:center; margin:20px auto;}

div.c4 { margin: 5% 4% 0 4%; background: none; width: 92%;}
div.c4 table { border: 1px solid #009144; width: 100%; margin: 25px 0 0 0; background-color:#fff;}
div.c4 table thead th { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size: 1.25em;}
div.c4 table tbody td { width: 100%; padding: 20px; border-bottom: 1px solid #009144; }
div.c4 .cont{ width: 100%; text-align:left; border-bottom: 1px solid #009144; margin:0 auto 20px auto; padding-bottom:20px; display: inline-block;}
div.c4 .cont .cont_l{ width:100%; text-align:left; border-bottom: 1px dashed #009144; clear:both; padding-bottom:5%;}
div.c4 .cont .cont_l .photo{ float:left;}
div.c4 .cont .cont_l .photo img{ width:77%;}
div.c4 .cont .cont_l .coment{ float:right; margin-left:5% width:70%;}
div.c4 .cont .cont_l p.tit{ color:#009144; font-size:1.15em;}
div.c4 .cont .cont_l p.txt{ margin-top:10px; font-size: 1em;}
div.c4 .cont .cont_r{ width:100%; clear:both; text-align:left; margin-top:5%;}
div.c4 .cont .cont_r .photo{ float:left;}
div.c4 .cont .cont_r .photo img{ width:60%;}
div.c4 .cont .cont_r .coment{ float:right; margin-left:5% width:70%;}
div.c4 .cont .cont_r p.tit{ color:#009144; font-size:1.15em;}
div.c4 .cont .cont_r p.txt{ margin-top:10px; font-size: 1em;}
div.c4 .kome{ width: 92%; text-align:left; padding:2% 0; color:#009144; font-size: 0.85em; margin: 2% 4% 0 4%;}

div.c5 { margin: 5% 4% 0 4%; background: none; width: 92%;}
div.c5 table { border: 1px solid #009144; width: 100%; margin: 25px 0 0 0; background-color:#fff;}
div.c5 table thead th { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size: 1.25em;}
div.c5 table tbody td { width: 100%; padding: 20px; border-bottom: 1px solid #009144; }
div.c5 .cont{ width: 100%; text-align:left; margin:0 auto 20px auto; padding-bottom:5%; font-size: 1em;}
div.c5 .cont p.mobile{ margin:5% 0 0 0;}

div.c6 { margin: 5% 4% 0 4%; background: none; width: 92%;}
div.c6 .subtitle { text-align: center; padding: 0; margin: 10% 0;}
div.c6 .cont { width: 100%; margin: 5% auto 0 auto;}
div.c6 .cont .cont_l{ width: 100%; text-align:left; clear:both;}
div.c6 .cont .cont_r{ width: 100%; text-align:left; clear:both;}
div.c6 .cont .cont_r p.tit{ color:#009144; font-size: 1.35em; font-weight:bold; margin:5% auto; text-align:center;}
div.c6 .cont .cont_r p{ font-size: 1em;}


div.c7 { margin: 5% 4% 0 4%; background: none; width: 92%;}
div.c7 .subtitle { text-align: center; padding: 0; margin: 10% 0;}
div.c7 table.tb { border: 1px solid #009144; width: 100%; margin: 25px 0 0 0; background-color:#fff;}
div.c7 table.tb thead th { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size: 1.25em;}
div.c7 table.tb tbody td { width: 100%; padding: 20px; border-bottom: 1px solid #009144; }
div.c7 .cont{ width: 100%; text-align:left; margin:0 auto 0 auto; font-size: 1em;}
div.c7 p.course {padding-left: 70px; line-height: 30px; background: url(../images/web/c7_icon_pc.png) center left no-repeat; font-size:1em; color:#009144; font-weight:bold; margin:5% 0;} 
div.c7 table.price { width: 92% margin: 5% 4% 0 4%; }
div.c7 table.price tr { border-bottom: 1px solid #009144; }
div.c7 table.price thead th { background: #009144; color: #fff; padding: 0.5em; text-align: center; font-size: 1em; border-right: 1px solid #fff; font-weight:normal;}
div.c7 table.price thead td { background: #009144; color: #fff; padding: 0.5em; text-align: center; font-size: 1em;}
div.c7 table.price tbody th { color:#009144; padding: 5%; text-align: center; font-size: 1em; border-right: 1px solid #009144; font-weight:normal;}
div.c7 table.price tbody td { color:#009144; padding: 5%; text-align: center; font-size: 1em;}


div.c7 .kome{ margin: 5% 4% 0 4%; background: none; width: 92%; font-size: 0.85em; padding:2%;}
div.c7 .box {border: 2px solid #009144; margin: 50px 0 0 0; padding:5%;}
div.c7 .box p.tit{ color:#009144; font-size: 1.15em; margin-bottom:5%;}
div.c7 .box p.txt{ color:#009144; font-size: 1em;}
div.c7 .box p.txt span{ color:#e6ab5f; font-size:1em;}
div.c7 .orderarea { margin: 5% 10% 0 10%; padding: 5% 0; text-align: center; width:80%;}

div.c8 { margin: 5% 4% 0 4%; background: none; width: 92%;}
div.c8 .tit { background: #daefdd; color: #009144; padding: 0.5em; text-align: center; font-weight:bold; font-size: 1.25em;}
div.c8 .box{ margin: 5% 4% 0 4%; width: 92%;}
div.c8 .box p.txt{ font-size: 1em; margin-top:5%;}
div.c8 .box p.txt span{ color:#009144;}



#webcont .inner_r .list { width:100%; margin:5% 0 0 0;}
#webcont .inner_r .list .tit { border-left:8px solid #009144; background:#f3f3f3; padding:15px 0 15px 15px; text-align:left; font-size:1.25em; font-weight:bold; color:#009144;}
#webcont .inner_r .list ul li { border-bottom:1px dotted #009144; padding:15px; font-size:1em; color:#009144; text-indent: -1em;　margin-left: 1em;}
#webcont .inner_r .list ul li:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #e6ab5f;
    vertical-align: 2px;
}

#webcont .inner_r .info { width:100%; margin-top:50px;}
#webcont .inner_r .info .tit { border-left:8px solid #009144; background:#f3f3f3; padding:15px 0 15px 15px; text-align:left; font-size:1.25em; font-weight:bold; color:#009144;}
#webcont .inner_r .info ul li { border-bottom:1px dotted #009144; padding:15px; font-size:1em; color:#009144; text-align:left;}


#webcont .inner_r .schedule { width:100%; margin-top:50px;}
#webcont .inner_r .schedule .tit { border-left:8px solid #009144; background:#f3f3f3; padding:15px; text-align:left; font-size:1.25em; font-weight:bold; color:#009144;}
#webcont .inner_r .schedule ul li { border-bottom:1px dotted #009144; padding:15px; font-size:1em; color:#009144;}
#webcont .inner_r .schedule ul li span { color:#e2405e;}

#webcont .inner_r .bnrarea { width:96%; margin:10% 2%; text-align:center; display:table;}
#webcont .inner_r .bnrarea ul li { margin-top:15px; padding:0 0 0 10px; display:table-cell;}


#webcont .inner_r .linkarea { width:90%; margin:5% 5% 0 5%;}
#webcont .inner_r .linkarea ul li { padding:5% 0 5% 15px; font-size:1em; text-indent: -1em;　margin-left: 1em; border-bottom:1px dotted #666;}
#webcont .inner_r .linkarea ul li:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #e6ab5f;
    vertical-align: 2px;
}




}/*@media*/