@charset "UTF-8";
/* Scss Document */
#container:after, .body-return .main__inner:after, .flow ol:after, .payee ul:after, .body-about .main__inner:after, .body-about .key ul:after, .body-course .main__inner:after, .body-faq .main__inner:after, .body-faq .key:after, .body-iqos .main__inner:after, .cv_area:after, .body-iqos .reviewer:after {
  clear: both;
  content: "";
  display: block;
}

.bg_gradient, .main_content {
  background: url(/user_data/img/iqostemp_new_02/common/main_content_bg.png) repeat-x bottom left #fff;
  padding-bottom: 46px;
}

.refund {
  text-align: center;
}

/** ========================================

 */
.body-return .main__inner {
  margin: 0 auto;
  width: 1000px;
  list-style: none;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.body-return .main__inner .key {
  margin-bottom: 32px;
}
.body-return .main__inner .sub__guide__heading {
  color: #FFF;
}

.flow {
  padding-bottom: 37px;
}

.flow ol {
  margin: 30px 38px 15px;
  list-style: none;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.flow ol li {
  float: left;
  background: url(/user_data/img/iqostemp_new_02/return/flow_arrow.png) no-repeat right center;
  padding-right: 17px;
  font-size: 0.95rem;
  line-height: 1.54;
}
.flow ol li:last-child {
  background: none;
  padding-right: 0px;
}
.flow ol li .flow_box {
  width: 210px;
  border-radius: 10px;
  background-color: #ecf7f6;
  border: #07918c solid 2px;
  padding: 6px 6px 10px;
  box-sizing: border-box;
}
.flow ol li .flow_box .flow_tel {
  margin: 15px 0px 0px;
}
.flow ol li .flow_box strong {
  color: #07918c;
}
.flow__note {
	font-size:11px;
	text-indent:-1em;
	margin-left:1em;
	color:#CF0900;
}

.payee {
  border: #c8d8d7 solid 4px;
  padding: 12px;
  width: 660px;
  box-sizing: border-box;
  margin: 0 auto;
}
.payee.np {
}
.np_in{
	padding: 15px 10px 0;
}
.np_in p{
	line-height: 1.4;
	margin-bottom: 1.2rem;
}
.payee h3 {
  border-bottom: #dddddd solid 1px;
  text-align: center;
  padding-bottom: 7px;
  font-size: 17px;
}
.payee ul {
  padding: 0;
  position: relative;
}
.payee ul li {
  float: left;
  width: 53%;
  background: url(/user_data/img/iqostemp_new_02/return/arrow.png) no-repeat left -3px;
  padding-left: 24px;
  box-sizing: border-box;
  list-style: none;
  font-size: 13px;
}
.payee ul li:nth-child(even) {
  width: 40%;
}

.read_me {
  padding-bottom: 37px;
}
.read_me ul {
  width: 700px;
  margin: 33px auto 40px;
  box-sizing: border-box;
}
.read_me ul li {
  line-height: 1.3;
  margin-bottom: 0.9rem;
}
.read_me ul li span {
  font-size: 0.8rem;
}
.read_me .tel {
  text-align: center;
}
.read_me ul li strong {
	color: #07918c;
}

/** ========================================
 *  about
 */
.body-about .main__inner {
  margin: 0 auto;
  width: 1000px;
  list-style: none;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.body-about .key {
  background: #000;
}
.body-about .key ul {
  padding: 0;
  margin: 0;
}
.body-about .key ul li {
  list-style: none;
  color: #FFF;
  float: left;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}

.concept {
  margin-bottom: 48px;
}

.concept__content h3 {
  margin-bottom: 19px;
}
.concept__content .lead {
  margin-bottom: 23px;
}
.concept__note {
	text-align:right;
	font-size:12px;
}
.concept__content strong {
  color: #07918c;
}
.concept__content .content_text {
  width: 660px;
  margin: 0 auto;
  padding-bottom: 35px;
}
.concept__content .concept_box {
  margin-top: 30px;
  background: url(/user_data/img/iqostemp_new_02/about/concept_bg.png) no-repeat top center #191919;
  padding: 16px;
}
.concept__content .concept_box strong {
  color: #23e2d6;
}
.concept__content .concept_box h4 {
  text-align: center;
  margin-bottom: 15px;
}
.concept__content .concept_box p {
  margin: 0 10px 25px;
  color: #FFF;
}
.concept__content .concept_box p.img {
  text-align: center;
  margin: 0 0px 25px;
}
.concept__content .concept_box p:last-child {
  margin-bottom: 0;
}

/** ========================================
 *  course
 */
.body-course .main__inner {
  margin: 0 auto;
  width: 1000px;
  list-style: none;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.body-course .cv {
  width: 660px;
  margin: 0 auto;
  position: relative;
}
.body-course .cv a {
  position: absolute;
  top: 289px;
  right: 15px;
  display: inline-block;
}
.body-course .cv a img {
  transition: .2s opacity linear 0s;
}
.body-course .cv a img:hover {
  opacity: 0.8;
}
.body-course .refund {
  text-align: center;
}

.teiki_about ul {
  margin: 0;
  padding: 0;
}
.teiki_about li {
  margin-bottom: 49px;
  list-style: none;
  min-height: 320px;
	position:relative;
}
.teiki_about li {
  margin-bottom: 49px;
  list-style: none;
  min-height: 320px;
	position:relative;
}
.teiki_about__img {
	position:absolute;
	top:100px;
	right:0;
}
.teiki_about li p {
  padding-left: 40px;
  width: 365px;
  box-sizing: border-box;
}
.teiki_about li h3 {
  margin-bottom: 15px;
}
.teiki_about li:first-child {
  margin-bottom: 0;
}
.teiki_about li:first-child h3 {
  margin-bottom: 0;
}
.teiki_about li:nth-child(2) p {
  width: 100%;
}
.teiki_about li:nth-child(3) {
  background: url(/user_data/img/iqostemp_new_02/course/about03_img.png) no-repeat right 100px;
  margin-bottom: 0;
}
.teiki_about li:nth-child(4) {
  background: url(/user_data/img/iqostemp_new_02/course/about04_img.png) no-repeat right 100px;
}
.teiki_about li span {
  font-size: 0.8rem;
  display: block;
  margin: 10px 0;
  line-height: 1.3;
}

/** ========================================
 *  faq

 */
.body-faq .main__inner {
  margin: 0 auto;
  width: 1000px;
  list-style: none;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.body-faq .tel {
  text-align: center;
}

.body-faq .key {
  background: url(/user_data/img/iqostemp_new_02/faq/faq_bg.png) no-repeat top center #e9f3f4;
  color: #0a8a88;
  padding: 45px 38px 30px;
}
.body-faq .key ul {
  padding: 0;
  width: 50%;
  box-sizing: border-box;
  margin-top: 35px;
}
.body-faq .key ul:nth-child(odd) {
  float: right;
}
.body-faq .key ul:nth-child(even) {
  float: left;
}
.body-faq .key ul li {
  background: url(/user_data/img/iqostemp_new_02/faq/arrow_q_s.png) no-repeat left 7px;
  padding-left: 24px;
  list-style: none;
  margin-bottom: 5px;
  box-sizing: border-box;
}
.body-faq .key ul li a {
  color: #0a8a88;
}

dl.answer_list {
  width: 660px;
  margin: 40px auto;
}
dl.answer_list dt {
  color: #0a8a88;
  font-weight: bold;
  font-size: 1.42857rem;
  background: url(/user_data/img/iqostemp_new_02/faq/arrow_q.png) no-repeat left 3px;
  padding-left: 34px;
  padding-bottom: 15px;
}
dl.answer_list dd {
  background: url(/user_data/img/iqostemp_new_02/faq/arrow_a.png) no-repeat left 4px;
  border-bottom: #dddddd solid 1px;
  padding: 0 0 0 34px;
  margin: 0 0 32px;
}
dl.answer_list dd a {
  color: #0a8a80;
}
dl.answer_list dd a:hover {
  color: #0bb5af;
}
dl.answer_list dd span {
  font-size: 0.9rem;
}
dl.answer_list dd:last-child {
  border-bottom: none;
}
dl.answer_list dd .listTop {
  margin: 15px 0px;
  text-align: right;
}
dl.answer_list dd .listTop a {
  color: #07918c;
  text-decoration: none;
  border: #07918c solid 1px;
  border-radius: 3px;
  line-height: 20px;
  height: 20px;
  font-size: 0.8rem;
  width: 80px;
  text-align: center;
  display: inline-block;
  transition: all 0.5s linear;
  position: relative;
  padding-left: 8px;
}
dl.answer_list dd .listTop a:hover {
  /*				background:#07918c ;
  				color: #FFF;*/
}
dl.answer_list dd .listTop a:before {
  border: 5px solid transparent;
  border-bottom-color: #07918c;
  border-top-width: 0;
  width: 0;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
  top: 6px;
}
dl.answer_list dd .listTop a:before:hover {
  border: 5px solid transparent;
}

/** ========================================
 * iqos

 */
.body-iqos .main__inner {
  margin: 0 auto;
  width: 1000px;
  list-style: none;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.body-iqos .main__inner .tel {
  text-align: center;
}
.body-iqos .main__inner .key {
  margin-bottom: 40px;
}
.body-iqos .main__inner .refund {
  margin-bottom: 50px;
}

.cv_area {
  width: 660px;
  margin: 0 auto 22px;
}
.cv_area div {
  position: relative;
}
.cv_area div a:img {
  transform: opacity 0.8s;
}
.cv_area div a img:hover {
  opacity: 0.8;
}
.cv_area .cv--course {
  margin-bottom: 15px;
}
.cv_area .cv--course a {
  position: absolute;
  top: 425px;
  left: 113px;
}
.cv_area .cv--threeSet {
  float: left;
}
.cv_area .cv--threeSet a {
  position: absolute;
  top: 248px;
  left: 24px;
}
.cv_area .cv--one {
  float: right;
}
.cv_area .cv--one a {
  position: absolute;
  top:248px;
  left: 26px;
}

/* mezotto
-------------------- */
ol.mezotto--list {
  margin: 0;
  padding: 0;
}
ol.mezotto--list li {
  list-style: none;
}
ol.mezotto--list li:nth-child(1) {
  background: url(/user_data/img/iqostemp_new_02/iqos/mezotto01_bg.png) no-repeat top right;
}
ol.mezotto--list li:nth-child(2) {
  margin-bottom: 50px;
  background: url(/user_data/img/iqostemp_new_02/iqos/mezotto02_bg.png) no-repeat top left;
}
ol.mezotto--list li:nth-child(2) .title {
  padding-left: 266px;
}
ol.mezotto--list li:nth-child(2) .concept__content {
  width: 660px;
  margin: 0 auto 30px;
}
ol.mezotto--list li:nth-child(3) {
  margin-bottom: 38px;
}
ol.mezotto--list li:nth-child(4) {
  margin-bottom: 64px;
}

/* voice
-------------------- */
.body-iqos .voice {
  padding: 0 0 60px;
  background: #FFF;
}
.body-iqos .voice__ttl {
  text-align: center;
}
.body-iqos .voice__box {
  width: 664px;
  margin: 0 auto 20px;
  background: url(/user_data/img/iqostemp_new_02/iqos/voice_box_bg.png) repeat top center;
  padding: 5px;
}
.body-iqos .voice__boxin {
  background: #FFF;
  padding: 26px;
}
.body-iqos .balloon {
  width: 612px;
  background: url(/user_data/img/iqostemp_new_02/iqos/voice_woman.png) no-repeat right 1px;
}
.body-iqos .balloonin {
  background-color: #edf5f4;
  border: #64c2bb 2px solid;
  padding: 24px;
  margin-right: 143px;
  border-radius: 5px;
  position: relative;
}
.body-iqos .balloonin:after {
  content: "";
  background: url(/user_data/img/iqostemp_new_02/iqos/balloon_arrow.png) no-repeat;
  display: block;
  height: 21px;
  width: 21px;
  position: absolute;
  top: 68px;
  right: -21px;
}
.body-iqos .review_all {
  width: 664px;
  height: 600px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: scroll;
  border: 2px solid #9B9B9B;
  background: #fff;
}
.body-iqos .review_description {
  background: #fff;
  float: left;
  width: 560px;
  box-sizing: border-box;
  margin: 0 0 30px;
  border: 1px solid #D6D6D6;
  padding: 10px 10px 10px 12px;
}
.body-iqos .review_description dd {
  margin-left: 0;
}
.body-iqos .review_wrapper {
  background: #FFEECD;
  overflow: auto;
}
.body-iqos .reviewer {
  margin: 0 50px 10px 0;
}
.body-iqos .reviewer dt {
  float: left;
}
.body-iqos .reviewer dd {
  float: left;
  padding: 5px 0 0 13px;
  margin: 0;
}
.body-iqos .reviewer dd p {
  margin: 0;
}
.body-iqos .review_item_details {
  margin-top: 8px;
}
.body-iqos .review_date {
  text-align: right;
  color: #666;
  font-size: 14px;
}
.body-iqos .review_title {
  float: left;
  color: #F60;
}
.body-iqos .review_title img {
  vertical-align: middle;
}
.body-iqos .review_details_value {
  color: #C00;
}
.body-iqos .review_text {
  margin-top: 10px;
  border-top: 3px solid #F60;
  padding-top: 10px;
}
.body-iqos .review_summary {
  margin-top: 10px;
  margin-left: 15px;
}
.body-iqos .review_summary p {
  margin-left: 20px;
}
.body-iqos .reviewer {
  font-size: 14px;
  color: #666;
}
.body-iqos .voice__boxin .review_box {
  margin: 0 49px 40px 0;
}
.body-iqos .review_all .review_box {
  margin: 20px 20px;
}