@charset "UTF-8";

/*-------about silver---------*/

.box_l400{
  margin-top: 25px;
  margin-bottom: 25px;
}


.box_r400{
  margin-bottom: 25px;
}

.box_l450{
  margin-top: 25px;
  margin-bottom: 25px;
}


.box_r450{
  margin-bottom: 25px;
}

/*-------flow---------*/

#shot_navi{
  display: none;
}

.flow_box{
  margin: 20px 5% 30px;
  overflow: hidden;
  zoom:-1;
}

.workflow_sp{
  font-size: 120%;
  color: #D27583;
  text-align: center;
  font-family :
  YuMincho,    /* Mac用 */
  'Yu Mincho', /* Windows用 */
  serif;
  margin-bottom: 10px;
}

.workflow{
  display: none;
}

.next_to{
  height: 40px;
  width: 100%;
  margin: 25px 0px;
  background-image:url(../images/flow/next.png);
  background-position:center;
  background-repeat:no-repeat;
  display:inline-block;
}


/*-------price---------*/

.price_box {
  border: 1px solid #888889;
  border-radius:5px;
  padding: 5%;
}

.prname_sp , .prname{
  display: block;
  font-size: 130%;
  font-family :
  YuMincho,    /* Mac用 */
  'Yu Mincho', /* Windows用 */
  serif;
  margin-bottom: 10px;

}

.prname {
  display: none;
}

.prname_sp span , .prname span{
  font-size: 120%;
  margin-left: 50px;
  margin-bottom: 10px;
  color: #D27583;

}

.prcontent{
  padding: 15px 0 0;
}
.prcourse{
  background-color: #F9F5E5;
  padding: 15px 15px 0;
}

.coname{
  font-size: 120%;
}

.coset li{
  display: inline-block;
  font-size:120%;
  text-decoration:none;
  text-align:center;
  padding:5px 15px 5px;
  color:#fff;
  border-radius:5px;
  display: inline-block;
  line-height: 1.5em;
  background-color: #D27583;
  margin-bottom: 15px;

}

.op_li{
  margin-bottom: 30px;
  overflow: hidden;
}
.op_li dt{
  float: left;
  width: 75%;
}
.op_li dd{
  width: 25%;
  float: right;
  text-align: right;

}


/*-- PRIVACY POLICY -------------------------*/

#privacy-box {
	float: left;
	margin-top: 20px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: 5%;
}

#privacy-box li {
	list-style-type: disc;
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: 160%;
}

#privacy-box .subtitle {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 40px;
	float: left;
}

#privacy-box .subtext {
	margin-left: 15px;
	float: left;
	clear: left;
	margin-bottom: 20px;
	line-height: 180%;
}

#privacy-box ul {
	margin-bottom: 30px;
	margin-top: 10px;
  line-height: 1.6em;
}



/*###########################
480px 以上で タブレットスタイル
###########################*/

@media all and (min-width: 480px)
{
  .box_l400{
    width: 45%;
    float: left;

  }

  .box_r400{
    width: 45%;
    float: right
  }


  .box_l450{
    width: 48%;
    float: left;
  }


  .box_r450{
    width: 48%;
    float: right
  }


/*-------flow---------*/

#shot_navi{
  display: block;
  text-align: center;
  margin: 20px 0;
}


#shot_navi li {
 display: inline-block;
}

#shot_navi a {
  color: white
}

#in{
  width:200px;
  font-size:120%;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  padding:5px 3px 5px;
  color:#fff;
  border-radius:5px;
  display: inline-block;
  line-height: 1.5em;
  background-color: #7D715A;
  margin-right: 50px;
}


#out{
  width:200px;
  font-size:120%;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  padding:5px 3px 5px;
  color:#fff;
  border-radius:5px;
  display: inline-block;
  line-height: 1.5em;
  background-color: #7D715A;
}

#shot_navi a:hover {
  background-color: #D27583;
}


.workflow_sp{
  display:none;
}


.flow_box img{
  float: left;
  width: 45%;
  margin-right: 5%;
}


.workflow{
  display: block;
  font-size: 120%;
  color: #D27583;
  font-family :
  YuMincho,    /* Mac用 */
  'Yu Mincho', /* Windows用 */
  serif;
  margin-bottom: 10px;
}

/*-------price---------*/
.prname_sp{
  display: none;
}

.prname{
  display: block;
}
.price_box img {
  float: left;
  width: 45%;
  margin-right: 5%;
}
.prcontent{
  overflow: hidden;
}

.prcourse{
  margin-top: 20px;
}

}



/*###########################
768px 以上で タブレットスタイル
###########################*/

@media all and (min-width: 768px)
{

  .box_l400{
    width: 40%;
    float: left;
    margin: 3% 5%;
  }


  .box_r400{
    width: 40%;
    float: right;
    margin: 3% 5%;
  }


  .box_l450{
    width: 45%;
    float: left;
    margin: 3% 5% 3% 0%;
  }


  .box_r450{
    width: 45%;
    float: right;
    margin: 3% 0% 3% 5%;
  }




/*-------flow---------*/

.flow_box img{
  max-width: 350px;
}



}
/*###########################
1000px 以上で タブレットスタイル
###########################*/

@media all and (min-width: 1000px)
{
/*-------flow---------*/
.flow_box{
  max-width: 950px;
  margin: 20px auto 30px
}

#privacy-box {
	float: left;
	margin-top: 20px;
	margin-right: 75px;
	margin-bottom: 20px;
	margin-left: 75px;
}


#privacy-box li {
	margin-left: 50px;

}



#privacy-box .subtext {
	margin-left: 30px;
}
}