@charset "UTF-8";
#main {
  color: #333;
  font-size: 16px;
}

img {
  max-width: 100%;
  width: 100%;
  vertical-align: bottom;
}

.sp_only {
  display: none;
}

.pc_only {
  display: block;
}

@media screen and (max-width: 736px) {
  #main {
    font-size: 15.8px;
  }
  .sp_only {
    display: block;
  }
  .pc_only {
    display: none;
  }
}

.mv {
  height: 0;
  padding-top: 24.8%;
  background-image: url(../img/mv_pc.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 103%;
  overflow: hidden;
}

.sct__main.intro {
  padding: 3rem 0;
}

.fun {
  height: 0;
  padding-top: 53.69%;
  background-image: url(../img/fun_pc.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  overflow: hidden;
}

.sct__main {
  max-width: 1120px;
  padding: 6rem 0 3rem 0;
  margin: auto;
}

.box__step .box__flex {
  width: 90%;
  margin: auto;
  margin-top: 40px;
}

.box__step .box__flex figure {
  margin-top: 38px;
}

.box__make .ttl {
  padding: 3.4rem 0;
}

.box__make .box__flex {
  width: 80%;
  margin: auto;
}

.box__make figure {
  padding: 0 1rem;
}

.box__support .box__flex {
  margin-top: 40px;
}

.box__support .box__flex figure {
  margin-bottom: 20px;
  min-height: 225px;
}

.box__quality .box__item {
  width: 100%;
}

.box__quality .flex__top {
  width: 50%;
  margin: 28px auto;
}

.box__quality .flex__bottom {
  width: 70%;
  margin: 0 auto 100px auto;
}

.box__spec {
  width: 70%;
  margin: auto;
}

.box__user a {
  color: #333;
  text-decoration: none;
}

.box__user a:hover {
  color: #333;
  text-decoration: underline;
}

.box__user figure {
  padding: 1rem;
}

.box__service h2{
	margin: 30px 0 50px!important;
}

.box__service .box__flex {
  width: 90%;
  margin: auto;
}

.box__service .box__flex figure {
  margin-bottom: 20px;
}

.list__style01 {
  text-align: center;
  margin: 20px auto 0 auto;
}

.list__style01 li {
  margin: 0 auto 17px auto;
  display: block;
  max-width: 600px;
}

.list__style01 li a {
  display: block;
  height: 37px;
  line-height: 37px;
  color: #333;
  background: #fff;
  border-radius: 10px;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  transition: all 0.2s;
}

.list__style01 li a:hover {
  background: #FFB640;
  color: #333;
}

.sell_logo {
  width: 500px;
  margin: auto;
}

.box__faq .sct__main{
	padding-top: 3rem;
}

@media screen and (max-width: 736px) {
  .mv {
    padding-top: 320px;
    background-image: url(../img/mv_sp.png);
		background-size: 100%
  }
  .fun {
    padding-top: 68.97%;
    background-image: url(../img/fun_sp.jpg);
  }
  .sct__main {
    max-width: 100%;
    padding: 4rem 1rem 2rem 1rem;
  }
  .sct__main.intro {
    padding: 4rem 0 4.1rem 0;
  }
  .box__faq .sct__main {
    padding: 4rem 0 4rem 0;
  }
  .box__support .box__flex figure {
    min-height: auto;
  }
  .box__make .box__flex {
    width: 82%;
  }
  .box__spec {
    width: 100%;
  }
  .box__step {
    padding: 0 2rem;
  }
  .box__step .box__flex {
    width: 90%;
    margin-top: 40px;
  }
  .box__support .box__flex {
    margin-top: 40px;
  }
  .box__step .box__inner {
    width: 100%;
    margin-top: 0;
  }
  .box__step .box__flex figure {
    margin-top: 10px;
  }
  .box__quality .box__item {
    width: 100%;
  }
  .box__quality .flex__top {
    width: 100%;
    margin: 0;
  }
  .box__quality .flex__bottom {
    width: 100%;
    margin: 28px 0;
  }
  .box__user figure {
    max-width: 110px;
    margin: auto;
  }
  .list__style01 {
    margin-top: 1.5rem;
    padding: 2rem;
  }
  .list__style01 li {
    margin-bottom: 1.2rem;
    display: block;
  }
  .list__style01 li a {
    max-width: 100%;
    font-weight: 500;
  }
  .sell_logo {
    width: 70%;
  }
	.box__service h2{
		margin: 10px 0 40px!important;
	}
	.sct__fun .title{
		margin: 10px 0 60px;
	}
}


/* フォント */

.font__l,
.font__l2 {
  font-size: 2.6rem;
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 0.8rem;
}

.font__m,
.font__m2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}

.font__r {
  font-size: 1.6rem;
  font-weight: 500;
}

.font__s {
  font-size: 1.4rem;
  font-weight: 400;
}

.font__b {
  font-weight: 600;
}

.align__c {
  text-align: center;
}

.copy {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 1px;
}

.note {
  display: block;
}

.ttl__num:before {
  content: '';
  display: block;
  width: 40px;
  height: 25px;
  background-size: 40px 25px;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin: .6rem auto;
}

.ttl__num.c_01:before {
  background-image: url(../img/img_num_01.png);
}

.ttl__num.c_02:before {
  background-image: url(../img/img_num_02.png);
}

.ttl__num.c_03:before {
  background-image: url(../img/img_num_03.png);
}

.ttl__num.c_04:before {
  background-image: url(../img/img_num_04.png);
}

@media screen and (max-width: 736px) {
  .font__l {
    font-size: 2.2rem;
    font-weight: 800;
  }
	 .font__l2 {
    font-size: 2.0rem;
    font-weight: 800;
  }
  .font__m {
    font-size: 2.2rem;
    font-weight: 700;
  }
	.font__m2 {
    font-size: 2.0rem;
    font-weight: 700;
  }
  .font__r {
    font-size: 1.6rem;
    font-weight: 500;
  }
  .font__s {
    font-size: 1em;
    font-weight: 500;
  }
  .copy {
    font-size: 1em;
    font-weight: 600;
  }
}


/* 横並びボックス */

.box__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}

.box__flex.flex2 .box__item {
  width: 47%;
  margin: 0 5% 50px 0;
}

.box__flex.flex2_reason .box__item {
  width: 35%;
  margin: 0 5% 50px;
}

.box__flex.flex3 .box__item {
  width: 30%;
  margin: 0 3% 50px 0;
}

.box__flex.flex3_step .box__item {
  width: 28%;
  margin: 0 2.5% 50px;
}

.box__flex.flex4 .box__item {
  width: 25%;
  margin: 0 0 50px 0;
}

.box__flex.flex5 .box__item {
  width: calc((100% - 100px) / 5);
  margin: 0 0 50px 0;
  position: relative;
}

.box__flex.flex1 .box__item:last-child, .box__flex.flex2 .box__item:last-child, .box__flex.flex3 .box__item:last-child, .box__flex.flex4 .box__item:last-child, .box__flex.flex5 .box__item:last-child, .box__flex.flex6 .box__item:last-child {
  margin-right: 0;
}

.box__flex.flex6 .box__item {
  width: calc((100% - 100px) / 6);
  margin: 0 0 50px 0;
  position: relative;
}

.flex__column {
  display: flex;
  flex-direction: column;
}

.box__step .box__flex.flex3 .box__item {
  width: 29%;
}

.box__step .box__flex.flex3 .box__item:last-child {
  width: 35%;
}

.box__item p {
  letter-spacing: -1px;
  font-size: 98%;
}


@media screen and (max-width: 736px) {
  .box__flex.flex1 .box__item, .box__flex.flex2 .box__item, .box__flex.flex3 .box__item, .box__flex.flex4 .box__item, .box__flex.flex5 .box__item, .box__flex.flex6 .box__item,.box__flex.flex2_reason .box__item,.box__flex.flex3_step .box__item {
    width: 100%;
    margin: 0 0 2em 0;
  }
  .box__flex.flex3_sp .box__item {
    width: 33%;
  }
  .box__flex.flex2_sp .box__item {
    width: 49%;
  }
  .flex__column {
    flex-direction: column-reverse;
  }
  .box__step .box__flex.flex3 .box__item {
    width: 100%;
  }

  .box__step .box__flex.flex3 .box__item:last-child {
    width: 100%;
  }
}


/* ボタン */

.btn_sell_start {
  padding: 35px;
  text-align: center;
  border: none;
}
.btn_sell_start:hover{
	opacity: 1;
}

.btn_sell_start a {
  display: inline-block;
  padding: 16px 44px;
  background: #FFB640;
  color: #fff;
  font-size: 2.6rem;
  font-weight: 800;
  border-radius: 40px;
  transition: all 0.2s 0s ease-in-out;
}

.btn_sell_start a:hover {
  background: #cd6600;
  color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 736px) {
  .btn_sell_start a {
    font-size: 2.4rem;
  }
}


/* カラー */

.bg-color01 {
  background: #FFF0D3;
}

.bg-color02 {
  background: #F5F5F5;
}

.color-01 {}

.color-02 {
  color: #909090;
}


/* マージン */

.m-t100_pc {
  margin-top: 100px;
}

.m-t90_pc {
  margin-top: 90px;
}

.m-t80_pc {
  margin-top: 80px;
}

.m-t70_pc {
  margin-top: 70px;
}

.m-t60_pc {
  margin-top: 60px;
}

.m-t50_pc {
  margin-top: 50px;
}

.m-t40_pc {
  margin-top: 40px;
}

.m-t30_pc {
  margin-top: 30px;
}

.m-t20_pc {
  margin-top: 20px;
}

.m-t10_pc {
  margin-top: 10px;
}

.m-t5_pc {
  margin-top: 5px;
}

@media screen and (max-width: 736px) {
  .m-t100_sp {
    margin-top: 100px;
  }
  .m-t90_sp {
    margin-top: 90px;
  }
  .m-t80_sp {
    margin-top: 80px;
  }
  .m-t70_sp {
    margin-top: 70px;
  }
  .m-t60_sp {
    margin-top: 60px;
  }
  .m-t50_sp {
    margin-top: 50px;
  }
  .m-t40_sp {
    margin-top: 40px;
  }
  .m-t30_sp {
    margin-top: 30px;
  }
  .m-t20_sp {
    margin-top: 20px;
  }
  .m-t15_sp {
    margin-top: 15px;
  }
  .m-t10_sp {
    margin-top: 10px;
  }
  .m-t5_sp {
    margin-top: 5px;
  }
}


/* マージン */

.m-b100_pc {
  margin-bottom: 100px;
}

.m-b90_pc {
  margin-bottom: 90px;
}

.m-b80_pc {
  margin-bottom: 80px;
}

.m-b70_pc {
  margin-bottom: 70px;
}

.m-b60_pc {
  margin-bottom: 60px;
}

.m-b50_pc {
  margin-bottom: 50px;
}

.m-b40_pc {
  margin-bottom: 40px;
}

.m-b30_pc {
  margin-bottom: 30px;
}

.m-b20_pc {
  margin-bottom: 20px;
}

.m-b10_pc {
  margin-bottom: 10px;
}

@media screen and (max-width: 736px) {
  .m-b100_sp {
    margin-bottom: 100px;
  }
  .m-b90_sp {
    margin-bottom: 90px;
  }
  .m-b80_sp {
    margin-bottom: 80px;
  }
  .m-b70_sp {
    margin-bottom: 70px;
  }
  .m-b60_sp {
    margin-bottom: 60px;
  }
  .m-b50_sp {
    margin-bottom: 50px;
  }
  .m-b40_sp {
    margin-bottom: 40px;
  }
  .m-b30_sp {
    margin-bottom: 30px;
  }
  .m-b20_sp {
    margin-bottom: 20px;
  }
  .m-b15_sp {
    margin-bottom: 15px;
  }
  .m-b10_sp {
    margin-bottom: 10px;
  }
  .m-b5_sp {
    margin-bottom: 5px;
  }
	.m-b0_sp {
    margin-bottom: 0px!important;
  }
}

/* パディング */

.p-t100_pc {
  padding-top: 100px;
}

.p-t90_pc {
  padding-top: 90px;
}

.p-t80_pc {
  padding-top: 80px;
}

.p-t70_pc {
  padding-top: 70px;
}

.p-t60_pc {
  padding-top: 60px;
}

.p-t50_pc {
  padding-top: 50px;
}

.p-t40_pc {
  padding-top: 40px;
}

.p-t30_pc {
  padding-top: 30px;
}

.p-t20_pc {
  padding-top: 20px;
}

.p-t10_pc {
  padding-top: 10px;
}

.p-t5_pc {
  padding-top: 5px;
}

@media screen and (max-width: 736px) {
  .p-t100_sp {
    padding-top: 100px;
  }
  .p-t90_sp {
    padding-top: 90px;
  }
  .p-t80_sp {
    padding-top: 80px;
  }
  .p-t70_sp {
    padding-top: 70px;
  }
  .p-t60_sp {
    padding-top: 60px;
  }
  .p-t50_sp {
    padding-top: 50px;
  }
  .p-t40_sp {
    padding-top: 40px;
  }
  .p-t30_sp {
    padding-top: 30px;
  }
  .p-t20_sp {
    padding-top: 20px;
  }
  .p-t15_sp {
    padding-top: 15px;
  }
  .p-t10_sp {
    padding-top: 10px;
  }
  .p-t5_sp {
    padding-top: 5px;
  }
	.p-t0_sp {
    padding-top: 0px!important;
  }
}

.p-b100_pc {
  padding-bottom: 100px;
}

.p-b90_pc {
  padding-bottom: 90px;
}

.p-b80_pc {
  padding-bottom: 80px;
}

.p-b70_pc {
  padding-bottom: 70px;
}

.p-b60_pc {
  padding-bottom: 60px;
}

.p-b50_pc {
  padding-bottom: 50px;
}

.p-b40_pc {
  padding-bottom: 40px;
}

.p-b30_pc {
  padding-bottom: 30px;
}

.p-b20_pc {
  padding-bottom: 20px;
}

.p-b10_pc {
  padding-bottom: 10px;
}

@media screen and (max-width: 736px) {
  .p-b100_sp {
    padding-bottom: 100px;
  }
  .p-b90_sp {
    padding-bottom: 90px;
  }
  .p-b80_sp {
    padding-bottom: 80px;
  }
  .p-b70_sp {
    padding-bottom: 70px;
  }
  .p-b60_sp {
    padding-bottom: 60px;
  }
  .p-b50_sp {
    padding-bottom: 50px;
  }
  .p-b40_sp {
    padding-bottom: 40px;
  }
  .p-b30_sp {
    padding-bottom: 30px;
  }
  .p-b20_sp {
    padding-bottom: 20px;
  }
  .p-b15_sp {
    padding-bottom: 15px;
  }
  .p-b10_sp {
    padding-bottom: 10px;
  }
  .p-b5_sp {
    padding-bottom: 5px;
  }
	.p-b0_sp {
    padding-bottom: 0px;
  }
}