@charset "utf-8";

#page_header:after,
#product_info > .inner:after,
#application .post_num:after {
  content: "";
  display: block;
  clear: both;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  background: #fff;
  color: #333;
  font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", mono-space, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

a:link,
a:visited,
a:active {
  color: #419ee6;
}

a:hover {
  text-decoration: none;
}

a:hover img {
  opacity: 0.8;
  transition: 0.3s;
}

img {
  width: 100%;
}

/* ==================================
** フレーム
** =================================*/

.PCshow,
.PCshow-02 {
  display: none;
}

.SPshow {
  display: block;
}

.wrap {
  overflow: hidden;
}

.section {
  padding: 0 16px;
}

/* ==================================
** ヘッダー
** =================================*/

#page_header {
  line-height: 1.4;
  margin: 0 auto;
  padding: 12px 16px 10px;
}

#page_header > .logo {
  float: left;
  max-width: 110px;
}

#page_header > .contact {
  padding-left: 124px;
}

#page_header > .contact > .tel {
  font-weight: bold;
  padding-bottom: 2px;
}

#page_header > .contact > .tel > .txt,
#page_header > .contact > .hour {
  font-size: 10px;
  font-size: 1.0rem;
  font-weight: normal;
}

#page_header > .contact > .tel:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_free_dial.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 18px;
  padding-right: 4px;
  width: 25px;
  vertical-align: middle;
}

/* ==================================
** パンくず
** =================================*/

#topicPath {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.8;
  margin: 18px 0 10px;
  padding: 0 16px;
}

#topicPath li {
  display: inline-block;
}

#topicPath li a {
  color: #999;
}

#topicPath li:after {
  color: #ccc;
  content: "＞";
  padding-left: 4px;
  vertical-align: middle;
}

#topicPath li:last-child:after {
  content: "";
}

/* ==================================
** ページの先頭へ
** =================================*/

.pageTop {
  display: none;
  position: fixed;
  bottom: 14px;
  right: 0;
  z-index: 2;
}

.pageTop a img {
  height: auto;
  width: 50px;
}

/* ==================================
** お問い合わせエリア
** =================================*/

#page_inquiry {
  margin-top: 30px;
  position: relative;
}

#page_inquiry > .img {
  position: absolute;
  left: 28px;
  top: -46px;
  width: 76px;
}

#page_inquiry > .inner {
  border: solid 3px #4baaf4;
  border-radius: 8px;
  box-sizing: border-box;
  margin:0 16px 16px;
  padding: 0 0 10px;
}

#page_inquiry > .inner > .title {
  background: #4baaf4;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 8px 12px;
  text-align: center;
}

#page_inquiry > .inner > .contact {
  padding: 0 12px;
}

#page_inquiry > .inner > .contact > .tel {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

#page_inquiry > .inner > .contact > .tel:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_free_dial.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  padding-right: 6px;
  width: 27px;
  vertical-align: baseline;
}

#page_inquiry > .inner > .contact > .hour,
#page_inquiry > .inner > .contact > .tel > .txt {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
}

/* ==================================
** フッター
** =================================*/

#page_footer {
  background: #eee;
  margin-top: 30px;
  padding: 14px 16px;
  text-align: center;
}

#page_footer .copyright {
  color: #999;
  font-size: 14px;
  font-size: 1.4rem;
}

/* ==================================
** フォーム
** =================================*/

input[type="text"] {
  border: solid 3px #90ceff;
  font-family: inherit;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 8px 9px;
  position: relative;
}

/*simulation用--------------------------*/
/*カラバリ blue*/
#simulation_color-blue input[type="text"] {
  border: solid 3px #90ceff;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 13px 12px;
  position: relative;
}
/*カラバリ green*/
#simulation_color-green input[type="text"] {
  border: solid 3px #9bd8c8;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 13px 12px;
  position: relative;
}
/*カラバリ pink*/
#simulation_color-pink input[type="text"] {
  border: solid 3px #ffc5cc;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 13px 12px;
  position: relative;
}

input:focus {
  background: #fefde9;
}

input[type="submit"], input[type="button"] {
  border: none!important;
  cursor: pointer;
  width: 100%;
}

input[type="submit"]:focus, input[type="button"]:focus {
  background: none!important;
}

/* -----------------------------------------------------
// ラベル
// -------------------------------------------------- */

label {
  border: solid 3px #90ceff;
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 10px 16px 10px 40px;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
}

/*simulation用------------------------*/
/*カラバリ blue*/
#simulation_color-blue label {
  border: solid 3px #90ceff;
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 12px 16px 12px 40px;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
}
/*カラバリ green*/
#simulation_color-green label {
  border: solid 3px #9bd8c8;
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 12px 16px 12px 40px;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
}
/*カラバリ pink*/
#simulation_color-pink label {
  border: solid 3px #ffc5cc;
  border-radius: 6px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 12px 16px 12px 40px;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
}

/* -----------------------------------------------------
// ラジオボタン
// -------------------------------------------------- */

label:before {
  position: absolute;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius : 50%;
  left: 10px;
  top: 12px;
  content: '';
  z-index: 3;
}

label:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  left: 14px;
  top: 16px;
  background-color: #3498db;/*カラバリ*/
  z-index: 1;
}

/*simulation application用----------------*/
/*カラバリ blue*/
#simulation_color-blue label:after,
#application_color-blue label:after {
  background-color: #3498db;
}
/*カラバリ green*/
#simulation_color-green label:after,
#application_color-green label:after {
  background-color: #34bea2;
}
/*カラバリ pink*/
#simulation_color-pink label:after,
#application_color-pink label:after {
  background-color: #ff8e9c;
}

label input[type="radio"] {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  left: -26px;
  top: 12px;
  margin: 0px;
  box-shadow: 36px 0 #fff;
  border: none;
}

#simulation_color-blue label input[type="radio"],
#simulation_color-green label input[type="radio"],
#simulation_color-pink label input[type="radio"] {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  left: -24px;
  top: 10px;
  margin: 0px;
  box-shadow: 31px 0 #fff;
  border: none;
}

label input[type="radio"]:checked {
  box-shadow : none !important;
}

/*ラジオボタン*/
#health label {
  width: 100%;
  margin-bottom: 12px;
}

/* -----------------------------------------------------
// チェックボックス
// -------------------------------------------------- */

.medical_index label:before,
#application .privacy label:before {
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  border-radius: 3px;
}

/*カラバリ blue*/
#application_color-blue #application .privacy label:after {
  top: 31%;
  left: 16px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 4px solid #3498db;/*カラバリ*/
  border-right: 4px solid #3498db;/*カラバリ*/
  border-radius: 2px;
  background: none;
}
/*カラバリ green*/
#application_color-green #application .privacy label:after {
  top: 31%;
  left: 16px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 4px solid #34bea2;
  border-right: 4px solid #34bea2;
  border-radius: 2px;
  background: none;
}
/*カラバリ pink*/
#application_color-pink #application .privacy label:after {
  top: 31%;
  left: 16px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 4px solid #ff8e9c;
  border-right: 4px solid #ff8e9c;
  border-radius: 2px;
  background: none;
}

label input[type="checkbox"] {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -22px;
  top: 13px;
  margin: 0px;
  box-shadow: 32px 0 #fff;
  z-index: 2;
}

label input[type="checkbox"]:checked {
  box-shadow : none;
}

/*チェックボックス blue*/
#simulation_color-blue .medical_index label:after {
  top: 14px;
  left: 16px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 4px solid #3498db;/*カラバリ*/
  border-right: 4px solid #3498db;/*カラバリ*/
  border-radius: 2px;
  background: none;
}
/*チェックボックス green*/
#simulation_color-green .medical_index label:after {
  top: 14px;
  left: 16px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 4px solid #34bea2;/*カラバリ*/
  border-right: 4px solid #34bea2;/*カラバリ*/
  border-radius: 2px;
  background: none;
}
/*チェックボックス pink*/
#simulation_color-pink .medical_index label:after {
  top: 14px;
  left: 16px;
  width: 6px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 4px solid #ff8e9c;/*カラバリ*/
  border-right: 4px solid #ff8e9c;/*カラバリ*/
  border-radius: 2px;
  background: none;
}

.medical_index label input[type="checkbox"] {
  left: -20px;
  top: 12px;
  border: none;
}

.medical_index label input[type="checkbox"]:checked {
  background: none;
}

.medical_list input:focus {
  background: none;
}

/* -----------------------------------------------------
// セレクト
// -------------------------------------------------- */

select {
  background: #fff url("../../../../../seminar_base/shared/user/msi/img/ico_select_ar.png") no-repeat scroll right 8px center;
  background-size: 14px;
  border: solid 3px #90ceff;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 8px 9px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}

/*simulation用----------------------------*/
/*カラバリ blue*/
#simulation_color-blue select {
  background: #fff url("../../../../../seminar_base/shared/user/msi/img/ico_select_ar.png") no-repeat scroll right 8px center;
  background-size: 14px;
  border: solid 3px #90ceff;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 13px 12px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
/*カラバリ green*/
#simulation_color-green select {
  background: #fff url("../../../../../seminar_base/shared/user/msi/img/ico_select_ar.png") no-repeat scroll right 8px center;
  background-size: 14px;
  border: solid 3px #9bd8c8;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 13px 12px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
/*カラバリ pink*/
#simulation_color-pink select {
  background: #fff url("../../../../../seminar_base/shared/user/msi/img/ico_select_ar.png") no-repeat scroll right 8px center;
  background-size: 14px;
  border: solid 3px #ffc5cc;
  font-family: inherit;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 13px 12px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}

/* -----------------------------------------------------
// テキストエリア
// -------------------------------------------------- */

textarea {
  background: #fff;
  border: solid 2px #ccc;
  box-sizing: border-box;
  border-radius: 6px;
  font-size: 16px;
  font-size: 1.6rem;
  width: 100%;
  min-height: 70px;
  max-height: 200px;
  padding: 8px;
}

/* -----------------------------------------------------
// フォーム 2カラムレイアウト
// -------------------------------------------------- */

.col_2 label,
#simulation_color-blue .col_2 label,
#simulation_color-green .col_2 label/*カラバリ green*/,
#simulation_color-pink .col_2 label/*カラバリ pink*/ {
  display: inline-block;
  margin-right: 3.9%;
  width: 48%;
  margin-bottom: 0;
}

.col_2 label:last-child,
#simulation_color-blue .col_2 label:last-child,
#simulation_color-green .col_2 label:last-child,/*カラバリ green*/
#simulation_color-pink .col_2 label:last-child/*カラバリ pink*/ {
  margin-right: 0;
}

/* -----------------------------------------------------
// フォーム エラー
// -------------------------------------------------- */

.input_error,
.input_error input,
label .input_error {
  background: #fff0f1 !important;
}

.input_error_txt, .input_val_error_txt, .input_val_error_txt2 {
  color: #ff3850;
  font-weight: normal !important;
  margin-bottom: 6px;
}

label.input_error input[type="radio"] {
  box-shadow: 30px 0 #fff0f1 !important;
}
/* ==================================
** 共通モジュール
** =================================*/

/* -----------------------------------------------------
// 強調
// -------------------------------------------------- */

.attention {
  color: #ff3850;
}

.attention-02 {
  color: #ff3850;
  font-size: 34px;
  font-size: 3.4rem;
}

/* -----------------------------------------------------
// 備考
// -------------------------------------------------- */
.remarks {
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 12px;
}

.remarks_point {
  background: #ffe5e5;
  border-radius: 8px;
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 14px;
  margin: 16px 0 20px;
}

.remarks_error,
.remarks_error2 {
  background: #ffe5e5;
  color: #ff3850;
  border-radius: 8px;
  padding: 14px;
}

/* ==================================
** ボタン
** =================================*/

.btn-01,
.btn-02,
.btn-03 {
  border-radius: 100px;
  -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.22);
  box-shadow: 0 4px 8px rgba(0,0,0,0.22);
  display: block;
  text-align: center;
  cursor: pointer;
}

/* -----------------------------------------------------
// 通常ボタン
// -------------------------------------------------- */

.btn-01 {
  position: relative;
  outline: none;
}

.btn-01 a,
.btn-01 input[type="submit"],
.btn-01 input[type="button"] {
  border-radius: 100px;
  color:#fff;
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 20px;
  text-decoration: none;
}

/* -----------------------------------------------------
// 通常ボタン2
// -------------------------------------------------- */

.btn-02 a,
.condition .btn-02 {
  border-radius: 100px;
  font-weight: bold;
  text-decoration: none;
  color:#fff;
  display: block;
  padding: 18px;
}

/* -----------------------------------------------------
// 通常ボタン3
// -------------------------------------------------- */

.btn-03 a {
  background: #ececec;
  border: 1px solid #dadada;
  border-radius: 100px;
  display: block;
  padding: 8px;
/*  text-decoration-line: none;  */
/*  color: black;  */
}

.btn-03 a:hover {
  background: #e2e2e2;
}

/* -----------------------------------------------------
// 追加・削除ボタン
// -------------------------------------------------- */

.btn-04,
.btn-05 {
  background: #ececec;
  border: 1px solid #dadada;
  border-radius: 100px;
  cursor: pointer;
  margin-top: 12px;
  padding: 12px;
  text-align: center;
  background: -moz-linear-gradient(top, #f8f8f8, #ececec);
  background: -webkit-linear-gradient(top, #f8f8f8, #ececec);
  background: linear-gradient(to bottom, #f8f8f8, #ececec);
}

/*カラバリ blue*/
#simulation_color-blue .btn-04:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_plus-blue.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin-top: -3px;
  padding-right: 6px;
}
/*カラバリ green*/
#simulation_color-green .btn-04:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_plus-green.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin-top: -3px;
  padding-right: 6px;
}
/*カラバリ pink*/
#simulation_color-pink .btn-04:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_plus-pink.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin-top: -3px;
  padding-right: 6px;
}
/*カラバリ blue*/
#simulation_color-blue .btn-05:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_minus-blue.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin-top: -3px;
  padding-right: 6px;
}
/*カラバリ green*/
#simulation_color-green .btn-05:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_minus-green.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin-top: -3px;
  padding-right: 6px;
}
/*カラバリ pink*/
#simulation_color-pink .btn-05:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_minus-pink.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin-top: -3px;
  padding-right: 6px;
}

/* ==================================
** 見出し
** =================================*/

/* -----------------------------------------------------
//  見出しレベル1　アイコンつき
// -------------------------------------------------- */

.hdg_1-01 {
  text-align: center;
  margin: 30px 0 20px;
}

.hdg_1-01 > .title {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
}

.hdg_1-01 > .title:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 40px;
  height: 4px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #4baaf4;
}

/* -----------------------------------------------------
//  見出しレベル1
// -------------------------------------------------- */

.hdg_1-02  {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 12px;
  text-align: center;
}

/* -----------------------------------------------------
//  見出しレベル1　リード文つき
// -------------------------------------------------- */

.hdg_1-03 {
  color: #1a86da;/*カラバリ*/
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 6px;
  line-height: 1.3;
}

.hdg_1-03 + .lead {
  font-size: 14px;
  margin-left: 36%;
  padding-left: 18px;
}

/* -----------------------------------------------------
//  見出しレベル2 リード文つき
// -------------------------------------------------- */

.hdg_2-01 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 16px;
}

.hdg_2-01 + .lead {
  text-align: left;
  margin-bottom: 20px;
}

/* -----------------------------------------------------
//  見出しレベル3
// -------------------------------------------------- */

.hdg_3-01 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 16px;
  padding: 0 16px 0;
}

/* -----------------------------------------------------
//  見出しレベル4
// -------------------------------------------------- */

.hdg_4-01 {
  background: #f5f5f5;
  border-top: 2px solid #c1c3c2;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8;
  margin: 30px 0 20px;
  padding: 8px 12px 6px 10px;
}

.hdg_4-02 {
  background: #f5f5f5;
  border-top: 2px solid #c1c3c2;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8;
  margin: 30px -16px 20px;
  padding: 8px 12px 6px 10px;
}

/*カラバリ blue*/
#simulation_color-blue .hdg_4-01:before, #simulation_color-blue .hdg_4-02:before,
#application_color-blue .hdg_4-01:before, #application_color-blue .hdg_4-02:before,
#confirmation_color-blue .hdg_4-01:before, #confirmation_color-blue .hdg_4-02:before {
  background: #4baaf4;
  content: "";
  display: inline-block;
  height: 20px;
  width: 6px;
  vertical-align: middle;
  margin: -2px 8px 0 0;
}
/*カラバリ green*/
#simulation_color-green .hdg_4-01:before, #simulation_color-green .hdg_4-02:before,
#application_color-green .hdg_4-01:before, #application_color-green .hdg_4-02:before,
#confirmation_color-green .hdg_4-01:before, #confirmation_color-green .hdg_4-02:before {
  background: #34bea2;
  content: "";
  display: inline-block;
  height: 20px;
  width: 6px;
  vertical-align: middle;
  margin: -2px 8px 0 0;
}
/*カラバリ pink*/
#simulation_color-pink .hdg_4-01:before, #simulation_color-pink .hdg_4-02:before,
#application_color-pink .hdg_4-01:before, #application_color-pink .hdg_4-02:before,
#confirmation_color-pink .hdg_4-01:before, #confirmation_color-pink .hdg_4-02:before {
  background: #ff8e9c;
  content: "";
  display: inline-block;
  height: 20px;
  width: 6px;
  vertical-align: middle;
  margin: -2px 8px 0 0;
}

/* -----------------------------------------------------
//  見出しレベル5
// -------------------------------------------------- */

.hdg_5-01 {
  border-bottom: 3px solid #4baaf4;
  padding-bottom: 4px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  margin: 30px 0 10px;
  font-weight: bold;
}

/* ==================================
** アイコン
** =================================*/

/* -----------------------------------------------------
// 鍵アイコン
// -------------------------------------------------- */

.ico_product:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_key.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 26px;
  width: 26px;
  vertical-align: middle;
  margin-top: -4px;
  padding-right: 8px;
}

/* -----------------------------------------------------
// ペンアイコン
// -------------------------------------------------- */

/*カラバリ blue*/
#application_color-blue .ico_pen:before,
#confirmation_color-blue .ico_pen:before,
#thanks_color-blue .ico_pen:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_pen-blue.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 26px;
  width: 26px;
  vertical-align: middle;
  margin-top: -4px;
  padding-right: 4px;
}
/*カラバリ green*/
#application_color-green .ico_pen:before,
#confirmation_color-green .ico_pen:before,
#thanks_color-green .ico_pen:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_pen-green.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 26px;
  width: 26px;
  vertical-align: middle;
  margin-top: -4px;
  padding-right: 4px;
}
/*カラバリ pink*/
#application_color-pink .ico_pen:before,
#confirmation_color-pink .ico_pen:before,
#thanks_color-pink .ico_pen:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_pen-pink.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 26px;
  width: 26px;
  vertical-align: middle;
  margin-top: -4px;
  padding-right: 4px;
}

/* -----------------------------------------------------
// 計算機アイコン
// -------------------------------------------------- */

/*カラバリ blue*/
#simulation_color-blue .ico_cal:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_cal-blue.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 26px;
  width: 26px;
  vertical-align: middle;
  margin-top: -4px;
  padding-right: 4px;
}
/*カラバリ green*/
#simulation_color-green .ico_cal:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_cal-green.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 26px;
  width: 26px;
  vertical-align: middle;
  margin-top: -4px;
  padding-right: 4px;
}
/*カラバリ pink*/
 #simulation_color-pink .ico_cal:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_cal-pink.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 26px;
  width: 26px;
  vertical-align: middle;
  margin-top: -4px;
  padding-right: 4px;
}

/* -----------------------------------------------------
// ボードアイコン
// -------------------------------------------------- */
/*カラバリ blue*/
#simulation_color-blue .ico_borad:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_borad-blue.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin-top: -6px;
  padding-right: 2px;
}
/*カラバリ green*/
#simulation_color-green .ico_borad:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_borad-green.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin-top: -6px;
  padding-right: 2px;
}
/*カラバリ pink*/
#simulation_color-pink .ico_borad:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_borad-pink.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin-top: -6px;
  padding-right: 2px;
}

/* -----------------------------------------------------
// いいねアイコン
// -------------------------------------------------- */

.ico_good:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_good.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin-top: -6px;
  padding-right: 6px;
}

/* -----------------------------------------------------
// 計算機アイコン （絶対配置）
// -------------------------------------------------- */

.btn_ico_cal:after {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_cal.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 24px;
  width: 21px;
  position: absolute;
  left: 24px;
  top: 20px;
}

/* -----------------------------------------------------
// ペンアイコン （絶対配置）
// -------------------------------------------------- */

.btn_ico_pen:after {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_pen.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 24px;
  width: 21px;
  position: absolute;
  left: 28px;
  top: 20px;
}

/* -----------------------------------------------------
// 矢印アイコン（絶対配置）
// -------------------------------------------------- */

.btn_ico_ar:after {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_ar.png") no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 28px;
  top: 24px;
}

/* -----------------------------------------------------
// 矢印アイコン（リンクボタン）
// -------------------------------------------------- */

.btn_ico_ar-02 a:after {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_ar.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
  margin: -2px 0 0 6px;
}

/* -----------------------------------------------------
// 計算機アイコン（リンクボタン）
// -------------------------------------------------- */

.ico_btn_cal a:before {
  background: url("../../../../../seminar_base/shared/user/msi/img/ico_btn_cal.png") no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 24px;
  width: 21px;
  vertical-align: middle;
  margin-top: -2px;
  padding-right: 4px;
}

/* -----------------------------------------------------
// PDFアイコン
// -------------------------------------------------- */

.ico_pdf {
  font-size: 14px;
  font-size: 1.4rem;
}

.ico_pdf:before {
  background: #ff3850;
  border-radius: 4px;
  color: #fff;
  content: "PDF";
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  height: 20px;
  margin-right: 8px;
  padding: 3px 0 0 4px;
  width: 32px;
  vertical-align: middle;
  }

/* -----------------------------------------------------
// 必須アイコン
// -------------------------------------------------- */
.required {
  border: 2px solid #ff3850;
  border-radius: 12px;
  color: #ff3850;
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 6px;
  padding: 1px 8px 1px;
  vertical-align: middle;
}

/* ==================================
** 調整用
** =================================*/

/* -----------------------------------------------------
//商品別カラー
// -------------------------------------------------- */

/*ペールカラー背景*/
.bg_p_color-02 {
  background: #eaf8f6 !important;
}

.bg_p_color-03 {
  background: #fff3f5 !important;
}

/*ボーダー 4px*/
.bor_color-02 {
  border: 4px solid #34bea2 !important;
}

.bor_color-03 {
  border: 4px solid #ff8e9c !important;
}

/*ボーダーペールカラー 3px*/
.bor_p_color2-02 {
  border: 3px solid #eaf8f6 !important;
}

.bor_p_color2-03 {
  border: 3px solid #fff3f5 !important;
}

/*ボーダー 3px*/
/*カラバリ blue*/
#simulation_color-blue .bor_color2 {
  border: 3px solid #4baaf4 !important;
}
/*カラバリ green*/
#simulation_color-green .bor_color2 {
  border: 3px solid #34bea2 !important;
}
/*カラバリ pink*/
#simulation_color-pink .bor_color2 {
  border: 3px solid #ff8e9c !important;
}

/*ボーダートップ 4px*/
/*カラバリ blue*/
#simulation_color-blue .bor_t_color,
#application_color-blue .bor_t_color,
#confirmation_color-blue .bor_t_color,
#thanks_color-blue .bor_t_color {
  border-top: 4px solid #4baaf4 !important;
}
/*カラバリ green*/
#simulation_color-green .bor_t_color,
#application_color-green .bor_t_color,
#confirmation_color-green .bor_t_color,
#thanks_color-green .bor_t_color {
  border-top: 4px solid #34bea2 !important;
}
/*カラバリ pink*/
#simulation_color-pink .bor_t_color,
#application_color-pink .bor_t_color,
#confirmation_color-pink .bor_t_color,
#thanks_color-pink .bor_t_color {
  border-top: 4px solid #ff8e9c !important;
}

/*背景カラー*/
/*カラバリ blue*/
#simulation_color-blue .bg_color02 {
  background: #4baaf4 !important;
}
/*カラバリ green*/
#simulation_color-green .bg_color02 {
  background: #34bea2 !important;
}
/*カラバリ pink*/
#simulation_color-pink .bg_color02 {
  background: #ff8e9c !important;
}

.bg_color-02 {
  background: #34bea2 !important;
}

.bg_color-03 {
  background: #ff8e9c !important;
}

/*テキストカラー*/
/*カラバリ blue*/
#simulation_color-blue .txt_color,
#application_color-blue .txt_color {
  color: #4baaf4 !important;
}
/*カラバリ green*/
#simulation_color-green .txt_color,
#application_color-green .txt_color {
  color: #16816b !important;
}
/*カラバリ pink*/
#simulation_color-pink .txt_color,
#application_color-pink .txt_color {
  color: #f56b7c !important;
}

/*ボタン用グラデ*/
/*カラバリ blue*/
#simulation_color-blue .gra_color,
#application_color-blue .gra_color {
  background: #0e68ad;
  background: -moz-linear-gradient(top, #3093e1, #0e68ad);
  background: -webkit-linear-gradient(top, #3093e1, #0e68ad);
  background: linear-gradient(to bottom, #3093e1, #0e68ad);
}
/*カラバリ green*/
#simulation_color-green .gra_color,
#application_color-green .gra_color {
  background: #16816b;
  background: -moz-linear-gradient(top, #17a084, #16816b);
  background: -webkit-linear-gradient(top, #17a084, #16816b);
  background: linear-gradient(to bottom, #17a084, #16816b);
}
/*カラバリ pink*/
#simulation_color-pink .gra_color,
#application_color-pink .gra_color {
  background: #da4657;
  background: -moz-linear-gradient(top, #f78392, #da4657);
  background: -webkit-linear-gradient(top, #f78392, #da4657);
  background: linear-gradient(to bottom, #f78392, #da4657);
}

.gra_color-04 {
  background: #f58b23;
  background: -moz-linear-gradient(top, #f5a823, #f58b23);
  background: -webkit-linear-gradient(top, #f5a823, #f58b23);
  background: linear-gradient(to bottom, #f5a823, #f58b23);
}

input[type="submit"]:focus {
  background: #f58b23;
  background: -moz-linear-gradient(top, #f5a823, #f58b23);
  background: -webkit-linear-gradient(top, #f5a823, #f58b23);
  background: linear-gradient(to bottom, #f5a823, #f58b23);
}

/* カラー別 hover
  ** -------------------------------*/
/*カラバリ blue*/
#simulation_color-blue .gra_color:hover,
#application_color-blue .gra_color:hover {
  background: #0e68ad;
}
/*カラバリ green*/
#simulation_color-green .gra_color:hover,
#application_color-green .gra_color:hover {
  background: #16816b;
}
/*カラバリ pink*/
#simulation_color-pink .gra_color:hover,
#application_color-pink .gra_color:hover {
  background: #da4657;
}

.gra_color-04:hover {
  background: #f58b23;
}

/* -----------------------------------------------------
//コンテンツ背景色
// -------------------------------------------------- */
.bg_color {
  background-color: #f5f5f5;
}

/* -----------------------------------------------------
//フォーム系のサイズ、余白
// -------------------------------------------------- */
.mb_12 {
  margin-bottom: 12px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.ml_8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.size_s {
  width: 60%;
}

.size_m {
  width: 70%;
}

.size_l {
  width: 100%;
}

.size_80 {
  width: 80px;
}

/* ==================================
** 各ページ別
** =================================*/

/* -----------------------------------------------------
// 商品のご案内 product.html
// -------------------------------------------------- */

.img_visual {
  position: relative;
}

.img_visual > .co_name {
  position: absolute;
  background: #4baaf4;
  padding: 7px 4% 6px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  text-align: left;
  background-color:rgba(75,170,244,0.9);
  width: 92%;
}

/* スライダー
  ** -------------------------------*/
.swiper-container {
  margin-bottom: 30px !important;
  text-align: center;
}

.swiper-wrapper {
  padding-bottom: 10px;
}

/* 商品リスト
  ** -------------------------------*/
#product > .inner {
  padding: 30px 0;
}

#product .list_product {
  background: #fff;
  border: 4px solid #4baaf4;/*カラバリ*/
  border-radius: 8px;
  -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.22);
  box-shadow: 0 4px 8px rgba(0,0,0,0.22);
  box-sizing: border-box;
  margin: 0 -6px 22px;
}

.list_product > .title {
  background: #4baaf4;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
  padding: 10px;
  text-align: left;
}

.list_product > .outline > .logo {
  border: 2px solid #eee;
  border-radius: 8px;
  box-sizing: border-box;
  text-align: center;
  margin: 16px 16px 12px;
  /*レイアウト修正のためコメントアウト　20181113
  padding: 16px;
  */
}

/*レイアウト修正のためコメントアウト　20181113
  list_product > .outline > .logo > img {
  width: 92%;
}*/

.list_product > .outline > .inner {
  padding: 0 12px;
}

.list_product > .outline >.inner > .sub_title {
  font-weight: bold;
  margin-bottom: 2px;
}

.list_product .ico_pdf {
  margin-top: 8px;
}

.list_product > .bg_btn {
  background: #edf6fe;/*カラバリ*/
  border-radius: 0 0 4px 4px;
  margin-top: 20px;
  padding: 12px;
}

.list_product:last-child {
  margin-bottom: 0 !important;
}

/* -----------------------------------------------------
// 保険料シミュレーション simulation.html
// -------------------------------------------------- */


/* 商品紹介
  ** -------------------------------*/
#product_name {
  overflow: hidden;
}

#product_name > .inner {
  padding :26px 20px;
}

/* 背景画像　バリエーション
  ** -------------------------------*/
/*
#product_name > .bg_visual-01 {
  background: url("../../../../../seminar_base/shared/user/msi/img/bg_visual_simulation01.jpg") no-repeat;
  background-size: cover;
  background-position: bottom center;
}
#product_name > .bg_visual-02 {
  background: url("../../../../../seminar_base/shared/user/msi/img/bg_visual_simulation02.jpg") no-repeat;
  background-size: cover;
  background-position: bottom center;
}
#product_name > .bg_visual-03 {
  background: url("../../../../../seminar_base/shared/user/msi/img/bg_visual_simulation03.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
}
*/
#product_name .logo {
  background: #fff;
  border-radius: 4px;
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  outline: none;
  box-sizing: border-box;
  /*レイアウト修正のためコメントアウト　20181113
  padding: 20px;
  */
  margin: 0 auto;
  text-align: center;
}

#product_name .logo > img {
  max-width:280px;
}

#product_point {
  border-top: solid 4px #4baaf4;
  padding: 24px 16px 20px;
}

#simulation_color-02 #product_point {
  border-top: solid 4px #34bea2;
  padding: 24px 16px 20px;
}

#product_point > p {
  color:#4baaf4;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 16px;
}
/*カラバリ blue*/
#simulation_color-blue #product_point > p {
  color: #4baaf4 !important;
}
/*カラバリ green*/
#simulation_color-green #product_point > p {
  color: #16816b !important;
}
/*カラバリ pink*/
#simulation_color-pink #product_point > p {
  color: #f56b7c !important;
}

#product_point .list_point dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 8px;
}
/*カラバリ blue*/
#simulation_color-blue #product_point .list_point dd {
  background: url("../../../../../seminar_base/shared/user/msi/img/pic_check-blue.png") no-repeat left top;
  background-size: 26px;
  padding: 2px 0 0 40px;
  min-height: 26px;
  margin-bottom: 6px;
}
/*カラバリ green*/
#simulation_color-green #product_point .list_point dd {
  background: url("../../../../../seminar_base/shared/user/msi/img/pic_check-green.png") no-repeat left top;
  background-size: 26px;
  padding: 2px 0 0 40px;
  min-height: 26px;
  margin-bottom: 6px;
}
/*カラバリ pink*/
#simulation_color-pink #product_point .list_point dd {
  background: url("../../../../../seminar_base/shared/user/msi/img/pic_check-pink.png") no-repeat left top;
  background-size: 26px;
  padding: 2px 0 0 40px;
  min-height: 26px;
  margin-bottom: 6px;
}

/* 料金シミュレーション
  ** -------------------------------*/
#simulation .sp_care_parent01,
#simulation .sp_care_parent02 {
  display: none;
}

#simulation {
  background: url("../../../../../seminar_base/shared/user/msi/img/bg_sky.jpg") no-repeat left bottom;
  background-size: contain;
}

#simulation > .inner {
  padding: 30px 0;
}

#simulation .list_form dt {
  background: #eee;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 12px -16px;
  padding: 5px 16px;
}

#simulation .list_form dt.sub_title {
  background: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  margin: 16px -16px 4px;
}

.disp_birthday_y {
  display: block;
}

.disp_birthday_m {
  display: inline-block;
}

.disp_birthday_d {
  display: inline-block;
}

/*フォーム外のテキストの余白*/
.birthday .ss_rightComment {
  margin: 0 6px;
}

.birthday_y {
  margin-bottom: 10px;
  width: 90%;
}

.birthday_m {
  width: 100px;
}

.birthday_d {
  width: 100px;
}

/*dtを非表示*/
dt.title-del {
  display: none !important;
}

.plan .ss_bottomComment {
  margin-top: 8px;
}

.birthday .ss_upComment,
.age .ss_upComment {
  margin: 15px 0 4px;
}

.unit input,
.age input {
  width: 80px;
  margin-right: 6px;
}

.kingaku10000y input {
  width: 200px !important;
  margin-right: 6px;
}

.arrow_next {
  margin: 0 auto 10px;
  text-align: center;
  width: 30%;
}

/* 料金シミュレーション結果
  ** -------------------------------*/
/*カラバリ blue*/
#simulation_color-blue .box_answer {
  border: 3px solid #4baaf4;
  border-radius: 8px;
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  position: relative;
  text-align: center;
}
/*カラバリ green*/
#simulation_color-green .box_answer {
  border: 3px solid #34bea2;
  border-radius: 8px;
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  position: relative;
  text-align: center;
}
/*カラバリ pink*/
#simulation_color-pink .box_answer {
  border: 3px solid #ff8e9c;
  border-radius: 8px;
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  position: relative;
  text-align: center;
}

.box_answer > p {
  position: absolute;
  left: 0;
  //bottom: 50px;
  top: -30px;
  width: 70px;
}

.cost > dt {
  background: #4baaf4;
  color: #fff;
  font-weight: bold;
  padding: 8px 12px 8px 80px;
  text-align: left;
}

.cost dd {
  background: #fff;
  border-radius: 8px;
  font-weight: bold;
  padding: 8px 12px 8px;
}

/* 健康状態の告知
  ** -------------------------------*/
#health {
  border-top: 4px solid #4baaf4;
}

#health > .inner {
  padding: 30px 0;
}

.health_doc {
  margin: 0 auto;
}

.health_doc li {
  margin-bottom: 12px;
  text-align: center;
}

.health_doc li:last-child {
  margin-bottom: 0;
}

/* 健康状況の質問
  ** -------------------------------*/
.health_check {
  margin: 0 -22px 0;
}

.health_check > .inner {
  padding: 26px 0 6px;
}

.health_check .box_contents {
  background: #fff;
  box-sizing: border-box;
  border-radius: 4px;
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  padding: 1px 16px 0;
}

/* 質問リスト
  ** -------------------------------*/
.check_list .title {
  color:#4baaf4;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 18px 0 12px;
}

.check_list .title + p {
  font-weight: bold;
  margin-bottom: 12px;
}

.check_list p > span {
  font-weight: normal;
}

.check_list > li {
  border-bottom: 1px solid #ccc;
  margin-bottom: 18px;
  padding-bottom: 14px;
}

.check_list > li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.check_list dt {
  margin-bottom: 12px;
}

.symbol_remarks {
  font-size: 13px;
  font-size: 1.3rem;
}

.check_list li,
.check_list dd {
  margin-bottom: 10px;
}

.check_list .remarks {
  margin-bottom: 20px;
}

/* 疾病・症状を選択
  ** -------------------------------*/
.condition {
  background: #fefde9;
  border-radius: 0 0 8px 8px;
  margin: 0 -16px 0;
  padding: 20px 16px 16px;
}

.condidon > .inner {
  padding-top: 20px;
}
.condition > .txt {
  font-weight: bold;
  margin-bottom: 16px;
}

.condition .code {
  background: #fff;
  border: 3px solid #4baaf4;
  border-radius: 6px;
  margin-top: 20px;
}

.condition .code > dt {
  background: #4baaf4;
  color: #fff;
  font-weight: bold;
  padding: 6px 12px;
  text-align: center;
}

.condition .code > dd {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 12px;
  text-align: center;
}

.condition .code > .link {
  border-top: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 10px 12px;
  text-decoration: underline;
  color: #419ee6;
  cursor: pointer;
}

.condition .code > .link:hover {
  text-decoration: none;
}

/* 親介護特約
  ** -------------------------------*/
.health_check2,
.sp_care_parent01_check,
.sp_care_parent02_check {
  display: none;
}

.health_check2 {
  margin: 0 -22px 0;
}

.health_check2 > .inner {
  padding: 25px 0 6px;
}

.health_check2 .box_contents {
  background: #fff;
  box-sizing: border-box;
  border-radius: 4px;
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
  padding: 1px 16px 10px;
}

/* ボタンエリア
  ** -------------------------------*/
#conversion {
  padding: 20px 16px 30px;
}

#conversion > .inner > ul > li:nth-of-type(1) {
  margin-bottom: 12px;
}

/* -----------------------------------------------------
// 保険料シミュレーション モーダル simulation.html
// -------------------------------------------------- */

.overlay {
  display: none;
  position: fixed;
  top: -10px;
  left: 0;
  right: 0;
  bottom: -10px;
  background-color: rgba(0, 0, 0, .45);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 10;
}

.modal_wrap {
  display: table;
  padding: 10px 0;
  width: 100%;
  height: 100%;
}

.modal {
  display: table-cell;
  padding: 1.2em;
  vertical-align: middle;
}

.medical_index {
  margin: 0 auto;
  padding: 20px 16px 20px;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
}

.medical_index::after,
.medical_index .medical_list::after {
  display: table;
  content: '';
  clear: both;
}

.medical_index .medical_list {
  background: #4baaf4;
  border-radius: 6px;
  margin: 0 0 16px;
}

/*疾病コード*/
.medical_index .medical_code {
  float: left;
  font-size: 1.1rem;
  width: 14%;
  padding: 14px 0 0 14px;
  color: #fff;
}
.medical_index .medical_code span {
  font-size: 2.4rem;
  font-weight: bold;
}

.medical_index .form_list {
  box-sizing: border-box;
  float: right;
  width: 80%;
  padding: 14px;
  background: #fbfbfb;
  border-radius: 0 6px 6px 0;
}

.medical_index .form_list li {
  border: solid 2px #ccc;
  border-radius: 6px;
  margin-bottom: 10px;
  vertical-align: top;
  background: #fff;
  font-size: 1.4rem;
}

.medical_index .form_list li:last-child {
  margin-bottom: 0;
}

.medical_index label {
  background: #fff;
  border: none !important;
  border-radius: 0 0 5px 5px;
  padding: 12px 16px 10px 50px;
}

.medical_index .form_list dt {
  border-radius: 5px 5px 0 0;
  padding: 4px 4px 3px 10px;
}

.list_cate01 {
  background: #fff3f5 !important;
  color: #f56b7c;
}

.list_cate02 {
  background: #edf6fe !important;
  color: #1a86da;
}

.medical_index .form_list .no_text {
  padding: 10px;
}

.remarks_font {
  font-size: 10px;
  font-size: 1.0rem;
}

/* 商品の簡単な説明
  ** -------------------------------*/
.other {
  background: #fefde9;
  border-radius: 6px;
  padding: 12px;
  margin-top: 30px;
}

.other > p {
  font-weight: bold;
  margin-bottom: 14px;
}

/* ボタンエリア
  ** -------------------------------*/
.box_btn {
  margin: 25px 0 0;
}

.box_btn li {
  display: inline-block;
  width: 48%;
}

.box_btn li:first-child {
  margin-right: 1%;
}

.box_btn input[type="submit"] {
  padding: 12px;
}

.box_btn .btn-03 {
    background: #ececec;
    border: 1px solid #dadada;
    border-radius: 100px;
    padding: 12px 0;
}

.ico_btn_close {
  cursor: pointer;
  width: 16px;
}

/* -----------------------------------------------------
// 申し込みフォーム application.html
// -------------------------------------------------- */

/* 商品の簡単な説明
  ** -------------------------------*/
#product_info {
  position: relative;
  overflow: hidden;
}

/* 背景画像　バリエーション
  ** -------------------------------*/
/*
.bg_visual-01 {
  background: url("../../../../../seminar_base/shared/user/msi/img/bg_visual_simulation01.jpg") no-repeat;
  background-size: cover;
  background-position: top center;
}
.bg_visual-02 {
  background: url("../../../../../seminar_base/shared/user/msi/img/bg_visual_simulation02.jpg") no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.bg_visual-03 {
  background: url("../../../../../seminar_base/shared/user/msi/img/bg_visual_simulation03.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
}
*/
#product_info > .inner {
  padding: 12px;
}

#product_info > .inner > .logo {
  border-radius: 6px;
  background: #fff;
  float: left;
  margin-right: 18px;
  width: 36%;
}

#product_info > .inner > .logo > p {
  padding: 16px;
}

/* フロー
  ** -------------------------------*/
.flow {
  padding-bottom: 20px;
  text-align: center;
}

/* 個人情報取り扱い
  ** -------------------------------*/
.box_privacy {
  background: #f9f9f9;
  border-radius: 8px;
  font-size: 13px;
  font-size: 1.3rem;
  height: 80px;
  padding: 16px;
  overflow: auto;
  margin: 16px 0 20px;
  -webkit-overflow-scrolling:touch;
}

.box_privacy > .title {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 6px;
}

/* フォーム
  ** -------------------------------*/
#application.section {
  padding: 40px 16px 0;
}

#application input,
#application label,
#application select {
  border: solid 2px #ccc;
}

#application .form_list {
  margin-bottom: 30px;
}

#application .form_list > dt {
  background: #edf6fe;
  border-left: 4px solid #4baaf4;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 12px -16px;
  padding: 6px 16px 6px 12px;
}

.form_list input[type="text"]{
  width: 70%;
}

.form_list .name .last_name {
  margin-bottom: 10px;
  width: 60%;
}

.form_list .name .first_name {
  width: 60%;
}

/*氏名の名前のinputを強制的に改行*/
.form_list .name input + .ss_leftComment:before {
  content: "\A";
  white-space: pre;
}

.form_list .post_num input {
  width: 80px;
}

.form_list .pref select {
  width: 70%;
}

#application #conversion {
  padding: 0;
  margin-bottom: 80px;
}

.form_list .news_letter label {
  width: 48%;
}

.form_list .news_letter label:first-child {
  margin-right: 3%;
}

.form_list .e_mail .ss_bottomComment,
.form_list .news_letter .ss_bottomComment {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 12px 0;
}

#application .post_num .box_left {
  float: left;
  padding-right: 4px;
}

#application .post_num .box_right {
  float: left;
}

/* フォーム 商品別カラー
  ** -------------------------------*/
/*green*/
#application_color-green .form_list > dt,
#confirmation_color-green .form_list > dt {
  background: #e6fdf7 !important;
  border-left: 4px solid #34bea2 !important;
}
/*pink*/
#application_color-pink .form_list > dt,
#confirmation_color-pink .form_list > dt {
  background: #ffecf7 !important;
  border-left: 4px solid #ff8e9c !important;
}

/* フォーム 確認画面
  ** -------------------------------*/
#confirmation.section {
  padding: 40px 16px 0;
}

#confirmation input,
#confirmation label,
#confirmation select {
  border: solid 2px #ccc;
}

#confirmation .form_list {
  margin-bottom: 30px;
}

#confirmation .form_list > dt {
  background: #edf6fe;
  border-left: 4px solid #4baaf4;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 12px -16px;
  padding: 6px 16px 6px 12px;
}

#confirmation .form_list > dt {
  width: auto;
  border-left: none !important;
  margin: 12px -16px 6px; !important;
  padding: 4px 16px 4px 12px;
}

/* 質問文*/
.form_list > .txt_faq,
.form_list > .txt_faq_l {
  font-weight: normal !important;
}

/*カラバリ blue*/
#confirmation_color-blue #confirmation .form_list > .txt_faq .title_faq,
#confirmation_color-blue #confirmation .form_list > .txt_faq_l .title_faq{
  background: #4baaf4;
  padding: 3px 4px 2px;
  border-radius: 4px;
  color: #fff;
  display: block;
  margin: 3px 0 5px 0;
/*  width: 24%;	*/
  width: 200px;
  text-align: center;
}
/*カラバリ green*/
#confirmation_color-green #confirmation .form_list > .txt_faq .title_faq,
#confirmation_color-green #confirmation .form_list > .txt_faq_l .title_faq {
  background: #34bea2;
  padding: 3px 4px 2px;
  border-radius: 4px;
  color: #fff;
  display: block;
  margin: 3px 0 5px 0;
/*  width: 24%;	*/
  width: 200px;
  text-align: center;
}
/*カラバリ pink*/
#confirmation_color-pink #confirmation .form_list > .txt_faq .title_faq,
#confirmation_color-pink #confirmation .form_list > .txt_faq_l .title_faq {
  background: #ff8e9c;
  padding: 3px 4px 2px;
  border-radius: 4px;
  color: #fff;
  display: block;
  margin: 3px 0 5px 0;
/*  width: 24%;	*/
  width: 200px;
  text-align: center;
}

#confirmation .form_list > .txt_faq_l .title_faq {
  width: 50%;
}

#confirmation .form_list .txt_faq_remark {
  background: #ffd7d7;
  font-size: 1.3rem;
  display: block;
  padding: 6px 8px;
  border-radius: 3px;
  margin-top: 4px;
}

/* 未入力欄*/
.form_list .notentered {
  color: #999;
}

/* フォーム 送信完了
  ** -------------------------------*/
#application_thanks > .inner {
  margin-bottom: 80px;
  padding: 40px 0 0;
}

#application_thanks .pic_thanks {
  margin: 0 -16px 0;
  text-align: center;
}

#application_thanks .txt {
  padding: 10px 20px 30px;
}

#application_thanks .btn-03 {
  margin: 0 auto;
  width: 80%;
}

/* ==================================
** スマートフォン用ランドスケープ
** =================================*/
@media all and (orientation: landscape) {

  .disp_birthday_y {
    display: block;
  }

/* 商品のご案内
  ** -------------------------------*/
  .swiper-container {
    width: 70%;
  }

  .list_product > .outline > .logo {
    margin: 16px auto;
    /*レイアウト修正のためコメントアウト　20181113
    padding: 20px 0;
    */
    width: 70%;
  }

}

/* ====================================================================
** PC
** ===================================================================*/
@media screen and (min-width: 769px) {

  .disp_birthday_y {
    display: inline-block;
  }

  #page_header:after,
  #product .list_product > .outline:after,
  #product_info > .inner:after,
  #simulation .list_form:after,
  #application .form_list:after,
  #application .form_list dd.name:after,
  #application .form_list dd.post_num:after{
    content: "";
    display: block;
    clear: both;
  }

  html {
    position: relative;
    min-height: 100%;
  }
  body {
    margin-bottom: 5.2em;
  }
/* ==================================
** PC フレーム
** =================================*/

  .PCshow {
    display: block;
  }

  .PCshow-02 {
    display: inline-block;
  }

  .SPshow {
    display: none;
  }

  .section {
    padding: 0;
  }

/* ==================================
** PC ヘッダー
** =================================*/

  #page_header {
    padding: 12px 20px 10px;
    width: 940px;
  }

  #page_header > .logo {
    max-width: 160px;
  }

  #page_header > .contact {
    float: right;
    padding-left: 0;
    width: 310px;
  }

  #page_header > .contact > .tel {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
  }

  #page_header > .contact > .tel > .txt {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }

  #page_header > .contact > .hour {
    font-size: 13px;
    font-size: 1.3rem;
  }

  #page_header > .contact > .tel:before {
      height: 19px;
      padding-right: 6px;
      width: 26px;
    }

/* ==================================
** PC パンくず
** =================================*/

  #topicPath {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 18px auto 10px;
    padding: 0 20px;
    width: 940px;
  }

/* ==================================
** PC お問い合わせエリア
** =================================*/

  #page_inquiry {
    margin: 30px auto 0;
    padding: 0 20px;
    width: 940px;
  }

  #page_inquiry > .img {
    width: 190px;
  }

  #page_inquiry > .inner {
    margin: 0;
    padding: 10px 0 10px;
  }

  #page_inquiry > .inner > .contact {
    padding: 0 16px 0 240px;
  }

  #page_inquiry > .inner > .contact > .tel {
    font-size: 40px;
    font-size: 4.0rem;
  }

  #page_inquiry > .inner > .contact > .tel:before {
    height: 33px;
    padding-right: 12px;
    width: 40px;
  }

  #page_inquiry > .inner > .contact > .tel > .txt {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
  }

/* ==================================
** PC フッター
** =================================*/

  #page_footer {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
  }

/* ==================================
** PC フォーム
** =================================*/

/* -----------------------------------------------------
// PC ラジオボタン
// -------------------------------------------------- */

  label input[type="radio"] {
    top: 0;
  }

  /*ラジオボタン color_2*/
    #health label {
      margin-right: 3%;
      min-width: 180px;
      width: auto;
    }

    .entry2 label:after {
      top: 4px;
    }

/* -----------------------------------------------------
// PC フォーム 2カラムレイアウト
// -------------------------------------------------- */

  #simulation_color-blue .col_2 label,
  #simulation_color-green .col_2 label,/*カラバリ green*/
  #simulation_color-pink .col_2 label /*カラバリ pink*/{
    min-width: 180px;
    width: auto;
    margin-right: 3%;
  }

/* -----------------------------------------------------
// PC フォーム 3カラムレイアウト
// -------------------------------------------------- */

  #simulation_color-blue .col_3 li,
  #simulation_color-green .col_2 li,/*カラバリ green*/
  #simulation_color-pink .col_2 li /*カラバリ pink*/{
    display: inline-block;
    margin: 0 2% 0 0;
  }

/* -----------------------------------------------------
// PC フォーム エラー
// -------------------------------------------------- */

  label input[type="checkbox"].input_error,
  label input[type="radio"].input_error {
    background: none !important;
  }

  .remarks_error2{
    margin: auto;
    width:740px;
    text-align:center;
  }
/* ==================================
** PC 共通モジュール
** =================================*/

/* -----------------------------------------------------
// PC 強調
// -------------------------------------------------- */

  .attention-02 {
    font-size: 40px;
    font-size: 4.0rem;
  }

/* -----------------------------------------------------
// PC 備考
// -------------------------------------------------- */

  .remarks {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 12px 0;
  }

  .remarks_point {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 18px;
    margin: 20px 0;
  }

  .remarks_error,
  .remarks_error2 {
    margin-bottom:20px;
  }

/* ==================================
** PC ボタン
** =================================*/

  .btn-01,
  .btn-02,
  .btn-03 {
    margin: 0 auto;
  }

/* -----------------------------------------------------
// PC 通常ボタン
// -------------------------------------------------- */

  .btn-01 {
    width: 420px;
  }

  .btn-01 a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 20px;
  }

  .btn-01 input[type="submit"], .btn-01 input[type="button"] {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 24px;
  }

/* -----------------------------------------------------
// PC 通常ボタン2
// -------------------------------------------------- */

  .btn-02 {
    margin: 0;
    width: 300px;
  }

/* -----------------------------------------------------
// PC 通常ボタン3
// -------------------------------------------------- */

  .btn-03 {
    font-size: 22px;
    font-size: 2.2rem;
    width: 200px;
  }

  .btn-03 a {
    color: #333;
    box-sizing: border-box;
    padding: 21px 20px 22px;
    text-decoration: none;
  }

/* -----------------------------------------------------
// PC 追加ボタン
// -------------------------------------------------- */

  #simulation .list_form > dd.btn-04,
  #simulation .list_form > dd.btn-05 {
    clear: both;
    width: 260px;
    margin: 0px 200px 0px 140px;
    margin-bottom: 30px;
  }

  .btn-04,
  .btn-05 {
    clear: both;
    margin-top: 30px;
    width: 260px;
  }

/* ==================================
** PC 見出し
** =================================*/

/* -----------------------------------------------------
//  PC 見出しレベル1　アイコンつき
// -------------------------------------------------- */

  .hdg_1-01 {
    margin: 50px 0 30px;
  }

  .hdg_1-01 > .title {
    font-size: 40px;
    font-size: 4.0rem;
  }

  .hdg_1-01 > .title:before {
    height: 5px;
    left: 50%;
  }

/* -----------------------------------------------------
//  PC 見出しレベル1
// -------------------------------------------------- */

  .hdg_1-02  {
    font-size: 40px;
    font-size: 4.4rem;
    margin: 0 auto 34px;
    padding: 0 20px;
    width: 740px;
  }

/* -----------------------------------------------------
//  PC 見出しレベル1　リード文つき
// -------------------------------------------------- */

  .hdg_1-03 {
    color: #1a86da;/*カラバリ*/
    font-size: 30px;
    font-size: 3.8rem;
    padding-top: 0.5em;
  }

  .hdg_1-03 + .lead {
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 284px;
    padding-left: 30px;
  }

/* -----------------------------------------------------
//  PC 見出しレベル2 リード文つき
// -------------------------------------------------- */

  .hdg_2-01 {
    font-size: 34px;
    font-size: 3.4rem;
    margin-bottom: 30px;
  }

  .hdg_2-01 + .lead {
    text-align: center;
    margin: 0 auto 40px;
    width: 740px;
  }

/* -----------------------------------------------------
//  PC 見出しレベル3
// -------------------------------------------------- */

  .hdg_3-01 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
    padding: 0;
  }

/* -----------------------------------------------------
//  PC 見出しレベル4
// -------------------------------------------------- */

  .hdg_4-01, .hdg_4-02  {
    padding: 10px 12px 8px 10px;
    margin: 30px 0 20px;
  }

  #confirmation_color-blue .hdg_4-01, #confirmation_color-blue .hdg_4-02,
  #confirmation_color-green .hdg_4-01, #confirmation_color-green .hdg_4-02,/*カラバリ green*/
  #confirmation_color-pink .hdg_4-01, #confirmation_color-pink .hdg_4-02 /*カラバリ pink*/{
    margin: 30px 0 20px;
  }

/* ==================================
** PC アイコン
** =================================*/

/* -----------------------------------------------------
// PC 鍵アイコン
// -------------------------------------------------- */

  .ico_product:before {
    height: 44px;
    width: 44px;
    padding-right: 10px;
  }

/* -----------------------------------------------------
// PC ペンアイコン
// -------------------------------------------------- */

  #application_color-blue .ico_pen:before,
  #application_color-green .ico_pen:before,
  #application_color-pink .ico_pen:before,
  #confirmation_color-blue .ico_pen:before,
  #confirmation_color-green .ico_pen:before,
  #confirmation_color-pink .ico_pen:before,
  #thanks_color-blue .ico_pen:before,
  #thanks_color-green .ico_pen:before,
  #thanks_color-pink .ico_pen:before {
    height: 36px;
    width: 36px;
    padding-right: 8px;
  }

/* -----------------------------------------------------
// PC 計算機アイコン
// -------------------------------------------------- */

  #simulation_color-blue .ico_cal:before,
  #simulation_color-green .ico_cal:before,
  #simulation_color-pink .ico_cal:before {
    height: 46px;
    width: 44px;
    padding-right: 8px;
  }

/* -----------------------------------------------------
// PC ボードアイコン
// -------------------------------------------------- */

  #simulation_color-blue .ico_borad:before,
  #simulation_color-green .ico_borad:before,
  #simulation_color-pink .ico_borad:before {
    height: 48px;
    width: 37px;
    margin-top: -10px;
    padding-right: 18px;
  }

/* -----------------------------------------------------
// PC いいねアイコン
// -------------------------------------------------- */

  .ico_good:before {
    height: 28px;
    width: 28px;
    padding-right: 8px;
  }

/* -----------------------------------------------------
// PC 計算機アイコン （絶対配置）
// -------------------------------------------------- */

  .btn_ico_cal:after {
    height: 38px;
    width: 36px;
    left: 50px;
    top: 20px;
  }

/* -----------------------------------------------------
// PC ペンアイコン （絶対配置）
// -------------------------------------------------- */

  .btn_ico_pen:after {
    height: 32px;
    width: 29px;
    left: 50px;
    top: 24px;
  }

/* -----------------------------------------------------
// PC 矢印アイコン（絶対配置）
// -------------------------------------------------- */

  .btn_ico_ar:after {
    height: 18px;
    width: 18px;
    top: 28px;
  }

/* -----------------------------------------------------
// PC 計算機アイコン（リンクボタン）
// -------------------------------------------------- */

  .ico_btn_cal a:before {
    height: 30px;
    width: 28px;
    padding-right: 6px;
  }

/* -----------------------------------------------------
// PC 必須アイコン
// -------------------------------------------------- */
  .required {
    padding: 2px 8px;
  }

/* ==================================
** PC 各ページ別
** =================================*/

/* -----------------------------------------------------
// PC 商品のご案内 product.html
// -------------------------------------------------- */

  .img_visual {
    background-color:rgba(75,170,244,0.9);
    background: url("../../../../../seminar_base/shared/user/msi/img/visual_product.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    z-index: 0;
  }

  .img_visual:before {
    background: inherit;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    -ms-filter:blur(10px);
    content: '';
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    z-index: -1;
  }

  .img_visual > .img {
    margin: 0 auto;
    width: 940px;
  }

  .img_visual > .co_name {
    background-color:rgba(75,170,244,0.8);
    box-sizing: border-box;
    position: absolute;
    width: 100%;
  }

  .img_visual > .co_name > p {
    color: #fff;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 auto;
    padding: 8xp 16px;
    width: 940px;
  }

/* PC スライダー
  ** -------------------------------*/
  #box_slider {
    position: relative;
    width: 946px;
    margin: 0 auto 50px;
  }

  #box_slider:before {
    content: '';
    position: absolute;
    border: 3px solid #e4e4e4;
    width: 940px;
    height: 460px;
    left: 0;
    top: -3px;
  }

  .swiper-container {
    margin: 0 auto 0;
    width: 940px;
  }

  .swiper-wrapper {
    padding-bottom: 20px!important;
  }

/* PC 商品リスト
  ** -------------------------------*/
  #product > .inner {
    padding: 60px 0;
    margin: 0 auto;
    width: 940px;
  }

  #product .list_product {
    margin: 0 0 30px;
  }

  .list_product > .title {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 12px 16px;
  }

  .list_product > .outline > .logo {
    float: left;
    margin: 20px 20px 0;
    width: 284px;
  }

  .list_product > .outline .inner {
    padding: 20px 20px 20px 0;
  }

  .list_product > .outline >.inner > .sub_title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 8px;
  }

  .list_product > .bg_btn {
    background: #edf6fe;/*カラバリ*/
    border-radius: 0 0 4px 4px;
    margin-top: 20px;
    padding: 12px;
  }

/* -----------------------------------------------------
// PC 保険料シミュレーション simulation.html
// -------------------------------------------------- */

/* PC 商品紹介
  ** -------------------------------*/
  #product_name > .inner {
    padding: 50px 0;
  }

 #product_name .logo {
    width: 740px;
  }

 #product_name .logo > img {
    max-width:740px; //レイアウト修正500px→740px　20181113
  }

  #product_point > p {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    margin: 0 auto 30px;
    padding: 0 20px;
    width: 740px;
  }

  #product_point .list_point,
  #product_point .list_point-02 {
    margin: 0 auto 30px;
    padding: 0 20px;
    width: 740px;
  }

  /* PC 料金シミュレーション
    ** -------------------------------*/
  #simulation > .inner
   {
    margin: 0 auto;
    padding: 50px 0 60px;
    width: 740px;
  }

  #simulation .list_form dt {
    background: none;
    font-size: 16px;
    font-size: 1.6rem;
    float: left;
    margin: 1em 0 0;
    padding: 0;
    width: 140px;
  }

  #simulation .list_form dt.sub_title {
    margin: 0;
    padding: 0px 0px 8px;
    width: 600px;
    float: right;
  }

  #simulation .list_form > dd {
    float: left;
    margin-bottom: 30px;
    width: 590px;
  }

  #simulation .list_form > dd.box_right {
    float: right;
    margin-bottom: 30px;
    width: 600px;
  }

  #simulation .list_form > dt.box_clear {
    clear: both;
  }

  .birthday_y {
    margin-bottom: 0;
    width: 270px;
  }

  .birthday .ss_upComment, .age .ss_upComment {
    margin: 0 0 4px;
    }

  #simulation .remarks_point {
    margin: 20px 0 50px;
  }

  .arrow_next {
    width: 170px;
  }


/* PC 料金シミュレーション結果
  ** -------------------------------*/
  .box_answer {
    border: 3px solid #4baaf4;
    border-radius: 8px;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    position: relative;
    text-align: center;
  }

  .box_answer > p {
    left: 16px;
    //bottom: 70px;
    top: -95px;
    width: 110px;
  }

  .cost > dt {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 10px 12px 10px 80px;
    text-align: center;
  }

  .cost dd {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 8px 12px 8px;
  }

/* PC 健康状態の告知
  ** -------------------------------*/

  #health > .inner {
    width: 940px;
    padding: 50px 20px 30px;
    margin: 0 auto;
    position: relative;
  }

   #health .ballon {
    left: 30px;
    top: 160px;
    position: absolute;
    width: auto;
    z-index: 10;
  }

  #health .health_doc {
    padding-bottom: 30px;
    text-align: center;
    width: 940px;
  }

  .health_doc li {
    display: inline-block;
    margin: 0 50px 0 0;
    width: 248px;
  }
  .health_doc li:last-child {
    margin: 0;
  }

/* PC 健康状況の質問
  ** -------------------------------*/
  .health_check {
    margin: 0;
  }

  .health_check > .inner {
    padding: 60px 0 6px;
  }

  .health_check .box_contents {
    padding: 40px 50px 0;
    margin: 0 auto;
    width: 940px;
  }

  .health_check .remarks {
    margin: 20px 0;
  }

/* PC 質問リスト
  ** -------------------------------*/
  .check_list {
    margin-bottom: 30px;
  }
  .check_list .title {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 20px;
  }

  .check_list .title + p {
    margin-bottom: 20px;
  }

  .check_list dt {
    margin-bottom: 12px;
  }

  .check_list .list_item {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

/* PC 疾病・症状を選択
  ** -------------------------------*/
  .condition {
    margin: 0 -50px 0;
    padding: 40px 50px 40px;
  }

  .condition > .txt {
    margin-bottom: 20px;
  }

  .condition > .btn-02 {
    margin: 0 auto;
  }

  .condition .code {
    display: table;
    margin-top: 30px;
    width: 100%;
  }

  .condition .code > dt {
    display: table-cell;
    padding: 18px 0;
    vertical-align: middle;
    width: 170px;
  }

  .condition .code > dd {
    display: table-cell;
    padding: 0 20px;
    text-align: left;
    vertical-align: middle;
  }

  .condition .code > .link {
    border-top: none;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    padding: 0 20px;
    text-align: right;
    width: 120px;
  }

/* PC 親介護特約
  ** -------------------------------*/
  .health_check2 > .inner {
    padding: 60px 0 6px;
  }

  .health_check2 .box_contents {
    padding: 40px 50px 16px;
    margin: 0 auto;
    width: 940px;
  }

  #health .box_long + label {
    margin-top: 12px;
    width: 360px;
  }

/* PC ボタンエリア
  ** -------------------------------*/
  #conversion {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 30px 0 40px;
  }

  #conversion > .inner {
    margin: 0 auto;
    text-align: center;
    width: 940px;
  }

  #conversion li {
    display: inline-block;
  }

  #conversion > .inner > ul > li:nth-of-type(1) {
    margin-bottom: 0;
    margin-right: 20px;
  }

/* PC フロー
** -------------------------------*/
  .flow {
    margin: 0 -72px;
    padding-bottom: 20px;
    text-align: center;
  }

/* -----------------------------------------------------
// PC 保険料シミュレーション モーダル simulation.html
// -------------------------------------------------- */

  .modal_wrap {
    margin: 0 auto;
    max-width: 980px;
  }

  .modal {
    padding: 20px;
  }

  .medical_index {
    display: table;
    padding: 30px;
  }

  .medical_code {
    width: 40px !important;
  }

  .medical_index .form_list {
    box-sizing: border-box;
    float: right;
    padding: 14px;
    background: #fbfbfb;
    border-radius: 0 6px 6px 0;
    display: table;
    width: 92%;
  }

  .medical_index .form_list li {
    display: table-cell;
    width: 50%;
    border-radius: 0;
    border-right: none;
  }

  .medical_index .form_list li:last-child {
    border-right: solid 2px #ccc;
  }
  .medical_index .form_list input + span,
  .medical_index .form_list .no_text {
    font-size: 14px;
    font-size: 1.4rem;
  }

  .medical_index .form_list dt {
    border-radius: 0;
  }

  .medical_index label {
    padding: 12px 16px 16px 50px;
  }

  .remarks_font {
    font-size: 12px;
    font-size: 1.2rem;
  }

  /* ボタンエリア
  ** -------------------------------*/
  .box_btn {
    margin: 40px auto 20px;
    width: 536px;
  }

  .box_btn li {
    width: 260px;
  }

  .box_btn li:first-child {
    margin-right: 8px;
  }

  .box_btn .btn-03 {
    padding: 16px 0;
    cursor: pointer;
    width: 260px;
  }

  .box_btn .btn-03:hover {
    background: #e2e2e2;
  }

  .box_btn .btn-01 {
    width: 260px;
  }

  .box_btn input[type="submit"] {
    padding: 18px;
  }

/* -----------------------------------------------------
// PC 申し込みフォーム application.html
// -------------------------------------------------- */

/* PC 商品の簡単な説明
  ** -------------------------------*/
  #product_info > .inner {
      margin: 0 auto;
      padding: 16px;
      width: 940px;
    }

  #product_info > .inner > .logo {
    margin-right: 30px;
    width: 284px;
  }

/* PC 個人情報取り扱い
  ** -------------------------------*/
  .box_privacy {
    height: auto;
    padding: 20px;
    overflow: visible;
  }

  .box_privacy > .title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 8px;
  }

/* PC フォーム
  ** -------------------------------*/
  #application.section {
    margin: 0 auto;
    width: 940px;
  }
  #application .flow {
    margin: 0 auto;
    width: 884px;
  }
  #application .form_list {
    background: #edf6fe;
    border-top: 1px solid #4baaf4;
    border-left: 2px solid #4baaf4;
    border-bottom: 2px solid #4baaf4;
  }
  #application .form_list > dt {
    border-left: none;
    border-top: 1px solid #4baaf4;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    padding: 12px 20px 0;
    width: 280px;
  }
  #application .form_list > dd {
    background: #fff;
    border-top: 1px solid #4baaf4;
    border-right: 2px solid #4baaf4;
    box-sizing: border-box;
    margin-left: 280px;
    padding: 12px;
    font-size: 1.4rem;
    font-size: 14px;
  }

  /*カラバリ blue*/
  #application_color-blue #application .form_list,
  #confirmation_color-blue #application .form_list {
    background: #edf6fe;
    border-top: 1px solid #4baaf4;
    border-left: 2px solid #4baaf4;
    border-bottom: 2px solid #4baaf4;
  }
  #application_color-blue #application .form_list > dt,
  #confirmation_color-blue #application .form_list > dt {
    background: #edf6fe !important;
    border-top: 1px solid #4baaf4;
    border-left: none;
  }
  #application_color-blue #application .form_list > dd,
  #confirmation_color-blue #application .form_list > dd {
    border-top: 1px solid #4baaf4;
    border-right: 2px solid #4baaf4;
  }
  /*カラバリ green*/
  #application_color-green #application .form_list,
  #confirmation_color-green #application .form_list {
    background: #e6fdf7 !important;
    border-top: 1px solid #34bea2 !important;
    border-left: 2px solid #34bea2 !important;
    border-bottom: 2px solid #34bea2 !important;
  }
  #application_color-green #application .form_list > dt,
  #confirmation_color-green #application .form_list > dt {
    background: #e6fdf7 !important;
    border-top: 1px solid #34bea2 !important;
    border-left: none !important;
  }
  #application_color-green #application .form_list > dd,
  #confirmation_color-green #application .form_list > dd {
    border-top: 1px solid #34bea2 !important;
    border-right: 2px solid #34bea2 !important;
  }
  /*カラバリ pink*/
  #application_color-pink #application .form_list,
  #confirmation_color-pink #application .form_list {
    background: #ffecf7 !important;
    border-top: 1px solid #ff8e9c !important;
    border-left: 2px solid #ff8e9c !important;
    border-bottom: 2px solid #ff8e9c !important;
  }
  #application_color-pink #application .form_list > dt,
  #confirmation_color-pink #application .form_list > dt {
    background: #ffecf7 !important;
    border-top: 1px solid #ff8e9c !important;
    border-left: none !important;
  }
  #application_color-pink #application .form_list > dd,
  #confirmation_color-pink #application .form_list > dd {
    border-top: 1px solid #ff8e9c !important;
    border-right: 2px solid #ff8e9c !important;
  }

  #application .form_list > dd:after {
    content: '';
    display: block;
    clear: both;
  }
  #application .form_list .required {
    float: right;
    margin-top: -2px;
  }

  #application label {
    border: none;
    padding: 0 0 0 40px;
    width: 200px;
  }

  #application label:before {
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 50%;
    left: 10px;
    top: 0;
    content: '';
    z-index: 3;
  }

  #application .privacy {
    padding-top: 16px !important;
  }

  #application .privacy label:before {
    width: 21px;
    height: 21px;
    box-sizing: border-box;
    border-radius: 3px;
  }

  .privacy label input[type="checkbox"] {
    top: 0;
  }

  #application_color-blue #application .privacy label:after,
  #application_color-green #application .privacy label:after,/*カラバリ green*/
  #application_color-pink #application .privacy label:after/*カラバリ pink*/ {
    top: 6%;
  }

  #application .form_list dd.remarks {
    border-top: none !important;
    border-bottom: none !important;
    margin: -8px 0 0 280px;
    padding: 0 0 18px 20px;
  }

  #application .form_list p.remarks {
    margin: 15px 0 0;
  }

  .form_list .name .last_name {
    margin-right: 8px;
    width: 160px;
    margin-bottom: 0;
  }

  .form_list .name .first_name {
    width: 160px;
  }

  /*SPで強制改行を戻す*/
  .form_list .name input + .ss_leftComment:before {
    content: "";
    white-space: normal;
  }

  .form_list .pref select {
    width: 180px;
  }

  #application .news_letter label input[type="radio"] {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    left: -22px;
    top: 0;
    margin: 0px;
    box-shadow: 30px 0 #fff;
    border: none;
  }

  #application .news_letter label input[type="radio"]:checked {
    box-shadow: none;
  }

  /*カラバリ blue*/
  #application_color-blue #application .news_letter label:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    left: 14px;
    top: 4px;
    background-color: #3498db;
    z-index: 1;
  }
  /*カラバリ green*/
  #application_color-green #application .news_letter label:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    left: 14px;
    top: 4px;
    background-color: #34bea2;
    z-index: 1;
  }
  /*カラバリ pink*/
  #application_color-pink #application .news_letter label:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    left: 14px;
    top: 4px;
    background-color: #ff8e9c;
    z-index: 1;
  }

  #application .size_s {
    width: 160px;
  }

  #application .size_l {
    width: 220px;
  }

  #application #conversion {
    padding-bottom: 0;
    margin-bottom: 100px;
  }

  #application .box_left {
    float: left;
    padding-right: 4px;
  }

  #application .box_right {
    float: left;
  }


/* フォーム 確認画面
  ** -------------------------------*/
  #confirmation.section {
    margin: 0 auto;
    width: 940px;
  }
  #confirmation .flow {
    margin: 0 auto;
    width: 884px;
  }

  #confirmation .form_list {
    background: #edf6fe;
    border-top: 1px solid #4baaf4;
    border-left: 2px solid #4baaf4;
    border-bottom: 2px solid #4baaf4;
  }
  #confirmation .form_list > dt {
    border-left: none;
    border-top: 1px solid #4baaf4;
    box-sizing: border-box;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0;
    padding: 12px 20px 0;
    width: 280px;
  }
  #confirmation .form_list > dd {
    background: #fff;
    border-top: 1px solid #4baaf4;
    border-right: 2px solid #4baaf4;
    box-sizing: border-box;
    margin-left: 280px;
    padding: 12px;
    font-size: 1.4rem;
    font-size: 14px;
  }

  /*カラバリ blue*/
  #confirmation_color-blue #confirmation .form_list {
    background: #edf6fe;
    border-top: 1px solid #4baaf4;
    border-left: 2px solid #4baaf4;
    border-bottom: 2px solid #4baaf4;
  }
  #confirmation_color-blue #confirmation .form_list > dt {
    background: #edf6fe !important;
    border-top: 1px solid #4baaf4;
    border-left: none;
  }
  #confirmation_color-blue #confirmation .form_list > dd {
    border-top: 1px solid #4baaf4;
    border-right: 2px solid #4baaf4;
  }
  /*カラバリ green*/
  #confirmation_color-green #confirmation .form_list {
    background: #e6fdf7 !important;
    border-top: 1px solid #34bea2 !important;
    border-left: 2px solid #34bea2 !important;
    border-bottom: 2px solid #34bea2 !important;
  }
  #confirmation_color-green #confirmation .form_list > dt {
    background: #e6fdf7 !important;
    border-top: 1px solid #34bea2 !important;
    border-left: none !important;
  }
  #confirmation_color-green #confirmation .form_list > dd {
    border-top: 1px solid #34bea2 !important;
    border-right: 2px solid #34bea2 !important;
  }
  /*カラバリ pink*/
  #confirmation_color-pink #confirmation .form_list {
    background: #ffecf7 !important;
    border-top: 1px solid #ff8e9c !important;
    border-left: 2px solid #ff8e9c !important;
    border-bottom: 2px solid #ff8e9c !important;
  }
  #confirmation_color-pink #confirmation .form_list > dt {
    background: #ffecf7 !important;
    border-top: 1px solid #ff8e9c !important;
    border-left: none !important;
  }
  #confirmation_color-pink #confirmation .form_list > dd {
    border-top: 1px solid #ff8e9c !important;
    border-right: 2px solid #ff8e9c !important;
  }

  #confirmation .form_list > dd:after {
    content: '';
    display: block;
    clear: both;
  }
  #confirmation .form_list .required {
    float: right;
    margin-top: -2px;
  }

  .form_list > .txt_faq_l .title_faq {
    width: 200px !important;
  }
  /*tdの幅を広げる*/
  #confirmation .birthday_y,
  #confirmation .birthday_m,
  #confirmation .birthday_d,
  #confirmation .unit,
  #confirmation .size_80 {
    width: inherit;
  }

  #confirmation_color-blue .box_right,
  #confirmation_color-green .box_right,
  #confirmation_color-pink .box_right {
    float: none;
  }

  /*健康告知エリアのみthを広げる*/
  #confirmation_color-blue .list_faq > dt,
  #confirmation_color-green .list_faq > dt,
  #confirmation_color-pink .list_faq > dt {
    width: 600px !important;
  }

  #confirmation_color-blue .list_faq > dd,
  #confirmation_color-green .list_faq > dd,
  #confirmation_color-pink .list_faq > dd {
    margin-left: 600px !important;
  }

/* フォーム 送信完了
  ** -------------------------------*/
  #application_thanks > .inner {
    margin: 0 auto 80px auto;
    width: 740px;
  }

  #application_thanks .pic_thanks {
    margin: 0;
    text-align: center;
  }

  #application_thanks .txt {
    padding: 30px 0 60px;
  }

  #application_thanks .btn-03 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 auto;
    width: 300px;
  }

  #application_thanks .btn-03 a {
    padding: 12px 20px 10px;
    margin-bottom: 10px
  }
}