@charset "UTF-8";
.line-sp_none{
	display: block;
}

.bg_green {
  color: #fff;
  background-color: #149e3c;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  letter-spacing: .1em;
  padding: 8px 0;
  /* margin-bottom: 35px; */
}
.merit_ttl {
  margin-top: 35px;
}
.yellow {
  color: #fffc05;
}
.sab_txt {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 50px;
}
.section {
  margin: 50px auto 0;
}
.brand_sab_txt {
  margin-top: 50px;
}
.sab_ttl {
	margin-top: 30px;
	font-size: 25px;
  font-weight: bold;
  color: #000;
  text-align: center;

}
/*メリット*/
.section_merit{
  display: flex;
  margin-top: 50px;
  justify-content: space-between;

}
.merit_img {
  width: 40%;
}
.merit_section_txt-wrp {
  padding-left: 20px;
  margin-top: 10px;
}
.merit_section_ttl {
  font-size: 30px;
  padding-bottom: 20px;
  text-align: center;
  font-weight: bold;
}
.merit_section_subttl {
  font-size: 25px;
  color: #fff;
  position: relative;
  padding: 0.6em;
  background: #149e3c;
}
.merit_section_subttl:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #149e3c;
  width: 0;
  height: 0;
}
.merit_section_txt {
  padding: 30px 20px;
  border: #149e3c solid 1px;
}

.merit_section_txt li {
  font-size: 20px;
}
/*3ステップ*/
.decoration {
  color: #fffc05;
  font-size: 40px;
}

.flow_image ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.flow_image ul li {
  width: 260px;
  position: relative;
}
.flow_image ul li::after {
  position: absolute;
  content: '';
  border-left: 11px solid #ff7d9b;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  right: -25px;
  top: 70px;
}
.flow_image ul li:last-child::after {
  content: none;
}
.flow_image ul li img {
  margin-bottom: 15px;
}

/*まずは友達にベストライフを追加*/
/* .ac_point
{
	padding-top 	: 57px;
	margin-top 		: -57px;
} */
/* #assessment .des_inner
{
	background 			: #dadada;
	padding-bottom 		: 78px;
	border-top 			: 10px solid #005d42;
} */
/* #assessment .section_inner
{
	width 				: 1110px; 
  
} */
#assessment .ass_header {
background 			: url("../../common/img/line/line_bg.png") right 0% top 50% no-repeat;
width 			: 100%;
margin 			: 0 auto;
box-sizing 		: border-box;
padding 		: 5% 30% 5% 5%;
background-size : 50% auto; 
}

#assessment .ass_header .ass_sub
{
	margin-bottom 		: 15px;
	font-size 			: 38px; 
	line-height 		: 1em;
-moz-text-shadow: 0px -8px 38px rgba(255, 255, 255, 1.83);
-webkit-text-shadow: 0px -8px 38px rgba(255, 255, 255, 1.83);
-ms-text-shadow: 0px -8px 38px rgba(255, 255, 255, 1.83);
text-shadow: 0px -8px 38px rgba(255, 255, 255, 1.83);
}
#assessment .ass_header .ass_main
{
	font-size 			: 72px;
	font-weight 		: bold;
	margin-bottom 		: 10px;
	line-height 		: 1em;
-moz-text-shadow: 0px -8px 38px rgba(255, 255, 255, 1.83);
-webkit-text-shadow: 0px -8px 38px rgba(255, 255, 255, 1.83);
-ms-text-shadow: 0px -8px 38px rgba(255, 255, 255, 1.83);
text-shadow: 0px -8px 38px rgba(255, 255, 255, 1.83);
}
.ass_input_area_img {
  width: 100%;
  height: auto;
}
#assessment .line_box .arr img
{
	width 				: 50px;
	height 				: auto; 
}

#assessment .ass_summary
{
	background 			: url("../../common/img/line/cm_icon.png") 0 50% no-repeat;
	padding 			: 0px 0px 0px 75px;
	font-size 			: 24px;
	font-weight 		: bold;
	line-height 		: 1.3em;
	margin-bottom 		: 0px; 
}
#assessment .ass_method_set
{
	letter-spacing 		: -1em; 
}
#assessment .ass_method
{
	width 				: 48%;
	display 			: inline-block;
	letter-spacing 		: normal;
	padding-top 		: 48px;
	vertical-align 		: top;
	font-size 			: 18px;
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
	
}
#assessment .ass_method.m01
{
	background 			: #31ae36 url("../../common/img/line/how01.png") top -3px center no-repeat;
	margin-right 		: 2%; 
}
#assessment .ass_method.m02
{
	background 			: #871b2f url("../../common/img/line/how02.png") top -3px center no-repeat;
}
#assessment .ass_method_inner
{
	background 			: #FFF;
	padding 			: 23px;
	text-align 			: left;
}
#assessment .ass_img
{
	margin-bottom 		: 30px; 
}
#assessment .ass_method_title
{
	display 			: table;
	margin-bottom 		: 20px;
	width 				: 100%; 
}
#assessment .ass_method_title span
{
	display 			: table-cell;
	font-size 			: 30px;
	font-weight 		: bold;
	border-bottom 		: 1px #CCC solid;
	padding 			: 0px 5px 15px 5px;
	vertical-align 		: middle;
}
#assessment .ass_method_title span:icon
{
	padding-right 		: 15px; 
}
#assessment .qr_area
{
	background 			: #e8e8e8 url("../../common/img/line/btn_icon02.png") right 15px bottom 15px no-repeat;
	display 			: table;
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
width  					: 100%;
	text-decoration 	: none;
	color 				: #333;
}
#assessment .qr_area:hover
{
	background 			: #EEE url("../../common/img/line/btn_icon02.png") right 15px bottom 15px no-repeat;
}


#assessment .qr_area .qr,
#assessment .qr_area .qr_text
{
	display: table-cell;
	vertical-align: middle;
	padding 			: 10px; 
}
#assessment .qr_area .qr
{
	width 				: 115px;  
}
#assessment .qr_area .qr_text
{
	font-size 				: 24px;
	font-weight 			: bold;
}
#assessment .app_download,
#assessment .app_download dt,
#assessment .app_download dd
{
	margin 					: 0px;
	padding 				: 0px;
	list-style 				: none;
}
#assessment .app_download dt
{
	background 				: url("../../common/img/line/app_point_icon.gif") 0px 50% no-repeat;
	padding-left 			: 20px;
	font-weight 			: bold;
	margin-bottom 			: 5px; 
}
#assessment .app_download dd
{
	display 				: inline-block;
	vertical-align 			: middle;
	margin 					: 0px 1.5px; 
}
#assessment .app_download dd a:hover
{
	opacity 				: 0.9;
}

#assessment .ass_input_area
{
	background 				: #FFF;
	border-radius 			: 3px;
-webkit-border-radius 		: 3px;
-moz-border-radius 			: 3px;
		display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	justify-content: space-between;
 	-ms-flex-pack: justify;
   padding-top: 0;
   margin-top: 20px;
}
#assessment .ass_input_area_inner
{
	/* padding 			: 25px;  */
  width: 80%;
}
#assessment .ass_input_area_inner .line_box
{
	background 			: #e8e8e8;
	border-radius 		: 3px;
-webkit-border-radius 	: 3px;
-moz-border-radius 		: 3px;
padding 				: 20px; 
}
#assessment .line_box .line_box_title
{
	border-radius 		: 30px;
-webkit-border-radius 	: 30px;
-moz-border-radius 		: 30px;
	color 				: #FFF;
	font-size 			: 28px;
	text-align 			: center;
	margin-bottom 		: 20px;
	background 			: #31ae36;
	font-weight 		: bold;
}
#assessment .ass_input_area_inner .line_box .line_catch
{
	margin-bottom 		: 20px; 
}


#assessment .line_box .line_box_cont
{
	margin-bottom 		: 15px;
	background 			: url("../../common/img/line/line_icon.png") left 0px top 50% no-repeat;
	padding-left 		: 110px;
	text-align 			: left;
	font-size 			: 18px; 
}
#assessment .line_box .arr
{
	text-align 			: center;
	margin-bottom 		: 15px
}

#assessment .line_qr_sp
{
	display: none;
}


#assessment .line_qr
{
	background 			: #f9f8f7;
	border-radius 		: 3px;
-webkit-border-radius 	: 3px;
-moz-border-radius 		: 3px;
	padding 			: 10px; 
	display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row nowrap;
 	-ms-flex-flow 	: row nowrap;
	justify-content: space-between;
 	-ms-flex-pack: justify;
	-webkit-box-align 		: center;
	    -ms-flex-align 		: center;
	        align-items 		: center;
	color 				: #333; 
}
#assessment .line_qr .qr_text
{
	font-size 			: 24px;
	font-weight 		: bold;
	text-align 			: left;
	line-height 		: 1.2;
	margin-left 		: 15px; 
}
/*友達追加*/
.qr_wrp {
	margin-top: 30px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
} 
.qr_item {
	position: relative;
	width: 30%;
	border: #149e3c solid 1px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
.qr_item img {
	padding: auto;
	padding: 40px;
	width: 60%;
	padding-bottom: 10px;
	height: auto;
	align-items: center;
	text-align: center;
	margin: 0 auto;
}

.qr_tti_item {
	height: 30px;
	background: #149e3c;
	padding: 10px 0px;
	width: 100%;
}
.id_tti_item {
	height: 30px;
	background: #149e3c;
	padding: 10px 0px;
	width: 100%;
}

.qr_tti_txt {
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	align-items: center;
}
.id_wrp {
	width: 60%;
	border: #149e3c solid 1px;

}
.two_wrp {
	height: auto;
	padding-top: 15%;
}
.two_txt {
	font-size: 30px;
	font-weight: bold;
}
.qr_txt {
	width: 85%;
	font-size: 16px;
 margin-bottom: 20px;
}
/*ライン*/
.line_id-wrp {
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
}

/*撮影ポイント*/
.filmingpoint_wrp {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1140px;
    margin: 0 auto;
}
.filmingpoint {
	width: 48%;
	margin-bottom: 20px;
}
.filmingpoint_ttl {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	color: #3e3a39;
	/* padding: 0 65px; */
  /* text-align: center; */
	margin-bottom: 10px;
}
.filmingpoint_ttl::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #e8e8e8;
}

.filmingpoint_ttl span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}
.filmingpoint_txt {
	font-size: 18px;
	font-weight: bold;
	margin: 30px auto;
	text-align: center;
}
/*撮影ポイント*/
/*ボタン*/
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.id_btn{
  /* -webkit-box-sizing: border-box;
  box-sizing: border-box; */
  font-size: 62.5%;
	padding: 30px;
}

.btn,
a.btn,
button.btn {
	/* -webkit-box-sizing: inherit;
  box-sizing: inherit; */
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-tag {
	/* -webkit-box-sizing: inherit;
  box-sizing: inherit; */
  padding: 1.25rem 3rem 1.25rem 80px;
}

a.btn-tag:before {
	/* -webkit-box-sizing: inherit;
  box-sizing: inherit; */
  position: absolute;
  top: 0;
  left: 0;

  width: 50px;
  height: 100%;

  content: "";

  border-radius: 0.5rem 0 0 0.5rem;
}

a.btn-tag--comment {
	-webkit-box-sizing: inherit;
  box-sizing: inherit;

  padding-left: calc(70px + 3rem);
  color: #3e3a39;
  background: #fffc05;
	border: #3e3a39 solid;
}

a.btn-tag--comment span {
	/* -webkit-box-sizing: inherit;
  box-sizing: inherit; */

  font-size: 120%;
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 100%;
  /* padding: 1rem 0; */
  text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;

  letter-spacing: 0;
  color: #3e3a39;
  border-radius: 0.5rem 0 0 0.5rem;
  background: #fff;
}

a.btn-tag--comment:after {
	/* -webkit-box-sizing: inherit;
  box-sizing: inherit; */
  position: absolute;
  top: calc(50% - 5px);
  left: 69.98px;
  width: 0;
  height: 0;
  content: "";
  border-width: 5px 0 5px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

a.btn-tag--comment:hover {
  background: #fcfa96;
}
.id_tti_item:hover {
  background: #18bb46;
}
/*ボタン*/

.step_img {
	width: 100% !important;
}

/*買取の流れ*/
.flow {
  margin: 50px auto;
}
.flow h2.bg_pink {
  color: #fff;
  background-color: #ff7d9b;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  letter-spacing: .1em;
  padding: 8px 0;
  margin-bottom: 35px;
}
.flow .flow_image {
  margin-bottom: 40px;
}
.flow .flow_image ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.flow .flow_image ul li {
  /* width: 145px; */
	width: 270px;
  position: relative;
}
.flow .flow_image ul li::after {
  position: absolute;
  content: '';
  border-left: 11px solid #ff7d9b;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  /* right: -25px; */
  /* top: 70px; */
	top: 100px;
}
.flow .flow_image ul li:last-child::after {
  content: none;
}
.flow .flow_image ul li img {
  margin-bottom: 15px;
}
.flow .faq_list ul li {
  font-size: 18px;
  font-weight: bold;
  padding-left: 65px;
  margin-bottom: 30px;
  position: relative;
}
.flow .faq_list ul li::before {
  position: absolute;
  content: '';
  background: url("../img/trip/icon_pink.png") no-repeat;
  background-size: 53px;
  width: 53px;
  height: 53px;
  left: 0;
}
.flow .faq_list ul li span {
  color: #ff7d9b;
  display: block;
}
.flow .menkyo {
  border: 1px solid #b4b4b5;
  margin: 50px auto 70px;
}
.flow .menkyo p.__title {
  font-size: 20px;
  color: #e73828;
  font-weight: bold;
  display: block;
  border-bottom: 1px solid #b4b4b5;
  padding: 20px 35px;
}
.flow .menkyo .copy {
  padding: 20px 35px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.flow .menkyo .copy p {
  font-size: 14px;
  line-height: 1.8;
}
.flow .menkyo .copy img {
  width: 220px;
}

/*店頭買取の選ばれる理由*/
.reason {
  margin: 50px auto;
}
.reason h2 {
  font-size: 30px;
  color: #000;
  text-align: center;
  font-weight: bold;
  letter-spacing: .1em;
}
.reason .image_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 30px auto;
}
/*ラインページの3つのステップ*/
.reason .line-image_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 30px auto;
}
.reason .line-image_box img {
  width: 31%;
}

/*選べる買取方法*/
.omakase_btn {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 30px;
}
  .contact_category_bg_pink {
    color: #fff;
    background-color: #ff7d9b;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    letter-spacing: .1em;
    padding: 8px 0;
    margin-bottom: 35px;
  }
  .line_button {
    background: url("../img/line/button_line_pc.png") no-repeat;
    background-size: 683px 262px;
    width: 683px;
    max-width: 100%;
    height: 262px;
    margin: 0 auto;
    transition: .2s;
    /* margin-top: 50px; */
  }
  .line_button:hover {
    transform: rotate(-2deg) scale(1.1);
  }
  .brand_item_wrp {
    margin: 30px auto;
    height: auto;
    background: #e8e8e8e8;
    padding: 30px
  }
  
  #page.in.trip .container.bg_pink .brand .gallery_line {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    /* margin: 30px auto; */
    /* background: #e8e8e8e8; */
    /* padding: 30px */
  }
  #page.in.trip .container.bg_pink .brand .gallery_line img {
    width: 110px;
    height: auto;
    margin: 15px 17px 0 0;
  }
  .area_wrp {
    margin-bottom: 30px;
  }
  .area_item strong {
    background: #ff7d9b;
    padding: 2px;
    margin: 10px 0 5px;
    color: #fff;
  }

  .reason_ttl {
    font-size: 30px;
    color: #000;
    text-align: center;
    font-weight: bold;
    letter-spacing: .1em;
  } 
  .web_yoyaku {
    color: #000;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    margin: 0 auto 15px;
    display: inline-block;
  }
  .telephonereservation {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin: 30px auto 20px;
  }
  #page.in.trip .container.bg_pink h2.area_title {
    color: #fff;
    font-size: 26px;
    background-color: #000;
    padding: 10px 20px;
    margin-bottom: 25px;
  }
  #page.in.trip .container.bg_pink h2.area_title span {
    font-size: 16px;
  }
  #page.in.trip .container.bg_pink .select h2.heading_pink {
    color: #ff7d9b;
    font-size: 26px;
    font-weight: bold;
    padding-left: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ff7d9b;
    position: relative;
    margin-bottom: 40px;
    line-height: 36px;
    letter-spacing: .1em;
  }
  #page.in.trip .container.bg_pink .select h2.heading_pink::before {
    position: absolute;
    content: '';
    background-color: #ff7d9b;
    width: 5px;
    height: 36px;
    left: 0;
  }
  .line_section_title {
    border-top: 5px solid #149e3c;
    /* padding: 30px 0; */
  }
  .line_section_title h2 {
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
  }
  #application .line_area_list,
#application .line_area_list li
{
	padding 			: 0px; 
	margin 				: 0px;
	list-style 			: none;
}
#application .line_area_list
{
	display 	: flex;
 	display 	: -ms-flexbox;
 	flex-flow 		: row wrap;
 	-ms-flex-flow 	: row wrap;

}
#application .line_area_list li
{
	width 				: 31%;
	background: rgba(255, 255, 255, 0.726);
	border-bottom 		: 4px solid #149e3c;
	margin		: 0% 1% 15px;
}

  #application .line_area_list li a
{
	/* padding 			: 10px 15px 20px; */
	background 			: url("../img/line/line_arrow_bottom_m.png") bottom 10px center no-repeat;
	text-decoration 	: none;
	/* color 				: #e7c77e; */
	color: #303030;
	font-weight 		: bold;
	text-align 		: center;
	line-height 		: 1.2;
	min-height 			:90px;
	display 	 			: flex;
 	display 	 			: -ms-flexbox;
	-webkit-box-align 		: center;
	    -ms-flex-align 		: center;
	        align-items 	: center;
	text-align 				: center;
	width 					: 100%; 
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	transition: all 0.5s ease;	
}
#application .line_area_list li a:hover
{
	background 			: url("../img/line/line_arrow_bottom_m.png") bottom 0px center no-repeat;
	background-color 	: rgba(255,255,255,0.2);
}

  
/*元ベースのブレイクポイント*/
@media screen and (max-width: 940px) {
  .reason h2 {
    font-size: 20px;

  }
	.line-sp_none{
		display: none;
	}
	
  .bg_green {
    font-size: 22px;
    padding: 8px 0;
    margin-bottom: 35px;
  }
  .sab_txt {
    font-size: 14px;
  }
  .section {
    margin: 30px auto 0;
  }
  .merit_section_ttl {
    font-size: 20px;
  }

  /*3つのステップ*/
  .flow_image ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column;
  }
  .flow_image ul li {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
  }
  .flow_image ul li::after {
    position: absolute;
    content: '';
    border-top: 8px solid #ff7d9b;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    right: inherit;
    left: 30px;
    top: 85px;
  }
  .flow_image ul li:last-child::after {
    content: none;
  }
  .flow_image ul li img {
    width: 70px;
    margin-right: 20px;
    margin-bottom: 15px;
  }

	/*撮影のポイント*/
	.filmingpoint_sp dl {
		width: 1000px;
		margin: auto;
	}
	.filmingpoint_sp_sub dl {
		width: 100% !important;
	}
	
	.filmingpoint_sp{ padding-bottom: 40px;}
	.filmingpoint_sp dl{
		width: 100%;
		margin: auto;
		margin-bottom: 20px;
	
	}
	.filmingpoint_sp dt{
		/* background: #ecebe5 url('../img/faq/faq_q.png') no-repeat; */
		background: #e8e8e8;
		color: #3e3a39;
		font-weight: bold;
		background-position: 20px 20px;
		padding: 27px;
		/* padding-left: 85px; */
		padding-right: 60px;
		min-height: 80px;
		box-sizing: border-box;
		position: relative;
    border-bottom: 4px solid #149e3c;
	}
	.filmingpoint_sp dt:after{
		content: '';
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		right: 20px;
		top: 25px;
		background: url('../img/faq/faq_plus.png') no-repeat;
		cursor: pointer;
	}
	/* .filmingpoint_sp dt.open:after{
		background: url('../img/faq/faq_min.png') no-repeat;
	} */
	.filmingpoint_sp dd{
		/* background: url('../img/faq/faq_a.png') no-repeat; */
		background-position: 20px 20px;
		height: 0px;
		/* padding: 0px 20px; */
		padding: 0px;
		/* padding-left: 85px; */
		overflow: hidden;
		transition-duration: 0.5s;
	}
	.filmingpoint_sp .open + dd{
		/* padding: 20px; */
		padding: 0px;
		margin-top: 3px;
		height: auto;
		padding-bottom: 30px;
		/* padding-left: 85px; */
		
	}
	.filmingpoint_sp:first-of-type dd{
		display: block;
	}

	.qr_item {
		margin-bottom: 20px;
	}
	/*買取の流れ*/
	.flow {
    margin: 50px auto;
  }
  .flow h3.bg_pink {
    font-size: 15px;
    padding: 8px 0;
    margin-bottom: 35px;
  }
  .contact_category_bg_pink {
    font-size: 15px;
    padding: 8px 0;
    margin-bottom: 35px;
  }

  .flow .flow_image {
    margin-bottom: 10px;
  }
  .flow .flow_image ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column;
  }
  .flow .flow_image ul li {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
  }
  .flow .flow_image ul li::after {
    position: absolute;
    content: '';
    border-top: 8px solid #ff7d9b;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    right: inherit;
    left: 30px;
    /* top: 85px; */
    top: 110px;
  }
  .flow .flow_image ul li:last-child::after {
    content: none;
  }
  .flow .flow_image ul li img {
    /* width: 70px; */
    width: 100px;
    margin-right: 20px;
    margin-bottom: 15px;
  }
  .flow .faq_list ul li {
    font-size: 14px;
    padding-left: 50px;
    margin-bottom: 20px;
  }
  .flow .faq_list ul li::before {
    background-size: 38px;
    width: 38px;
    height: 38px;
    /* top: 50%; */
    top: 20%;
    transform: translateY(-50%);
  }
  .flow .menkyo {
    border: 1px solid #b4b4b5;
    margin: 50px auto 70px;
  }
  .flow .menkyo p.__title {
    font-size: 17px;
    text-align: center;
    padding: 15px 25px;
  }
  .flow .menkyo .copy {
    padding: 15px;
    flex-flow: column-reverse;
    align-items: center;
  }
  .flow .menkyo .copy p {
    font-size: 12px;
    line-height: 1.8;
  }
  .flow .menkyo .copy img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
	/*店頭買取の3つの理由*/
	.reason {
    margin: 30px auto;
  }
  .reason p {
    font-size: 20px;
  }
  .reason .image_box {
    /* flex-flow: column; */
    margin: 30px auto;
  }
  .reason .image_box img {
    width: 50%;
    display: flex;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .line_button {
    background: url("../img/line/button_line_sp.png") no-repeat;
    background-size: 275px 120px;
    background-position: center;
    width: 275px;
    height: 120px;
    transition: all .5s;
  }
  .line_button:hover {
    transition: all .2s;
    transform: rotate(-2deg) scale(1.1);
  }

  .dsp-block img {
    margin-bottom: 20px;
  }
  .brand_item_wrp {
    margin: 30px auto;
    height: auto;
    background: #e8e8e8e8;
    padding: 10px
  }

  #page.in.trip .container.bg_pink .brand .gallery_line {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 10px auto;
    padding: 10px
    
  }
  #page.in.trip .container.bg_pink .brand .gallery_line img {
    width: 30%;
    margin: 10px 2% 0 0;
  }
  .brand_sab_txt {
    margin-top: 30px;
  }
  .sab_txt {
    margin-bottom: 0px;
  }
  .qr_txt {
    font-size: 18px;
  }
  /*ライン3つのステップ*/
  .reason .line-image_box {
    flex-flow: column;
    margin: 30px auto;
  }
  .reason .line-image_box img {
    width: 100%;
    display: flex;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  
  /*3つのステップ*/
  .line_step_parts {
    display: flex;
    width: 100%;
    border-top: 1px #000 dotted;
    padding-top: 20px;

  }
  .line_step_parts h3 {
    width: 164px;
  }
  .step_img_sp {
    width: 100%;
  }
  .line_step_ttl{
    font-size: 18px;
  }


  .line_step_txt{
    width: 100%;
    margin-left: 40px;
    font-size: 30px;
  }
  .line_step_txt-ttl {
    font-size: 4rem;
    background-color: #fffc05;
    padding: 5px;
    font-weight: bold;
  }
  .merit_img_sp img {
    width: 100%;
    margin-top: 20px;
  }
  .merit_section_txt-wrp {
    padding-left: 0;
  }
  .merit_section_txt {
    padding: 20px 16px 15px;
  }
  .mt0 {
    margin-top: 0px;
  }
  /* .filmingpoint_sp dt:before {
    content:url("../img/line/watch.png")
  } */
  .reason_ttl {
    font-size: 20px;
  }
  .telephonereservation {
    font-size: 14px;
    font-weight: bold;
    margin: 30px auto 20px;
  }
  #page.in.trip .container.bg_pink h2.area_title {
    font-size: 20px;
    padding: 10px 20px;
    margin-bottom: 25px;
  }
  #page.in.trip .container.bg_pink h2.area_title span {
    font-size: 13px;
  }
  #page.in.trip .container.bg_pink .select h2.heading_pink {
    font-size: 18px;
    padding-left: 15px;
    padding-bottom: 8px;
    margin-bottom: 25px;
    line-height: 26px;
  }
  #page.in.trip .container.bg_pink .select h2.heading_pink::before {
    width: 3px;
    height: 26px;
  }



}


/*768以下の指定（タブレット）*/
@media screen and (max-width: 768px) {
  .mt30 {
    margin-top: 30px;
  }
  .section_merit {
    display: block;
  }
  .ac_point
{
	padding-top 	: 70px;
	margin-top 		: -70px;
}
#assessment .section_inner
{
	width:100%;
	box-sizing: border-box;
}
#assessment .ass_header
{
	width 			: 100%;
	/* background 			: url("../../common/img/line/line_bg.png") right -40% top 80% no-repeat; */
  background: none;
  
	margin 			: 0 auto;
	box-sizing 		: border-box;
	/* padding 		: 5% 30% 5% 5%; */
	padding: 0;
	background-size : 50% auto; 
  margin-top: 30px;
}
#assessment .line_box .arr
{
	margin-bottom 		: 30px
}
#assessment .ass_header .ass_main
{
	font-size 		: 42px; 
}
#assessment .ass_input_area_inner
{
	padding 			: 25px; 
  width: 90%;
}

#assessment .ass_header .ass_sub
{
	font-size 		: 26px; 
}
#assessment .ass_img
{
	width 			: 90%;
	margin 			: 0 auto 20px; 
}
#assessment .ass_method_set
{
	width 			: 90%;
	margin 			: 0 auto; 
}
#assessment .ass_method_title span
{
	font-size 		: 28px;
	line-height 	: 1.3em; 
}
#assessment .ass_method_title span.icon
{
	width 			: 30%; 
}
#assessment .ass_method_title
{
	margin-bottom 	: 10px; 
}
#assessment .qr_area .qr_text
{
	font-size 		: 16px; 
}
#assessment .qr_area .qr_text br
{
	display 		: none;
}

#assessment .qr_area .qr
{
	width 			: 30%; 
}
#assessment .app_download dd
{
	width 			: 47%;
		display				: -moz-inline-box;
    display				: inline-block;
    /* /display			: inline; */
    /* /zoom				: 1; */
    vertical-align 		: top;
}
#assessment .des_inner
{
	padding-bottom 		: 42px; 
}

#assessment .line_qr
{
	display: none;
}
#assessment .line_qr_sp
{
	display: block;
}
#assessment .line_qr_sp a
{
	display 	: block;
	font-size 	: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #555;
	background 		: #FFF url("../../common/img/line/btn_icon02.png") right 15px top 50% no-repeat;
	padding 		: 15px 30px 15px 15px;
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
    box-shadow: rgb(0 0 0 / 5%) 0px 0px 1px 3px;
    border: 1px #CCC solid;
	border-bottom 		: 3px solid #31ae36; 
}
#assessment .line_qr_sp a span
{
	color 			: #31ae36; 
}

#assessment .ass_input_area
{
	text-align 		: center;
	display 		: block;
	background 		: #dadada; 
}
#assessment .ass_input_area > img
{
	background 		: #FFF;
	padding-right 	: 30px; 
}
#assessment .line_box .line_box_cont
{
	background-size 	: 60px auto;
	padding-left 		: 70px;
	margin-bottom 		: 20px; 
}
#assessment .line_box .arr img
{
	width 				: 50px;
	height 				: auto; 
}
/*メリット*/
.section_merit{
  display: block;
  margin-top: 0;
}
.merit_img {
  width: 60%;
	margin: 0 auto;
}
.merit_section_subttl {
  font-size: 20px;
  padding: 0.6em;
}
.merit_section_txt-wrp {
	padding: 8px 0;
}

.step_img {
	width: 100% ;
}
.qr_wrp {
	display: block;
}
.qr_item {
	width: 100%;
}
.id_wrp {
	width: 100%;
}
.reason .image_box img {
width: 100%;
}
/*ライン_3つの理由*/
.line_step_txt-ttl {
  font-size: 3rem;
}
.merit_section_txt {
  padding: 20px 10px 15px;
}
.bg_green {
  margin-bottom: 0;

}
#application .app_cta_area .area_kanto {
  /* background: url("../img/bg_yellow.jpg") repeat center top; */
  background: none;
  background-color: #e1d7ce;
  border-left:#cdbaad solid 1px;
  border-right:#cdbaad solid 1px;
}

#application .app_cta_area .area_kansai {
  /* background: url("../img/bg_yellow.jpg") repeat center top; */
  background: none;
  background-color: #e1d7ce;
  border-left:#cdbaad solid 1px;
  border-right:#cdbaad solid 1px;

}
#application .line_area_list {
  justify-content: space-around;
}

#application .line_area_list li {
  width: 100%;
}
#application .line_area_list li a {
  min-height: 75px;
}




}

/*480以下の指定（スマホ横)*/
@media screen and (max-width: 480px) {
  .ac_point
  {
    padding-top 	: 60px;
    margin-top 		: -60px;
  }
  #assessment .ass_header .ass_main
{
	font-size 	: 24px;
}
#assessment .ass_header .ass_sub
{
	font-size: 16px;
	margin-bottom 	: 5px; 
}
#assessment .ass_summary
{
	font-size: 14px;
	background-size: 50px auto;
	padding-left 	: 60px; 
}
#assessment .ass_header .ass_main
{
	border-bottom: 1px #000 dotted;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#assessment .ass_method
{
	display 			: block;
	margin 				: 0px 0px 10px;
	width 				: 100%;
	font-size 			: 14px;
}
#assessment .ass_method_inner
{
	padding 			: 15px; 
}
#assessment .ass_method.m01,
#assessment .ass_method.m02
{
	background-size 	: 60px auto;
	background-position 	: top -3px center;
	padding-top 			: 45px; 
}
#assessment .ass_method_title span.icon
{
	width 				: 80px; 
}
#assessment .ass_method_title span
{
	font-size 			: 22px; 
}
#assessment .des_inner
{
	padding-bottom 		: 32px; 
}
#assessment .line_qr .qr_text
{
	font-size 			: 16px; 
}
#assessment .line_qr_sp a
{
	font-size 			: 20px;
	text-align 			: left;
	line-height 		: 1.2; 
}
#assessment .line_box .line_box_cont,
#assessment .line_box .arr
{
	margin-bottom 		: 10px; 
}
#assessment .qr_area .qr_text
{
	padding-left: 0px;
	font-size: 14px;
}
#assessment .qr_area
{
	background-size: 20px auto;
}
#assessment .line_box .line_box_title
{
	font-size 			: 24px; 
}
#assessment .des_inner
{
	padding-bottom 		: 0px; 
}
.line_step_txt-ttl {
  font-size: 2rem;
}
.line_step_txt{
  font-size: 20px;
}





}