@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");
.roboto {
  font-family: 'Roboto', sans-serif;
}

figure {
  display: block;
  margin: 0 !important;
}

.img img {
  width: 100%;
  display: block;
}

.lineMain {
  width: 100%;
  height: 650px;
  display: grid;
}
.lineMain .mainImg,
.lineMain .inMain {
  grid-row: 1/2;
  grid-column: 1/2;
}
.lineMain .mainImg {
  width: 100%;
  height: 100%;
  background: url(../img/pc/line2/main_back.jpg) no-repeat center center;
  background-size: cover;
}
.lineMain .inMain {
  width: 100%;
  max-width: 997px;
  margin: auto;
  margin-top: 46px;
  display: grid;
}
.lineMain .inMain .imgItem,
.lineMain .inMain .imgChatch {
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
}
.lineMain .inMain .imgItem {
  max-width: 564px;
  display: flex;
  align-items: flex-end;
}
.lineMain .inMain .imgItem figure {
  display: block;
  margin: 0;
}
.lineMain .inMain .imgChatch {
  max-width: 531px;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.lineMain .inMain .imgChatch figure {
  display: block;
  margin: 0;
}

#pageLine_new * {
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
}
#pageLine_new .achievements{
    background: url(../img/pc/line2/achievements_PC.png) no-repeat left top;
    width: 580px;
    height: 180px;
    margin:50px auto 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}
#pageLine_new a.banner_to_line{
    display:block;
	width: 100%;
    margin-top:50px;
	cursor:pointer;
}

#pageLine_new .lineStep {
  background: #4BC242;
  padding: 60px 30px 0;
  margin-top: 42px;
}
#pageLine_new .lineStep .stepCatch {
  width: 270px;
  margin: auto;
}
#pageLine_new .lineStep .catch {
  font-size: 35px;
  font-weight: 700;
  color: #FFF;
  text-align: center;
  margin-top: 8px;
  line-height: 1.57;
}
#pageLine_new .lineStep .stepList {
  display: flex;
  gap: 15px;
  margin: 0;
  margin-top: 61px;
  padding: 0;
  list-style: none;
}
#pageLine_new .lineStep .stepList .list {
  background: #FFF;
  border-radius: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 38px 0 28px;
  position: relative;
}
#pageLine_new .lineStep .stepList .list:after {
  content: "";
  position: absolute;
  display: block;
  top: -31px;
  left: -8px;
  width: calc(117px / 2);
  height: calc(127px / 2);
}
#pageLine_new .lineStep .stepList .list .icon {
  height: 63px;
}
#pageLine_new .lineStep .stepList .list .listName {
  font-size: 18px;
  font-weight: 700;
  margin-top: 15px;
}
#pageLine_new .lineStep .stepList .list:nth-of-type(1) .icon {
  width: 65px;
}
#pageLine_new .lineStep .stepList .list:nth-of-type(1):after {
  background: url(../img/pc/line2/step_balloon1_s.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .stepList .list:nth-of-type(2) .icon {
  width: 83px;
}
#pageLine_new .lineStep .stepList .list:nth-of-type(2):after {
  background: url(../img/pc/line2/step_balloon2_s.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .stepList .list:nth-of-type(3) .icon {
  width: 78px;
}
#pageLine_new .lineStep .stepList .list:nth-of-type(3):after {
  background: url(../img/pc/line2/step_balloon3_s.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .step {
  padding: 40px 30px;
  background: #FFF;
  border-radius: 10px;
  margin-top: 70px;
  position: relative;
}
#pageLine_new .lineStep .step:after {
  content: "";
  position: absolute;
  display: block;
  top: -51px;
  left: 20px;
  width: calc(194px / 2);
  height: calc(211px / 2);
}
#pageLine_new .lineStep .step .stepTitle {
  font-size: 35px;
  font-weight: 700;
  text-align: center;
  border-bottom: 3px solid #4BC242;
  padding-bottom: 19px;
}
#pageLine_new .lineStep .step .stepFlow {
  margin-top: 51px;
}
#pageLine_new .lineStep .step .stepFlow .stepRead {
  font-size: 14px;
  font-weight: 500;
}
#pageLine_new .lineStep .step .stepFlow .stepRead + * {
  margin-top: 51px;
}
#pageLine_new .lineStep .step .stepFlow .flowItem {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .textArea {
  width: 275px;
  position: relative;
  display: flex;
  gap: 10px;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .textArea:before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  margin-top: -4px;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .textArea .in-text {
  font-size: 14px;
  line-height: 1.78;
  width: calc(100% - 50px);
}
#pageLine_new .lineStep .step .stepFlow .flowItem .imgArea {
  width: 275px;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea {
  width: 100%;
  display: flex;
  gap: 20px;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox .bottomText {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  position: relative;
  padding-left: 30px;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox .bottomText:before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  margin-top: -4px;
  position: absolute;
  top: 6px;
  left: 0;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox .imgItem {
  margin-top: 18px;
  width: 100%;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox .imgItem.typeQr {
  box-sizing: border-box;
  padding: 0 calc((100% - 109px) / 2);
  background: #F9F8F4;
  min-height: 134px;
  display: flex;
  align-items: center;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox .imgItem + .imgItem {
  margin-top: 30px;
  position: relative;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox .imgItem + .imgItem:after {
  content: "";
  position: absolute;
  display: block;
  top: -25px;
  right: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 15px 0 15px;
  border-color: #4BC242 transparent transparent transparent;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox:nth-of-type(1) .bottomText:before {
  background: url(../img/pc/line2/step_icon_a.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox:nth-of-type(2) .bottomText:before {
  background: url(../img/pc/line2/step_icon_b.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .step .stepFlow .flowItem:nth-of-type(1) .textArea:before {
  background: url(../img/pc/line2/step_no01.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .step .stepFlow .flowItem:nth-of-type(2) .textArea:before {
  background: url(../img/pc/line2/step_no02.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .step .stepFlow .flowItem:nth-of-type(3) .textArea:before {
  background: url(../img/pc/line2/step_no03.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .step .stepFlow .flowItem + .flowItem {
  margin-top: 30px;
  border-top: 1px solid #4BC242;
  padding-top: 30px;
}
#pageLine_new .lineStep .step .stepFlow .flowItem .btn_to_line{background: #4BC242; color: #fff; width: 80%; display: block; text-align: center; padding: 15px 0; margin: 20px auto 0; font-size: 20px; border-radius: 10px;}
#pageLine_new .lineStep .step .stepFlow .flowItem .btn_to_line:hover{cursor:pointer;}

#pageLine_new .lineStep .step .stepFlow .modal{
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
	left:0;
	z-index:5;
}
#pageLine_new .lineStep .step .stepFlow .modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
#pageLine_new .lineStep .step .stepFlow .modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 40%;
	text-align:center;
	border-radius: 10px;
}
#pageLine_new .lineStep .step .stepFlow .modal__content p.title{font-size: 24px; margin-bottom: 15px;}
#pageLine_new .lineStep .step .stepFlow .modal__content p.id{margin-bottom: 30px;}
#pageLine_new .lineStep .step .stepFlow .modal__content p.id span{font-size:20px;}
#pageLine_new .lineStep .step .stepFlow .modal__content img{display:block; margin:0 auto;}

#pageLine_new .lineStep .step .stepPhoto {
  margin-top: 51px;
  width: 100%;
}
#pageLine_new .lineStep .step .stepPhoto .photoItem + .photoItem {
  margin-top: 51px;
}
#pageLine_new .lineStep .step .stepPhoto .photoTitle {
  font-size: 20px;
  color: #FFF;
  background: #333;
  padding: 14px 20px 13px;
}
#pageLine_new .lineStep .step .stepPhoto .photoTitle + * {
  margin-top: 30px;
}
#pageLine_new .lineStep .step .stepPhoto .photoList {
  display: flex;
  gap: 15px;
  padding: 0;
  list-style: none;
}
#pageLine_new .lineStep .step .stepPhoto .photoList .list {
  width: 100%;
}
#pageLine_new .lineStep .step .stepPhoto .photoList .list .photoText {
  font-size: 18px;
  font-weight: 500;
  margin-top: 18px;
  text-align: center;
}
#pageLine_new .lineStep .step .stepPhoto .inTextbox .boxTitle {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #333;
  padding-bottom: 20px;
}
#pageLine_new .lineStep .step .stepPhoto .inTextbox .boxText {
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
}
#pageLine_new .lineStep .step .stepPhoto .inTextbox + .inTextbox {
  margin-top: 20px;
}
#pageLine_new .lineStep .step:nth-of-type(1):after {
  background: url(../img/pc/line2/step_balloon1_b.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .step:nth-of-type(2):after {
  background: url(../img/pc/line2/step_balloon2_b.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .step:nth-of-type(3):after {
  background: url(../img/pc/line2/step_balloon3_b.png) no-repeat left top;
  background-size: cover;
}
#pageLine_new .lineStep .stepBottom {
  display: grid;
  width: 100%;
  margin-top: -51px;
  position: relative;
  z-index: 2;
}
#pageLine_new .lineStep .stepBottom .bottomText,
#pageLine_new .lineStep .stepBottom .bottomImg {
  grid-row: 1/2;
  grid-column: 1/2;
}
#pageLine_new .lineStep .stepBottom .bottomImg {
  display: flex;
  justify-content: flex-end;
}
#pageLine_new .lineStep .stepBottom .bottomImg figure {
  width: 472px;
  display: block;
}
#pageLine_new .lineStep .stepBottom .bottomText {
  display: flex;
  align-items: center;
}
#pageLine_new .lineStep .stepBottom .bottomText .inText {
  font-size: 35px;
  font-weight: 700;
  color: #FFF;
}
#pageLine_new .orderFlow {
  margin-top: 41px;
}
#pageLine_new .orderFlow .orderflowList {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
#pageLine_new .orderFlow .orderflowList .list {
  display: flex;
}
#pageLine_new .orderFlow .orderflowList .list .num {
  background: #4BC242;
  color: #FFF;
  width: 70px;
  display: flex;
  justify-content: center;
  padding-top: 25px;
  font-size: 25px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}
#pageLine_new .orderFlow .orderflowList .list .order {
  background: #FFF;
  border: 1px solid #E2E1DC;
  border-left: none;
  padding: 25PX 21px 30px;
  width: calc(100% - 70px);
}
#pageLine_new .orderFlow .orderflowList .list .order .orderText {
  font-size: 14px;
}
#pageLine_new .orderFlow .orderflowList .list .order .orderBox {
  display: flex;
  gap: 20px;
  margin-bottom:20px;
}
#pageLine_new .orderFlow .orderflowList .list .order .orderBox .box {
  width: 100%;
}
#pageLine_new .orderFlow .orderflowList .list .order .orderBox .box .inTitle {
  background: #333;
  font-size: 20px;
  font-weight: 700;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 100%;
}
#pageLine_new .orderFlow .orderflowList .list .order .orderBox .box .inBox {
  padding: 9px 20px 25px;
  background: #F9F8F4;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#pageLine_new .orderFlow .orderflowList .list .order .orderBox .box .inBox .orderType .ordertypeTitle {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
#pageLine_new .orderFlow .orderflowList .list .order .orderBox .orderBtn {
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  height: 46px;
  border: 2px solid #4BC242;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4BC242;
  text-decoration: none;
  font-feature-settings: "palt";
  margin-top: 15px;
  position: relative;
}
#pageLine_new .orderFlow .orderflowList .list .order .orderBox .orderBtn:after {
  content: "";
  position: absolute;
  display: block;
  top: 17px;
  right: 8px;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #4BC242;
  border-right: 2px solid #4BC242;
}
#pageLine_new .orderFlow .orderflowList .list .order .orderBox .orderBtn + .orderBtn {
  margin-top: 10px;
}
#pageLine_new .orderFlow .orderflowList .list .order .orderBox .orderBtn.free {
  background: #D26A2C;
  color: #FFF;
  border: 2px solid #D26A2C;
}
#pageLine_new .orderFlow .orderflowList .list .order .orderBox .orderBtn.free:after {
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
}
#pageLine_new .series {
  margin-top: 70px;
}
#pageLine_new .series .seriesList {
  display: flex;
  flex-wrap: wrap;
  gap: 21px;
  list-style: none;
}
#pageLine_new .series .seriesList .list {
  width: calc((100% - 21px) / 2);
}
#pageLine_new .price {
  margin-top: 70PX;
}
#pageLine_new .price .priceMain {
  display: grid;
}
#pageLine_new .price .priceMain .priceImg,
#pageLine_new .price .priceMain .priceCatch {
  grid-row: 1/2;
  grid-column: 1/2;
}
#pageLine_new .price .priceMain .priceImg {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
#pageLine_new .price .priceMain .priceImg figure img {
  width: calc(100% - 30px);
  margin-left: auto;
}
#pageLine_new .price .priceMain .priceCatch {
  width: fit-content;
  display: flex;
  align-items: flex-end;
  transform: translateY(40px);
}
#pageLine_new .price .priceMain .priceCatch .inText {
  background: #4BC242;
  padding: 12px 21px 16px;
  font-size: 24px;
  font-weight: 700;
  color: #FFF;
}
#pageLine_new .price .priceTable {
  background: #333;
  padding: 65px 31px 23px;
}
#pageLine_new .price .priceTable .pricelistWrap {
  display: flex;
  gap: 30px;
}
#pageLine_new .price .priceTable .pricelistWrap .priceList {
  width: 100%;
}
#pageLine_new .price .priceTable .pricelistWrap .priceList .list {
  display: flex;
  width: 100%;
  gap: 15px;
}
#pageLine_new .price .priceTable .pricelistWrap .priceList .list .addText,
#pageLine_new .price .priceTable .pricelistWrap .priceList .list .priceVal,
#pageLine_new .price .priceTable .pricelistWrap .priceList .list .priceName {
  font-size: 12px;
  font-weight: 500;
  display: flex;
  width: 100%;
  color: #FFF;
}
#pageLine_new .price .priceTable .pricelistWrap .priceList .list .addText {
  text-align: right;
}
#pageLine_new .price .priceTable .pricelistWrap .priceList .list .priceName {
  width: calc(100% - 90px - 15px);
}
#pageLine_new .price .priceTable .pricelistWrap .priceList .list .priceVal {
  width: fit-content;
  white-space: nowrap;
  width: 90px;
}
#pageLine_new .price .priceTable .pricelistWrap .priceList .list + .list {
  margin-top: 21px;
  border-top: 1px solid #7E7E7E;
  padding-top: 21px;
}
#pageLine_new .price .priceTable .pricelistWrap .priceList .list.noType {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
#pageLine_new .case {
  margin-top: 52px;
}
#pageLine_new .case .caseList {
  list-style: none;
}
#pageLine_new .case .caseList .list {
  display: grid;
}
#pageLine_new .case .caseList .list .imgArea,
#pageLine_new .case .caseList .list .caseInfo {
  grid-row: 1/2;
  grid-column: 1/2;
}
#pageLine_new .case .caseList .list .imgArea {
  width: 320px;
}
#pageLine_new .case .caseList .list .caseInfo {
  width: 100%;
  max-width: 395px;
  background: #F9F8F4;
  margin-left: auto;
  padding-left: 25px;
}
#pageLine_new .case .caseList .list .caseInfo .titleArea {
  display: flex;
}
#pageLine_new .case .caseList .list .caseInfo .titleArea .titleNum {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 55px;
}
#pageLine_new .case .caseList .list .caseInfo .titleArea .titleNum .caseEn {
  font-size: 14px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  display: block;
}
#pageLine_new .case .caseList .list .caseInfo .titleArea .titleNum .num {
  font-size: 30px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  display: block;
}
#pageLine_new .case .caseList .list .caseInfo .titleArea .titleName {
  width: calc(100% - 55px);
  padding-left: 13px;
  border-left: 2px solid #333;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
#pageLine_new .case .caseList .list .caseInfo .repair {
  display: flex;
  margin-top: 14px;
}
#pageLine_new .case .caseList .list .caseInfo .repair .repairItem,
#pageLine_new .case .caseList .list .caseInfo .repair .repairTitle {
  color: #8E8E8E;
  font-size: 14px;
}
#pageLine_new .case .caseList .list .caseInfo .repair .repairItem {
  display: flex;
}
#pageLine_new .case .caseList .list .caseInfo .repair .repairItem + .repairItem {
  margin-left: 14px;
}
#pageLine_new .case .caseList .list .caseInfo .repairInfo {
  display: flex;
  margin-top: 15px;
}
#pageLine_new .case .caseList .list .caseInfo .repairInfo .infoTitle {
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
  background: #333;
  width: 101px;
  align-items: center;
  justify-content: center;
  display: flex;
}
#pageLine_new .case .caseList .list .caseInfo .repairInfo .info {
  background: #4BC242;
  width: calc(100% - 101px);
  align-items: center;
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
#pageLine_new .case .caseList .list .caseInfo .repairInfo .info .text {
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
}
#pageLine_new .case .caseList .list .caseInfo .repairInfo .info .val {
  font-size: 24px;
  font-weight: 700;
  color: #FFF;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap {
  margin-top: 12px;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList {
  list-style: none;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item {
  display: flex;
  flex-wrap: wrap;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairVal,
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairName {
  font-size: 14px;
  font-weight: 700;
  width: calc((100% - 10px) / 2);
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairVal.premia,
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairName.premia {
  width: 100%;
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairVal.premia .cate,
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairName.premia .cate {
  line-height: 1;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairVal.premia .cate .inTxt,
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairName.premia .cate .inTxt {
  background: #E28989;
  color: #FFF;
  display: flex;
  font-size: 11px;
  font-weight: 700;
  align-items: center;
  padding: 6px 14px 7px;
  line-height: 1;
  transform: translateY(4px);
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairVal.premia .val,
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairName.premia .val {
  font-size: 34px;
  font-weight: 700;
  color: #D26A2C;
  line-height: 1;
  display: flex;
  transform: translateY(8px);
  font-family: 'Roboto', sans-serif;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairVal {
  text-align: right;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairVal.premia {
  justify-content: flex-end;
  gap: 10px;
  margin-top: -10px;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .special {
  display: flex;
  gap: 10px;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .special .contract {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #D6D4CB;
  border-radius: 45px;
  padding: 2px 8px 2px;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .add {
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  margin-top: 12px;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .addBox {
  margin-top: 12px;
  background: #FFF;
  border: 1px solid #D6D4CB;
  padding: 13px 15px 12px;
  font-size: 14px;
  line-height: 1.57;
}
#pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item + .item {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #D6D4CB;
}
#pageLine_new .case .caseList .list + .list {
  margin-top: 50px;
}
#pageLine_new .reason {
  margin-top: 70px;
}
#pageLine_new .reason .reasonList {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 100%;
}
#pageLine_new .reason .reasonList .list {
  display: flex;
}
#pageLine_new .reason .reasonList .list .img {
  width: 230px;
}
#pageLine_new .reason .reasonList .list .reasonInfo {
  width: calc(100% - 230px);
  padding-left: 32px;
}
#pageLine_new .reason .reasonList .list .reasonInfo .reasonTitle {
  font-size: 20px;
  font-weight: 700;
}
#pageLine_new .reason .reasonList .list .reasonInfo .reasonText {
  margin-top: 17px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
}
#pageLine_new .faq {
  margin-top: 70px;
}
#pageLine_new .faq .faqList {
  margin-top: 70px;
}
#pageLine_new .faq .faqList .list {
  border-bottom: 1px solid #D6D4CB;
  padding-bottom: 35px;
}
#pageLine_new .faq .faqList .list .ans,
#pageLine_new .faq .faqList .list .ques {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
}
#pageLine_new .faq .faqList .list .ques {
  color: #227E17;
}
#pageLine_new .faq .faqList .list .ans {
  color: #DF6820;
}
#pageLine_new .faq .faqList .list .ans + * {
  margin-top: 16px;
}
#pageLine_new .faq .faqList .list .ansText {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.78;
}
#pageLine_new .faq .faqList .list .questionBox,
#pageLine_new .faq .faqList .list .answerBox {
  width: calc(100% - 31px);
  padding-left: 20px;
  padding-top: 12px;
}
#pageLine_new .faq .faqList .list .answer,
#pageLine_new .faq .faqList .list .question {
  display: flex;
}
#pageLine_new .faq .faqList .list .answer:before,
#pageLine_new .faq .faqList .list .question:before {
  content: "";
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 45px;
  font-weight: 700;
  width: 31px;
}
#pageLine_new .faq .faqList .list .question:before {
  content: "Q";
  color: #227E17;
}
#pageLine_new .faq .faqList .list .answer {
/*  margin-top: 15px; */
}
#pageLine_new .faq .faqList .list .answer:before {
  content: "A";
  color: #DF6820;
}
#pageLine_new .faq .faqList .list + .list {
  margin-top: 35px;
}
#pageLine_new .form {
  margin-top: 70px;
  padding: 40px;
  background: #FFF;
  margin-bottom: 80px;
}
#pageLine_new .form form + * {
  margin-top: 50px;
}
#pageLine_new .form .inner + .inner {
  margin-top: 70px;
}
#pageLine_new .form .howContact {
  margin-top: 35px;
}
#pageLine_new .form .howContact .contactTitle {
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
}
#pageLine_new .form .howContact .contactTitle:after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  background: #9C8954;
}
#pageLine_new .form .howContact .tel {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
#pageLine_new .form .howContact .tel .telNum {
  display: flex;
  font-size: 30px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}
#pageLine_new .form .howContact .tel .telNum .telIcon {
  font-size: 20px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}
#pageLine_new .form .howContact .tel .tText {
  font-size: 14px;
  font-weight: 500;
}
#pageLine_new .form .outro {
  font-size: 14px;
}
#pageLine_new .form .shop {
  margin-top: 40px;
  margin-bottom: 80px;
}
#pageLine_new .form .shop .shopTitle {
  font-size: 20px;
  font-weight: 700;
  display: flex;
  gap: 20px;
  align-items: center;
  white-space: nowrap;
  margin: auto;
  justify-content: center;
}
#pageLine_new .form .shop .shopTitle:before, #pageLine_new .form .shop .shopTitle:after {
  content: "";
  display: block;
  width: 182px;
  height: 1px;
  background: #222;
}
#pageLine_new .form .shop .shopList {
  list-style: none;
  display: flex;
  gap: 20px;
  margin-top: 40px;
}
#pageLine_new .form .shop .shopList .list {
  width: 100%;
  background: #222;
  margin: 0;
  padding: 0;
}
#pageLine_new .form .shop .shopList .list .shopInfo {
  padding: 12px 10px 12px;
}
#pageLine_new .form .shop .shopList .list .shopInfo .shopName {
  text-align: center;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
}
#pageLine_new .form .shop .shopList .list .shopInfo .shopName.nakano{
  font-size: 14px;
  margin-bottom:4px;
}
#pageLine_new .form .shop .shopList .list .shopInfo .shopAdress {
  text-align: center;
  color: #A5A5A5;
  font-size: 13px;
}
#pageLine_new .decoTitle {
  border-top: 2px solid #9C8954;
  border-bottom: 2px solid #9C8954;
  padding: 30px 0;
  position: relative;
  text-align: center;
}
#pageLine_new .decoTitle:after, #pageLine_new .decoTitle:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 1px;
  background: #9C8954;
}
#pageLine_new .decoTitle:before {
  top: 4px;
}
#pageLine_new .decoTitle:after {
  bottom: 4px;
}
#pageLine_new .decoTitle .inText {
  font-size: 35px;
  color: #9C8954;
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.5;
}
#pageLine_new .sectionMain {
  display: grid;
}
#pageLine_new .sectionMain .sectionImg,
#pageLine_new .sectionMain .sectionCatch {
  grid-row: 1/2;
  grid-column: 1/2;
}
#pageLine_new .sectionMain .sectionImg {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
#pageLine_new .sectionMain .sectionImg figure img {
  width: calc(100% - 30px);
  display: block;
}
#pageLine_new .sectionMain .sectionCatch {
  width: fit-content;
  display: flex;
  align-items: flex-end;
  transform: translateY(40px);
  margin-left: auto;
}
#pageLine_new .sectionMain .sectionCatch .inText {
  background: #4BC242;
  background: #333;
  padding: 12px 21px 16px;
  font-size: 24px;
  font-weight: 700;
  color: #FFF;
}
#pageLine_new .sectionMain.fr .sectionImg figure img {
  margin-left: auto;
}
#pageLine_new .sectionMain.fr .sectionCatch {
  margin-left: 0;
}
#pageLine_new .lineTitle {
  font-size: 35px;
  font-weight: 700;
  color: #4BC242;
  line-height: 1.57;
  text-align: center;
}
#pageLine_new .lineTitle + * {
  margin-top: 41px;
}

.sp {
  display: none;
}

div.panelRight ul.banner{padding-top:20px;}

@media screen and (min-width: 642px) {
  #pageLine_new .reason .reasonList .list .img figure.sp{display:none;}
  #pageLine_new .reason .reasonList .list .img figure.pc{display:block;}
}

@media screen and (max-width: 641px) {
  .sp {
    display: block;
  }
  .lineMain {
    width: 100%;
    height: auto;
    display: grid;
  }
  .lineMain .inMain {
    margin-top: 2vh;
    overflow: hidden;
  }
  .lineMain .inMain .imgChatch {
    width: 75%;
    transform: translateX(5vw);
    position: relative;
    z-index: 1;
    align-items: flex-start;
  }
  .lineMain .inMain .imgItem {
    transform: translateX(-25%);
    width: 80%;
  }
#pageLine_new .achievements{
    background: url(../img/pc/line2/achievements_SP.png) no-repeat left top;
    width: 95%;
	height:auto;
    aspect-ratio:69 / 22;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
	background-size: contain;
}
#pageLine_new a.banner_to_line{
    display:block;
	width: 90%;
    margin: 10vw auto 0;
}
#pageLine_new a.banner_to_line img{
    width:100%;
}

  #pageLine_new .lineStep {
    padding: 3vh 3.5vw 0;
  }
  #pageLine_new .lineStep .stepCatch {
    width: 80%;
    max-width: 185px;
  }
  #pageLine_new .lineStep .catch {
    font-size: 5vw;
  }
  #pageLine_new .lineStep .stepList .list {
    padding: 2vh 0 1vh;
  }
  #pageLine_new .lineStep .stepList .list:after {
    top: -15px;
    left: -4px;
    width: calc((117px / 2) * 0.6);
    height: calc((127px / 2) * 0.6);
  }
  #pageLine_new .lineStep .stepList .list .listName {
    font-size: 3vw;
    margin-top: 1vh;
  }
  #pageLine_new .lineStep .stepList .list .icon {
    height: calc(63px / 2);
  }
  #pageLine_new .lineStep .stepList .list:nth-of-type(1) .icon {
    width: calc(65px / 2);
  }
  #pageLine_new .lineStep .stepList .list:nth-of-type(2) .icon {
    width: calc(83px / 2);
  }
  #pageLine_new .lineStep .stepList .list:nth-of-type(3) .icon {
    width: calc(78px / 2);
  }
  #pageLine_new .lineStep .step {
    padding: 2vh 3.5vw;
    margin-top: 5vh;
  }
  #pageLine_new .lineStep .step:after {
    top: -25px;
    left: 10px;
    width: calc(194px / 4);
    height: calc(211px / 4);
  }
  #pageLine_new .lineStep .step a.btn_line{
    background: url(../img/sp/line/box02flow1addFriend.png) no-repeat;
    background-size: 100% auto;
    width: 31.72%;
    height: 0px;
    padding-top: 24.53%;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    float: right;
    margin: 2vh 0px 0px 3%;
  }
  #pageLine_new .lineStep .step .stepTitle {
    font-size: 5vw;
    border-bottom: 2px solid #4BC242;
    padding-bottom: 1.5vh;
  }
  #pageLine_new .lineStep .step .stepFlow {
    margin-top: 2vh;
  }
  #pageLine_new .lineStep .step .stepFlow .stepRead + *{
    margin-top: 5vw;
  }
  #pageLine_new .lineStep .step .stepFlow .flowItem {
    display: flex;
    gap: 1vh;
    flex-wrap: wrap;
    width: 100%;
  }
  #pageLine_new .lineStep .step .stepFlow .flowItem .imgArea,
  #pageLine_new .lineStep .step .stepFlow .flowItem .textArea {
    width: 100%;
  }
  #pageLine_new .lineStep .step .stepFlow .flowItem .textArea:before {
    width: calc(36px / 2);
    height: calc(36px / 2);
    margin-top: 4px;
  }
  #pageLine_new .lineStep .step .stepFlow .flowItem .textArea .in-text {
    font-size: 3.5vw;
    width: calc(100% - calc(50px / 2));
  }
  #pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea {
    gap: 3vw;
  }
  #pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox .bottomText {
    font-size: 3.5vw;
    padding-left: 6vw;
    word-break: break-all;
  }
  #pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox .bottomText:before {
    width: calc(36px / 2);
    height: calc(36px / 2);
    margin-top: -4px;
    top: 6px;
  }
  #pageLine_new .lineStep .step .stepFlow .flowItem .bottomArea .bottomBox .imgItem.typeQr {
    padding: 1vh calc((100% - 50% + 2vh) / 2);
    min-height: auto;
  }
  #pageLine_new .lineStep .step .stepFlow .flowItem + .flowItem {
    margin-top: 1.5vh;
    padding-top: 1.5vh;
  }
  #pageLine_new .lineStep .step .stepPhoto .photoTitle {
    font-size: 4vw;
    color: #FFF;
    background: #333;
    padding: 1vh 2vw;
  }
  #pageLine_new .lineStep .step .stepPhoto .photoList {
    gap: 2vw;
  }
  #pageLine_new .lineStep .step .stepPhoto .photoList .list .photoText {
    font-size: 3.5vw;
    margin-top: 3.5vw;
  }
  #pageLine_new .lineStep .step .stepPhoto .inTextbox .boxTitle {
    font-size: 4vw;
    padding-bottom: 1vh;
  }
  #pageLine_new .lineStep .step .stepPhoto .inTextbox .boxText {
    font-size: 3.5vw;
    font-weight: 500;
    margin-top: 1.5vh;
  }
  #pageLine_new .lineStep .stepBottom {
    display: grid;
    width: 100%;
    margin-top: 1vh;
  }
  #pageLine_new .lineStep .stepBottom .bottomText .inText {
    font-size: 5vw;
  }
  #pageLine_new .lineStep .stepBottom .bottomImg figure {
    width: 80%;
  }
  #pageLine_new .lineTitle {
    font-size: 6vw;
  }
  #pageLine_new .lineTitle + * {
    margin-top: 2vh;
  }
  #pageLine_new .orderFlow {
    padding: 1.5vw;
  }
  #pageLine_new .orderFlow .orderflowList .list .num {
    width: 35px;
    padding-top: 3.5vw;
    font-size: 3.5vw;
  }
  #pageLine_new .orderFlow .orderflowList .list .order {
    padding: 1vh;
    width: calc(100% - 35px);
  }
  #pageLine_new .orderFlow .orderflowList .list .order .orderText {
    font-size: 3.5vw;
    margin:2vw 0;
  }
  #pageLine_new .orderFlow .orderflowList .list .order .orderBox {
    flex-direction: column;
    gap: 1.5vh;
    margin-bottom: 1vh;
  }
  #pageLine_new .orderFlow .orderflowList .list .order .orderBox .box .inTitle {
    font-size: 3.8vw;
    height: 35px;
  }
  #pageLine_new .orderFlow .orderflowList .list .order .orderBox .box .inBox {
    padding: 1.5vh;
    gap: 1.5vh;
  }
  #pageLine_new .orderFlow .orderflowList .list .order .orderBox .box .inBox .orderType .ordertypeTitle {
    font-size: 3.8vw;
  }
  #pageLine_new .orderFlow .orderflowList .list .order .orderBox .box .inBox .orderType .orderBtn {
    font-size: 3vw;
    height: 30px;
    border: 1px solid #4BC242;
  }
  #pageLine_new .orderFlow .orderflowList .list .order .orderBox .box .inBox .orderType .orderBtn:after {
    top: 11px;
    right: 6px;
    width: calc(12px * 0.4);
    height: calc(12px * 0.4);
    border-top: 1px solid #4BC242;
    border-right: 1px solid #4BC242;
  }
  #pageLine_new .series {
    margin-top: 3vh;
  }
  #pageLine_new .series .seriesList {
    gap: 2vw;
    width: 100%;
    padding: 1.5vw;
  }
  #pageLine_new .series .seriesList .list {
    width: calc((100% - 2vw) / 2);
  }
  #pageLine_new .price {
    margin-top: 3vh;
  }
  #pageLine_new .price .priceMain .priceCatch .inText {
    padding: 1.5vh;
    font-size: 4vw;
  }
  #pageLine_new .price .priceTable {
    padding: 2vw;
    padding-top: 8vh;
    padding-bottom: 3vh;
  }
  #pageLine_new .price .priceTable .pricelistWrap {
    flex-direction: column;
    gap: 2vh;
  }
  #pageLine_new .price .priceTable .pricelistWrap .priceList .list {
    gap: 1vh;
  }
  #pageLine_new .price .priceTable .pricelistWrap .priceList .list + .list {
    margin-top: 1vh;
    padding-top: 1vh;
  }
  #pageLine_new .price .priceTable .pricelistWrap .priceList .list.noType {
    margin-top: 0;
    padding-top: 0;
  }
  #pageLine_new .price .priceTable .pricelistWrap .priceList + .priceList {
    padding-top: 2vh;
    border-top: 1px solid #7E7E7E;
  }
  #pageLine_new .case {
    margin-top: 3vh;
  }
  #pageLine_new .case .caseList {
    padding: 1.5vw;
  }
  #pageLine_new .case .caseList .list {
    display: block;
  }
  #pageLine_new .case .caseList .list .imgArea {
    width: 100%;
    max-width: 420px;
    margin: auto;
  }
  #pageLine_new .case .caseList .list .caseInfo {
    max-width: 100%;
    margin-left: 0;
    padding-left: 0;
    margin-top: 2vh;
  }
  #pageLine_new .case .caseList .list .caseInfo .titleArea .titleNum {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
  }
  #pageLine_new .case .caseList .list .caseInfo .titleArea .titleNum .caseEn {
    font-size: 10px;
  }
  #pageLine_new .case .caseList .list .caseInfo .titleArea .titleNum .num {
    font-size: 25px;
  }
  #pageLine_new .case .caseList .list .caseInfo .titleArea .titleName {
    width: calc(100% - 40px);
    padding-left: 2vw;
    border-left: 1px solid #333;
    font-size: 4vw;
    display: flex;
    align-items: center;
  }
  #pageLine_new .case .caseList .list .caseInfo .repair .repairItem,
  #pageLine_new .case .caseList .list .caseInfo .repair .repairTitle {
    font-size: 12px;
  }
  #pageLine_new .case .caseList .list .caseInfo .repairInfo .infoTitle {
    font-size: 3.5vw;
    width: 20vw;
    padding: 1vh;
  }
  #pageLine_new .case .caseList .list .caseInfo .repairInfo .info {
    width: calc(100% - 20vw);
    padding: 1vh;
  }
  #pageLine_new .case .caseList .list .caseInfo .repairInfo .info .text {
    font-size: 3.5vw;
  }
  #pageLine_new .case .caseList .list .caseInfo .repairInfo .info .val {
    font-size: 4vw;
  }
  #pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairVal,
  #pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairName {
    font-size: 3.5vw;
  }
  #pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairVal.premia .cate .inTxt {
    font-size: 3.5vw;
  }
  #pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .repairVal.premia .val {
    font-size: 8vw;
  }
  #pageLine_new .case .caseList .list .caseInfo .repairListwrap .repairList .item .special .contract {
    font-size: 1.5vw;
  }
  #pageLine_new .reason {
    margin-top: 3vh;
  }
  #pageLine_new .reason .reasonList {
    margin-top: 6vh;
    flex-direction: column;
    gap: 3vh;
    padding: 1.5vw;
  }
  #pageLine_new .reason .reasonList .list {
    flex-direction: column;
  }
  #pageLine_new .reason .reasonList .list .img {
    width: 100%;
    max-width: 65%;
    margin: auto;
  }
  #pageLine_new .reason .reasonList .list .img figure.pc{display:none;}
  #pageLine_new .reason .reasonList .list .img figure.sp{display:block; margin:4vw 0!important;}
  #pageLine_new .reason .reasonList .list .reasonInfo {
    width: 100%;
    padding-left: 0;
    margin-top: 1vh;
  }
  #pageLine_new .reason .reasonList .list .reasonInfo .reasonTitle {
    font-size: 5vw;
    text-align: center;
    margin-bottom:4vw;
  }
  #pageLine_new .reason .reasonList .list .reasonInfo .reasonText {
    line-height: 1.9;
    margin-top: 1vh;
    font-size: 3.5vw;
  }
  #pageLine_new .faq {
    margin-top: 3vh;
  }
  #pageLine_new .faq .faqList {
    margin-top: 6vh;
    padding: 1.5vw;
  }
  #pageLine_new .faq .faqList .list {
    padding-bottom: 3vh;
  }
  #pageLine_new .faq .faqList .list .ans,
  #pageLine_new .faq .faqList .list .ques {
    font-size: 4vw;
    margin-bottom: 1vh;
  }
  #pageLine_new .faq .faqList .list .ansText {
    font-size: 3.5vw;
  }
  #pageLine_new .faq .faqList .list .answer,
  #pageLine_new .faq .faqList .list .question {
    align-items: flex-start;
  }
  #pageLine_new .faq .faqList .list .answer :before, #pageLine_new .faq .faqList .list .answer:before,
  #pageLine_new .faq .faqList .list .question :before,
  #pageLine_new .faq .faqList .list .question:before {
    font-size: 5vw;
    width: 10vw;
  }
  #pageLine_new .faq .faqList .list .answer {
    align-items: flex-start;
  }
  #pageLine_new .faq .faqList .list .answerBox,
  #pageLine_new .faq .faqList .list .questionBox {
    width: calc(100% - 10vw);
    padding-left: 0;
    padding-top: 0;
  }
  #pageLine_new .faq .faqList .list + .list {
    margin-top: 3vh;
  }
  #pageLine_new .form {
    margin-top: 3vh;
    margin-bottom: 3vh;
    padding: 1vh 4vw;
  }
  #pageLine_new .form .howContact {
    padding: 1vh 4vw;
  }
  #pageLine_new .form .howContact .contactTitle {
    width: 100%;
    display: flex;
    gap: 4vw;
    font-size: 4vw;
  }
  #pageLine_new .form .howContact .contactText {
    font-size: 3vw;
  }
  #pageLine_new .form .howContact .tel {
    display: flex;
    align-items: flex-end;
    gap: 1vw;
  }
  #pageLine_new .form .howContact .tel .telNum {
    font-size: 6vw;
  }
  #pageLine_new .form .howContact .tel .telNum .telIcon {
    font-size: 4vw;
  }
  #pageLine_new .form .howContact .tel .tText {
    font-size: 2vw;
  }
  #pageLine_new .form .tableForm {
    width: calc(100% - 4vw);
    border: none;
    margin: auto;
    margin-top: 3vh;
    margin-bottom: 3vh;
  }
  #pageLine_new .form .tableForm tr {
    display: flex;
    flex-direction: column;
    gap: 1vh;
    margin-top: 2vh;
  }
  #pageLine_new .form .tableForm tr th,
  #pageLine_new .form .tableForm tr td {
    width: 100%;
  }
  #pageLine_new .form .tableForm tr td input[type=tel],
  #pageLine_new .form .tableForm tr td input[type=email],
  #pageLine_new .form .tableForm tr td textarea,
  #pageLine_new .form .tableForm tr th input[type=text],
  #pageLine_new .form .tableForm tr td input[type=text] {
    width: 100%;
  }
  #pageLine_new .form .shop {
    margin-top: 3vh;
  }
  #pageLine_new .form .shop .shopTitle {
    font-size: 3vw;
    gap: 20px;
  }
  #pageLine_new .form .shop .shopTitle:before, #pageLine_new .form .shop .shopTitle:after {
    width: 20vw;
  }
  #pageLine_new .form .shop .shopList {
    flex-direction: column;
    gap: 2vh;
    margin: auto;
    margin-top: 3vh;
    max-width: 250px;
  }
  #pageLine_new .entry-content .border_box {
    width: calc(100% - 4vw);
    margin: auto;
    margin-top: 2vh;
  }
  #pageLine_new .decoTitle {
    padding: 30px 0;
    width: calc(100% - 4vw);
    margin: auto;
  }
  #pageLine_new .decoTitle .inText {
    font-size: 5vw;
  }
  #pageLine_new .sectionMain .sectionCatch {
    width: 100%;
    transform: translateY(40px);
    margin-left: 0;
  }
  #pageLine_new .sectionMain .sectionCatch .inText {
    width: 100%;
    padding: 1.5vh;
    font-size: 4vw;
  }
  #pageLine_new .sectionMain .sectionImg figure img {
    width: 100%;
  }
}

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