@charset "UTF-8";
/*
breakpoint 

@include _mq-down(sm) {}
@include _mq-down(md) {}
*/
/*
レティナディスプレイに対応させるための高画質の画像 logo-2x.png を
.logo { @include _p-imgRetina(logo, png, 100px, 40px);
}
*/
/*==================================================================
申込み　STEPフロー
===================================================================*/
@media screen and (max-width: 599px) { .l-pack_active-sp:after, .l-step_line.l-step_now1 li:nth-child(1) span:after, .l-step_line.l-step_now2 li:nth-child(1) span:after, .l-step_line.l-step_now2 li:nth-child(2) span:after, .l-step_line.l-step_now3 li:nth-child(1) span:after, .l-step_line.l-step_now3 li:nth-child(2) span:after, .l-step_line.l-step_now3 li:nth-child(3) span:after, .l-step_line.l-step_now4 li:nth-child(1) span:after, .l-step_line.l-step_now4 li:nth-child(2) span:after, .l-step_line.l-step_now4 li:nth-child(3) span:after, .l-step_line.l-step_now4 li:nth-child(4) span:after, .l-step_line.l-step_now5 li:nth-child(1) span:after, .l-step_line.l-step_now5 li:nth-child(2) span:after, .l-step_line.l-step_now5 li:nth-child(3) span:after, .l-step_line.l-step_now5 li:nth-child(4) span:after, .l-step_line.l-step_now5 li:nth-child(5) span:after, .l-step_line.l-step_now6 li:nth-child(1) span:after, .l-step_line.l-step_now6 li:nth-child(2) span:after, .l-step_line.l-step_now6 li:nth-child(3) span:after, .l-step_line.l-step_now6 li:nth-child(4) span:after, .l-step_line.l-step_now6 li:nth-child(5) span:after, .l-step_line.l-step_now6 li:nth-child(6) span:after { content: ""; width: 80%; height: 80%; position: absolute; top: 50%; left: 50%; background-color: #01699f; display: block; border-radius: 100%; vertical-align: middle; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media screen and (min-width: 600px) { .l-pack_active-pc, .l-step_line.l-step_now1 li:nth-child(1), .l-step_line.l-step_now2 li:nth-child(2), .l-step_line.l-step_now3 li:nth-child(3), .l-step_line.l-step_now4 li:nth-child(4), .l-step_line.l-step_now5 li:nth-child(5), .l-step_line.l-step_now6 li:nth-child(6) { background-color: #01699f; color: #fff; position: relative; top: 0; left: 0; padding: 0 2px 0 14px; }
  .l-pack_active-pc:first-child, .l-step_line.l-step_now1 li:first-child:nth-child(1), .l-step_line.l-step_now2 li:first-child:nth-child(2), .l-step_line.l-step_now3 li:first-child:nth-child(3), .l-step_line.l-step_now4 li:first-child:nth-child(4), .l-step_line.l-step_now5 li:first-child:nth-child(5), .l-step_line.l-step_now6 li:first-child:nth-child(6) { padding-left: 5px; }
  .l-pack_active-pc:first-child:before, .l-step_line.l-step_now1 li:nth-child(1):first-child:before, .l-step_line.l-step_now2 li:nth-child(2):first-child:before, .l-step_line.l-step_now3 li:nth-child(3):first-child:before, .l-step_line.l-step_now4 li:nth-child(4):first-child:before, .l-step_line.l-step_now5 li:nth-child(5):first-child:before, .l-step_line.l-step_now6 li:nth-child(6):first-child:before { display: none; }
  .l-pack_active-pc:last-child, .l-step_line.l-step_now1 li:last-child:nth-child(1), .l-step_line.l-step_now2 li:last-child:nth-child(2), .l-step_line.l-step_now3 li:last-child:nth-child(3), .l-step_line.l-step_now4 li:last-child:nth-child(4), .l-step_line.l-step_now5 li:last-child:nth-child(5), .l-step_line.l-step_now6 li:last-child:nth-child(6) { padding-right: 5px; }
  .l-pack_active-pc:last-child:after, .l-step_line.l-step_now1 li:nth-child(1):last-child:after, .l-step_line.l-step_now2 li:nth-child(2):last-child:after, .l-step_line.l-step_now3 li:nth-child(3):last-child:after, .l-step_line.l-step_now4 li:nth-child(4):last-child:after, .l-step_line.l-step_now5 li:nth-child(5):last-child:after, .l-step_line.l-step_now6 li:nth-child(6):last-child:after { display: none; }
  .l-pack_active-pc:before, .l-step_line.l-step_now1 li:nth-child(1):before, .l-step_line.l-step_now2 li:nth-child(2):before, .l-step_line.l-step_now3 li:nth-child(3):before, .l-step_line.l-step_now4 li:nth-child(4):before, .l-step_line.l-step_now5 li:nth-child(5):before, .l-step_line.l-step_now6 li:nth-child(6):before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 27px 0 27px 8px; border-color: transparent transparent transparent #dddddd; }
  .l-pack_active-pc:after, .l-step_line.l-step_now1 li:nth-child(1):after, .l-step_line.l-step_now2 li:nth-child(2):after, .l-step_line.l-step_now3 li:nth-child(3):after, .l-step_line.l-step_now4 li:nth-child(4):after, .l-step_line.l-step_now5 li:nth-child(5):after, .l-step_line.l-step_now6 li:nth-child(6):after { content: ""; position: absolute; right: -8px; top: 0; width: 0; height: 0; border-style: solid; border-width: 27px 0 27px 8px; border-color: transparent transparent transparent #01699f; }
  .l-pack_active-pc + li, .l-step_line.l-step_now1 li:nth-child(1) + li, .l-step_line.l-step_now2 li:nth-child(2) + li, .l-step_line.l-step_now3 li:nth-child(3) + li, .l-step_line.l-step_now4 li:nth-child(4) + li, .l-step_line.l-step_now5 li:nth-child(5) + li, .l-step_line.l-step_now6 li:nth-child(6) + li { padding-left: 23px; padding-right: 7px; } }

/*
パッケージ
-------------------------------------------------------------------*/
@media screen and (max-width: 599px) { .l-step_line { position: relative; }
  .l-step_line:before { content: ""; width: 75%; height: 12px; top: 50%; left: 50%; right: 50%; display: block; background-color: #dddddd; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .l-step_line:after { content: ""; width: 0%; height: 6px; top: 50%; left: 14%; display: block; background-color: #01699f; position: absolute; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
  .l-step_line.l-step_now1:after { width: calc((80% / 6) * 0); }
  .l-step_line.l-step_now2:after { width: calc((85% / 6) * 1 - 9px); }
  .l-step_line.l-step_now3:after { width: calc((85% / 6) * 2 - 9px); }
  .l-step_line.l-step_now4:after { width: calc((85% / 6) * 3 - 9px); }
  .l-step_line.l-step_now5:after { width: calc((85% / 6) * 4 - 9px); }
  .l-step_line.l-step_now6:after { width: 73%; } }
@media screen and (max-width: 599px) and (min-width: 600px) { .l-step_line { width: auto; } }

.l-step_navi { width: 85%; display: table; table-layout: fixed; margin: 40px auto 0; }
@media screen and (min-width: 600px) { .l-step_navi { width: 100%; max-width: 763px; min-height: 54px; background-color: #dddddd; margin: 40px auto 0; font-size: 12px; font-size: 0.75rem; display: table; table-layout: auto; }
  .l-step_navi:after { content: ""; display: block; clear: both; } }
@media screen and (min-width: 1080px) { .l-step_navi { width: 763px; } }
@media screen and (max-width: 599px) { .l-step_navi span { width: 30px; height: 30px; background-color: #dddddd; overflow: hidden; display: inline-block; border-radius: 100%; font-size: 16px; text-indent: 30px; line-height: 30px; vertical-align: middle; position: relative; white-space: nowrap; }
  .l-step_navi span br { display: none; } }

.l-step_navi-list { width: auto; display: table-cell; text-align: center; }
@media screen and (min-width: 600px) { .l-step_navi-list { line-height: 1.2; text-align: center; height: 54px; padding: 0 10px; display: table-cell; table-layout: fixed; vertical-align: middle; text-align: center; } }
@media screen and (min-width: 1080px) { .l-step_navi-list { padding: 0 15px; } }

/* ------------------------------------------------------------------
歩数計測機器の選択
-------------------------------------------------------------------
*/
.l-pedo_select { width: calc(100%); margin: 10px auto 0; }
@media screen and (min-width: 600px) { .l-pedo_select { width: calc(100% - 40px); margin: 0 20px 20px; } }
.l-pedo_select:after { content: ""; display: block; clear: both; }

.l-pedo_select-list { display: block; width: 100%; height: 150px; position: relative; margin-bottom: 15px; }
.l-pedo_select-list:nth-child(2n+1) { margin-right: auto; }
@media screen and (min-width: 1080px) { .l-pedo_select-list { width: 304px; height: 140px; margin: 0 auto; margin-bottom: 15px; display: inline-block; float: left; }
  .l-pedo_select-list:nth-child(2n+1) { margin-right: 15px; } }
.l-pedo_select-list.is-active { color: #fff; }
.l-pedo_select-list.is-active .l-pedo_label:after { background-color: #01699f; }

.l-pedo_label { width: 100%; height: 150px; margin: 0 auto; display: block; position: relative; cursor: pointer; }
@media screen and (min-width: 400px) { .l-pedo_label { width: 304px; height: 140px; } }
.l-pedo_label:after { content: ""; display: block; width: 100%; height: 150px; position: absolute; left: 0; top: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #f8f8f8; z-index: 0; }
@media screen and (min-width: 400px) { .l-pedo_label:after { width: 100%; height: 140px; } }

@media screen and (max-width: 599px) { .l-pedo_wrap { width: 100%; z-index: 1; position: absolute; bottom: 0; margin: 0 auto; padding-bottom: 10px; display: block; text-align: center; } }

.l-pedo_radio { width: auto; display: inline; position: static; margin: 0; }
@media screen and (min-width: 600px) { .l-pedo_radio { width: auto; display: block; position: absolute; top: 50%; left: 40%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } }
.l-pedo_radio:checked + label .l-pedo_radio-name { color: #fff; }
.l-pedo_radio:disabled + span { opacity: 0.5; filter: alpha(opacity=50); }

.l-pedo_radio-name { width: auto; display: inline-block; position: static; top: 0; left: 0; text-align: center; line-height: 1em; z-index: 1; }
@media screen and (min-width: 600px) { .l-pedo_radio-name { position: absolute; width: 160px; top: 50%; left: 71%; line-height: 1.2; text-align: left; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
@media screen and (max-width: 599px) { .l-pedo_radio-name br { display: none; } }

.l-pedo_s_out { display: block; line-height: 0.75rem; }
@media screen and (min-width: 600px) { .l-pedo_s_out { position: relative; z-index: 1; left: 114px; top: 85px; width: auto; display: inline-block; } }

.l-pedo_s_out-text { font-size: 12px; font-size: 0.75rem; color: #d62e00; }

/* ------------------------------------------------------------------
		@include _mq-up(sm) {	
			width: 304px;
			height: 140px;
		}

フォーム関係の囲い要素　dl
-------------------------------------------------------------------
*/
.u-element_box { display: block; width: 100%; }
.u-element_box.u-line_top { padding-top: 30px; border-top: 1px solid #707070; }
@media screen and (min-width: 600px) { .u-element_box { display: table; float: left; padding-bottom: 30px; }
  .u-element_box.model_check { float: none; } }
.u-element_box.u-mb_none { padding-bottom: 0; }

.l-content_formbox dl:last-child { padding-bottom: 0; }
.l-content_formbox dl:last-child .u-element_box-right { margin-bottom: 0; }

.u-element_box-left, .u-element_box-left3 { width: 100%; margin: 0 0 10px 0; vertical-align: top; line-height: 1.2; }
@media screen and (min-width: 600px) { .u-element_box-left, .u-element_box-left3 { width: 42%; display: table-cell; padding-top: 8px; padding-left: 15px; }
  .u-element_box-left br, .u-element_box-left3 br { display: block; }
  .u-element_box-left br + span, .u-element_box-left3 br + span { margin-left: 0; } }
.u-element_box-left.pad_none, .pad_none.u-element_box-left3 { padding-top: 0; vertical-align: middle; }
@media screen and (max-width: 599px) { .u-element_box-left br, .u-element_box-left3 br { display: none; } }

.u-element_box-left2 { width: 100%; margin-bottom: 10px; }
@media screen and (min-width: 600px) { .u-element_box-left2 { width: 44%; display: table-cell; padding: 10px 0 10px 5px; } }

.u-element_box-left3 { width: 100%; }
@media screen and (min-width: 600px) { .u-element_box-left3 { width: 100%; } }

.u-element_box-right { margin-bottom: 30px; word-break: break-all; }
@media screen and (min-width: 600px) { .u-element_box-right { margin-bottom: 0; padding-right: 10px; display: table-cell; } }

.u-element_text-important { margin-top: 40px; }

.u-element_text-sub { margin-top: 20px; padding: 0 20px; }

/* ------------------------------------------------------------------
入力フォーム値
-------------------------------------------------------------------
*/
.u-element_w350 { max-width: 100%; margin-top: 5px; }
@media screen and (min-width: 600px) { .u-element_w350 { max-width: 350px; margin-top: 5px; } }

/* ------------------------------------------------------------------
入れ子レイアウト 保険証
-------------------------------------------------------------------
*/
.l-layout_insurance { width: 100%; display: block; }
@media screen and (min-width: 600px) { .l-layout_insurance { display: table; } }

.l-layout_view { width: 90%; margin: 0 auto; display: block; }
@media screen and (min-width: 600px) { .l-layout_view { width: auto; display: table-cell; } }

.l-layout_view_top { padding-top: 40px; }

.l-layout_img { width: 100%; margin: 10px auto 0; text-align: center; }
@media screen and (min-width: 600px) { .l-layout_img { text-align: left; margin: 10px 10px 0 0; } }
.l-layout_img img { width: 100%; height: auto; }
@media screen and (min-width: 600px) { .l-layout_img img { width: 100%; max-width: 220px; } }

@media screen and (min-width: 600px) { .l-layout_input { width: 370px; display: table-cell; } }

.l-layout_input_area { width: 100%; display: table; }

.l-layout_input_left { width: 44%; display: table-cell; }

.l-layout_input_right { display: table-cell; }

.l-layout_input_left_sub { width: 100%; padding-left: 0; display: block; text-align: left; }
@media screen and (min-width: 1080px) { .l-layout_input_left_sub { width: 44%; min-width: 180px; padding-left: 5px; display: table-cell; text-align: left; } }

.l-layout_input_right_sub { display: table-cell; padding-right: 0px; padding-top: 10px; }
@media screen and (min-width: 1080px) { .l-layout_input_right_sub { padding-top: 0; padding-right: 10px; } }
.l-layout_input_right_sub .u-list_parallel { width: auto; }

.l-layout_button_line { margin-top: 30px; padding-top: 30px; border-top: 1px solid #707070; }
.l-layout_button_line.u-m_none { margin-top: 30px; padding-top: 0; border-top: none; }
@media screen and (min-width: 600px) { .l-layout_button_line.u-m_none { margin-top: 0; padding-top: 0; } }

/* ------------------------------------------------------------------
注意事項
-------------------------------------------------------------------
*/
.l-notesframe { margin-top: 30px; border: 4px solid #d62e00; padding: 25px 20px; }
.l-notesframe.blue { border-color: #01699f; }
.l-notesframe + .l-notesframe { margin-top: 10px; }

.l-notesfreame_title { font-size: 20px; font-size: 1.25rem; color: #d62e00; line-height: 1em; }
.l-notesfreame_title.blue { color: #01699f; }

.l-notesframe-sm { margin-top: 30px; border: 2px solid #d62e00; padding: 15px 15px; }

/* ------------------------------------------------------------------
アップロード関係
-------------------------------------------------------------------
*/
.l-upload_box { width: 75%; display: table; padding-left: 0; margin: 0 auto; }
@media screen and (min-width: 600px) { .l-upload_box { width: 100%; margin: 0 0; padding-left: 10px; } }

.l-upload_left { display: block; }
@media screen and (min-width: 600px) { .l-upload_left { display: table-cell; } }

.l-upload_right { display: block; vertical-align: top; }
@media screen and (min-width: 600px) { .l-upload_right { display: table-cell; padding-left: 20px; } }

.l-img_upload { width: 224px; height: 168px; background-color: #f8f8f8; }

.l-img_upload_title { margin-top: 10px; font-size: 12px; font-size: 0.75rem; }

.l-upload_thum_bg { background-color: #f8f8f8; background-size: contain; background-repeat: no-repeat; display: block; background-position: center center; width: 224px; height: 168px; margin: 0 auto; z-index: 0; }

.l-upload_thumbox { width: 100%; display: inline-block; }
@media screen and (min-width: 600px) { .l-upload_thumbox { width: 75%; } }

/*# sourceMappingURL=entry.css.map */
