.wrap{
	width: 100%;
	margin: 10px 0px; /*領域の外上下に余白 */
	padding: 0px 15px;

}
@media only screen and (min-width:798px) {
.wrap{
	padding: 0px 0px;
}
}

.wrap:after{
	display: table;
	content: "";
	clear: both;
}
/*********** 右固定（画像）左可変 ***************/


.l_fixed {
	float: left; 
	width: 100%;
}
.l_fixed img{
	width:40%;
	border:solid 1px #ccc;
	padding: 5px;
	float:left;
	margin:10px; 
}
.r_col_liquid {
	float: none; 
	width: 100%; 
	display: none; /*スマフォの時は非表示 */
}

.l_contents{
	display:block; /*スマフォの時は表示 */
}
.career {
	clear:both;
	float: none; 
	width: 100%; 
	padding-top:10px;
}



/* 左カラム可変・右カラム固定 */
@media only screen and (min-width:798px) {
.l_fixed {
  float: left; /* 左方向にフロート */
  width: 280px;
}
.r_col_liquid {
  float: left; /* 左方向にフロート */
  width: 100%; /* 右カラムで指定した100px以外の幅を保持 */
  margin-left: -280px;
    display: block;
}
.r_contents {
  margin-left:300px; 
  background: #EFEFEF;
}
.l_fixed img{
	width:100%;
	border:solid 1px #ccc;
	padding: 5px;
	float:left;
	margin-right:10px;
	margin-top:0px;; 
}
.l_contents{
	display:none;
}


}



.greet{
	padding-left:20px;
	padding: 15px 15px;	/* 上下、左右 */
	color: #777;
	background-image:
	 -webkit-gradient(linear,left top,left bottom,
	color-stop(0, #F591F3),
	color-stop(1, #FFB2CD));
	background-image: -o-linear-gradient(bottom, #F591F3 0%, #FFB2CD 100%);
	background-image: -moz-linear-gradient(bottom, #F591F3 0%, #FFB2CD 100%);
	background-image: -webkit-linear-gradient(bottom, #F591F3 0%, #FFB2CD 100%);
	background-image: -ms-linear-gradient(bottom, #F591F3 0%, #FFB2CD 100%);
	background-image: linear-gradient(to bottom, #F591F3 0%, #FFB2CD 100%);
}






table.table2{
    font-weight: bold;
    font-size: 14px;
    font-style: normal;
    border-collapse:separate;
}
.table2 thead th{
    padding:3px;
    width:170px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
}

.table2 tbody td{
     max-width:500px;
   padding:5px;
    background-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
.table2 tbody th{
     max-width:200px;
   padding:5px;
    text-align:center;
    background-color:#E7EFE0;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}





.pdg_r {
padding:10px 20px;
}


/* Q＆A */

.question {
	max-width : 800px; 
	width:100%;
	min-height:50px;
	background-color:pink;
	position: relative;
	margin-top:20px;
	
}

.question_img{
	position: absolute;
	width : 50px; 
	height:45px;
	/*
	background-image: url('../img/Q.png'); 
	*/
}


.question p{
	margin-left:60px;
	padding-top:15px;
	color: #777;
	font-weight:bold;
}


.q_cont{
float:left;
background-color:pink;
}


.answer {
	max-width : 800px; 
	width:100%;
	position: relative;
	margin-top:10px;
	margin-bottom:50px;

}

.answer_img{
	position: absolute;
	width : 50px; 
	height:45px;
/*
	background-image: url('../img/A.png'); 
*/
}

.answer p{
	margin-left:60px;
	padding-top:10px;
}



/*********** 右固定（画像）左可変 ***************/

.sample-div {
  display: table;
  width: 90%;
	background-color:pink;
	padding: 5px;
	min-height:50px;
}

.qa_l_fixed {
  float: left; /* 左方向にフロート */
  	width : 60px; 
	height:50px;

}
.qa_r_col_liquid {
  float: left; /* 左方向にフロート */
  width: 100%; /* 右カラムで指定した100px以外の幅を保持 */
  margin-left: -60px;
}
.qa_r_contents {
  margin-left:60px; 
  top: 30%;
transform: translate(0, 30%);

  
}
.qa_l_fixed img{
	width:100%;
	float:left;
}


.q_txt {
	width : 100% ;
	min-height:50px;
}


.grd_yb_container {
  /* グリッドコンテナ */
  display: grid;
  /* 最小100px、最大1frの列を繰り返しつくる */
  grid-template-columns: repeat(
    auto-fill,
    minmax(220px, 1fr)
  );
  column-gap: 0px;
  row-gap: 5px;
  text-align:center;
  margin-bottom:20px;
}


.grd_pt_container{
  /* グリッドコンテナ */
  display: grid;
  /* 最小100px、最大1frの列を繰り返しつくる */
  grid-template-columns: repeat(
    auto-fill,
    minmax(220px, 1fr)
  );
  column-gap: 0px;
  row-gap: 5px;
  text-align:center;
  margin-bottom:20px;
}

.grd_pt_container img{
	width:220px;
	height:140px;
}


/********** コース＆料金　corse ********************/

.tbl-r03 th {
/*
  background: #e9727e;
*/
    background-color:#9DD929;

  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-r03 td {
    background-color:#DEF3CA;

  border: solid 1px #ccc;
  padding: 10px;
}

  .tbl-r03 {
  table-layout: fixed; 
    width: 90%;
    max-width:800px;
      text-align:center;

  }

/*798以下 */
@media only screen and (max-width:750px) {
  .tbl-r03 {
    width: 100%;
  }
  .tbl-r03 tr {
    display: block;
    float: left;
  }
  .tbl-r03 tr td, 
  .tbl-r03 tr th {
    border-left: none;
    display: block;
	height:170px;

  }
  .tbl-r03 thead {
    display: block;
    float: left;
    width: 10%;
  }
  .tbl-r03 thead tr {
    width: 100%;
  }
  .tbl-r03 tbody {
    display: block;
    float: left;
    width: 90%;
  }
  .tbl-r03 tbody tr {
    width: 50%;
/*
	display: inline-block;
	vertical-align: middle;
*/    
  }
  .tbl-r03 tr td + td {
    border-left: none;
  }
  .tbl-r03 tbody td:last-child {
    border-bottom: solid 1px #ccc;
  }

}

/*450以下　*/
@media only screen and (max-width:450px) {
  .tbl-r03 tr td, 
  .tbl-r03 tr th {
    height:200px;
}
}
@media only screen and (max-width:400px) {
  .tbl-r03 tr td, 
  .tbl-r03 tr th {
    height:250px;
}
}
@media only screen and (max-width:320px) {
  .tbl-r03 tr td, 
  .tbl-r03 tr th {
    height:260px;
}
}



.class_head
{
	width : 100% ; 
	max-width:400px;
	border:solid 1px #ddd;
	background:  #6f4b3e;
	color:#ffffff;
	padding:3px 15px;
	margin-bottom:10px;
    border-radius: 3px;
    -moz-border   -radius: 3px; /* FF */
    -webkit-border-radius: 3px;/* Webkit */
}


.outer{
  display: table;
  width: 100%;
}
.inner{
  display: table-cell;
  vertical-align: middle;
}



/********** コース＆料金　corse ********************/


.corse-main {
  float: none;
  width: 100%;
}
.corse-side {
  float: none;
  width: 100%;
}
.corse-main_c {
  width: 100%;
}

@media only screen and (min-width:798px) {
.corse-side {
  float: left;
  width: 240px;
}
.corse-main {
  float: left;
  widh: 100%;
  margin-left: -240px;
  max-width:500px;
}
.corse-main_c {
  margin-left: 250px;
  
}
.corse-main:after {
display:block;
content:"";
clear:both;
}
}


.corse_pr_txt {
	width : 100% ;
	margin-top:20px;
	margin-bottom:20px;
	max-width:800px;
}

.detail{
	clear: both;
	padding-top:10px;
}



/************** 共通 **************/
.mg_t{
	margin-top:20px;
}





.tp_base li{
max-width:700px;
padding:10px 0;
border-bottom:3px dotted #dcdcdc;
}

.tp_base li:last-child {
   border-bottom:none;
}



.tbl-send {
	width:90%;

}
