#main {
  padding: 14.82% 10% 0;}
@media only screen and (max-width:560px) {
  #main {
    padding: 26% 0 0; }}
#main h1 {
  font-size: 34px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .2em;
  text-align: center;}
@media only screen and (max-width:560px) {
  #main h1 {
    font-size: 23px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .2em; }}

#main .category_block p {
  margin: 60px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .2em;}
@media only screen and (max-width:560px) {
  #main .category_block p {
    margin: 40px auto;
	width: 94%;
	font-size: 14px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .2em;}}
#main .category_block .check {
  border: solid 1px #dedede;
  margin: 30px 0 40px;
  padding: 10px 40px 10px 50px; 
  background-color: #fff;}
#main .category_block .check img{
  width: 158px;
  height: 32px;}
@media only screen and (max-width:560px) {
  #main .category_block .check {
    width: 94%;
	margin: 0 auto;
	padding: 10px 10px 30px 10px;}
  #main .category_block .check img {
    width: 110px;
    height: 22px;}}

#main .category_block .worries {
  padding: 100px 0 0;
  width: 100%;
  margin: 0 auto;}
@media only screen and (max-width:560px) {
  #main .category_block .worries {
	width: 78%;}}

@media only screen and (max-width:560px) {
  #main .category_block .info {
    padding: 0 8%; }}
#main .category_block .info h4 {
  font-size: 28px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .2em;
  padding: 7.14% 0 0;
  text-align: center;}
@media only screen and (max-width:560px) {
  #main .category_block .info h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .2em;
    padding: 19% 0 0; }}
#main .category_block .info p {
  padding: 40px 0 0;
  text-align: center;}
@media only screen and (max-width:560px) {
  #main .category_block .info p {
    padding: 11% 0 0;
    text-align: left;}}

#main .category_block .repl {
  text-align: center;}
#main .category_block .repl p.small {
  margin: 60px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .2em;}
@media only screen and (max-width:560px) {
  #main .category_block p {
    margin: 40px auto 0;
	width: 94%;
	font-size: 14px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .2em;}}
#main .category_block .link {
    margin: 20px 0 0;
    text-align: center;}
@media only screen and (max-width:560px) {
    #main .category_block .link {
        /*margin: 21.3% 0 0;*/
        padding: 0 8%; }}
#main .category_block .link a.banner {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 391px;
    height: 102px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .2em;
    color: #333;
    border: 1px solid #707070;
    background-image: url("../images/common/arr_bold.svg");
    background-repeat: no-repeat;
    background-position: right 40px center;}
#main .category_block .link a.banner:hover {
    background-position: right 37px center;
    text-decoration: none;}
@media only screen and (max-width:560px) {
    #main .category_block .link a.banner {
        width: 100%;
        height: 74px;
        background-position: right 16px center;
        background-size: 5px auto;}
    #main .category_block .link a.banner:hover {
        background-position: right 13px center;
        text-decoration: none;}}
#main .category_block .link a.repl {
    background-image: url("../images/common/arr_bold.svg"), url("../images/pickup/ban_repl.png");
    background-repeat: no-repeat, no-repeat;
    background-position: right 40px center, left 24px center;
    background-size: auto auto, 70px auto;}
#main .category_block .link a.repl:hover {
    background-position: right 37px center, left 24px center;}
@media only screen and (max-width:560px) {
    #main .category_block .link a.repl {
        background-position: right 16px center, left 16px center;
        background-size: 5px auto, 46px auto;}
    #main .category_block .link a.repl:hover {
        background-position: right 13px center, left 16px center;}}

#main .category_block .dust {
  border: solid 3px #dedede;
  margin: 30px 0 40px;
  padding: 10px 40px 10px 50px; 
  background-color: #fff;}
@media only screen and (max-width:560px) {
  #main .category_block .dust {
    border: solid 2px #dedede;
	width: 94%;
	margin: 30px auto;
	padding: 10px 10px 30px 10px;}}
#main .category_block .dust2 {
  border: solid 3px #ddc9d9;
  margin: 30px 0 40px;
  padding: 10px 40px 10px 50px; 
  background-color: #fff;}
@media only screen and (max-width:560px) {
  #main .category_block .dust2 {
    width: 94%;
	border: solid 2px #ddc9d9;
	margin: 30px auto;
	padding: 10px 10px 30px 10px;}}
#main .category_block span.purple {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .2em;
  color: #670056;}
@media only screen and (max-width:560px) {
  #main .category_block span.purple {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: .2em; }}
#main .category_block .dust p.big {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .2em;}
@media only screen and (max-width:560px) {
  #main .category_block .dust p.big {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .2em;}}
#main .category_block .dust2 p.big {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .2em;}
@media only screen and (max-width:560px) {
  #main .category_block .dust2 p.big {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .2em;}}

#main .category_block h3.mark {
  position: relative;
  margin: 12.5% 0 0;
  padding: 80px 0 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .2em;
  text-align: center;}
#main .category_block h3.mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 50px;
  border-left: 1px solid #670056;}
@media only screen and (max-width:560px) {
  #main .category_block h3.mark {
    margin: 16% 0 0; }}

#main .category_block#other {
    padding: 3.57% 0 0;}
@media only screen and (max-width:560px) {
    #main .category_block#other {
        padding: 10.66% 0 0;}}

/*表pc*/
#main .category_block .detail_pc{
	margin: 80px auto 0;}
#main .category_block .detail_pc table{
	border-collapse: collapse;
	width: 100%;}
#main .category_block .detail_pc td{
	padding: 20px 0;
	width: 25%;
	text-align: center;
	background: #fff;
	border: solid 1px #ededed;}
#main .category_block .detail_pc td.gray{
	background: #f2f2f2;} 
#main .category_block .detail_pc td.thin{
	background: #f8f4f8;
	color: #72466b;} 

/*表sp*/
@media only screen and (max-width:560px) {
#main .category_block .detail_sp{
	margin: 70px auto 0;}
#main .category_block .detail_sp table{
	border-collapse: collapse;
	width: 94%;
	margin: 0 auto 20px;}
#main .category_block .detail_sp td{
	padding: 20px 0;
	text-align: center;
	background: #fff;
	border: solid 1px #ededed;}
#main .category_block .detail_sp td.gray{
	background: #f2f2f2;} 
#main .category_block .detail_sp td.thin{
	background: #f8f4f8;
	color: #72466b;}}

#main .category_block p.under {
  margin: 20px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .2em;}
@media only screen and (max-width:560px) {
  #main .category_block p.under {
    margin: 0 auto;
	width: 94%;
	font-size: 14px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .2em;}}
#main .category_block p.right {
  margin: 20px 0 0;
  font-size: 16px;
  text-align: right;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .2em;}
@media only screen and (max-width:560px) {
  #main .category_block p.right {
    margin: 0 auto;
	width: 94%;
	font-size: 14px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .2em;}}

#main .category_block .guide1 h6.mark {
  position: relative;
  margin: 12.5% 0 0;
  padding: 130px 0 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .2em;
  text-align: center;}
#main .category_block .guide1 h6.mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 50px;
  border-left: 1px solid #670056;}
#main .category_block .guide1 h6.mark::after {
    content: "Point.1";
    font-size: 14px;
    color: #670056;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;}
@media only screen and (max-width:560px) {
  #main .category_block .guide1 h6.mark {
    margin: 16% 0 0;
	width: 100%;}}
#main .category_block .guide2 h6.mark {
  position: relative;
  margin: 12.5% 0 0;
  padding: 130px 0 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .2em;
  text-align: center;}
#main .category_block .guide2 h6.mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 50px;
  border-left: 1px solid #670056;}
#main .category_block .guide2 h6.mark::after {
    content: "Point.2";
    font-size: 14px;
    color: #670056;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;}
@media only screen and (max-width:560px) {
  #main .category_block .guide2 h6.mark {
    margin: 16% 0 0;
	width: 100%;}}
#main .category_block .guide3 h6.mark {
  position: relative;
  margin: 12.5% 0 0;
  padding: 130px 0 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .2em;
  text-align: center;}
#main .category_block .guide3 h6.mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 50px;
  border-left: 1px solid #670056;}
#main .category_block .guide3 h6.mark::after {
    content: "Point.3";
    font-size: 14px;
    color: #670056;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;}
@media only screen and (max-width:560px) {
  #main .category_block .guide3 h6.mark {
    margin: 16% 0 0;
	width: 100%;}}
#main .category_block .guide4 h6.mark {
  position: relative;
  margin: 12.5% 0 0;
  padding: 130px 0 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .2em;
  text-align: center;}
#main .category_block .guide4 h6.mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 50px;
  border-left: 1px solid #670056;}
#main .category_block .guide4 h6.mark::after {
    content: "Point.4";
    font-size: 14px;
    color: #670056;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;}
@media only screen and (max-width:560px) {
  #main .category_block .guide4 h6.mark {
    margin: 16% 0 0;
	width: 100%;}}

#main .category_block .guide1 .guide_image {
  text-align: center;}
#main .category_block .guide1 .guide_image img{
  width: 466px;
  height: auto;
  padding: 50px 0;}
@media only screen and (max-width:560px) {
  #main .category_block .guide1 .guide_image {
    width: 94%;
	margin: 0 auto;}
  #main .category_block .guide1 .guide_image img {
    width: 90%;
	padding: 20px 0;}}

#main .category_block .check2 {
  border: solid 1px #dedede;
  margin: 30px 0 40px;
  padding: 20px 40px 10px 50px; 
  background-color: #fff;}
#main .category_block .check2 img{
  width: 158px;
  height: 32px;}
@media only screen and (max-width:560px) {
  #main .category_block .check2 {
    width: 94%;
	margin: 20px auto 0;
	padding: 8px 20px 40px 20px;}
  #main .category_block .check2 img {
    width: 110px;
    height: 22px;}}
#main .category_block .replacelist {
  display: flex;
  justify-content: space-between;
  width: 40%;
  margin: 0 auto;}
@media only screen and (max-width:959px) {
  #main .category_block .replacelist {
    width: 50%;}}
@media only screen and (max-width:560px) {
  #main .category_block .replacelist {
    width: 94%;
    padding: 1.3% 0 0; }}
#main .category_block .replacelist li {
  margin: 12.5% 0 0;
  width: 160px;
  text-align: center;}
#main .category_block .replacelist li img{
  width: 160px;
  height: auto;}
@media only screen and (max-width:959px) {
  #main .category_block .replacelist li {
    margin: 10.396% 0 0;
	width: 48%;}
  #main .category_block .replacelist li img{
    width: 100%;
	max-width: 128px;
    height: auto;}}
@media only screen and (max-width:560px) {
  #main .category_block .replacelist li {
    margin: 10.396% 0 0;
	width: 48%;}
  #main .category_block .replacelist li img{
    width: 112px;
    height: auto;}}
#main .category_block .replacelist li .point {
  margin: 20px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: .2em;}
@media only screen and (max-width:560px) {
  #main .category_block .replacelist li .point {
    font-size: 13px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: .2em;}}

#main .category_block .pointlist {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;}
#main .category_block .pointlist li.one {
  width: 34%;
  text-align: center;}
#main .category_block .pointlist li.one img {
  width: 380px;
  height: auto;}
#main .category_block .pointlist li.two {
  width: 63%;
  text-align: center;}
#main .category_block .pointlist li.two img {
  width: 707px;
  height: auto;}
@media only screen and (max-width:560px) {
  #main .category_block .pointlist {
	width: 94%;
	margin: 30px auto;}
  #main .category_block .pointlist li.one img{
    width: 100%;
	max-width: 114px;
    height: auto;}
  #main .category_block .pointlist li.two img{
    width: 100%;
	max-width: 212px;
    height: auto;}}




/*# sourceMappingURL=alter.css.map */