@charset "UTF-8";

/*  color
$textcolor:#333333;
$yubin:#cc0000;
$yubin2:#FAECEA;
$bg:#eeeeee;
$border:#c9c9c9;
$yucho:#009900;
$kanpo:#000099;
$int:#FA812F;

$gray1:#646464;
$gray2:#a0a0a0;
$gray3:#c8c8c8;
$gray4:#dcdcdc;
$gray5:#eeeeee;
$gray6:#f7f7f7;
$gray7:#FAFAFA;
*/

/* /service/you_pack/renewal/index.html */
.mainArea.youpack.renewal{}
.mainArea.youpack.renewal .mainImg{}
	.mainArea.youpack.renewal .mainImg .appicon{margin:10px auto 0;}
	.mainArea.youpack.renewal .mainImg .appicon img{width:100px;}


.line_2col {background: #F3EF85;
    margin: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;flex-wrap:wrap;align-items: center;justify-content: center;margin-bottom: 20px;
}
.line_2col .line-block {
    flex-basis:50%; max-width:50%;
}
.lineAccount {
  text-align: center;
}
.lineAccount dl dt {
  font-size: 150%;
  color: #2BAB38;
	font-weight: bold;
}
.lineAccount dl dd {
  margin: 10px 0;
  color: #2BAB38;
  font-size: 150%;
}
.lineAccount dl dd.url {
  margin: 0 0 5px;
  color: #2BAB38;
  font-size: 116%;
  font-weight: bold;
}
.lineAccount dl dd.url a {
	color: #2BAB38;
	text-decoration: none;
}
.lineAccount dl dd.text {
  color: #383838;
  font-size: 90%;
	margin: 8px 0;
}
.lineAccount dl dd.code img {
  width: 130px;
}

.bgc { background-color: #feeada; padding:30px 0; text-align:center;}
@media screen and (max-width: 750px){
.line_2col .line-block {
    flex-basis:100%; max-width:100%; padding:3%;
}
.lineAccount dl dt {
  font-size: 150%;
  color: #2BAB38;
	font-weight: bold;
}
.lineAccount dl dd {
  margin: 10px 0;
  color: #2BAB38;
  font-size: 150%;
}
.lineAccount dl dd.url {
  margin: 0 0 5px;
  color: #2BAB38;
  font-size: 100%;
  font-weight: bold;
}
.lineAccount dl dd.url a {
	color: #2BAB38;
	text-decoration: none;
}
.lineAccount dl dd.text {
  color: #383838;
  font-size: 90%;
	margin: 8px 0;
}
.lineAccount dl dd.code img {
  width: 130px;
}
} /* sp */