@charset "utf-8";

/*  Inpage Common
-----------------------------------------------------------------------------*/
/*  Info
-----------------------------------------------------------------------------*/
/*  info --------------------------------*/
#info .box { padding: 20px 0 0; }


#info .box li img {
  width: 100%;
  height: auto;
}

#info .col3 { border-bottom: solid 1px #e5e5e5; }
#info .pc { display: none; }

#info .wrap {
  margin: 0 0 20px;
  padding: 15px;
  background: #FFF9FB;
}

#info .wrap ul {
  padding: 5px 0;
  border: solid 1px #fde4ec;
  width: 100%;
  background: #fff;
}

#info .wrap ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#info .wrap li a {
  text-decoration: none;
  padding: 5px 10px 5px 30px;
  display: block;
  position: relative;
}

#info .wrap li a:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #BEBEBE;
  top: 7px;
  left: 15px;
  content: "\f0da";
  position: absolute;
}

#info .telbox { padding-bottom: 10px; }

#info .telbox .freetel span {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  vertical-align: top;
  margin: 3px 5px 0 0;
  padding: 2px 5px;
  display: inline-block;
  background: #1DBEE5;
}

#info .telbox span { color: #666; }

#info .contact_press {
  padding: 15px;
  background: #f5f5f5;
}

#info .contact_press dt {
  font-size: 16px;
  font-weight: bold;
  padding: 0 5px 10px;
}

#info .contact_press dd {
  box-sizing: border-box;
  padding: 10px 20px 10px;
  border: solid 1px #ccc;
  width: 100%;
  background: #fff;
}

#info .contact_press .freetel {
  font-size: 22px;
  margin-bottom: 5px;
}

#info .contact_press .freetel span {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
  line-height: 24px;
  vertical-align: top;
  margin: 3px 5px 0 0;
  padding: 0 5px;
  display: inline-block;
  background: #1DBEE5;
}

#info .contact_press .time {
  font-size: 14px;
  color: #1DBEE5;
}

/*  Soundness --------------------------------*/
#info_soundness .c_wrapper {
  padding: 20px 15px 30px;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(89%, #f3f3f3), color-stop(100%, #ffffff));
  background: gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(89%, #f3f3f3), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 89%, #ffffff 100%);
}

#info_soundness img { zoom: 0.5; }

#info_soundness .intro_box {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  padding: 25px 0 20px;
}

#info_soundness .intro_box p {
  font-size: 16px;
  color: #00ccff;
  line-height: 26px;
  text-align: left;
  margin: 0 40px;
  padding: 35px 0 40px;
}

#info_soundness .dl_box {
  border-radius: 12px;
  padding: 10px 10px 10px 15px ;
  background: #00ccff;
  position: relative;
}

#info_soundness .dl_box p {
  font-size: 12px;
  color: #fff;
  padding: 0 50px 0 0;
}

#info_soundness .dl_box a {
  border-radius: 20px;
  font-size: 12px;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 10px 30px 0;
  padding: 5px 10px 5px 30px;
  display: block;
  background: #fff;
  position: relative;
}

#info_soundness .dl_box a span { display: inline-block; }

#info_soundness .dl_box a:before {
  width: 17px;
  height: 17px;
  top: 8px;
  left: 25px;
  background: url(../../../info/soundness/img/icon_arrow.png) no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
}

#info_soundness .dl_box a:hover {
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#info_soundness .dl_box img.pic {
  top: -10px;
  right: 20px;
  position: absolute;
}

#info_soundness .box_point {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  margin: 0 auto;
}

#info_soundness .box_point dt {
  font-size: 16px;
  color: #00ccff;
  line-height: 26px;
  padding: 40px 0 0;
}

#info_soundness .box_point ul { padding: 0 0 0 20px; }

#info_soundness .box_point li {
  font-size: 14px;
  line-height: 24px;
  text-indent: -10px;
  padding: 5px 0;
}

#info_soundness .sign_box {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  padding: 40px 0 0;
}

#info_soundness .last_box {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  text-align: center;
  padding: 40px 0 50px;
}

#info_soundness .last_box p {
  font-size: 16px;
  color: #00ccff;
  line-height: 26px;
  text-align: left;
  margin: 0 auto;
  padding: 45px 30px 0;
}

/*  user_voice
-----------------------------------------------------------------------------*/
#user_voice .voice_list { margin: 25px 13px 0; }
#user_voice .voice_list li { margin-top: 45px; }
#user_voice .voice_list li:first-child { margin-top: 0; }

#user_voice .voice_list .voice_item_head a {
  padding: 0 13px 10px;
  text-decoration: none;
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #ccc;
}

#user_voice .voice_list .voice_item_head a img {
  width: 48px;
  margin-right: 12px;
}

#user_voice .voice_list .voice_item_head a .teller_name { margin-right: 12px; }

#user_voice .voice_list .voice_item_head a .teller_name span {
  color: #999;
  font-size: 12px;
  display: block;
  margin-top: 3px;
}

#user_voice .voice_list .user_comment { padding: 14px 13px 0; }

#user_voice .voice_list .user_comment > div {
  padding-left: 40px;
  min-height: 30px;
  background: url(../../../sp/img/voice_icon.png) no-repeat 4px 0;
  background-size: 21px 28px;
}

#user_voice .voice_list .user_comment dt {
  font-size: 14px;
}

#user_voice .voice_list .user_comment > div dd {
  font-size: 12px;
  color: #999;
  margin-top: 6px;
}

#user_voice .voice_list .user_comment > dd {
  color: #333;
  margin-top: 15px;
}

#user_voice .pagenation { margin-top: 50px; }


/*  Webpolicy
-----------------------------------------------------------------------------*/
#webpolicy .box01 { padding-bottom: 20px; }

#webpolicy .box01 dt {
  font-weight: bold;
  margin: 0 0 20px;
}

#webpolicy .box01 dd { padding: 0 0 10px; }

#webpolicy .box01 dd h3 {
  font-weight: bold;
  padding: 10px 0 0;
}

#webpolicy .box01 dd h4 {
  font-weight: normal;
  padding: 10px 0;
}

#webpolicy .box01 dd ul { padding: 0 15px; }

#webpolicy .box01 dd li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#webpolicy .box01 dd ul ul { padding: 10px 0; }

/*  Guide
-----------------------------------------------------------------------------*/
/* ７つのお約束 */
.seven_box {
  margin: 15px 0 20px;
  padding: 30px 20px 20px;
  border: solid 3px #FDEDF3;
  background: url(../../../guide/img/bg01.gif) no-repeat center 15px;
  background-size: 90%;
  position: relative;
}

.seven_box h4 {
  font-family: serif;
  font-size: 16px;
  font-weight: normal;
  color: #FF648F;
  line-height: 34px;
  text-align: center;
  margin: 0 0 15px;
}

.seven_box h4 img { width: 130px; }

.seven_box li {
  font-family: serif;
  color: #707070;
  text-indent: -30px;
  padding: 10px 0 10px 30px;
}

.seven_box li span {
  font-family: "Trajan Pro", "Trajan", "Cardo", serif;
  font-size: 16px;
  font-style: italic;
  color: #FF648F;
  margin: 0 15px 0 0;
}

/*  Privacy --------------------------------*/
#guide_pm h3 {
  font-size: 16px;
  padding: 0 0 25px;
}

#guide_pm .box01 .pic {
  text-align: center;
  padding: 0 0 15px;
}

#guide_pm .box01 .box { overflow: hidden; }
#guide_pm .box01 .box p { padding: 0 0 14px; }
#guide_pm .box01 .box ul { padding: 10px 0 0; }

#guide_pm .box01 .box li {
  padding: 5px 0 5px 12px;
  position: relative;
}

#guide_pm .box01 .box li:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #BEBEBE;
  top: 6px;
  left: 0;
  content: "\f0da";
  position: absolute;
}

#guide_pm .box01_sub {
  margin: 30px 0;
  padding: 20px;
  background: #FAFAFA;
}

#guide_pm .box01_sub dt {
  font-weight: bold;
  padding: 0 0 10px;
}

#guide_pm .box01_sub dd { font-size: 12px; }
#guide_pm .box02 { padding: 10px 10px 20px; }
#guide_pm .box02 p { padding: 0 0 14px; }

#guide_pm .box03 {
  padding: 20px 0;
  border-top: solid 1px #e5e5e5;
}

#guide_pm .box03 .box03_sub01 {
  text-align: right;
  padding: 20px 0 0;
}

#guide_pm .box03 dl { padding: 20px 0 0 ; }
#guide_pm .box03 dt { padding: 0 0 20px; }
#guide_pm .box03 dd { padding: 0 0 10px; }
#guide_pm .box03 dd ul { padding: 0 15px; }

#guide_pm .box03 dd li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#guide_pm .box03 dd ul ul { padding: 10px 0; }

#guide_pm .box04 dt {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 5px;
  background: #f2f2f2;
}

#guide_pm .box04 dd { padding: 15px 10px; }

#guide_pm .box04 dd .links {
  padding: 5px 0 5px 12px;
  position: relative;
}

#guide_pm .box04 dd .links:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #BEBEBE;
  top: 6px;
  left: 0;
  content: "\f0da";
  position: absolute;
}

#guide_pm .box04 dd > p { padding-bottom: 10px; }
#guide_pm .box04 dd dl { padding: 0 5px; }

#guide_pm .box04 dd dt {
  padding: 0 0 5px 0;
  border: none;
  background: none;
}

#guide_pm .box04 dd dd { padding: 0 0 10px 10px; }
#guide_pm .box04 dd dd p { padding: 0 0 10px 10px; }

#guide_pm .box04 dd dd p span {
  margin-left: -10px;
  padding-bottom: 2px;
  display: block;
}

#guide_pm .box05 {
  padding: 20px 0;
  border-top: solid 1px #e5e5e5;
  overflow: hidden;
}

#guide_pm .box05 > dl { padding-top: 20px; }

#guide_pm .box05 dl dt {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#guide_pm .box05 dl dl dt {
  text-indent: 0;
  padding: 0;
}

#guide_pm .box05 dl dd { padding: 0 0 15px 10px; }
#guide_pm .box05 dd .in_text dd { padding: 5px 0 10px 10px; }
#guide_pm .box05 dd div { padding-bottom: 10px; }

#guide_pm .box05 dd dd div {
  padding: 0;
  display: inline;
}

#guide_pm .box05 dd dt span, #guide_pm .box05 dd dd span {
  font-size: 12px;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ccc;
}

#guide_pm .box05 dd dd { padding: 0 0 10px 0; }
#guide_pm .box05 dd ul { padding-top: 10px; }

#guide_pm .box05 dd li {
  text-indent: -16px;
  padding: 0 0 5px 16px;
}

#guide_pm .box05 .sub01 { float: right; }

/*  Member Policy --------------------------------*/
#guide_mp .box01 { padding: 0 0 30px; }
#guide_mp .box01 ul { padding: 0 15px; }
#guide_mp .box01 ul ul { padding-top: 10px; }
#guide_mp .box01 ul ul li { padding: 0 0 10px 0; }

#guide_mp .box01 ul li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#guide_mp .box01 ul .noindent { text-indent: 0; }
#guide_mp .box01 .stitle { margin: 0px 0 20px; }

#guide_mp .box01 h4 {
  font-size: 14px;
  padding: 20px 0 0 0;
}

#guide_mp .box01 h5 {
  font-size: 14px;
  padding: 10px 0 10px 10px;
}

#guide_mp .box01 .align_r { padding: 20px 0 0; }
#guide_mp .privacy { overflow: hidden; }

#guide_mp .privacy dl dt {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#guide_mp .privacy dl dl dt {
  text-indent: 0;
  padding: 0;
}

#guide_mp .privacy dl dd { padding: 0 0 15px 10px; }
#guide_mp .privacy dd div { padding-bottom: 10px; }

#guide_mp .privacy dd dd div {
  padding: 0;
  display: inline;
}

#guide_mp .privacy dd dt span, #guide_mp .privacy dd dd span {
  font-size: 12px;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #ccc;
}

#guide_mp .privacy dd dd { padding: 0 0 10px 0; }
#guide_mp .privacy dd ul { padding-top: 10px; }

#guide_mp .privacy dd li {
  text-indent: -16px;
  padding: 0 0 5px 16px;
}

#guide_mp .privacy .sub01 { float: right; }

/*  Kiyaku --------------------------------*/
/* index */
#guide_kiyaku .contents_l .box01 { padding: 25px 10px; }
#guide_kiyaku .contents_l ul { padding: 0 15px; }

#guide_kiyaku .contents_l li {
  text-indent: -14px;
  padding: 0 0 14px 14px;
}

#guide_kiyaku .contents_l ul ul { padding: 10px 0 0; }

#guide_kiyaku .contents_l li li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

/* index2 and index3 */
#guide_kiyaku2 .contents_l dl, #guide_kiyaku2 .contents_l .box02 { padding: 10px 10px 15px; }
#guide_kiyaku2 .contents_l dt { font-weight: bold; }
#guide_kiyaku2 .contents_l dd { padding: 10px 0; }
#guide_kiyaku2 .contents_l .box01 { padding: 25px 10px; }
#guide_kiyaku2 .contents_l ul { padding: 10px 0 0 10px; }

#guide_kiyaku2 .contents_l li {
  text-indent: -14px;
  padding: 0 0 14px 14px;
}

/*  Member --------------------------------*/
#guide_member { ; }
#guide_member .topica { padding: 0 0 17px; }
#guide_member .topica dt { margin: 0 0 10px; }

#guide_member .topica dd {
  font-size: 12px;
  padding: 5px 15px;
}

#guide_member .anchor { padding: 0 0 50px; }

#guide_member .anchor li {
  font-size: 12px;
  padding: 10px 0;
  border-bottom: dotted 1px #D7D7D7;
}

#guide_member .anchor span.num {
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  margin: 0 7px 0 3px;
  padding: 0 6px 1px;
  display: inline-block;
  background: #28cdf5;
}

#guide_member .box { padding: 0 0 15px; }

#guide_member .box .title_pri {
  width: 100%;
  display: table;
  background: #F0F0F0;
}

#guide_member .box .title_pri p {
  font-size: 10px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 10px 0;
  width: 45px;
  display: table-cell;
  background: #28cdf5;
}

#guide_member .box .title_pri p span {
  font-family: serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  margin: 0 0 0 3px;
}

#guide_member .box .title_pri h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  vertical-align: middle;
  padding: 5px 0 5px 10px;
  display: table-cell;
}

#guide_member .box p {
  text-align: center;
  padding: 15px 0;
}

#guide_member .box img { width: 150px; }
#guide_member .box dl { margin: 30px 10px 15px; }

#guide_member .box dt {
  font-weight: bold;
  color: #1DBEE5;
}

#guide_member .box dd { padding: 5px 0 15px; }

#guide_member p.catch {
  text-align: left;
  padding: 20px 10px 0;
}

/* Urana! */
#member_uranai .wrap01 .box01 {
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 18px;
}

#member_uranai .wrap01 .box01 { color: #999; }
#member_uranai .wrap01 .box01 dl { padding: 15px 0 0; }
#member_uranai .wrap01 .box01 dd { padding: 0 0 0 12px; }
#member_uranai .wrap01 .box02 { padding: 0 0 25px; }

#member_uranai .latest h3 {
  font-size: 14px;
  color: #fff;
  margin: 0 0 30px;
  padding: 5px 10px;
  background: #99CCFF;
}

#member_uranai .latest .pic {
  font-size: 12px;
  text-align: center;
  padding: 0 0 20px;
}

#member_uranai .latest .data { padding: 0 10px 30px; }

#member_uranai .txt_blue {
  font-weight: bold;
  color: #3399FF;
}

#member_uranai .thanks_box h3 {
  font-size: 14px;
  color: #fff;
  padding: 5px 10px;
  background: #D98CB3;
}

#member_uranai .f_catch {
  font-size: 14px;
  text-align: center;
  padding: 30px 0;
}

#member_uranai .box03 p {
  text-align: center;
  padding: 0 0 20px;
}

#member_uranai .box03 img { width: 280px; }

/*  Feature --------------------------------*/
#guide_feature p.txtbox01 { padding: 0 0 30px; }

#guide_feature .title_pri {
  width: 100%;
  display: table;
  background: #F0F0F0;
}

#guide_feature .title_pri p {
  font-family: 'Hiragino Mincho ProN', serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 10px 0;
  width: 35px;
  display: table-cell;
  background: #28cdf5;
}

#guide_feature .title_pri h4 {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 10px 0 10px 10px;
  display: table-cell;
}

#guide_feature .feature_wrap, #guide_feature .seven_wrap { padding: 15px 0; }

#guide_feature .feature_wrap .box {
  padding: 25px 10px 50px;
  overflow: hidden;
}

#guide_feature .feature_wrap .box .pic {
  text-align: center;
  margin: 0 0 20px;
}

#guide_feature .feature_wrap .privacy {
  margin: 0 auto 20px;
  width: 100px;
}

#guide_feature .seven_wrap dd { padding: 20px 10px 30px; }

/*  Trouble --------------------------------*/
#guide_trouble .f_catch {
  font-size: 16px;
  font-weight: normal;
  text-align: center ;
}

#guide_trouble .first_box {
  padding: 25px 0 20px;
  overflow: hidden;
}

#guide_trouble .first_box p {
  text-align: center;
  padding: 0 0 15px;
}

#guide_trouble .first_box p img {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  border: solid 4px #fff;
  width: 250px;
}

#guide_trouble .first_box .box {
  font-size: 12px;
  text-align: left;
  margin: 15px 0 0;
  padding: 10px;
  background: #FAFAFA;
}

#guide_trouble .title_pri {
  width: 100%;
  display: table;
  background: #F0F0F0;
}

#guide_trouble .title_pri p {
  font-family: 'Hiragino Mincho ProN', serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 10px 0;
  width: 35px;
  display: table-cell;
  background: #1DBEE5;
}

#guide_trouble .title_pri h4 {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding: 5px 0 5px 10px;
  display: table-cell;
}

#guide_trouble .box01 { padding: 20px 10px 30px; }
#guide_trouble .point { color: #1DBEE5; }

#guide_trouble .box01 .pic, #guide_trouble .box02 .pic {
  text-align: center;
  padding: 0 0 15px;
}

#guide_trouble .box02 .pic p {
  font-size: 10px;
  color: #959595;
  line-height: 14px;
  text-align: left;
}

#guide_trouble p.att {
  font-size: 12px;
  margin: 10px 0 20px;
  padding: 10px;
  background: #FAFAFA;
}

#guide_trouble .box02 { padding: 20px 10px 50px; }
#guide_trouble .box02 ul { padding: 15px 0; }

#guide_trouble .box02 li {
  font-size: 12px;
  text-indent: -30px;
  padding: 5px 0 5px 30px;
  border-bottom: dotted 1px #ccc;
}

#guide_trouble .box03 { padding: 20px 10px 50px; }
#guide_trouble .box03 .pc { display: none; }

#guide_trouble .box03 .sp {
  text-align: center;
  padding: 0 0 15px;
}

#guide_trouble .box03 .sp img { width: 260px; }

/*  Flow --------------------------------*/
#guide_flow .c_wrapper { padding: 20px 15px 30px; }

#guide_flow #tab_btn {
  zoom: 1;
  padding-bottom: 50px;
  overflow: hidden;
}

#guide_flow #tab_btn .text {
  font-size: 12px;
  color: #999999;
  text-align: center;
  padding-top: 10px;
}

#guide_flow #tab_btn li.active .text { color: #28cdf5; }

#guide_flow #tab_btn .text p {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  padding: 2px 0;
}

#guide_flow #tab_btn .text span {
  font-size: 12px;
  display: block;
}

#guide_flow #tab_btn .active { color: #28cdf5; }
#guide_flow .hide { display: none; }
#guide_flow #tab_btn { position: relative; }

#guide_flow #tab_btn:after {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 12px;
  color: #999999;
  margin-left: -5px;
  top: 28%;
  left: 50%;
  display: block;
  content: "or";
  position: absolute;
}

#guide_flow #tab_btn li { text-align: center; }

#guide_flow #tab_btn li img {
  width: 100%;
  height: auto;
}

#guide_flow #tab_btn li {
  width: 47%;
  height: auto;
}

#guide_flow .stepflow { padding: 0 0 20px; }

#guide_flow .stepflow li {
  padding: 0 0 15px;
  position: relative;
}

#guide_flow #homepage .stepflow li:nth-child(n):not(:nth-child(3)):after,
#guide_flow #telpage .stepflow li:nth-child(n):not(:nth-child(2)):after {
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  left: 15px;
  bottom: 0px;
  display: inline-block;
  content: "\f107";
  position: absolute;
}

#guide_flow .stepflow p.pic {
  -webkit-border-radius: 200px;
  border-radius: 200px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 9px;
  text-align: center;
  width: 40px;
  height: 40px;
  display: inline-block;
  background: #28cdf5;
}

#guide_flow .stepflow p.pic span { font-variant: small-caps; }

#guide_flow .stepflow p.pic span {
  font-size: 10px;
  line-height: 24px;
}

#guide_flow .stepflow p.txtbox {
  font-size: 16px;
  font-weight: bold;
  color: #1DBEE5;
  vertical-align: top;
  padding: 3px 0 0;
  border-left: solid 10px #fff;
  display: inline-block;
}

#guide_flow .stepflow li:first-child p.txtbox { padding: 2px 0 0; }
#guide_flow .stepflow li:last-child p.txtbox, #guide_flow .stepflow li:nth-child(3) p.txtbox { padding: 10px 0 0; }
#homepage .stepflow li:nth-child(3) p.txtbox { padding: 2px 0 0; }

#guide_flow .title_step {
  margin: 15px 0 15px;
  width: 100%;
  display: table;
  background: #F0F0F0;
}

#guide_flow .title_step p {
  font-size: 26px;
  color: #fff;
  line-height: 26px;
  text-align: center;
  padding: 0 0 5px;
  width: 50px;
  display: table-cell;
  background: #28cdf5;
}

#guide_flow .title_step p span {
  font-size: 12px;
  line-height: 24px;
  margin: 0 0 0 3px;
}

#guide_flow .title_step h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  text-align: left;
  vertical-align: middle ;
  padding: 0 0 0 20px;
  display: table-cell;
}

#guide_flow .title_step h3 span { color: #1DBEE5; }
#guide_flow .box { position: relative; }

#guide_flow .box p.pic {
  top: 0;
  right: 0;
  display: none;
  position: absolute;
}

#guide_flow .point { color: #1DBEE5; }

#guide_flow .box dt {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0 15px;
}

#guide_flow .box dd p {
  font-size: 16px;
  padding: 0 0 14px;
}

#guide_flow .box dl {
  margin: 20px 0 40px;
}

#guide_flow .no02 .dummy_btn {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 16px;
  color: #FFF;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  margin: 5px 0 25px;
  padding: 15px 40px;
  border: none;
  display: inline-block;
  background: #1DBEE5;
}

#guide_flow .box dd .btn02 {
-webkit-border-radius: 50px;
border-radius: 50px;
font-weight: bold;
color: #333;
text-decoration: none;
padding: 8px 25px 6px 25px;
margin: 10px 0 ;
display: inline-block;
background: #FFF;
border: 2px solid #1DBEE5;
position: relative;
text-align: center;
}


#guide_flow .no04 .box { padding: 0 0 20px; }

#guide_flow .faq {
  margin: 0 auto;
  padding: 0 0 30px;
  width: 100%;
}

#guide_flow .faq > dt {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
  margin: 10px 0 0;
  padding: 10px 25px 10px 15px;
  border: solid 1px #ccc;
  position: relative;
}
#guide_flow .faq dd dt {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 1.8;
  margin: 0 0 15px;
  padding: 0 0 0 25px;
  background: url(../../../guide/faq/img/question.png) no-repeat left 5px;
  background-size: 18px;
}

#guide_flow .faq > dt:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 15px;
  right: 10px;
  display: inline-block;
  content: "\f067";
  position: absolute;
}

#guide_flow .faq > dt.open:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 15px;
  right: 10px;
  display: inline-block;
  content: "\f068";
  position: absolute;
}

#guide_flow .faq > dd {
  padding: 15px;
  border: 1px solid #CCCCCC;
  border-top: none;
  display: none;
}
#guide_flow .faq dd dd {
  font-size: 16px;
  line-height: 1.8;
  padding: 0 0 0 24px;
  background: url(../../../guide/faq/img/answer.png) no-repeat left 5px;
  background-size: 18px;
}

#guide_flow .faq dd dl:nth-child(n):not(:first-child) { padding-top: 10px; border-top: 1px solid #eee; }

#guide_flow .faq dd p { padding: 0 0 15px; }

#guide_flow .faq dd p.catch {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
#guide_flow .faq dd ol {
	list-style: none;
	margin-bottom: 10px;
}

#guide_flow .faq dd ol li {
  margin: 0 0 0 12px;
}

#guide_flow .faq dd img { width: 80%; }

#guide_flow .pageft h3 {
  font-weight: bold;
  color: #8c8c8c;
  padding: 10px 0;
  border-top: solid 1px #ccc;
  display: block;
}

#guide_flow .pageft ul { width: 100%; }

#guide_flow .pageft ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide_flow .pageft li {
  box-sizing: border-box;
  width: 50%;
  float: left;
}

#guide_flow .pageft li:nth-child(odd) { padding: 0 5px 10px 0; }
#guide_flow .pageft li:nth-child(even) { padding: 0 0 10px 5px; }

#guide_flow .pageft li img {
  width: 100%;
  height: auto;
}

/*  Flow index --------------------------------*/
#guide_flow .flowttl {
	margin-bottom: 40px;
}
#guide_flow .flowttl img {
	width: 100%;
}
#guide_flow .flowsttl {
  background: url(../../../guide/flow/img/flow_subttl.png) right no-repeat;
  background-size: cover;
  max-height: 44px;
  color: #fff;
  font-size: 125%;
  padding: 12px 0 20px;
  margin: 0 auto;
  text-align: center;
}

#guide_flow .flowstep {
	margin: 15px auto;
	position: relative;
}
#guide_flow .flowstep ol {
	list-style: none;
}
#guide_flow .flowstep li dl {
	background: #f6f5f3;
	padding: 15px;
	border-radius: 8px;
	text-align: center;
}
#guide_flow .flowstep li:not(:last-child):after {
	display: block;
	content: "";
	text-align: center;
	height: 15px;
	background: url(../../../guide/flow/img/flow_steparrow.png) top center no-repeat;
	background-size: auto 100%;
}
#guide_flow .flowstep li dl dd {
	margin: 10px auto;
	vertical-align: middle;
	display: flex;
	align-items: center;
}
#guide_flow .flowstep li h4{
	color: #fff;
	background: #10c5f5;
	font-size: 16px; font-weight: normal;
	width: 60px; height: 60px;
	display: table;
	border-radius: 50%;
        line-height: 1.2;
}
#guide_flow .flowstep li h4 span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#guide_flow .flowstep li h4 small {
	display: block;
	text-align: center;
	font-size: 18px;
        font-weight: bold;
}
#guide_flow .flowstep li dd p {
	margin-left: 10px;
	font-size: 16px;
	text-align: left;
}
#guide_flow .flowstep li dd p strong {
	display: block;
	font-size: 18px;
	margin-bottom: 8px;
	text-align: left;
}

#guide_flow .flowbtn {
	margin: 35px auto 50px;
	text-align: center;
}
#guide_flow .flowbtn dt {
	color: #634f2c;
	font-size: 16px;
	margin: 0 auto 20px;
	text-align: center;
        position: relative;
        display: inline-block;
        padding: 0 20px;
}
#guide_flow .flowbtn.box01 dt {
	margin: 0 auto;
}
#guide_flow .flowbtn dt:before, #guide_flow .flowbtn dt:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 18px;
height: 1px;
background-color: #634f2c;
}
#guide_flow .flowbtn dt:before {
	left:0;
	-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
#guide_flow .flowbtn dt:after {
	right: 0;
	-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}

#guide_flow .flowbtn dl.amazonpay { margin-top: 47px; }

#guide_flow .flowbtn dl.amazonpay dt span:first-of-type {
  color: #1dbee5;
  margin-right: 10px;
  font-size: 16px;
}

#guide_flow .flowbtn dl.amazonpay dd { font-size: 14px; }

#guide_flow .flowbtn dl.amazonpay dd img {
  display: block;
  margin: 10px auto;
}

#guide_flow .flowbtn .btn {
	display: block;
	margin: 10px auto;
	background: #1DBEE5;
	padding: 10px 0;
	border: none;
	color: #fff;
	font-size: 16; font-weight: bold;
	text-align: center;
        line-height: 1.5;
	border: none;
	border-radius: 12px;
}
#guide_flow .flowbtn .btn:before {
	display: none;
}
#guide_flow .flowbtn .suggest {
	display: block;
	margin-bottom: 5px;
	color: #666;
	font-size: 16px;
}
#guide_flow .flowbtn .tel {
	color: #000;
	font-size: 21px;
}
#guide_flow .flowbtn .tel:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	margin-right: 5px;
	width: 22px; height: 16px;
	background: url(../../../guide/flow/img/freedial.png) no-repeat;
	background-size: cover;
}
#guide_flow .flowbtn .sp-hide {
	display: none;
}
#guide_flow .flowbtn a {
	text-decoration: none;
}
#guide_flow .flowbtn dl {
	position: relative;
}
#guide_flow .flowbtn.box02 dl:after {
	display: inline-block;
	content: "";
	width: 93px; height: 81px;
	background: url(../../../guide/flow/img/flow_img02.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: -10px; bottom: 0;
}
#guide_flow .flowbtn.box03 dl:after {
	display: inline-block;
	content: "";
	width: 70px; height: 82px;
	background: url(../../../guide/flow/img/flow_img03.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px; bottom: 0;
}
#guide_flow .flowbtn.box04 dl:after {
	display: inline-block;
	content: "";
	width: 78px; height: 85px;
	background: url(../../../guide/flow/img/flow_img04.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px; bottom: 0;
}


#guide_flow .flow_price {
	padding: 0 0 20px;
background: url(../../../guide/flow/img/flow_pricebg.jpg) bottom no-repeat;
background-size: cover;
padding-bottom: 20px;
}
#guide_flow .flow_price .price_wrap {
	padding: 15px;
}
#guide_flow .flow_price .price_wrap dl {
background: #f6f5f3;
border-radius: 10px;
text-align: center;
padding: 15px 10px;
margin-bottom: 10px;
}
#guide_flow .flow_price .price_wrap dl dt {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #1DBEE5;
}
#guide_flow .flow_price .price_wrap dl h4 {
	font-size: 16px;
	margin: 0 auto 15px;
}
#guide_flow .flow_price .price_wrap dl ul {
	display: flex;
	width: 90%;
	padding: 0 5%;
	flex-wrap: wrap;
	justify-content: space-between;
}
#guide_flow .flow_price .price_wrap dl img {
	width: 100%;
	max-width: 308px;
}
#guide_flow .flow_price .price_wrap dl p {
	margin: 10px auto;
}

#guide_flow .flow_price .price_wrap dl ul li {
	margin-bottom: 10px;
  background: #fff;
}
#guide_flow .flow_price .price_wrap dl ul li.sp_wmax {
  width: 100%;
}
#guide_flow .flow_price .price_wrap dl ul li.sp_wmax:last-of-type img {
  width: auto;
}
@media screen and (min-width: 500px) {
#guide_flow .flow_price .price_wrap dl.price ul {
	width: 50%;
	margin: 0 auto;
}
}


#guide_flow .flow_way {
background: url(../../../guide/flow/img/flow_waybg.jpg) bottom no-repeat;
background-size: cover;
padding-bottom: 250px;
position: relative;
}
#guide_flow .flow_way:before {
	display: block;
	position: absolute;
	content: "";
background: url(../../../guide/flow/img/flow_wayimg.png) no-repeat;
background-size: cover;
	width: 210px; height: 230px;
	left: 5px; bottom: 35px;
}
#guide_flow .flow_way ul {
  padding: 10px;
  margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#guide_flow .flow_way ul li {
	margin-bottom: 10px;
	flex-basis: 48.5%;
}
#guide_flow .flow_way ul li img {
	width: 100%;
	max-width: 224px;
}

@media screen and (min-width: 500px) {
#guide_flow .flow_way ul li {
	flex-basis: 24.5%;
}
}

#guide_flow .flow_promise {
background: url(../../../guide/flow/img/flow_promicebg.jpg) bottom no-repeat;
background-size: cover;
padding-bottom: 20px;
  color: #333;
}
#guide_flow .flow_promise .promise_wrap {
  padding: 15px;
}
#guide_flow .flow_promise ol {
	line-height: 2;
	list-style: none;
	margin-bottom: 20px;
}
#guide_flow .flow_promise ol li {
	margin-left: 2em;
	text-indent: -2em;
}
#guide_flow .flow_promise ul {
	font-size: 16px;
}
#guide_flow .flow_promise ul li {
	margin-bottom: 20px;
}
#guide_flow .flow_promise ul dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#guide_flow .flow_promise ul dt {
	margin-right: 10px;
	flex-basis: 100vw;
	max-width: 120px;
}
#guide_flow .flow_promise img {
	width: 100%;
	max-width: 105px;
}

#guide_flow .relatedlink ul {
	margin: 10px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#guide_flow .relatedlink li {
	flex-basis: 50%;
	margin-bottom: 15px;
}
#guide_flow .relatedlink li img {
	width: 95%;
}

@media screen and (min-width: 500px) {
#guide_flow .relatedlink ul {
	justify-content: flex-start;
}
#guide_flow .relatedlink li {
	flex-basis: 33%;
}
}


/*  Faq --------------------------------*/
#guide_faq .faq {
  margin: 0 auto;
  padding: 0 0 30px;
  width: 100%;
}

#guide_faq .faq dt {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  margin: 10px 0 0;
  padding: 15px 25px 15px 30px;
  border: solid 1px #ccc;
  position: relative;
}

#guide_faq .faq dt.bg_b { background: #f6f6f6; }

#guide_faq .faq dt:before {
  width: 16px;
  height: 22px;
  top: 10px;
  left: 8px;
  background: url(/sp/img/guide/question.png) 0 0 no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}

#guide_faq .faq dt:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 15px;
  right: 10px;
  display: inline-block;
  content: "\f067";
  position: absolute;
}

#guide_faq .faq dt.open:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 15px;
  right: 10px;
  display: inline-block;
  content: "\f068";
  position: absolute;
}

#guide_faq .faq dd {
  font-size: 16px;
  line-height: 1.8;
  padding: 15px 15px 15px 35px;
  border: 1px solid #CCCCCC;
  border-top: none;
  display: none;
  background: url(../../../guide/flow/img/answer.gif) no-repeat 10px 10px;
  background-size: 18px;
}

#guide_faq .faq dd p { padding: 0 0 10px; }
#guide_faq .faq .point { color: #1DBEE5; }
#guide_faq .faq span { font-weight: bold; }

#guide_faq .faq .example {
  margin-top: 10px;
  padding-top: 15px;
  border-top: dotted 1px #ccc;
}

#guide_faq .faq ul { margin-bottom: 10px; }
#guide_faq .faq .example p { padding-bottom: 10px; }

#guide_faq .faq .example .sst {
  text-indent: -28px;
  margin-left: 28px;
}

#guide_faq .faq .note {
  color: #666;
  padding-left: 15px;
  position: relative;
}

#guide_faq .faq .note:before {
  font: normal normal normal 20px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  top: -2px;
  left: 0px;
  display: inline-block;
  content: "\f105";
  position: absolute;
}

#guide_faq .faq .pay {
  text-align: center;
  margin-bottom: 10px;
}

#guide_faq .pay li {
  padding: 5px;
  background: #FFF0F6;
}

#guide_faq .pay .arrow {
  padding: 0 5px 5px 5px;
  background: none;
}

#guide_faq .pay .arrow:before {
  font: normal normal normal 34px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #9e9e9e;
  line-height: 20px;
  top: 6px;
  left: -5px;
  display: inline-block;
  content: "\f107";
  position: relative;
}

#guide_faq .faq dd .card {
  margin-bottom: 10px;
  width: 80%;
}

#guide_faq dl .indent_style01 { padding-left: 20px; }

#guide_faq dd p.pic01 {
  text-align: center;
  padding: 25px 0;
}

#guide_faq dd p.pic01 img {
  width: 90%;
  max-width: 320px;
}

#guide_faq .faq dd .dummy_btn {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  margin: 10px 0;
  padding: 10px 30px;
  border: solid 1px #39CDF3;
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #efefef 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #efefef 0%, #ffffff 100%);
}

#guide_faq .faq dd .dummy_btn02 {
  border-radius: 5px;
  box-sizing: border-box;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 15px 0;
  padding: 8px;
  border: 1px solid #cd9a02;
  width: 200px;
  display: block;
  background: #ffd62a url("../../../img/reserv/order_bg.gif") repeat-x scroll left top;
}

/*  Pay
-----------------------------------------------------------------------------*/
#pay .btnbox01, #pay1 .btnbox01, #pay2 .btnbox01, #pay3 .btnbox01 { text-align: right; }
#pay .btnbox01 a, #pay1 .btnbox01 a, #pay2 .btnbox01 a, #pay3 .btnbox01 a { position: relative; }
.paymovie_box .pc { display: none; }

.paymovie_box .sp {
  margin: 30px auto 40px;
  width: 300px;
}

/*  Pay --------------------------------*/
/* Pay and Pay1*/
#pay .c_wrapper { padding: 20px 15px 30px; }
#pay .price_box, #pay1 .price_box { padding: 0 0 25px; }
#pay .price_box .wrap { padding: 15px 0 0; }

#pay .price_box .wrap01 {
  padding: 10px 0;
  overflow: hidden;
}

#pay .price_box .wrap01 .fl, #pay .price_box .wrap01 .fr {
  margin: 0 0 10px;
  width: 100%;
}

#pay .price_box .wrap01 dt {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  border: solid 1px #ccc;
  background: #F6F6F6;
}

#pay .price_box .wrap01 dd {
  font-size: 18px;
  text-align: center;
  padding: 15px 0;
  border: solid 1px #ccc;
}

#pay .price_box .wrap01 dd { border-top: none; }

#pay .price_box .price span {
  font-size: 26px;
  font-weight: bold;
  color: #1DBEE5;
  display: block;
}

#pay .price_box .price span span { display: inline; }
#pay .price_box .btnbox01 { padding: 15px 0 0; }
#pay .price_box .case dl, #pay1 .price_box .case dl { width: auto; }

#pay .price_box .case dt, #pay1 .price_box .case dt {
  font-size: 12px;
  line-height: 18px;
  padding: 0;
}

#pay .price_box .case dt span, #pay1 .price_box .case dt span { color: #1DBEE5; }

#pay .price_box .box01 {
  text-align: center;
  padding: 15px 0 20px 0;
  overflow: hidden;
}

#pay .price_box .box01 li {
  padding: 0 0 5px;
  display: inline-block;
  vertical-align: top;
}

#pay .price_box .box01 dl.pic, #pay1 .price_box .box01 dl.pic {
  -webkit-border-radius: 55px;
  border-radius: 55px;
  border: solid 2px #28cdf5;
  width: 90px;
  height: 90px;
  position: relative;
}

#pay .price_box .box01 dl.pic dt, #pay1 .price_box .box01 dl.pic dt {
  font-size: 14px;
  font-weight: bold;
  color: #28cdf5;
  text-align: center;
  padding: 22px 0 0;
}

#pay .price_box .box01 dl.pic dt span {
  display: block;
}

#pay.contents .price_box .box01 dl.dl_amazon dt { padding: 8px 0 2px; 
line-height: 1.5;
}

#pay .price_box .box01 dl.pic dd, #pay1 .price_box .box01 dl.pic dd {
  font-size: 18px;
  font-weight: bold;
  color: #28cdf5;
  text-align: center;
  padding: 4px 0 0;
}

#pay .price_box .box01 dl.pic dd span, #pay1 .price_box .box01 dl.pic dd span {}
#pay .price_box .box01 li:nth-child(2) dd, #pay1 .price_box .box01 li:nth-child(2) dd { font-size: 16px; }

#pay .about_amazon {
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  padding: 17px 20px;
  font-size: 16px;
  margin-top: 35px;
}

#pay .about_amazon h5 {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 15px;
}

#pay .about_amazon h5 span {
  color: #91c9ff;
  font-weight: bold;
  margin-right: 10px;
}

#pay .about_amazon img {
  margin: 0 auto 10px;
  display: block;
}

#pay .method_box { padding: 15px 0 20px; }

#pay .method_box .wrap01 {
  padding: 0 0 30px;
  overflow: hidden;
}

#pay .method_box .box01, #pay .method_box .box02 { padding: 15px 0 0; }

#pay .method_box .box01 .point {
  font-weight: bold;
  color: #1DBEE5;
}

#pay .method_box .box02 dl { padding: 20px 0 0; }

#pay .method_box .box02 dt {
  color: #1DBEE5;
  padding: 0 0 15px;
}

#pay .method_box .wrap01 .box02 {
  font-size: 10px;
  color: #666;
  line-height: 16px;
  text-align: center;
}

#pay .method_box .wrap01 .pic { padding: 15px 0 30px; }

#pay .method_box .wrap01 .pic li {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #7C7C7C;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  border: solid 2px #D9D9D9;
  width: 63px;
  height: 63px;
  display: inline-block;
}

#pay .method_box .wrap01 .pic li p { padding: 13px 0 0; }
#pay .method_box .wrap01 .pic li:nth-child(3) p { padding: 23px 0 0; }
#pay .method_box .btnbox01 { padding: 15px 0 20px; }

#pay .method_box .sp_pic {
  text-align: center;
  padding: 20px 0 40px;
}

#pay .method_box .sp_pic img { width: 290px; }



#pay .flowbtn,
#pay2 .flowbtn {
	margin: 0 auto;
	text-align: center;
}
#pay .flowbtn dt,
#pay2 .flowbtn dt {
	color: #634f2c;
	font-size: 110%;
	margin: 0 auto;
	text-align: center;
position: relative;
display: inline-block;
padding: 0 20px;
}
#pay .flowbtn dt:before, #pay .flowbtn dt:after,
#pay2 .flowbtn dt:before, #pay2 .flowbtn dt:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 18px;
height: 1px;
background-color: #634f2c;
}
#pay .flowbtn dt:before,
#pay2 .flowbtn dt:before {
	left:0;
	-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
#pay .flowbtn dt:after,
#pay2 .flowbtn dt:after {
	right: 0;
	-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
#pay .flowbtn .btn,
#pay2 .flowbtn .btn {
	display: block;
	margin: 10px auto;
	background: #1DBEE5;
	padding: 10px 0;
	border: none;
	color: #fff;
	font-size: 16px; font-weight: bold;
	text-align: center;
	border: none;
	border-radius: 16px;
        line-height: 1.5;
}
#pay .flowbtn .btn:before,
#pay2 .flowbtn .btn:before {
	display: none;
}
#pay .flowbtn .suggest,
#pay2 .flowbtn .suggest {
	display: block;
	margin-bottom: 5px;
	color: #666;
	font-size: 16px;
}
#pay .flowbtn .tel,
#pay2 .flowbtn .tel {
	color: #000;
	font-size: 22px;
}
#pay .flowbtn .tel:before,
#pay2 .flowbtn .tel:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	margin-right: 5px;
	width: 22px; height: 16px;
	background: url(../../../guide/flow/img/freedial.png) no-repeat;
	background-size: cover;
}
#pay .flowbtn .sp-hide,
#pay2 .flowbtn .sp-hide {
	display: none;
}
#pay .flowbtn a,
#pay2 .flowbtn a {
	text-decoration: none;
}
#pay .flowbtn dl,
#pay2 .flowbtn dl {
	position: relative;
}

/* Pay1 */
#pay1 .price_box { padding: 15px 0 0; }

#pay1 .price_box .wrap01 {
  padding: 10px 0 0;
  overflow: hidden;
}

#pay1 .price_box .wrap01 .fl, #pay1 .price_box .wrap01 .fr { float: none; }

#pay1 .price_box .wrap01 dl {
  margin: 0 0 10px;
  padding: 15px 0 0 10px;
  background: #F9F9F9;
}

#pay1 .price_box .wrap01 dt {
  font-size: 16px;
  margin: 0 0 20px;
  padding: 0 0 0 10px;
  border-left: solid 1px #FD4F75;
}

#pay1 .price_box .wrap01 dd { padding: 0 15px 20px; }

#pay1 .price_box .case dl {
  padding: 0;
  width: auto;
}

#pay1 .price_box .wrap01 .price p {
  font-size: 10px;
  color: #919191;
  line-height: 14px;
  text-indent: -10px;
  padding: 5px 0 0 10px;
}

#pay1 .price_box .wrap01 .case dt {
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 10px;
  padding: 0;
  border: none;
}

#pay1 .price_box .wrap01 .case dd {
  font-size: 12px;
  line-height: 18px;
  padding: 5px 0 0 0;
}

#pay1 .price_box .price span {
  font-size: 30px;
  font-weight: bold;
  color: #1DBEE5;
}

#pay1 .price_box .case dd .align_r {
  font-size: 10px;
  color: #919191;
  padding: 5px 0 0;
}

#pay1 .price_box .box01 { padding: 15px 0 0; }

#pay1 .price_box .box01 li {
  padding: 0 0 25px;
  overflow: hidden;
}

#pay1 .price_box .box01 li .pic {
  margin: 0 15px 0 0;
  float: left;
}

#pay1 .price_box .box01 dl.data { overflow: hidden; }

#pay1 .price_box .box01 .data dt {
  font-size: 16px;
  color: #1DBEE5;
  padding: 15px 0 10px;
}

#pay1 .btnbox01 { padding: 0 0 40px; }

/* pay2 */
#pay2 .hd_box { padding: 30px 10px 80px; }

#pay2 .hd_box img {
  margin: 0 0 0 15px;
  width: 90px;
  float: right;
}

#pay2 .anchor {
  font-size: 16px;
  padding: 30px 0 40px 8px;
  clear: both;
}

#pay2 .anchor li { padding: 0 0 10px; }

#pay2 .anchor span {
  -webkit-border-radius: 30px;
  border-radius: 50%;
  font-size: 1px;
  font-weight: bold;
  color: #fff;
  margin: 0 13px 0 0;
  padding: 3px 8px 1px;
  display: inline-block;
  background: #28cdf5;
}

#pay2 .stitle02 { 
font-weight: bold;
margin: 0 0 30px; }
#pay2 .box_sub { padding: 0 10px 30px; }
#pay2 .box_sub dd { padding: 15px 5px 30px; }

#pay2 .box01 {
  padding: 0 10px 30px;
  overflow: hidden;
}

#pay2 .box01 img {
  margin: 0 0 30px 20px;
  float: right;
}

#pay2 #anchor05 .box01 img {
  margin: 0 auto 30px;
  display: block;
  float: none;
  width: 100%;
  max-width: 280px;
}

#pay2 p.address {
  padding: 15px;
  border: solid 1px #D7D7D7;
}

#pay2 #anchor01 .box_sub ul { overflow: hidden; }

#pay2 #anchor01 .box_sub li {
  width: 50%;
  float: left;
}

#pay2 #anchor01 .box_sub .txt_b { font-weight: normal; }

#pay2 #anchor06 .wrap01 {
  padding: 30px 10px;
  overflow: hidden;
}

#pay2 #anchor06 .wrap01 .box03 {
  font-size: 14px;
  color: #666;
  line-height: 16px;
  text-align: center;
  padding: 15px 0 0;
}

#pay2 #anchor06 .wrap01 .box03 img { margin: 0 0 10px; }
#pay2 #anchor06 .box_sub dd { padding: 15px 15px 0; }

#pay2 .btnbox01 {
  text-align: right;
  padding: 0 10px 50px;
}

#pay2 .btnbox01 a { position: relative; }

#pay2 .att {
  font-size: 12px;
  color: #919191;
}

#pay2 .wrap01 { margin: 20px 0 40px; }

#pay2 .wrap01 .box03 {
  font-size: 14px;
  color: #666;
}

#pay2 .wrap01 .box03 img {
  margin: 20px auto -10px;
  display: block;
}

#pay2 .commission{
  margin-top: 10px;
}

#pay2 #guide_pay2 dt{
  font-size: 16px;
}

#pay2 #guide_pay2 p{
  font-size: 16px;
  line-height: 1.8;
}

#pay2 #guide_pay3 dt{
  font-size: 16px;
}

#pay2 #guide_pay3 p{
  font-size: 16px;
  line-height: 1.8;
}

/* pay3 */
#pay3 .hd_box { padding: 30px 10px 40px; }

#pay3 .anchor {
  font-size: 14px;
  padding: 30px 0 20px 8px;
  clear: both;
}

#pay3 .anchor li { padding: 0 0 10px; text-align: center; display: inline-block; width: 30%; }
#pay3 .anchor li:nth-child(2) { margin: 0 2%; }
#pay3 .anchor li a { text-decoration: none; }
#pay3 .anchor li img { padding-bottom: 0.5em; width: 100%; }
#pay3 .stitle02 { margin: 0 0 30px; }
#pay3 .box_sub { padding: 0 10px 30px; }
#pay3 .box_sub dd { padding: 15px 15px 30px; }

#pay3 .box01 {
  padding: 0 10px 30px;
  overflow: hidden;
}

#pay3 .box01 img {
  margin: 0 40px 30px 0;
  float: left;
}

#pay3 p.address {
  padding: 15px;
  border: solid 1px #D7D7D7;
  margin-bottom: 30px;
}
#pay3 p.notes {
	color: #e282ad;
  margin-bottom: 30px;
}

#pay3 #anchor03 .box_sub ul { margin-bottom: 30px; }
#pay3 #anchor03 .box_sub li {
  
}


/*  Point --------------------------------*/
#pay_point .box01, #pay_point .box02, #pay_point .box03, #pay_point .box04 { padding: 10px; }

#pay_point .note {
  font-size: 12px;
  color: #919191;
  line-height: 18px;
  text-indent: -1em;
  padding: 10px 0 0 1em;
  display: block;
}

#pay_point .box01 .pic {
  text-align: center;
  padding: 0 0 10px;
}

#pay_point .box01 .btn01 {
  margin: 10px 0 0;
  display: inline-block;
}

#pay_point .box01 ul { padding: 0 0 10px; }

#pay_point .box01 li {
  text-indent: -1em;
  padding: 10px 0 0 1em;
}

#pay_point .box02 ul { padding: 10px 10px 25px; }
#pay_point .box02 dd { padding: 10px; }
#pay_point .box02 p { padding: 0 0 5px; }
#pay_point .box02 p strong { display: block; }

#pay_point .box03 dd {
  font-size: 14px;
  padding: 10px;
}

#pay_point .box03 ul { padding: 0 0 10px; }

#pay_point .box03 li {
  text-indent: -1em;
  padding: 5px 0 0 10px;
}

#pay_point .box04 img { width: 100%; }
#pay_point .terms_area { padding: 0 0 30px; }
#pay_point .terms_area ul { padding: 0 15px; }
#pay_point .terms_area ul ul { padding-top: 10px; }
#pay_point .terms_area ul ul li { padding: 0 0 10px 0; }

#pay_point .terms_area ul li {
  text-indent: -14px;
  padding: 0 0 10px 14px;
}

#pay_point .terms_area ul .noindent { text-indent: 0; }
#pay_point .terms_area .stitle { margin: 0px 0 20px; }
#pay_point .terms_area .sstitle { margin: 20px 0; }

#pay_point .terms_area h4 {
  font-size: 14px;
  padding: 20px 0 0 0;
}

#pay_point .terms_area h5 {
  font-size: 14px;
  padding: 10px 0 10px 10px;
}

#pay_point .terms_area .align_r { padding: 20px 0 0; }

#pay_point .terms_area div {
  font-size: 13px;
  line-height: 18px;
  padding: 20px;
}

/*  PP --------------------------------*/
#pay_pp .c_wrapper { padding-top: 20px; }
#pay_pp .catch_box { padding: 0 0 20px; }

#pay_pp .catch_box h3 {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 24px;
  font-weight: normal;
  line-height: 120%;
  margin: 0 0 15px;
}

#pay_pp .catch_box h3 span {
  font-size: 18px;
  color: #28cdf5;
  line-height: 120%;
  padding: 0 0 10px;
  display: inline-block;
}

#pay_pp #outline dt {
  font-weight: bold;
  color: #1DBEE5;
  padding: 10px 0;
  border-bottom: solid 1px #ccc;
}

#pay_pp #outline dd { padding: 10px 0 20px; }
#pay_pp #outline .regist dd { padding: 0 0 20px; }

#pay_pp #outline li {
  text-indent: -12px;
  padding: 10px 0 10px 14px;
  border-bottom: dotted 1px #ccc;
}

#pay_pp #outline li span {
  font-weight: bold;
  color: #1DBEE5;
}

#pay_pp #list .read { display: none; }

#pay_pp #list li {
  padding: 0 0 20px;
  width: 100%;
}

#pay_pp #list dt {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-size: 12px;
  color: #1DBEE5;
  padding: 10px 20px;
  background: #fff0f6;
  position: relative;
}

#pay_pp #list dt span {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 24px;
  color: #fff;
  padding: 10px 15px;
  top: 0;
  right: 0;
  display: inline-block;
  background: #1DBEE5;
  position: absolute;
}

#pay_pp #list dd {
  text-align: center;
  padding: 10px 0 0;
}

#pay_pp #list li img {
  width: 220px;
  height: auto;
}

#pay_pp #list strong {
  padding: 10px;
  border-bottom: dotted 1px #ccc;
  display: block;
}

#pay_pp #list p {
  text-align: left;
  padding: 10px;
}

/*  Cprof
-----------------------------------------------------------------------------*/
/*  company --------------------------------*/
#company h3 {
  text-align: center;
  padding: 0 0 20px;
}

#company .box01 dt {
  font-weight: bold;
  color: #999;
  padding: 15px 0 0;
  border-top: dotted 1px #ccc;
}

#company .box01 dt:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1DBEE5;
  width: 10px;
  display: inline-block;
  content: "\f0da";
}

#company .box01 dd { 
padding: 5px 0 15px 10px; }

#company .box01_sub {
  margin: 10px 0 0;
  padding: 25px;
  background: #FAFAFA;
}

#company .box01_sub dt {
  font-weight: bold;
  padding: 0 0 10px;
}

#company .box01_sub dd { font-size: 14px; }

/*  specific trade --------------------------------*/
#specific h3 {
  text-align: center;
  padding: 0 0 20px;
}

#specific .box01 dt {
  font-weight: bold;
  color: #999;
  padding: 15px 0 0;
  padding: 15px 0 0 10px;
  border-top: dotted 1px #ccc;
  position: relative;
}

#specific .box01 dt:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1DBEE5;
  width: 10px;
  top: 16px;
  left: 0;
  display: inline-block;
  content: "\f0da";
  position: absolute;
}

#specific .box01 dd { padding: 5px 0 15px 10px; }

#specific .box01 dd li {
  padding: 10px 0;
  border-top: dotted 1px #ccc;
}

#specific .box01 dd li:first-child {
  padding-top: 0;
  border-top: none;
}

#specific .box01 dd li:last-child { padding-bottom: 0; }

#specific .box01 dd li span {
  font-weight: bold;
  color: #000;
}

/*  shikin --------------------------------*/
#shikin h3 {
  text-align: center;
  padding: 0 0 20px;
}

#shikin .box01 dt {
  font-weight: bold;
  color: #999;
  padding: 15px 0 0;
  padding: 15px 0 0 10px;
  border-top: dotted 1px #ccc;
  position: relative;
}

#shikin .box01 dt:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1DBEE5;
  width: 10px;
  top: 16px;
  left: 0;
  display: inline-block;
  content: "\f0da";
  position: absolute;
}

#shikin .box01 dd {
  word-break: break-all;
  padding: 5px 0 15px 10px;
}

#shikin .box01 dd li {
  padding: 10px 0;
  border-top: dotted 1px #ccc;
}

#shikin .box01 dd li:first-child {
  padding-top: 0;
  border-top: none;
}

#shikin .box01 dd li:last-child { padding-bottom: 0; }

#shikin .box01 dd li span {
  font-weight: bold;
  color: #000;
}

/*  houhou
-----------------------------------------------------------------------------*/
/*  houhou --------------------------------*/
#houhou .box01 { padding: 0 0 20px; }
#houhou .box01 p { padding: 10px 0 0; }

#houhou #lead_txt {
  padding: 280px 0 20px;
  background: url(../../../houhou/img/houhou.jpg) no-repeat center 20px;
}

#houhou .box01 h4 { margin: 10px 0 0; }

#houhou .box01 dl {
  margin: 10px 0;
  padding: 5px 15px;
  border: solid 1px #ccc;
}

#houhou .box01 dt { position: relative; }

#houhou .box01 dt span {
  padding: 10px 0 0 70px;
  display: block;
}

#houhou .box01 dt img {
  width: 55px;
  height: auto;
  top: 10px;
  position: absolute;
}

#houhou .box01 dd {
  padding: 0 0 10px 70px;
  border-bottom: dotted 1px #ccc;
  min-height: 35px;
}

#houhou .box01 dd:last-child { border-bottom: none; }
#houhou .list { padding: 20px 0 0; }
#houhou .list ul { width: 100%; }

#houhou .list ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#houhou .list li {
  width: 100%;
  float: left;
}

#houhou .list li a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  color: #000;
  text-align: center;
  text-decoration: none;
  margin: 0 0 5px;
  padding: 8px 10px;
  border: solid 1px #9d9e99;
  width: 100%;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(#dedcd9), to(#fff));
  background: -webkit-linear-gradient(top, #dedcd9, #fff);
  background: -moz-linear-gradient(top, #dedcd9, #fff);
  background: -ms-linear-gradient(top, #dedcd9, #fff);
  background: -o-linear-gradient(top, #dedcd9, #fff);
  position: relative;
}

#houhou .list li a br { display: none; }

#houhou .list li a img {
  width: 80px;
  height: auto;
}

#houhou .list li a span {
  padding: 5px 0 0;
  display: block;
}

/*  houhou_zoom --------------------------------*/
#houhou_zoom .c_wrapper { padding-bottom: 0; }

#houhou_zoom .houhou_title {
  font-size: 21px;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 20px;
  padding: 10px 0 5px;
  background: #f2f2f2;
}

#houhou_zoom .houhou_title span {
  font-size: 14px;
  padding: 0;
  display: block;
}

#houhou_zoom .stitle {
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0 20px;
  border-top: solid 1px #c7c7c7;
  border-bottom: none;
  background: none;
}

#houhou_zoom #houhou_cat > p { text-align: center; }

#houhou_zoom #houhou_cat > p img {
  width: 120px;
  height: auto;
}

#houhou_zoom #houhou_cat dt {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  margin: 20px 0 0;
  padding: 7px 15px;
  background: #f2f2f2;
}

#houhou_zoom #houhou_cat dd {
  font-size: 12px;
  text-align: center;
  padding: 10px 15px 0;
}

#houhou_zoom #houhou_cat dd:last-child {
  text-align: left;
  padding-bottom: 15px;
}

#houhou_zoom #houhou_cat dd a {
  color: #1DBEE5;
  text-decoration: none;
}

#houhou_zoom #houhou_cat dd a:hover {
  color: #000;
  text-decoration: underline;
}

#houhou_zoom #houhou_cat ul {
  text-align: center;
  padding: 0 0 5px;
}

#houhou_zoom #houhou_cat li {
  border-left: solid 6px #fff;
  display: inline-block;
}

#houhou_zoom #houhou_cat li:first-child { border-left: none; }

#houhou_zoom #houhou_cat li img {
  width: 55px;
  height: auto;
}

#houhou_zoom #houhou_text div { padding: 0; }

#houhou_zoom #houhou_text p {
  font-size: 12px;
  padding: 0 0 20px;
}

#houhou_zoom #houhou_text .note {
  font-size: 12px;
  color: #999;
}

#houhou_zoom .pc_only { display: none; }
#houhou_zoom .sp_only { padding: 0 25px 20px; }
#houhou_zoom .sp_only li { padding: 0 0 10px; }
#houhou_zoom .sp_only select { width: 100%; }

/*  Guide
-----------------------------------------------------------------------------*/
#guide h3 {
  margin: 0 0 20px;
  clear: both;
}

#guide .box ul { width: 100%; }

#guide .box ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide .box li {
  box-sizing: border-box;
  padding: 0 0 20px;
}

#guide .box li img {
  width: 100%;
  height: auto;
}

#guide .col4 { padding: 0 0 10px; }
#guide .col4:last-child { padding: 0; }

#guide .col4 li {
  width: 50%;
  float: left;
}

#guide .col4 li:nth-child(odd) { padding-right: 10px; }
#guide .col4 li:nth-child(even) { padding-left: 10px; }

/*  beginner --------------------------------*/
#guide_beginner .st {
  font-size: 18px;
  font-weight: bold;
  color: #1DBEE5;
  line-height: 30px;
  text-align: center;
}

#guide_beginner .sst {
  font-size: 16px;
  font-weight: bold;
  border-left: 4px solid #1dbee5;
  padding: 2px 0 2px 10px;
}

/* catch */
#guide_beginner #beginner_catch .photo {
  text-align: center;
  margin: 20px 0 0;
  position: relative;
}

#guide_beginner #beginner_catch .photo > img {
  width: 100%;
  height: auto;
}

#guide_beginner #beginner_catch .photo h3 {
  width: 100%;
  top: 20px;
  position: absolute;
}

#guide_beginner #beginner_catch .photo h3 img {
  width: 115px;
  height: auto;
}

#guide_beginner #beginner_catch .photo > p {
  width: 100%;
  bottom: 20px;
  position: absolute;
}

#guide_beginner #beginner_catch .photo > p img {
  width: 300px;
  height: auto;
}

#guide_beginner #beginner_catch .txt { text-align: center; }
#guide_beginner #beginner_catch .txt:last-child { padding: 0px 0 40px; }

#guide_beginner #beginner_catch .txt p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0 auto;
  padding: 20px 20px 0;
}

#guide_beginner #beginner_catch .txt p br { display: none; }

#guide_beginner #beginner_catch .txt a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #666;
  text-decoration: none;
  margin: 30px 0 0;
  padding: 8px 20px;
  border: solid 1px #e7e7e7;
  display: inline-block;
}

#guide_beginner #beginner_catch .txt a:hover {
  color: #bbb;
  border: solid 1px #efefef;
}

#guide_beginner #beginner_catch .txt a span {
  font-size: 14px;
  padding: 0 0 0 5px;
}

/* about */
#guide_beginner #beginner_about {
  padding: 30px 0 20px;
  background: #fefbef;
}

#guide_beginner #beginner_about .st { padding: 0 20px 10px; }

#guide_beginner #beginner_about .box div {
  box-sizing: border-box;
  text-align: center;
  padding: 20px 0 0;
}

#guide_beginner #beginner_about .box div img {
  margin: 0 auto;
  width: 222px;
  height: auto;
}

#guide_beginner #beginner_about .box div dl {
  text-align: left;
  padding: 20px 20px 0;
}

#guide_beginner #beginner_about .box div dd { padding: 15px 0; }

/* event */
#guide_beginner #beginner_event { padding: 30px 0; }
#guide_beginner #beginner_event h3 { padding: 0 20px 20px; }
#guide_beginner #beginner_event > p { padding: 0 20px 20px; }

#guide_beginner #beginner_event .box {
  text-align: center;
  padding: 0 20px;
  line-height: 1.5;
}

#guide_beginner #beginner_event .box p img { max-width: 322px; }
#guide_beginner #beginner_event .box ul { width: 100%; }

#guide_beginner #beginner_event .box ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide_beginner #beginner_event .box ul li {
  box-sizing: border-box;
  width: 50%;
  float: left;
}

#guide_beginner #beginner_event .box ul li:nth-child(odd) { padding: 10px 5px 0 0; }
#guide_beginner #beginner_event .box ul li:nth-child(even) { padding: 10px 0 0 5px; }
#guide_beginner #beginner_event .box ul img { max-width: 157px; }

#guide_beginner #beginner_event .box img {
  vertical-align: top;
  width: 100%;
  height: auto;
}

#guide_beginner #beginner_event .box span {
  font-size: 12px;
  padding: 5px 0 10px;
  display: block;
}

/* tel */
#guide_beginner #beginner_tel { background: #dfecf5; }
#guide_beginner #beginner_tel h3 { padding: 40px 20px 20px; }
#guide_beginner #beginner_tel .pic { text-align: center; }

#guide_beginner #beginner_tel .pic img {
  vertical-align: top;
  width: 100%;
  height: auto;
  max-width: 320px;
}

#guide_beginner #beginner_tel .cts { padding: 0 20px; }

#guide_beginner #beginner_tel .txt {
  text-align: center;
  padding: 0 0 20px;
}

#guide_beginner #beginner_tel .txt p {
  text-align: left;
  padding: 15px 0 0;
}

#guide_beginner #beginner_tel .price {
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin: 20px 0 0;
  padding: 20px 0 20px;
  width: 100%;
  background: #f8f8f8;
}

#guide_beginner #beginner_tel .price:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide_beginner #beginner_tel .price dl { padding: 0 25px; }

#guide_beginner #beginner_tel .price dt {
  font-size: 16px;
  padding: 2px 10px;
  border-left: solid 1px #1DBEE5;
}

#guide_beginner #beginner_tel .price dd {
  font-size: 20px;
  padding: 10px 10px 20px;
  font-weight: bold;
}

#guide_beginner #beginner_tel .price dd span {
  font-size: 30px;
  color: #1DBEE5;
  font-weight: bold;
}

#guide_beginner #beginner_tel .price p {
  color: #666;
  text-align: center;
  clear: both;
}

#guide_beginner #beginner_tel .price p span {
  font-size: 12px;
  padding: 5px 15px 0;
  display: block;
}

#guide_beginner #beginner_tel .txt a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #666;
  text-decoration: none;
  margin: 30px 0 10px;
  padding: 8px 40px;
  border: solid 1px #999;
  display: inline-block;
  background: #fff;
}

#guide_beginner #beginner_tel .txt a:hover {
  color: #777;
  border: solid 1px #777;
}

#guide_beginner #beginner_tel .txt a span {
  font-size: 12px;
  padding: 0 0 0 15px;
}

/* compare */
#guide_beginner #beginner_compare { background: #000; }
#guide_beginner #beginner_compare .pic { text-align: center; }

#guide_beginner #beginner_compare .pic img {
  vertical-align: top;
  width: 100%;
  height: auto;
  max-width: 300px;
}

#guide_beginner #beginner_compare .cts {
  box-sizing: border-box;
  color: #fff;
  padding: 0 20px 20px;
}

#guide_beginner #beginner_compare .cts h3 {
  color: #fff;
  padding: 40px 0 20px;
}

#guide_beginner #beginner_compare .cts p { padding: 15px 0 0; }

#guide_beginner #beginner_compare .cts ul {
  text-align: center;
  padding: 20px 0 5px;
  width: 100%;
}

#guide_beginner #beginner_compare .cts li {
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin: 0 5px;
  padding: 36px 0;
  border: solid 1px #fff;
  width: 120px;
  display: inline-block;
}

#guide_beginner #beginner_compare .cts li span {
  font-size: 22px;
  display: block;
}

#guide_beginner #beginner_compare .cts a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  margin: 10px 0 30px;
  padding: 8px 30px;
  border: solid 1px #fff;
  display: inline-block;
}

#guide_beginner #beginner_compare .cts a:hover {
  color: #ccc;
  border: solid 1px #ccc;
}

#guide_beginner #beginner_compare .cts a span {
  font-size: 12px;
  padding: 0 0 0 15px;
}

/* campaign */
#guide_beginner #beginner_campaign { background: #fed4de; }

#guide_beginner #beginner_campaign .pic {
  text-align: center;
  padding: 10px 0 0;
}

#guide_beginner #beginner_campaign .pic img {
  vertical-align: top;
  width: 100%;
  height: auto;
  max-width: 270px;
}

#guide_beginner #beginner_campaign .cts { padding: 0 20px; }

#guide_beginner #beginner_campaign .cts h3 {
  color: #fff;
  padding: 40px 0 10px;
}

#guide_beginner #beginner_campaign .cts dt {
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  margin: 0 auto;
  padding: 28px 0;
  border: solid 1px #000;
  width: 160px;
}

#guide_beginner #beginner_campaign .cts dt strong {
  font-size: 38px;
  font-weight: normal;
  display: block;
}

#guide_beginner #beginner_campaign .cts dd { padding: 40px 0 20px; }
#guide_beginner #beginner_campaign .cts dd div { padding: 40px 0 0; }
#guide_beginner #beginner_campaign .cts dd div h4 { padding: 0 0 20px; }

#guide_beginner #beginner_campaign .cts dd ul {
  font-size: 12px;
  padding: 20px 0 0;
}

#guide_beginner #beginner_campaign .cts dd .code {
  font-size: 16px;
  padding: 20px 0 20px;
}

#guide_beginner #beginner_campaign .cts span.pc {
  font-size: 18px;
  color: #000;
  display: none;
}

#guide_beginner #beginner_campaign .cts span.sp {
  font-size: 18px;
  color: #000;
  display: inline;
}

#guide_beginner #beginner_campaign .cts span {
  font-size: 12px;
  color: #999;
}

/* movie */
#guide_beginner #beginner_movie {
  padding: 0 0 250px;
  background: url(../../../guide/beginner/img/movie.jpg) no-repeat center bottom;
  background-size: 285px auto;
}

#guide_beginner #beginner_movie h3 {
  color: #000;
  padding: 30px 0 20px;
}

#guide_beginner #beginner_movie .movie_area div {
  margin: 0 auto;
  padding: 10px 0;
  width: 300px;
}

#guide_beginner #beginner_movie .movie_area p {
  text-align: center;
  clear: both;
}

#guide_beginner #beginner_movie .movie_area a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #666;
  text-decoration: none;
  margin: 10px 0 0;
  padding: 8px 30px;
  border: solid 1px #999;
  display: inline-block;
  background: #fff;
}

#guide_beginner #beginner_movie .movie_area a:hover {
  color: #bbb;
  border: solid 1px #efefef;
}

#guide_beginner #beginner_movie .movie_area a span {
  font-size: 12px;
  padding: 0 0 0 5px;
}

/*  Campaign
-----------------------------------------------------------------------------*/
#camp .tokubetsu { padding: 30px 10px 35px; }

#camp .tokubetsu img {
  width: 100%;
  max-width: 300px;
}

#camp .tokubetsu dl { padding: 20px 0 0; }

#camp .tokubetsu dt {
  font-weight: bold;
  color: #2bc4e9;
}

#camp .tokubetsu dd { padding: 15px 0 0; }
#camp .qum { padding: 25px 10px 30px; }

#camp .qum .box {
  padding: 25px 10px 0;
  overflow: hidden;
}

#camp .qum .box .pic { text-align: center; }

#camp .qum .box .pic img {
  width: 100%;
  max-width: 300px;
}

#camp .qum .box dl {
  padding: 20px 0 0;
  overflow: hidden;
}

#camp .qum .box dt { font-weight: bold; }
#camp .qum .box dd { padding: 5px 0 10px; }
#camp .qum .box dd li { padding: 0 0 7px; }
#camp .bd { padding: 25px 10px 35px; }

#camp .bd dl {
  margin: 0 10px;
  padding: 20px 15px;
  background: #fff4f8;
}

#camp .bd dt {
  font-size: 16px;
  font-weight: bold;
  color: #ff407b;
  line-height: 24px;
  padding: 0 0 10px;
}

#camp .bd dt span { font-size: 24px; }

#camp .bd .box {
  padding: 30px 0 0;
  overflow: hidden;
}

#camp .bd .box .pic {
  padding: 0 15px 15px 0;
  float: left;
}

#camp .bd .box .pic img { width: 83px; }
#camp .first { padding: 25px 0 0; }

#camp .first .pic {
  margin: 0 15px 15px 20px;
  width: 83px;
  float: left;
}

#camp .first h4 {
  margin: 0 0 20px;
  clear: both;
}

#camp .first .box01 { padding: 0 20px 30px; }

#camp .first .point1 {
  font-weight: bold;
  color: #cb0004;
}

#camp .first .point2 { text-decoration: underline; }

#camp .first .data dl {
  margin: 20px auto 30px;
  border: solid 1px #d9d9d9;
  width: 100%;
  background: #fff7fa;
}

#camp .first .data dt {
  font-size: 16px;
  font-weight: bold;
  color: #ff407b;
  text-align: center;
  padding: 10px;
}

#camp .first .data dd {
  font-size: 24px;
  text-align: center;
  padding: 25px 0;
  background: #fff;
}

#camp .first .data dd.pc { display: none; }

/* 201507 added */
#camp img.sptouch { width: 100%; }

#camp .allprez .deadline_day {
  margin: 20px 10px 60px;
  border: solid 1px #FF4075;
}

#camp .allprez .deadline_day dt {
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  padding: 7px 0;
}

#camp .allprez .deadline_day dt span { color: #FF4075; }

#camp .allprez .deadline_day dd {
  color: #ff0000;
  text-align: center;
  padding: 10px 0;
  background: #FFF4F8;
}

#camp .allprez .deadline_day dd a {
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 26px;
  text-decoration: none;
  margin: 0 20px;
  padding: 8px 0;
  display: block;
  background: #DD0000;
}

#camp .allprez .deadline_day dd a:hover { opacity: 0.8; }
#camp .allprez ul { margin: 20px 20px 40px; }

#camp .allprez ul li {
  text-decoration: none;
  margin-bottom: 10px;
  padding: 0 10px 5px 30px;
  position: relative;
}

#camp .allprez ul li:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #333;
  top: 3px;
  left: 0px;
  content: "\f046";
  position: absolute;
}

#camp .friend { padding: 0 0 50px; }
#camp .special { padding: 0 0 50px; }

#camp #special1509 dd ul.bg {
  padding: 20px 0;
  background: url(/info/camp/img/1509special/bg.jpg) left top no-repeat;
  background-size: 100% auto;
}

#camp #special1509 dd ul.bg li {
  text-indent: -1em;
  margin: 0 0 0.5em 1em;
}

#camp .first .point {
  font-weight: bold;
  color: #FF407B;
}

/*  Announce
-----------------------------------------------------------------------------*/
#announce .st {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  box-sizing: border-box;
  font-size: 22px;
  font-weight: normal;
  color: #1DBEE5;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
  padding: 30px 20px 0;
  border-top: solid 1px #e7e7e7;
  width: 100%;
}

#announce .sst {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 16px;
  color: #1DBEE5;
  padding: 2px 0 2px 10px;
  border-left: solid 1px #1DBEE5;
}

#announce .box {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

#announce .box:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

/* new_price */
#announce #new_price { padding: 30px 0 0; }

#announce #new_price .box .pic {
  text-align: center;
  width: 100%;
}

#announce #new_price .box .pic img {
  vertical-align: top;
  width: 100%;
  height: auto;
  max-width: 290px;
}

#announce #new_price .txt { padding: 0 20px; }
#announce #new_price .txt p { padding: 20px 0; }

#announce #new_price .txt h4 {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 20px;
  font-weight: normal;
  padding: 0 0 10px;
}

#announce #new_price .txt h4 span { font-size: 16px; }

#announce #new_price .txt h4 strong {
  font-weight: normal;
  color: #ff6c96;
}

#announce #new_price .txt div {
  -webkit-border-radius: 5px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  background: #f8f8f8;
}

#announce #new_price .txt i {
  font-size: 50px;
  color: #999;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0;
  width: 40px;
  display: block;
}

#announce #new_price .txt div p {
  color: #999;
  padding: 10px 0 15px;
}

#announce #new_price .txt dl {
  text-align: left;
  padding: 20px 0 0;
  display: inline-block;
}

#announce #new_price .txt dt {
  font-size: 14px;
  padding: 0 0 0 10px;
  border-left: solid 1px #000;
}

#announce #new_price .txt dd {
  font-size: 16px;
  padding: 10px 0 0 12px;
}

#announce #new_price .txt dd span { font-size: 24px; }
#announce #new_price .txt #new dt { border-left: solid 1px #ff6c96; }
#announce #new_price .txt #new dd { text-align: center; }

#announce #new_price .txt #new dd span {
  font-size: 38px;
  font-weight: normal;
  color: #ff6c96;
  line-height: 40px;
}

/* web_entry */
#announce #web_entry {
  padding: 0 0 360px;
  background: url(../../../announce/img/web_entry.jpg) no-repeat 85% bottom #fff;
  background-size: 640px auto;
}

#announce #web_entry .st {
  padding: 30px 20px;
  background: url(../../../announce/img/web_entry_title.png) repeat-x left top;
}

#announce #web_entry .txt { padding: 0 20px 30px; }
#announce #web_entry .txt p { padding: 0 0 20px; }
#announce #web_entry .txt dl { position: relative; }

#announce #web_entry .txt dt {
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  box-sizing: border-box;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  padding: 30px 10px;
  border: solid 1px #000;
  width: 120px;
  position: absolute;
}

#announce #web_entry .txt dt span {
  font-size: 20px;
  display: block;
}

#announce #web_entry .txt dd {
  padding: 20px 0 30px 140px;
  min-height: 90px;
}

#announce #web_entry .txt .fulltime dd { padding: 40px 0 0 140px; }

#announce #web_entry .txt .fulltime dt {
  font-size: 24px;
  line-height: 30px;
}

#announce #web_entry .txt .fulltime dt strong { color: #ff6c96; }

#announce #web_entry .txt .note {
  color: #ff6c96;
  text-indent: -1em;
  padding: 10px 0 20px 1em;
}

#announce #web_entry .txt a {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  color: #999;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  padding: 8px 0;
  border: solid 1px #999;
  width: 240px;
  display: block;
}

#announce #web_entry .txt a:hover {
  color: #bbb;
  border: solid 1px #aaa;
}

#announce #web_entry .txt a span {
  font-size: 14px;
  padding: 0 0 0 20px;
}

/* rule */
#announce #rule div {
  box-sizing: border-box;
  font-size: 13px;
  margin: 0 auto;
  padding: 0 20px 30px;
  width: 100%;
}

#announce #rule p { padding: 30px 0 30px; }

#announce #rule dt span {
  font-weight: bold;
  padding: 0 15px 0 0;
  display: inline-block;
}

#announce #rule dd {
  font-size: 12px;
  padding: 5px 0 30px 0;
}

/*  Sitemap
-----------------------------------------------------------------------------*/
#sitemap .c_wrapper { padding: 30px 0 0; }
#sitemap .box div { padding: 0 10px; }
#sitemap .box dl { padding: 0 0 30px; }

#sitemap .box dt {
  font-size: 14px;
  font-weight: bold;
  border-top: solid 2px #1DBEE5;
}

#sitemap .box dt.biz { border-top: solid 2px #369; }
#sitemap .box dt.free { border-top: solid 2px #f30; }
#sitemap .box dt.mail { border-top: solid 2px #fc0; }
#sitemap .box dt.program { border-top: solid 2px #66c; }

#sitemap .box dt a {
  font-size: 16px;
  padding: 17px 10px 16px;
}

#sitemap .box dd { border-bottom: dotted 1px #CDCCCC; }
#sitemap .box li { border-top: dotted 1px #CDCCCC; }

#sitemap .box a {
  text-decoration: none;
  padding: 15px 10px 14px;
  display: block;
}

#sitemap .box li a:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #d3d3d3;
  padding: 0 10px 0 0;
  display: inline-block;
  content: "\f0da";
}

#sitemap .box ul ul { padding: 0 0 5px 15px; }
#sitemap .box li li { border-top: none; }

#sitemap .box li li a {
  font-size: 14px;
  padding: 0 10px 10px;
}

#sitemap .box li li a:before { font: normal normal normal 10px/1 FontAwesome; }

#sitemap .spec {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  margin: 5px 10px 40px;
  padding: 10px;
  background: #f2f2f2;
  clear: both;
}

#sitemap .spec strong { display: block; }

/*  Notice
-----------------------------------------------------------------------------*/
#notice {
  text-align: center;
  padding: 0 15px 40px 15px;
}

#notice h2 {
  font-size: 16px;
  color: #1DBEE5;
  padding-bottom: 15px;
}

#notice .box p { font-size: 12px; }

/*  Line
-----------------------------------------------------------------------------*/
#line .c_wrapper { padding: 20px 15px 50px; }

#line h3 {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-radius: 10px 10px 10px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  padding: 20px 0;
  background: #00C300;
}

#line h3 span { display: block; }

#line .text {
  margin-bottom: 20px;
}
#line .text ~ div img {
  width: 100%;
}

#line .intro {
	margin: 20px 0;
	font-size: 115%;
	line-height: 1.5;
}
#line .intro span {
	color: #6dbd24;
}
#line .intro p {
	margin-bottom: 20px;
}
#line .about {
	padding: 40px 0;
	line-height: 1.5;
}
#line .about h4 {
	color: #6dbd24;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}
#line .about dl dt {
	margin-bottom: 20px;
}
#line .about dl dt img {
	width: 100%;
}
#line .about dl dd {
	font-size: 19px;
}
#line .about dl dd ol {
	margin-top: 50px;
	list-style-type: none;
}
#line .about dl dd ol li {
	margin-bottom: 30px;
}
#line .about dl dd ol li span {
	color: #19bfe7;
}
#line .about dl dd p.notes {
	color: #999999;
	font-size: 15px;
}

#line .step {
	padding: 20px 0 40px;
	line-height: 1.5;
}
#line .step h4 {
	color: #6dbd24;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}

#line .step ol {
	list-style-type: none;
}
#line .step ol > li {
	border: 1px solid #000;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
}
#line .step ol > li a {
	color: #2cb7d4;
}
#line .step ol > li > dl {
}
#line .step ol > li > dl > dt,
#line .step ol > li > dl > dd {
}
#line .step ol > li > dl > dt {
	width: 20%;
	vertical-align: top;
	margin-bottom: 10px;
}
#line .step ol > li > dl > dd p {
	margin-bottom: 10px;
	font-size: 115%;
}
#line .step ol > li.step01 > dl > dd li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	color: #999;
}
#line .step ol > li.step01 > dl > dd li dt {
	min-height: 144px;
	vertical-align: middle;
	text-align: center;
}
#line .step ol > li.step01 > dl > dd .step01btn img {
	padding: 30px 0;
}
#line .step ol > li.step01 > dl > dd .step01btn {
	width: 45%;
}
#line .step ol > li.step01 > dl > dd .step01qr {
	width: 52.5%;
}

#line div.faq {
	padding: 20px 0 40px;
	line-height: 1.5;
}
#line .faq h4 {
	color: #6dbd24;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}


#line .faq dt {
  font-size: 115%;
  font-weight: normal;
  line-height: 1.15;
  margin: 10px 0 0;
  padding: 12px 40px 12px 20px;
  border: solid 1px #ccc;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  color: #3399ff;
  text-align: center;
}

#line .faq dt:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f067";
  position: absolute;
}

#line .faq dt.open:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f068";
  position: absolute;
}

#line .faq dd {
  font-size: 16px;
  line-height: 28px;
  padding: 15px 10px 0;
  border: 1px solid #CCCCCC;
  border-top: none;
  display: none;
}

#line .faq dd p { padding: 0 0 15px; }



#line .st { margin: 0 0 5px 0; }

#line .st dt {
  font-size: 20px;
  font-weight: bold;
  color: #00c300;
  line-height: 24px;
  padding: 15px 0 0 84px;
  min-height: 74px;
  background: url(../../../info/line/img/st01.gif) left top no-repeat;
  background-size: 74px 74px;
}

#line .st dd {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 20px;
}

#line .stamp_list {
  zoom: 1;
  margin-bottom: 20px;
  overflow: hidden;
}

#line .stamp_list li {
  margin: 0 1% 3% 1%;
  display: inline;
}

#line .stamp_list li img { width: 30%; }
#line .link_btn { text-align: center; }

#line .link_btn a {
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-radius: 20px 20px 20px 20px;
  font-size: 14px;
  color: #00c300;
  text-decoration: none;
  margin: 0 auto;
  padding: 10px 0;
  border: 4px solid #00c300;
  width: 95%;
  display: block;
}

/*  point_charge
-----------------------------------------------------------------------------*/
#point_charge .box01 { padding: 10px; }
#point_charge dt span { display: block; }
#point_charge dd { padding: 10px 0 20px; }

#point_charge .list01 {
  font-weight: bold;
  padding-top: 10px;
}

#point_charge .list01 li { padding-bottom: 10px; }
#point_charge .list01 li span { display: block; }
#point_charge .box01 p { padding-top: 10px; }

#point_charge .list02 {
  text-indent: -20px;
  margin: -10px 0 0 20px;
}

#point_charge .list02 li { margin-top: 10px; }
#point_charge .box01 dd img { width: 100%; }

/*  reason
-----------------------------------------------------------------------------*/
#reason { padding-top: 20px; }

#reason .navi {
  text-align: center;
  margin-bottom: 10px;
  overflow: hidden;
}

#reason .navi li {
  width: 31%;
  display: inline-block;
}

#reason .navi li img {
  width: 100%;
  display: block;
}

#reason h2 {
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  padding: 20px 10px 30px;
}

#reason h3 {
  font-size: 18px;
  color: #1DBEE5;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  padding: 20px 10px 30px;
}

#reason .navi li .pc { display: none; }

#reason .navi li a {
  text-align: center;
  display: block;
}

#reason .main_image {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}

#reason .main_image h4 {
  width: 100%;
  top: 25%;
  position: absolute;
}

#reason .main_image h4 img { width: 200px; }

#reason .main_image .bg {
  width: 100%;
  height: auto;
}

#reason .text { margin: 0 20px 20px; }
#reason .text p { margin-bottom: 10px; }

#reason .check img {
  width: 44px;
  top: -15px;
  left: 10px;
  position: absolute;
}

#reason .check {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-radius: 10px 10px 10px 10px;
  margin: 30px 20px 40px;
  padding: 20px 0;
  border: 2px solid #fc9cb8;
  clear: both;
  position: relative;
}

#reason .check div { padding: 0 30px; }
#reason .media .clearfix { margin: 0 20px 30px; }
#reason .media .image { margin-bottom: 40px; }
#reason .image img { width: 100%; }
#reason .privacy { margin: 0 20px 40px; }

#reason .privacy img {
  margin: 0 20px 5px 0;
  width: 100px;
  float: left;
}

#reason .privacy div p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 10px;
}

#reason .privacy div span {
  font-size: 16px;
  display: block;
}

#reason .experience { margin: 0 20px 40px; }
#reason .experience .text { margin: 0 0 20px 0;}
#reason .experience .main img { width: 100%; }
#reason .experience p { margin: 5px 0 10px;
  font-size: 14px;
  line-height: 1.5; }
#reason .experience li img { width: 100%; }
#reason .office { margin: 0 10px 30px; }
#reason .office ul { overflow: hidden; }

#reason .office li {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 1% 10px 1%;
  width: 48%;
  float: left;
}

#reason .office .text { margin: 0 0 20px 0; }

#reason .office li img {
  margin-bottom: 5px;
  width: 100%;
}

#reason .office li p { min-height: 35px; }
#reason .system .image { margin-bottom: 40px; }

#reason .service {
  margin-bottom: 40px;
  overflow: hidden;
}

#reason .service .download {
  margin: 0 20px 30px;
  overflow: hidden;
}

#reason .service .download .pic img {
  margin: 0 20px 20px 0;
  width: 100px;
  float: left;
}

#reason .service .download .cont p { margin-bottom: 10px; }
#reason .service .download .cont a img { width: 100%; }
#reason .service .image { margin-bottom: 30px; }

#reason ul.present_list {
  margin: 0 15px 20px;
  overflow: hidden;
}

#reason ul.present_list img { width: 100%; }
#reason ul.present_list p { margin: 5px 0 10px; }

#reason ul.present_list li {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 1%;
  width: 48%;
  float: left;
}

#reason .btn_link {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  font-size: 16px;
  text-align: center;
  margin: 10px auto 20px;
  width: 240px;
  background: #FFFFFF;
  border: 1px solid #cccccc;
}

#reason .btn_link a {
  text-decoration: none;
  padding: 8px 0;
  display: block;
}

#reason .free { margin-bottom: 10px; }

#reason .free .btn_link {
  margin-bottom: 40px;
  background: #FFFFFF;
  border: 1px solid #cccccc;
}
#reason .free .image { margin-bottom: 20px; }
#reason .trust .bad img, #reason .trust .good img { width: 100%; }

#reason .trust .bad {
  background: #e5e5e5;
  overflow: hidden;
}

#reason .trust .good {
  background: #fecedc;
  overflow: hidden;
}

#reason .trust .bad .in_cont div, #reason .trust .good .in_cont div { padding: 15px 20px 30px 20px; }
#reason .relation { margin: 40px 0; }
#reason .relation ul { padding: 0 20px; }
#reason .relation ul li img { width: 100%; }

#reason .relation dt {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 15px;
}

#reason .relation .pc { display: none; }
#reason .relation .pc { display: none; }

#reason .relation dd li {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  margin-bottom: 10px;
  background: #f2f2f2;
  position: relative;
}

#reason .relation dd li a {
  text-decoration: none;
  padding: 10px;
  display: block;
}

#reason .relation dd li p {
  font-weight: bold;
  color: #1DBEE5;
  text-decoration: none;
  padding: 0 0 5px 18px;
  position: relative;
}

#reason .relation dd li p:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1DBEE5;
  top: 2px;
  left: 0;
  display: block;
  content: "\f054";
  position: absolute;
  line-height: 26px;
}

#reason .fee { margin: 0 20px 20px; }
#reason.index02 .fee div dl { padding-bottom: 20px; }
#reason.index02 .fee div dd p { padding-bottom: 10px; }
#reason.index02 .image { padding-bottom: 40px; }
#reason .d_payment { margin: 0 20px 40px; }
#reason.index02 .d_payment ul { padding: 10px 0; }
#reason .comparison { margin: 0 20px 40px; }

#reason .comparison p span {
  font-size: 12px;
  padding: 10px 0;
  display: block;
}

#reason .comparison p {
  margin: 0 0 15px;
}

#reason.index02 .comparison table {
  line-height: 18px;
  border-top: 1px solid #cbcdcc;
  border-left: 1px solid #cbcdcc;
  width: 600px;
}

#reason.index02 .comparison td, #reason.index02 .comparison th, #reason.index02 .discount td, #reason.index02 .discount th {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  padding: 5px 0px;
  border-bottom: 1px solid #cbcdcc;
  border-right: 1px solid #cbcdcc;
}

#reason.index02 .comparison table thead th, #reason.index02 .discount table thead th {
  padding: 5px;
  border-bottom: 2px solid #cbcdcc;
  background: #f9f9f9;
}

#reason.index02 .comparison table thead .tp, #reason.index02 .discount table thead .tp {
  border-bottom: 1px solid #cbcdcc;
  background: #fff;
}

#reason.index02 .comparison table thead .tp { font-weight: bold; }

#reason.index02 .comparison table th {
  font-weight: normal;
  padding: 10px;
  border-bottom: 1px solid #cbcdcc;
  background: #ffe3f1;
}

#reason.index02 .comparison table thead th.abg, #reason.index02 .discount table thead th.abg { background: #fff; }
#reason.index02 .comparison table th.abg, #reason.index02 .discount table th.abg, #reason.index02 .discount table th.price { background: #fff0f7; }
#reason.index02 .comparison table td, #reason.index02 .discount table td { background: #f9f9f9; }

#reason.index02 .comparison table td.price {
  text-align: left;
  padding: 5px 10px;
}

#reason.index02 .comparison table td.price_all {
  padding: 10px 0;
  background: #fff;
}

#reason.index02 .discount table td.price {
  text-align: left;
  padding: 5px 10px;
  background: #fff;
}

#reason.index02 .discount table td.price_all { padding: 10px 0; }
#reason.index02 .comparison table td.abg, #reason.index02 .discount table td.abg { background: #fff; }
#reason.index02 .change .text span { text-decoration: underline; }
#reason.index02 .change strong { color: #454545; }
#reason.index02 .change table { color: #666; }

#reason.index02 .change table th {
  font-size: 14px;
  color: #fff;
  padding: 5px 0;
  background: #b8b8b8;
}

#reason.index02 .discount table th {
  font-size: 14px;
  font-weight: normal;
  padding: 10px 0;
  border-bottom: 1px solid #cbcdcc;
  background: #ffe3f1;
}

#reason.index02 .change table td, #reason.index02 .discount table td { font-size: 14px; }
#reason.index02 .change table { margin-bottom: 10px; }

#reason.index02 .change table, #reason.index02 .discount table {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  width: 600px;
}

#reason.index02 .change table th, #reason.index02 .change table td, #reason.index02 .discount table th, #reason.index02 .discount table td {
  line-height: 18px;
  text-align: center;
  border-right: 1px solid #cccccc;
}

#reason.index02 .change table td, #reason.index02 .discount table td { padding: 5px 0; }
#reason.index02 .change table .font_s, #reason.index02 .discount table .font_s { font-size: 10px; }

#reason.index02 .change table .abg01 td, #reason.index02 .change table .abg01 td {
  padding: 5px 0;
  background: #f7f7f7;
}

#reason.index02 .change table span, #reason.index02 .discount table span { font-size: 10px; }
#reason.index02 .change table .abg02 td, #reason.index02 .discount table .abg02 td { background: #f3f3f3; }
#reason.index02 .discount .text, #reason.index02 .change .text { margin: 0 0 10px; }
#reason.index02 .change table { border-bottom: 1px solid #cccccc; }

#reason.index02 .wrap_table {
  width: 100%;
  overflow: auto;
}

#reason.index02 .change { padding: 0 20px 20px; }

#reason.index02 .change .note {
  font-size: 10px;
  line-height: 12px;
}

#reason.index02 .point .pic img { width: 100%; }
#reason.index02 .point .pic { padding-bottom: 10px; }
#reason h2, #reason .point h3 { padding: 0 0 30px; }

#reason.index02 .point {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-radius: 10px 10px 10px 10px;
  margin: 0 20px 40px;
  padding: 20px;
  background: #efefef;
}

#reason.index02 .point p { padding-bottom: 10px; }
#reason.index02 .point p span { text-decoration: underline; }

#reason.index02 .point .pic {
  text-align: center;
  padding-bottom: 10px;
}

#reason.index02 .discount { padding: 0 20px 20px; }
#reason.index02 .discount table { margin-bottom: 10px; }

#reason.index02 .discount .text .note {
  font-size: 12px;
  padding-top: 10px;
  display: block;
}

#reason.index02 .discount .text p span { text-decoration: underline; }
#reason.index02 .popular { margin-bottom: 40px; }
#reason.index02 .popular .detail { padding: 0 20px 30px; }
#reason.index02 .popular .detail .table { margin-bottom: 20px; }

#reason.index02 .popular .detail .pic p {
  color: #999999;
  margin-top: 10px;
}

#reason.index02 .popular .detail img { width: 100%; }
#reason.index02 .popular .questionnaire { padding: 0 20px 20px; }
#reason.index02 .popular .questionnaire div { margin-top: 10px; }
#reason.index02 .popular .questionnaire div p, #reason.index02 .popular .questionnaire div ul { padding-bottom: 10px; }

#reason.index02 .popular .questionnaire div ul li {
  padding-right: 10px;
  display: inline-block;
}

#reason.index02 .popular .questionnaire img { width: 100%; }

#reason .teller_list ul {
  margin: 0 10px 30px;
  overflow: hidden;
}

#reason .teller_list li span.date_from { display: none; }
#reason.index03 .image { padding-bottom: 40px; }

#reason.index03 .teller_list li {
  font-size: 14px;
  line-height: 1.5;
  vertical-align: top;
  width: 49%;
  display: inline-block;
}

#reason.index03 .teller_list li img { width: 100%; }
#reason.index03 .teller_list li p { margin: 5px 0 10px; }

#reason.index03 .text .note {
  font-size: 14px;
  padding-top: 5px;
  display: block;
}

#reason.index03 .movie { margin-bottom: 40px; }
#reason.index03 .movie .image { padding-bottom: 10px; }

#reason.index03 .qole_style {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-radius: 10px 10px 10px 10px;
  margin: 0 20px 40px;
  padding: 20px;
  background: #efefef;
}

#reason.index03 .qole_style p { padding-bottom: 10px; }
#reason.index03 .qole_style .pic img { width: 100%; }
#reason.index03 .phone .image { padding-bottom: 10px; }

/* scene
-----------------------------------------------------------------------------*/
#scene h2 {
  font-size: 20px;
  text-align: center;
  padding-bottom: 20px;
}

#scene .sp { display: block; }
#scene .pc { display: none; }

#scene h3 {
  font-size: 16px;
  text-align: center;
  padding-bottom: 20px;
}

#scene .note, #scene_top .note { padding: 0 20px 30px 20px; }

#scene_top .top_menu li {
  vertical-align: top;
  width: 48%;
  padding-bottom: 20px;
  display: inline-block;
}

#scene_top .top_menu li img { width: 100%; }

#scene_top .top_menu li:nth-child(even) { margin-left: 2%; }
#scene_top .top_menu ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}





#scene .mainimage { margin-bottom: 30px; }
#scene .mainimage img { width: 100%; }
#scene .graph { padding: 0 20px 40px 20px; }
#scene .graph .data { text-align: center; }
#scene .graph .data img { width: 70%; }

#scene .graph .data p {
  font-size: 10px;
  line-height: 16px;
}

#scene .graph p { padding-top: 20px; }
#scene .cont { padding: 0 20px 40px 20px; }

#scene .graph .comment {
  margin-top: 20px;
  padding: 10px 20px 10px 40px;
  border: 1px solid #ccc;
  background: url(../../../scene/img/icon01.gif) 5% 30% no-repeat;
  background-size: 16px 13px;
}

#scene .graph .w_image { text-align: center; }
#scene .graph .w_image img { width: 90%; }
#scene .graph .w_image { margin-top: 20px; }
#scene .text { padding-bottom: 10px; }
#scene .scene_topic div { padding-bottom: 10px; }

#scene .scene_topic .sst {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-radius: 10px 10px 10px 10px;
  color: #1DBEE5;
  text-align: center;
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #1DBEE5;
}

#scene .scene_topic ul { padding-bottom: 10px; }
#scene .scene_topic img { display: none; }

#scene .point img {
  width: 44px;
  top: -15px;
  left: 10px;
  position: absolute;
}

#scene .point {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-radius: 10px 10px 10px 10px;
  margin: 30px 0 0;
  padding: 20px 0;
  border: 2px solid #fc9cb8;
  clear: both;
  position: relative;
}

#scene .point div { padding: 0 30px; }
#scene .scene_link li img { width: 100%; }
#scene .scene_link li { padding-bottom: 20px; }

#scene .scene_link dt {
  font-weight: bold;
  padding: 10px 0;
}

#scene .howto { padding-bottom: 10px; }
#scene .howto div { padding-top: 10px; }
#scene .howto img { width: 100%; }

#scene .howto div ul {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid #ccc;
}

#scene .w_image img { width: 100%; }
#scene .w_image .pc { display: none; }
#scene .w_image .sp { display: block; }

#scene #w_fortune_carousel {
  padding: 0 20px 40px 20px;
  position: relative;
}

#scene #fortune_carousel { padding: 0; }

#scene .scene_links li {
  vertical-align: top;
  padding-bottom: 20px;
  width: 48%;
  display: inline-block;
}

#scene .scene_links li:nth-child(odd) { margin-right: 1%; }
#scene .scene_links li a { text-decoration: none; }

#scene .scene_links li strong {
  padding: 8px 0;
  display: block;
}

#scene .scene_links li img { width: 100%; }
#scene .text_area p { padding-bottom: 20px; }

#scene .image {
  text-align: center;
  padding-bottom: 20px;
}

#scene .text_area .comment {
  margin-bottom: 20px;
  padding: 10px 20px 10px 40px;
  border: 1px solid #ccc;
  background: url(../../../scene/img/icon01.gif) 5% 30% no-repeat;
  background-size: 16px 13px;
}

#scene .image img { width: 100%; }
#scene_top .top_menu { padding: 0 20px 20px 20px; }
#scene_top .top_menu li img { width: 100%; }

#scene_top .top_menu li strong {
  font-weight: bold;
  padding: 10px 0;
  display: block;
}

#scene_top .top_menu li dd { padding-bottom: 30px; }
#scene_top .top_menu li a { text-decoration: none; }
#scene .relation, #scene_top .relation { margin-bottom: 40px; }
#scene .relation ul, #scene_top .relation ul { padding: 0 20px; }
#scene .relation ul li img, #scene_top .relation ul li img { width: 100%; }

#scene .relation dt, #scene_top .relation dt {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 15px;
}

#scene .relation .pc, #scene_top .relation .pc { display: none; }

#scene .relation dd li, #scene_top .relation dd li {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  margin-bottom: 10px;
  background: #f2f2f2;
  position: relative;
}

#scene .relation dd li a, #scene_top .relation dd li a {
  text-decoration: none;
  padding: 10px;
  display: block;
}

#scene .relation dd li p, #scene_top .relation dd li p {
  font-weight: bold;
  color: #1DBEE5;
  text-decoration: none;
  padding: 0 0 5px 18px;
  position: relative;
}

#scene .relation dd li p:before, #scene_top .relation dd li p:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1DBEE5;
  top: 2px;
  left: 0;
  display: block;
  content: "\f054";
  position: absolute;
}

/*  basic
-----------------------------------------------------------------------------*/
#basic .mainimage { padding: 10px 0 30px; }
#basic .mainimage.sp { display: block; }
#basic .mainimage.pc { display: none; }
#basic .about a, #basic .howto li a { text-decoration: none; }

#basic .st {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  padding: 0 10px 30px;
}

#basic .text { padding: 0 20px 20px 20px; }
#basic .about { padding: 0 20px 30px 20px; }

#basic .about li {
  vertical-align: top;
  width: 48%;
  padding-bottom: 20px;
  display: inline-block;
}

#basic .about li img { width: 100%; }

#basic .about li:nth-child(even) { margin-left: 2%; }
#basic .about ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}




#basic .about strong {
  font-size: 16px;
  font-weight: bold;
  padding: 8px 0;
  display: block;
}

#basic .mainimage img { width: 100%; }
#basic .howto { padding: 0 20px; }

#basic .howto li {
  vertical-align: top;
  width: 48%;
  display: inline-block;
}

#basic .howto li:nth-child(even) { margin-left: 2%; }
#basic .howto li img { width: 100%; }

#basic .howto .category {
  font-size: 12px;
  color: #fff;
  padding: 2px 6px;
  background: #1dbee5;
  position: absolute;
}

#basic .howto .name {
  font-weight: bold;
  padding-top: 5px;
}

#basic .howto .name span {
  font-size: 10px;
  font-weight: normal;
  display: block;
}

#basic .howto li { padding-bottom: 10px; }
#basic .relation { margin-bottom: 40px; }
#basic .relation ul { padding: 0 20px; }
#basic .relation ul li img { width: 100%; }

#basic .relation dt {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 15px;
}

#basic .relation .pc { display: none; }

#basic .relation dd li {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  margin-bottom: 10px;
  background: #f2f2f2;
  position: relative;
}

#basic .relation dd li a {
  text-decoration: none;
  padding: 10px;
  display: block;
}

#basic .relation dd li p {
  font-weight: bold;
  color: #1DBEE5;
  text-decoration: none;
  padding: 0 0 5px 18px;
  position: relative;
}

#basic .relation dd li p:before {
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #1DBEE5;
  top: 2px;
  left: 0;
  display: block;
  content: "\f054";
  position: absolute;
}

/*  guide_top
-----------------------------------------------------------------------------*/
#guide_top .box img { width: 100%; }
#guide_top .box ul { padding: 10px 0; }
#guide_top .box li { padding-bottom: 30px; }
#guide_top .box li a { text-decoration: none; }

#guide_top .box li p {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  padding-top: 15px;
}

#guide_top .box li p.icon_beg {
  padding-left: 20px;
  background: url(../../../info/img/icon_beginner.gif) 0 90% no-repeat;
  background-size: 15px;
}

#guide_top .box li span {
  padding-top: 10px;
  line-height: 1.5;
  display: block;
}

#guide_top .box.loc3 li {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  margin-bottom: 10px;
  background: #f2f2f2;
  position: relative;
}

#guide_top .box.loc3 li {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-radius: 5px 5px 5px 5px;
  margin-bottom: 10px;
  background: #f2f2f2;
  position: relative;
}

#guide_top .wrap {
  margin: 0 0 20px;
  padding: 15px;
  background: #f3fdff;
}

#guide_top .wrap ul {
  padding: 5px 0;
  border: solid 1px #b3eaf8;
  width: 100%;
  background: #fff;
}

#guide_top .wrap ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#guide_top .wrap li a {
  text-decoration: none;
  padding: 5px 10px 5px 30px;
  display: block;
  position: relative;
}

#guide_top .wrap li a:before {
  font: normal normal normal 10px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: inherit;
  color: #BEBEBE;
  line-height: 23px;
  top: 7px;
  left: 15px;
  content: "\f0da";
  position: absolute;
}

#guide_top .telbox { padding-bottom: 10px; }

#guide_top .telbox .freetel span {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  vertical-align: top;
  margin: 3px 5px 0 0;
  padding: 2px 5px;
  display: inline-block;
  background: #1DBEE5;
}

#guide_top .telbox span { color: #666; }

#guide_top .contact_press {
  padding: 15px;
  background: #f5f5f5;
}

#guide_top .contact_press dt {
  font-size: 16px;
  font-weight: bold;
  padding: 0 5px 10px;
}

#guide_top .contact_press dd {
  box-sizing: border-box;
  padding: 10px 20px 10px;
  border: solid 1px #ccc;
  width: 100%;
  background: #fff;
}

#guide_top .contact_press .freetel {
  font-size: 24px;
  margin-bottom: 5px;
}

#guide_top .contact_press .freetel span {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  color: #fff;
  line-height: 24px;
  vertical-align: top;
  margin: 3px 5px 0 0;
  padding: 0 5px;
  display: inline-block;
  background: #1DBEE5;
}

#guide_top .contact_press .time {
  font-size: 14px;
  color: #1DBEE5;
}

#guide_top .telbox .day {
  font-size: 14px; 
  color: #1DBEE5;
}

#guide_top .telbox .other {
  font-size: 14px; 
  color: #333;
}

#guide_top .box ul { width:100%; }
#guide_top .box li { padding: 0 0 20px;
  vertical-align: top;
  width: 48%;
  display: inline-block;
}

#guide_top .box li:nth-child(even) { margin-left: 2%; }
#guide_top .box ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}



/*  basic
-----------------------------------------------------------------------------*/
#basic .nav_st {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid #cccccc;
}

#basic .basic_st {
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  margin: 0;
  padding: 10px 0;
}

#basic .cont {
  text-align: center;
  padding: 10px 0 0;
}

#basic .cont .text {
  text-align: left;
  padding: 10px 20px 0;
}

#basic .wf {
  width: 100%;
  height: auto;
}

#basic .basic_title {
  box-sizing: border-box;
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin: 20px 0 0;
  padding: 33px 0 0;
  height: 112px;
  background: url(../../../basic/img/inpage_title_bg.jpg) no-repeat center top;
  background-size: 485px auto;
  position: relative;
}

#basic .basic_title a {
  top: 0;
  right: 0;
  position: absolute;
}

#basic .basic_title a img {
  width: 110px;
  height: auto;
}

#basic .basic_title .cat {
  font-size: 10px;
  padding: 2px 10px 2px;
  display: inline-block;
  background: #1DBEE5;
}

#basic .basic_title strong {
  font-size: 28px;
  font-weight: normal;
  color: #000;
  line-height: 32px;
  padding: 6px 0 0;
  display: block;
}

#basic .basic_title .en { display: none; }

#basic .point img {
  width: 44px;
  top: -15px;
  left: 10px;
  position: absolute;
}

#basic .point {
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-radius: 10px 10px 10px 10px;
  text-align: left;
  margin: 30px 0 0;
  padding: 20px 0;
  border: 2px solid #fc9cb8;
  clear: both;
  position: relative;
}

#basic .point div { padding: 0 30px; }


/* about --------------------------------*/
#basic_about .fig { padding: 10px 0 0; }

#basic_about .fig span {
  font-size: 10px;
  color: #999;
  text-align: right;
  padding: 0 20px;
  display: block;
}

#basic_about #box03 img {
  width: 230px;
  height: auto;
  overflow: hidden;
}

#basic_about #box04 { padding: 20px 0 0; }
#basic_about #history_data { padding: 0 20px; }

#basic_about #history_data dt {
  font-size: 12px;
  padding: 20px 0 0;
}

#basic_about #history_data dt strong {
  color: #fff;
  padding: 5px;
  display: block;
  background: #1DBEE5;
}

#basic_about #history_data dt:nth-of-type(1) strong { background: #1DBEE5; }
#basic_about #history_data dt:nth-of-type(2) strong { background: #ff779c; }
#basic_about #history_data dt:nth-of-type(3) strong { background: #ff97b4; }
#basic_about #history_data dt ul { padding: 10px 0; }

#basic_about #history_data dt li {
  margin: 0 5px;
  display: inline-block;
}

#basic_about #history_data dd li {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 14px;
  letter-spacing: 0;
  text-align: left;
  margin: 4px 0 0 0;
  padding: 5px 10px;
  border: 1px solid #ccc;
}




/* houhou --------------------------------*/
#basic_houhou .type { padding: 20px 0 0; }

#basic_houhou .type .text {
  text-align: center;
  padding: 5px 20px 10px;
}

#basic_houhou .type dl {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  vertical-align: top;
  margin: 10px 20px 0;
  padding: 20px;
  border: 1px solid #eee;
}

#basic_houhou .type dl:nth-of-type(3) { margin-bottom: 10px; }

#basic_houhou .type dl dt strong {
  box-sizing: border-box;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  font-size: 38px;
  font-weight: normal;
  color: #fff;
  line-height: 42px;
  margin: 0 auto;
  padding: 30px 0 0;
  width: 120px;
  height: 120px;
  display: block;
  background: #1DBEE5;
}

#basic_houhou .type dl:nth-of-type(2) dt strong { background: #ffc8d7; }

#basic_houhou .type dl:nth-of-type(3) dt strong {
  color: #1DBEE5;
  border: 1px solid #ffc8d7;
  background: #fff;
}

#basic_houhou .type dl dt span {
  font-size: 12px;
  line-height: 18px;
  display: block;
}

#basic_houhou .type dl dd {
  text-align: left;
  padding: 10px 0 0;
}

#basic_houhou .type ul { padding: 0 0 10px; }

#basic_houhou .type ul li span {
  color: #1DBEE5;
  width: 135px;
  display: inline-block;
}

#basic_houhou .type ul li strong {
  font-family: 'MS Pゴシック';
  font-size: 18px;
}

#basic_houhou .type dd p { padding: 10px 0 0; }
#basic_houhou #box03 .text { padding-bottom: 25px; }
#basic_houhou #box04 { padding: 40px 20px 0; }

#basic_houhou #box04 .question {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight: bold;
  text-align: center;
  display: inline-block;
}

#basic_houhou #box04 .yes { color: #1DBEE5; }

#basic_houhou #box04 .question dt {
  font-size: 18px;
  line-height: 24px;
  padding: 20px 0 0;
}

#basic_houhou #box04 .question dd { padding: 5px 0 0; }

#basic_houhou #box04 .question dd .yes, #basic_houhou #box04 .question dd .no {
  font-size: 32px;
  line-height: 48px;
  padding: 0 15px;
}

#basic_houhou #box04 .result { padding: 20px 0 0; }

#basic_houhou #box04 .result dl {
  box-sizing: border-box;
  text-align: left;
  padding: 20px;
  border: 1px solid #ccc;
  border-top: none;
}

#basic_houhou #box04 .result dl:nth-child(even) { background: #ececec; }
#basic_houhou #box04 .result dl:first-child { border-top: 1px solid #ccc; }

#basic_houhou #box04 .result dt {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 20px;
  font-weight: bold;
}

#basic_houhou #box04 .result dd {
  font-size: 14px;
  line-height: 22px;
  padding: 10px 0 0;
}

#basic_houhou #box04 .result dd p {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

#basic_houhou #box04 .result > p {
  font-size: 10px;
  color: #666;
  line-height: 20px;
  text-align: left;
  padding: 15px 0 0;
  clear: both;
}

/* whats --------------------------------*/
#basic_whats #box01 .text { padding-bottom: 20px; }
#basic_whats #box02 .basic_st { padding-top: 40px; }

#basic_whats #box02 ul {
  text-align: center;
  padding: 25px 0 0;
}

#basic_whats #box02 li {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  box-sizing: border-box;
  font-size: 18px;
  color: #fff;
  vertical-align: middle;
  margin: 0 10px;
  padding: 50px 0;
  width: 120px;
  height: 120px;
  display: inline-block;
  background: #1DBEE5;
}

#basic_whats #box02 li span {
  text-align: left;
  display: inline-block;
}

#basic_whats #box02 li:nth-of-type(2) {
  padding: 45px 0;
  background: #FFA8C0;
}

#basic_whats #box03 .basic_st { padding-top: 50px; }

#basic_whats #box03 ul {
  text-align: center;
  padding: 15px 0 0;
}

#basic_whats #box03 li {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  box-sizing: border-box;
  font-size: 24px;
  color: #fff;
  margin: 0 10px;
  padding: 50px 0;
  width: 120px;
  height: 120px;
  display: inline-block;
  background: #1DBEE5;
}

#basic_whats #box03 li:nth-of-type(1) { background: #e3e3e3; }

#basic_whats #box03 li:nth-of-type(3) {
  color: #FFA8C0;
  border: 1px solid #FFA8C0;
  background: #fff;
}

#basic_whats #box04 .basic_st { padding-top: 50px; }
#basic_whats #box04 ul { text-align: center; }

#basic_whats #box04 li {
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border-radius: 150px;
  box-sizing: border-box;
  vertical-align: top;
  margin: 15px 15px 0;
  padding: 40px 0 0;
  width: 240px;
  height: 240px;
  display: inline-block;
  background: #1DBEE5;
}

#basic_whats #box04 dt { font-size: 20px; }

#basic_whats #box04 dd {
  letter-spacing: -0.05em;
  line-height: 25px;
  text-align: center;
}

#basic_whats #box04 dd p {
  letter-spacing: 0;
  text-align: left;
  padding: 10px 0 0;
  display: inline-block;
}

#basic_whats #box04 dd span {
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  padding: 15px 45px;
  display: inline-block;
}

#basic_whats #box04 li:nth-of-type(1) { color: #fff; }
#basic_whats #box04 li:nth-of-type(1) dd span { color: #000; }
#basic_whats #box04 li:nth-of-type(2) { background: #FFC8D7; }

#basic_whats #box04 li:nth-of-type(3) {
  border: 1px solid #FFA8C0;
  background: #fff;
}

#basic_whats #box04 li:nth-of-type(3) dt { color: #1DBEE5; }
#basic_whats #box04 li:nth-of-type(4) { background: #FFE8EE; }
#basic_whats #box04 li:nth-of-type(4) dt { color: #1DBEE5; }
#basic_whats #box04 li:nth-of-type(5) { background: #f4f4f4; }
#basic_whats #box04 li:nth-of-type(5) dd { color: #1DBEE5; }
#basic_whats #box04 li:nth-of-type(5) dd span { color: #000; }
#basic_whats #box05 .basic_st { padding-top: 40px; }

#basic_whats #box05 li {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 15px 20px 0;
}

#basic_whats #box06 .basic_st { padding-top: 40px; }
#basic_whats .point { margin: 30px 20px 0; }

/* fortune_teller --------------------------------*/
#basic_fortune_teller #box01 .text { padding-bottom: 20px; }
#basic_fortune_teller #box02 .text:nth-of-type(2) { padding-bottom: 20px; }
#basic_fortune_teller #box03 .basic_st { padding-top: 40px; }
#basic_fortune_teller #box03 .text:nth-of-type(2) { padding-bottom: 20px; }
#basic_fortune_teller #box04 .basic_st { padding-top: 40px; }

#basic_fortune_teller #box04 div {
  text-align: center;
  padding: 15px 0 0;
}

#basic_fortune_teller #box04 div dl {
  font-size: 10px;
  text-align: center;
  padding: 0 20px;
  display: block;
}

#basic_fortune_teller #box04 div img { zoom: 0.5; }
#basic_fortune_teller #box05 .basic_st { padding-top: 40px; }

#basic_fortune_teller #box05 h4 {
  font-size: 16px;
  font-weight: normal;
  padding-top: 20px;
}

#basic_fortune_teller #box05 ul {
  text-align: center;
  padding: 0 0 30px;
}

#basic_fortune_teller #box05 li {
  padding: 20px 0 0;
  display: block;
}

#basic_fortune_teller #box05 li p {
  font-size: 30px;
  vertical-align: top;
  padding: 70px 0 0;
  display: inline-block;
}

#basic_fortune_teller #box05 dl {
  vertical-align: top;
  display: inline-block;
}

#basic_fortune_teller #box05 dt {
  font-size: 15px;
  color: #999;
  padding: 0 0 5px;
}

#basic_fortune_teller #box05 dd {
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border-radius: 150px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 22px;
  padding: 30px 0 0;
  width: 100px;
  height: 100px;
}

#basic_fortune_teller #box05 li:nth-of-type(1) dl:nth-of-type(1) dd {
  color: #fff;
  background: #1DBEE5;
}

#basic_fortune_teller #box05 li:nth-of-type(1) dl:nth-of-type(2) dd {
  color: #1DBEE5;
  border: 1px solid #1DBEE5;
}

#basic_fortune_teller #box05 li:nth-of-type(2) dl:nth-of-type(1) dd { background: #ffc8d7; }

#basic_fortune_teller #box05 li:nth-of-type(2) dl:nth-of-type(2) dd {
  padding: 40px 0 0;
  background: #f4f4f4;
}

#basic_fortune_teller #box05 li:nth-of-type(3) dl:nth-of-type(1) dd {
  color: #ffc8d7;
  padding: 40px 0 0;
  border: 1px solid #ffc8d7;
}

#basic_fortune_teller #box05 li:nth-of-type(3) dl:nth-of-type(2) dd { background: #ffe8ee; }
#basic_fortune_teller #box06 .basic_st { padding-top: 40px; }
#basic_fortune_teller #box06 .text:nth-of-type(3) { padding-bottom: 20px; }
#basic_fortune_teller #box07 { padding-bottom: 50px; }
#basic_fortune_teller #box07 .basic_st { padding-top: 40px; }
#basic_fortune_teller #box07 .text:nth-of-type(2) { padding-bottom: 20px; }

/* howto --------------------------------*/
#basic_howto #box01 .text {
  padding-bottom: 20px;
  padding-top: 30px;
}

#basic_howto #box02 .basic_st { padding-top: 40px; }
#basic_howto #box02 div { padding: 20px 0 0; }

#basic_howto #box02 dl {
  text-align: center;
  vertical-align: top;
  padding: 0 20px;
}

#basic_howto #box02 dl img { zoom: 0.5; }

#basic_howto #box02 strong {
  font-size: 16px;
  font-weight: bold;
  padding: 15px 0 0;
  display: block;
}

#basic_howto #box02 dd {
  text-align: left;
  padding: 10px 0 20px;
}

#basic_howto #box02 .style .basic_sst {
  font-size: 18px;
  font-weight: normal;
  padding: 0 0 15px;
}

#basic_howto #box02 .style div {
  box-sizing: border-box;
  padding: 0 20px;
  width: 100%;
}

#basic_howto #box02 .style table {
  box-sizing: border-box;
  margin: 0 auto;
  border-collapse: collapse;
  width: 100%;
}

#basic_howto #box02 .style th, #basic_howto #box02 .style td { border: 1px solid #999; }

#basic_howto #box02 .style thead th {
  font-size: 12px;
  font-weight: bold;
  color: #1DBEE5;
  padding: 10px;
}

#basic_howto #box02 .style tbody tr:nth-child(odd) th, #basic_howto #box02 .style tbody tr:nth-child(odd) td { background: #f6f6f6; }

#basic_howto #box02 .style tbody th {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 4px;
}

#basic_howto #box02 .style tbody td {
  font-family: 'MS Pゴシック';
  font-size: 16px;
  font-weight: bold;
}

#basic_howto #box02 .style img {
  zoom: 0.5;
  vertical-align: middle;
}

#basic_howto #box02 .style span {
  line-height: 16px;
  vertical-align: middle;
  padding: 0 10px;
  display: inline-block;
}

#basic_howto #box02 .style tfoot { display: none; }

#basic_howto #box02 .style .sp {
  text-align: left;
  display: block;
}

#basic_howto #box02 .style .sp li {
  font-size: 12px;
  padding: 10px 0 0 60px;
  position: relative;
}

#basic_howto #box02 .style .sp span {
  font-weight: bold;
  color: #1DBEE5;
  text-align: right;
  margin: 0;
  padding: 0;
  width: 50px;
  top: 10px;
  left: 0;
  display: block;
  position: absolute;
}

#basic_howto #box03 .basic_st { padding-top: 50px; }
#basic_howto #box03 .text { padding-bottom: 20px; }
#basic_howto #box03 .point { margin: 30px 20px 0; }
#basic_howto #box04 .basic_st { padding-top: 50px; }

#basic_howto #box04 .box04_type {
  text-align: center;
  padding: 10px 0 30px;
}

#basic_howto #box04 dl {
  text-align: left;
  vertical-align: top;
  padding: 0 8px;
  width: 120px;
  display: inline-block;
}

#basic_howto #box04 dt {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro W3", "HG明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif;
  box-sizing: border-box;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-size: 16px;
  letter-spacing: -0.025em;
  text-align: center;
  padding: 35px 0;
  width: 120px;
  height: 120px;
}

#basic_howto #box04 dt span {
  text-align: left;
  display: inline-block;
}

#basic_howto #box04 dl:nth-of-type(1) dt { background: #FFE8EE; }
#basic_howto #box04 dl:nth-of-type(2) dt { background: #E2E2E2; }

#basic_howto #box04 dl:nth-of-type(3) dt {
  color: #fff;
  background: #1DBEE5;
}

#basic_howto #box04 dl:nth-of-type(4) dt { background: #FFC8D7; }

#basic_howto #box04 dl:nth-of-type(5) dt {
  padding-top: 42px;
  border: 1px solid #FFC8D7;
}

#basic_howto #box04 dd {
  font-size: 12px;
  line-height: 20px;
  padding: 10px 0;
}

#basic_howto .checkcheet {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin: 0 20px;
  background: #FFE8EE;
}

#basic_howto .checkcheet div {
  text-align: center;
  padding: 20px;
}

#basic_howto .checkcheet .check_sst {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

#basic_howto .checkcheet img {
  zoom: 0.5;
  margin: 10px 0;
  display: inline-block;
}

#basic_howto .checkcheet p {
  text-align: left;
  padding: 10px 0 15px;
  display: inline-block;
}

#basic_howto .checkcheet a {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-size: 12px;
  text-decoration: none;
  padding: 10px 15px;
  display: inline-block;
  background: #fff;
}

#basic_howto .checkcheet a:hover {
  color: #fff;
  background: #1DBEE5;
}

#basic_howto #box05 .basic_st { padding-top: 40px; }
#basic_howto #box05 .text { padding-bottom: 20px; }

#basic_howto #box05 .example {
  width: 100%;
  overflow: hidden;
}

#basic_howto #box05 .example div { padding: 10px 20px; }

#basic_howto #box05 .example h4 {
  font-size: 16px;
  font-weight: normal;
  padding: 15px 0 0;
}

#basic_howto #box05 .example dl {
  min-height: 75px;
  position: relative;
}

#basic_howto #box05 .example dt { position: absolute; }

#basic_howto #box05 .example dl:nth-of-type(odd) dt {
  right: 0;
  position: absolute;
}

#basic_howto #box05 .example dt span {
  font-size: 10px;
  color: #999;
  display: block;
}

#basic_howto #box05 .example dd {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 12px;
  letter-spacing: -0.05em;
  line-height: 22px;
  text-align: left;
  margin: 9px 0 0 60px;
  padding: 10px 15px;
  border: 1px solid #999;
  background: #fff;
}

#basic_howto #box05 .example dl:nth-of-type(odd) dd {
  margin: 9px 60px 0 0;
  padding: 10px;
  border: 1px solid #ffb1c7;
  background: #ffe8ee;
}

#basic_howto #box05 .example dd i, #basic_howto #box05 .example li i {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: 'Times New Roman', 'Times Roman', serif;
  font-style: normal;
  font-weight: bold;
  color: #fff;
  line-height: 20px;
  text-align: center;
  margin: 0 0 0 2px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #1DBEE5;
}

#basic_howto #box05 .example ul { padding: 5px 0 0; }

#basic_howto #box05 .example li {
  letter-spacing: 0;
  text-align: left;
  padding: 10px 0 0 30px;
  position: relative;
}

#basic_howto #box05 .example li i {
  text-align: center;
  top: 10px;
  left: 0;
  position: absolute;
}

#basic_howto #box05 .point { margin: 30px 20px 0; }
#basic_howto #box06 .basic_st { padding-top: 40px; }
#basic_howto #box06 .text { padding-bottom: 25px; }

#basic_howto #box06 dl {
  text-align: left;
  padding: 0 20px;
}

#basic_howto #box06 dt {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 10px;
}

#basic_howto #box06 dd { padding: 0 0 20px; }
#basic_howto #box06 .point { margin: 30px 20px; }

/* telephone --------------------------------*/
#basic_telephone #box02 .basic_st { padding-top: 20px; }
#basic_telephone #box02 .text:nth-of-type(2) { padding-bottom: 25px; }
#basic_telephone #box03 .process { padding: 20px; }

#basic_telephone #box03 .process ul {
  padding: 10px 20px 20px;
  border: 1px solid #ccc;
}

#basic_telephone #box03 .process li {
  text-align: left;
  padding: 10px 0 0;
}

#basic_telephone #box03 .process li p {
  font-size: 14px;
  text-indent: -1em;
  padding: 0 0 0 1em;
}

#basic_telephone #box03 .process li p br.pc{
  display: none;
}

#basic_telephone #box03 .process li span {
  font-size: 12px;
  letter-spacing: -0.02em;
  line-height: 20px;
  padding: 5px 0 0;
  display: inline-block;
}

#basic_telephone #box03 .process .note {
  font-size: 12px;
  text-align: left;
  padding: 5px 0 0;
  display: block;
}

#basic_telephone #box03 .point { margin: 30px 20px 0; }

#basic_telephone #box04 {
  box-sizing: border-box;
  width: 100%;
}

#basic_telephone #box04 .basic_st { padding-top: 60px; }

#basic_telephone #box04 h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0 10px;
}

#basic_telephone #box04 div {
  margin: 0 auto;
  border: 1px solid #ccc;
  border-collapse: collapse;
  width: 90%;
  overflow: auto;
}

#basic_telephone #box04 table {
  font-size: 12px;
  margin: 0 auto;
  border-collapse: collapse;
}

#basic_telephone #box04 table th, #basic_telephone #box04 table td {
  box-sizing: border-box;
  text-align: left;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
}

#basic_telephone #box04 table th {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  padding: 5px;
  white-space: nowrap;
}

#basic_telephone #box04 thead tr:nth-child(2) td { padding: 0 15px; }

#basic_telephone #box04 thead td {
  font-size: 16px;
  font-weight: bold;
}

#basic_telephone #box04 thead td img {
  zoom: 0.5;
  display: block;
}

#basic_telephone #box04 tbody td {
  letter-spacing: -0.05em;
  line-height: 20px;
  padding: 5px 15px;
}

#basic_telephone #box04 .good { background: #ffe8ee; }

#basic_telephone #box04 .note {
  font-size: 12px;
  color: #999;
  padding: 10px 0 0;
}

#basic_telephone #box05 .basic_st { padding-top: 35px; }

#basic_telephone #box05 h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 20px 0 5px;
}

#basic_telephone #box05 table {
  font-size: 10px;
  line-height: 14px;
  margin: 0 auto;
  margin: 0 auto;
  border-collapse: collapse;
  width: 90%;
}

#basic_telephone #box05 table th, #basic_telephone #box05 table td {
  box-sizing: border-box;
  letter-spacing: 0;
  margin: 0;
  padding: 5px 0;
  border: 1px solid #000;
}

#basic_telephone #box05 table th {
  font-weight: normal;
  width: 15%;
}

#basic_telephone #box05 table td { width: 17%; }

#basic_telephone #box05 table thead td {
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0;
}

#basic_telephone #box05 table tbody tr:nth-of-type(3) th, #basic_telephone #box05 table tbody tr:nth-of-type(3) td, #basic_telephone #box05 table tbody tr:nth-of-type(4) th, #basic_telephone #box05 table tbody tr:nth-of-type(4) td { background: #ffe8ee; }

#basic_telephone #box05 .note {
  font-size: 10px;
  text-align: right;
  margin: 0 auto 15px;
  width: 90%;
}

#basic_telephone #box05 .point { margin: 30px 20px 0; }
#basic_telephone #box06 .basic_st { padding-top: 40px; }

#basic_telephone #box06 div {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin: 15px 20px 40px;
  background: #ffe8ee;
}

#basic_telephone #box06 div dl {
  text-align: left;
  text-align: center;
  padding: 25px 15px;
}

#basic_telephone #box06 div dt { font-size: 18px; }

#basic_telephone #box06 div img {
  zoom: 0.5;
  margin: 20px 0 10px;
  display: inline-block;
}

#basic_telephone #box06 div dd {
  text-align: left;
  padding: 10px 0 0;
}

/* amazon --------------------------------*/
#amazon .pc { display: none; }

#amazon .blc1 { margin-bottom: 70px; }

#amazon .c_wrapper { padding: 20px 15px 50px; }

#amazon h3 {
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
  padding: 20px 0;
  background: #333e48;
}

#amazon h3.title_new {
  position: relative;
  padding: 20px 0;
}

#amazon h3 span.new {
  background: #fff;
  color: #303030;
  font-weight: bold;
  font-size: 14px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  line-height: 52px;
  margin-right: 10px;
}

#amazon h3 span.new + span {
  display: inline-block;
  vertical-align: middle;
}

#amazon h4 {
  color: #ff9900;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
  line-height: normal;
}

#amazon .intro {
  font-size: 16px;
  margin-bottom: 60px;
}

#amazon .intro .fr { float: none; }

#amazon .intro img {
  display: block;
  width: 250px;
  margin: 0 auto 25px;
}

#amazon .blc2 .intro img.amazonpay { padding-top: 15px; }

#amazon .step { margin-bottom: 80px; }
#amazon .step h4 { margin-bottom: 20px; }

#amazon .step dl {
  margin-bottom: 60px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 10px;
}

#amazon .step dl:last-of-type { margin-bottom: 0; }

#amazon .step dl dt {
  width: 20%;
  margin-bottom: 8px;
}

#amazon .step dl dt img { width: 100%; }

#amazon .step dl dd {
  font-size: 18px;
  line-height: 26px;
}

#amazon .step dl dd img {
  display: block;
  margin: 0 auto 15px;
}

#amazon .step dl dd p .note {
  font-size: 13px;
  color: #999999;
  display: block;
}

#amazon .faq h4 { margin-bottom: 30px; }

#amazon .faq dt {
  font-size: 115%;
  font-weight: normal;
  line-height: 24px;
  margin: 10px 0 0;
  padding: 12px 40px 12px 20px;
  border: solid 1px #ccc;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  color: #00ccff;
  text-align: center;
}

#amazon .faq dt:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f067";
  position: absolute;
}

#amazon .faq dt.open:after {
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #D3D3D3;
  top: 18px;
  right: 18px;
  display: inline-block;
  content: "\f068";
  position: absolute;
}

#amazon .faq dd {
  font-size: 16px;
  line-height: 25px;
  padding: 15px 10px;
  border: 1px solid #CCCCCC;
  border-top: none;
  display: none;
}

#amazon .note_list {
  color: #999999;
  font-size: 13px;
  margin-top: 40px;
}

#amazon .note_list h5 {
  text-align: center;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 17px;
}

#amazon .note_list ul { line-height: 1.7em; }
#amazon .note_list a { color: #999999; }