@charset "UTF-8";
/* CSS Document */

a:hover {
	opacity: 0.75;
	}

/* nav */

#ev-title-common p.ev-menu {
	display: none;
	}

#ev-title-common ul.ev-gnav {
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 10px;
	max-width: 1000px;
	width: 100%;
	list-style: none;
}

#ev-title-common ul.ev-gnav li {
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 10px;
	background: url(../images/arrow_down.png) no-repeat center bottom;
}

#ev-title-common ul.ev-gnav li.nav6 {
}

#ev-title-common ul.ev-gnav li a,
#ev-title-common ul.ev-gnav li span {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 5px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0.12em;
}

#ev-title-common ul.ev-gnav li a {
}

#ev-title-common ul.ev-gnav li span {
	color: #ccc;
}

#ev-title-common ul.ev-gnav li a:hover {
	color: #666666;
	text-decoration: none;
}

#ev-title-common ul.ev-gnav li.nav1 { width: 19.6%; }
#ev-title-common ul.ev-gnav li.nav2 { width: 23.4%; }
#ev-title-common ul.ev-gnav li.nav3 { width: 17.4%; } 
#ev-title-common ul.ev-gnav li.nav4 { width: 20.0%; }
#ev-title-common ul.ev-gnav li.nav5 { width: 16.4%; }
#ev-title-common ul.ev-gnav li.nav6 { width: 18.6% }

/* //nav */

.main-title {
	margin: 0 auto;
	text-align: center;
	}
	
.main-title2 {
	width: 740px;
	margin: 0 auto 20px auto;
	text-align: center;
	}
	
    a.btn01--long2 {
      width: 300px;
      margin: 0 auto;
      display: inline-block;
      padding: 10px 0;
      background-color: #c82432;
      box-shadow: 0 2px 0 0 #a11d28;
      border-radius: 3px;
      color: #fff;
      text-align: center;
      font-size: 1.3em;
      text-decoration: none;
      }
      
    a:hover.btn01--long2 {
      box-shadow: 0;
      }
      
    .btn_ct {
     font-size: 1.1em;
     color: #c82432;
     margin: 10px 0;
     }
     
     .btn_ct img.line01 {
     position: relative;
	 top: 5px;
	 right: 5px;
     }
     
     .btn_ct img.line02 {
     position: relative;
	 top: 5px;
	 left: 5px;
     }     
     
    .btn_sub {
     margin: 10px 0;
     line-height: 1.8em;
     }
     
     .rm_sp {
     display: none;
     }
     
     .tel-box {
    display: table;
    margin: 30px auto 0 auto;
    text-align: center;
}
     
     .tel-box p.icon {
    padding: 3px 20px 3px 30px;
    border: 1px solid #666;
    background: url(../images/icon_tel.png) no-repeat;
    background-position: 15px;
    font-size: 2.0em;
    width: 10em;
    margin: 10px auto;
}
      
      .tel-box p.tel {
      font-size: 2.5em;
      margin: 0 10px;
      text-align: center;
      }	
      
      .tel-box p.tel-txt {
    font-size: 1.5em;
    clear: both;
}
     
    


table.flow {
	width :100%;
	background: url(../images/arrow_blue_l.png) no-repeat;
	background-position: left 8.5% bottom 25px;
	}

/* plan */

 table.plan {
 	width: 100%;
 	}
 	
 table.plan td,table.plan th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
 	
 table.plan tbody tr td.left {
 	width: 25%;
 	text-align: center;
 	}
 
 table.plan tbody tr td.right {
 	width: 75%;
 	padding: 15px;
 	}

 table.plan tbody tr td.right2 {
 	width: 25%;
 	padding: 20px;
 	text-align: center;
 	}

 table.plan tbody tr td.right3 {
 	font-size: 1.3em;
 	font-weight: bold;
 	text-align: center;
 	padding: 10px 0 10px 20px;
 	}
 	
	.icon_st_s {
	font-size: 1.2em;
	position: relative;
	float: left;
	background: url(../images/icon_st_s.png) no-repeat;
	background-size: 40px;
	padding: 10px 0px 15px 50px;
	}
	
	.icon_st_l {
	position: relative;
	font-size: 1.2em;
	float: left;
	background: url(../images/icon_st_l.png) no-repeat;
	background-size: 40px;
	padding: 10px 0px 15px 50px;
	}
	
	.icon_st_x {
	position: relative;
	font-size: 1.2em;
	float: left;
	background: url(../images/icon_st_x.png) no-repeat;
	background-size: 40px;
	padding: 10px 0px 15px 50px;
	}
 	
 	.plan_name {
 	float: left;
 	width: 80%;
 	}
 	
 	.plan_price {
 	float: right;
 	width: 20%;
 	}
 	
 	.plan_price_single{
 	 margin: 1% 0;
 	 font-size: 1.3em;
 	 font-weight: bold;
 	 } 	
 	.plan_price_doble{
 	 margin: 5% 0;
 	 font-size: 1.3em;
 	 font-weight: bold;
 	 }
 	 
 	 .price_box {
 	 text-align: center;
 	 }
 	
 .aqua {
  background: #eaf6fd;
  }
  
 .blue {
 background: #d3edfb;
 }
 
 .yellow {
 background: #fff6ea;
 }
 
 .orange {
 background: #fde8c6;
 }
 
 .gray {
 background: #efefef;
 }
 


/*** plan ***/


table.flow thead tr td.topic {
	width: 20%;
	background: #0066cc;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #0066cc;
	}
	
table.flow thead tr td.topic2 {
	background: #c82432;
	text-align: center;
	width: 20%;
	color: #FFFFFF;
	border: 1px solid #c82432;
	}
	
table.flow thead tr td.detail {
	width: 80%;
	padding: 20px 20px;
	border: 1px solid #0066cc;
	}
	
table.flow thead tr td.detail2 {
	width: 80%;
	padding: 20px 20px;
	border: 1px solid #cccccc;
	}
	
table.flow thead tr td.detail3 {
	width: 80%;
	padding: 20px 20px;
	border: 1px solid #c82432;
	}
	
table.flow thead tr td.none {
	width: 20%;
	}
	
table.flow thead tr td.none2 {
	width: 80%;
	height: 20px;
	}
	
.fs12 {
	font-size: 12px;
	}

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

.clearfix

///////////////////////////*/
#ev-title-common ul.ev-gnav:after,
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


@media screen and (max-width: 979px) {
	/*////////////////////////////
	
	common
		
	///////////////////////////*/	
	
	
	#ev-title-common ul.ev-gnav {
		padding: 0;
	}
	
	#ev-title-common ul.ev-gnav li {
		background: none;
		padding-bottom: 0;
	}
		
	#ev-title-common ul.ev-gnav li.nav1 {
		border-left: none;
	}
	
	#ev-title-common ul.ev-gnav li.nav6 {
		border-right: none;
	}
	
	#ev-title-common ul.ev-gnav li a,
	#ev-title-common ul.ev-gnav li span {
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	/*////////////////////////////
	
	common
		
	///////////////////////////*/	
	
	#ev-title-common ul.ev-gnav {
		display: none;
		padding: 0 10px;
	}
	
	#ev-title-common ul.ev-gnav li {
		display: block;
		border: none;
		border-top: 1px solid #cacbcc;
		text-align: left;
	}
	
	#ev-title-common ul.ev-gnav li.nav6 {
		border-right: none;		
		border-bottom: 1px solid #cacbcc;
	}
	
	#ev-title-common ul.ev-gnav li a,
	#ev-title-common ul.ev-gnav li span {
		display: block;
		padding: 0 0 0 10px;
		height: 46px;
		line-height: 46px;
		font-size: 14px;
		font-weight: normal;
	}
	
	#ev-title-common ul.ev-gnav li a {
		color: #000;
		background: #e8eaeb url(/ep/kurashi-ev/images/icon_arw1.gif) right center no-repeat;
	}
	
	#ev-title-common ul.ev-gnav li span {
		background: #e8eaeb;
		color: #aaa;
	}
	
	#ev-title-common ul.ev-gnav li a:hover {
		color: #000;
		text-decoration: none;
	}
	
	#ev-concept #ev-title-common ul.ev-gnav li.nav1 a::after,
	#ev-history #ev-title-common ul.ev-gnav li.nav2 a::after,
	#ev-society #ev-title-common ul.ev-gnav li.nav3 a::after,
	#ev-topics  #ev-title-common ul.ev-gnav li.nav4 a::after,
	#ev-qa      #ev-title-common ul.ev-gnav li.nav5 a::after,
	#ev-link    #ev-title-common ul.ev-gnav li.nav6 a::after,
	#ev-title-common ul.ev-gnav li a:hover::after {
		display: none;
	}
	#ev-concept #ev-title-common ul.ev-gnav li.nav1 a { color: #8dc76d; background: #fff; }
	#ev-history #ev-title-common ul.ev-gnav li.nav2 a { color: #8dc76d; background: #fff; }
	#ev-society #ev-title-common ul.ev-gnav li.nav3 a { color: #8dc76d; background: #fff; }
	#ev-topics  #ev-title-common ul.ev-gnav li.nav4 a { color: #8dc76d; background: #fff; }
	#ev-qa      #ev-title-common ul.ev-gnav li.nav5 a { color: #8dc76d; background: #fff; }
	#ev-link    #ev-title-common ul.ev-gnav li.nav6 a { color: #8dc76d; background: #fff; }
		
	#ev-title-common ul.ev-gnav li.nav1,
	#ev-title-common ul.ev-gnav li.nav2,
	#ev-title-common ul.ev-gnav li.nav3,
	#ev-title-common ul.ev-gnav li.nav4,
	#ev-title-common ul.ev-gnav li.nav5,
	#ev-title-common ul.ev-gnav li.nav6 { width: 100%; }
	
	#ev-title-common p.ev-menu {
		display: block;
		padding: 0 10px;
	}	
	
	#ev-title-common p.ev-menu a {
		display: block;
		height: 46px;
		line-height: 46px;
		background: #e8eaeb url(../images/icon_menu.gif) 18px center no-repeat;
		font-size: 16px;
		text-align: center;
	}
	
	#ev-title-common p.ev-menu a:hover {
		text-decoration: none;
	}
	.main-title, .main-title2 {
		width: 100%;
		}
		
	.main-title {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}
	
	.rm_pc {
	display: none;
	}
	
	.rm_sp {
	display: inline;
	width: 100%;}
	      
 	.plan_name {
 	float: left;
 	width: 100%;
 	}
 	
 	.plan_price {
 	float: right;
 	width: 100%;
 	text-align: center;
 	font-size: 1.3em;
 	font-weight: bold;
 	}
 	
 	table.plan tbody tr td.right3 {
 	padding-left: 0px;
 	}
 	
 	.plan_price_single, .plan_price_doble {
 	font-size: 1.5em;
 	}
 	
 	 .price_box {
 	 text-align: left;
 	 }
 	 
 	 .plan_name .plan_price_doble {
 	 float: left;
 	 }
 	 
 	.plan_name_s {
	padding-left: 30px;
 	}
}
  /* ------------------------------------------------------
   * nentyojyougen20220630 
  ------------------------------------------------------ */

@media print, screen and (min-width: 769px) {
.coution {
  margin: 60px 30px 20px;
  font-size: 14px;
}
 }

@media print, screen and (max-width: 768px) {
.coution {
  margin: 60px 10px 0px;
  font-size: 14px;
}
 }

.coution ul {
  padding: 2.2em;
  border:solid 3px #FF0000;
}

.coution li {
  position: relative;
  padding-left: 1.7em;
  line-height: 1.6;
  margin-bottom: 5px;
}

.coution li:last-child {
  margin-bottom: 0px;
}

.coution li span {
  position: absolute;
  top: 0;
  left: 0;
}