@charset "UTF-8";

select.sp-select { 
  -webkit-appearance: none; 
  -moz-appearance: none;
  background-image: url(../../images/simulation/mark-select.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding: 5px 30px 5px 8px;
  border-radius: 0;
  background-color: #fff;
  font-size: 1.8rem;
  border: 1px solid #A3A3A3;
}
select.sp-select::-ms-expand {
  display: none;
}
.form-row select.sp-select {
  font-size: 1.6rem;
  border: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
}
input[type=text].sp-input {
  font-size: 1.6rem;
  border: 1px solid #ccc;
  padding: 10px 10px;
  margin-bottom: 2px;
}
textarea.sp-text {
  border: 1px solid #ccc;
  padding: 10px 10px;
  margin-bottom: 2px;
}
/*マージン*/
.mg-f-r {
  margin-right: 20px;
}
.mg-f-l {
  margin-left: 20px;
}
.mg-f-ls {
  margin-left: 10px;
}
.form-contents h2.mg-f-t {
  margin-top: 80px;
}
.mg-f-ts {
  margin-top: 10px;
}

/*長さ*/
.flg-6 {
  width: 60px;
}
.flg-8 {
  width: 80px;
}
.flg-9 {
  width: 90px;
}
.flg1s {
  width: 120px;
}
.flg1 {
  width: 180px;
}
.flg2 {
  width: 230px;
}
.flg3 {
  width: 390px;
}
.flg5 {
  width: 515px;
}


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


.form-bottom-btn-box {
  margin: 35px 0 50px;
}
.form-bottom-btn-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  
}
.form-bottom-btn-list li {
  margin: 20px;
  padding: 0;
}
.btn-main-return, 
.btn-main-next, 
.btn-main-smbc {
  font-size: 3.4rem;
  width: 460px;
  max-width: 100%;
  padding: 15px 2px;
  box-shadow:3px 3px 3px rgba(0,0,0,0.36);
  border-width:2px;
  border-style:solid;
  border-radius: 6px;
}
.btn-main-return {
  background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(215,215,215) 97%,rgb(214,214,214) 99%);
  border-color:rgb(160,160,160);
  color: #666;
}
.btn-main-next {
  background-image:linear-gradient(180deg,rgb(172,13,21) 0%,rgb(104,0,0) 97%,rgb(102,0,0) 99%);
  border-color:rgb(217,0,0);
  color: #fff;
}
.btn-main-smbc {
    background-image: linear-gradient(180deg,rgb(86, 187, 80) 0%,rgb(27, 62, 18) 97%,rgb(55, 103, 40) 99%);
    border-color: rgb(21, 86, 14);
    color: #fff;
}
.btn-main-return .fa {
  margin-right: 10px;
}
.btn-main-next .fa {
  margin-left: 10px;
}

@media only screen and (min-width : 1140px) {
  .btn-main-next:hover,
  .btn-main-return:hover {
    opacity: 0.75;
  }
}
@media only screen and (max-width : 1139px) {
  .form-bottom-btn-list li {
    width: 48%;
    margin: 20px 1%;
  }
  .btn-main-return,
  .btn-main-next {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width : 767px) {
  .btn-main-return,
  .btn-main-next {
    font-size: 2rem;
  }
}

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


.mitsumori_top_img {
  text-align: center;
  background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,255,255) 1%,rgb(255,255,255) 41%,rgb(255,244,208) 100%);
  border-top: 1px solid #D6D6D6;
}

.form-contents {
  width: 1140px;
  margin: 70px auto 70px;
  text-align: left;
}
.form-contents h2 {
  color: #68441F;
  font-size: 3.4rem;
  border-bottom: 4px solid #69441F;
  padding-bottom: 10px;
  text-align: center;
  margin: 30px 0;
}
.form-contents h2 img,
.subtitle img {
  vertical-align: middle;
  margin-right: 15px;
}
h3.subtitle  {
  background-color: #6E9814;
  color: #fff;
  text-align: center;
  padding: 15px;
  margin: 50px 0;
  font-size: 3rem;
}
h4.subtitle {
  border-bottom: 2px solid #69441F;
  color: #68441F;
  margin: 60px 0 30px;
  padding-bottom: 10px;
  font-size: 2rem;
  text-indent: -47px;
  padding-left: 47px;
}
@media only screen and (max-width : 767px) {
  h3.subtitle {
    font-size: 2.4rem;
    padding-left: 10px;
    padding-right: 10px;
  }
  h4.subtitle {
    font-size: 1.8rem;
  }
  .form-contents {
    margin-top: 50px;
  }
}

.cRed {
  color: #AC0C14;
}
.cBlue {
  color: #1000ff;
  font-weight: 600;
}
.note_title {
  line-height: 1.9;
  text-align: center;
}

/*当初意向把握*/
.box-f-01 {
  border: 3px solid #402000;
  background-color: #FFF9E6;
  margin-bottom: 70px;
}
.box-f-01 h3 {
  color: #fff;
  background-color: #402000;
  font-size: 3rem;
  margin: 0;
  text-align: center;
  padding: 10px;
}
.box-f-01-inner {
  padding: 36px;
  text-align: left;
}
.box-f-01-hoken {
  display: flex;
  justify-content: space-between;
}
.box-f-01-hoken h4 {
  margin: 0 -3px 0;
  padding: 0 2px 2px;
  background-color: #FFF9E6;
  border-bottom: 3px solid #402000;
  height: 56px;
}
.box-f-01-hoken > div {
  background-color: #fff;
  border-bottom: 3px solid #402000;
  border-left: 3px solid #402000;
  border-right: 3px solid #402000;
}
.box-f-01-hoken > div > div {
  padding: 25px;
}
.hoken-plus {
  /*width: 705px;*/
}
.hoken-shibou {
  /*width: 340px;*/
}

/* sasae */
.box-f-01-hoken > div.hoken-sasae {
  border-bottom: 3px solid #713287;
  border-left: 3px solid #713287;
  border-right: 3px solid #713287;
}
.box-f-01-hoken .hoken-sasae h4 {
  border-bottom: 3px solid #713287;
}
/* sasae end*/

.box-f-01-hoken > div.hoken-shibou {
  border-bottom: 3px solid #9C0101;
  border-left: 3px solid #9C0101;
  border-right: 3px solid #9C0101;
}
.box-f-01-hoken .hoken-shibou h4 {
  border-bottom: 3px solid #9C0101;
}
@media only screen and (max-width : 1139px) {
  .form-contents {
    max-width: 96%;
  }
  .form-contents h2 {
    font-size: 3rem;
  }
  .box-f-01-hoken {
    display: block;
  }
  .box-f-01-hoken > div {
    width: 100%;
    margin-bottom: 7px;
  }
}

.box-f-01-tokuyaku {
  border: 3px solid #402000;
  background-color: #fff;
  /*margin-top: 20px;*/
  margin-bottom: 20px;
  padding: 20px;
}
.hoken-plus .hoken-box {
  display: flex;
}
.hoken-plus .hoken-box > ul {
  /*width: 50%;*/
}
.f-list-rd {
  list-style: none;
  margin: 0;
  padding: 0;
}
.f-list-rd li {
  font-size: 1.6rem;
  padding: 8px 5px;
  text-indent: -20px;
  margin: 0 0 0 20px;
}
.f-list-rd.pay-card li {
  padding: 8px 5px;
  text-indent: 0;
  margin: 0;
  text-align: center;
}

.f-list-rd li label {
  font-weight: normal;
  display: inline;
}
.f-list-rd li .font-s {
  font-size: 1.4rem;
}
.f-list-rd li input[type=radio]{
  margin-right: 10px;
}
.box-f-01-tokuyaku {
  border-color: #C2457B;
  display: flex;
}

.hoken-tokuyaku-ttl { /*width: 15%;*/ margin-right: 2%; text-align: center; padding: 10px 0 0; }
.hoken-tokuyaku-ttl h4 { color: #C1457A; font-size: 2.8rem; font-weight: 500; }
.hoken-tokuyaku { /*width: 83%;*/ margin: 0 20px; }
@media only screen and (max-width : 767px) {
    .hoken-tokuyaku { margin: 0; }
}

.hoken-tokuyaku .note-t {
  background-color: #F7E6ED;
  padding: 15px 20px;
  line-height: 1.8;
}
@media only screen and (max-width : 767px) {
  .hoken-plus .hoken-box,
  .box-f-01-tokuyaku {
    display: block;
  }
  .hoken-plus .hoken-box > ul {
    width: 100%;
  }
  .hoken-tokuyaku-ttl {
    width: 100%;
    margin-right: 0;
  }
  .hoken-tokuyaku {
    width: 100%;
  }
  .box-f-01-inner {
    padding: 15px;
  }
}

/*保険料の試算＆お申し込み*/

.box-f-02 {
  border: 3px solid #402000;
  margin-bottom: 100px;
}
.box-f-02 h3 {
  color: #fff;
  background-color: #402000;
  font-size: 3rem;
  margin: 0;
  text-align: center;
  padding: 10px;
}
.box-f-02-inner {
  padding: 36px;
  text-align: left;
}
.box-f-02-inner h4 {
  color: #3F1F00;
  text-align: center;
}
.box-f-02 .user-box {
  background-color: #FFF9E6;
  padding: 30px;
}
.box-f-02 .user-box hr {
  border-top: 1px solid #402000;
}

.user-dl {
  margin: 0;
  padding: 0;
}
.user-dl dt {
  font-size: 2rem;
  background-color: #6E9814;
  color: #fff;
  font-weight: normal;
  padding: 7px 26px;
  margin-right: 20px;
  display: inline-block;
}
.user-dl dd {
  margin: 0;
  display: inline-block;
}
.user-dl dd .f-list-rd  {
/*  display: flex;*/
}
.user-dl dd .f-list-rd li {
  font-size: 1.8rem;
  margin-right: 10px;
  display: inline-block;
  width: auto;
}
.f-list-rd.s-row li {
  display: inline-block;
  width: auto;
  margin-right: 10px;
}
.user-dl dd .f-list-rd.kubun li {
  width: 240px;
}
.user-dl dd .f-list-rd.kubun li span {
  display: inline-block;
  text-indent: 0;
  vertical-align: middle;
  margin: 0;
}
.user-dl dd .f-list-rd.kubun li span.note-k {
  font-size: 1.4rem;
  width: 160px;
  margin-left: 10px;
}
.user-dl-col {
  text-align: center;
}
.user-dl-col .user-dl {
  display: inline-block;
  margin: 0 20px;
}
.shisan-age {
  text-align: center;
  font-size: 1.8rem;
  font-weight: normal;
  line-height: 1.2;
  margin-top: 20px;
}
.shisan-age .age {
  color: #A20000;
  font-size: 4rem;
  margin: 0 6px;
  vertical-align: middle;
}
.shisan-age .note-a {
  color: #A20000;
  font-size: 1.3rem;
  margin-left: 20px;
}
.user-box-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.user-box-bottom > div {
  width: 49%;
}
.user-box-bottom p.note-ub {
  font-size: 1.3rem;
  line-height: 1.6;
  margin: 0;
}
.user-box-bottom p.note-ub em {
  font-style: normal;
  color: #A20000;
}
.user-box-bottom .btn-ub {
  color: #fff;
  background-color: #402000;
  font-size: 1.2rem;
  border-radius: 3px;
  line-height: 1;
  padding: 10px 25px;
  margin: 0px 10px 4px 0;
  display: inline-block;
}
.user-box-bottom .btn-ub:hover {
  text-decoration: none;
  opacity: 0.75;
  color: #fff;
}
@media only screen and (max-width : 1139px) {
  .user-dl dt {
    padding: 5px 15px;
    margin-right: 0;
    display: block;
  }
  .user-dl dd {
    margin: 8px 0;
    display: block;
  }
  .user-dl-col {
    text-align: left;
  }
  .user-dl-col .user-dl {
    display: block;
    margin: 0;
  }
  .shisan-age .age {
    margin: 0 5px;
  }
  .shisan-age .note-a {
    display: block;
    margin-left: 0px;
  }
  .user-box-bottom {
    display: block;
  }
  .user-box-bottom > div {
    width: 100%;
  }
  .user-box-bottom > div.col2 {
    margin-top: 20px;
  }
}
@media only screen and (max-width : 767px) {
  .box-f-02-inner {
    padding: 15px;
  }
  .user-dl dd .f-list-rd li {
    display: block;
    width: 100%;
  }
  .user-dl dd .f-list-rd.kubun li {
    width: 100%;
  }
  .user-dl dd .f-list-rd.kubun li span.note-k {
    width: 100%;
    margin-left: 0;
  }
  .box-f-02 .user-box {
    padding: 15px;
  }
}

/*商品選択*/

.prd-box {
  border: 1px solid #A2A2A2;
  display: table;
  width: 100%;
  margin-bottom: 50px;
}
.prd-box > div {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
}
.prd-box .prd-box-title {
  background-color: #666;
  color: #fff;
  text-align: center;
  width: 280px;
}
.prd-box .prd-box-info {
  vertical-align: top;
}
.prd-box .prd-box-entry {
  background-color: #FFF9E6;
  width: 240px;
}
.prd-box-entry_title {
  background-color: #402000;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  padding: 7px 1px;
}
.prd-box-entry_pric {
  font-size: 3.4rem;
  text-align: right;
}
.prd-box-entry_pric span {
  font-size: 2.4rem;
  margin-left: 5px;
}
.prd-box-entry_btn {
  text-align: center;
}
.prd-box-entry_btn button {
  background-image:-webkit-linear-gradient(rgb(255,255,255) 0%, rgb(255,255,255) 45%, rgb(255,245,239) 97%, rgb(255,245,238) 99%);
  background-image:-o-linear-gradient(rgb(255,255,255) 0%, rgb(255,255,255) 45%, rgb(255,245,239) 97%, rgb(255,245,238) 99%);
  background-image:linear-gradient(rgb(255,255,255) 0%, rgb(255,255,255) 45%, rgb(255,245,239) 97%, rgb(255,245,238) 99%);
  border-color:rgb(162,0,0);
  border-width:2px;
  border-style:solid;
  box-shadow:3px 3px 3px rgba(0,0,0,0.36);
  border-radius: 4px;
  width: 200px;
  color: #A20000;
  font-size: 2.4rem;
  padding: 15px 2px;
}

.prd-box-title h3 {
  font-size: 2.4rem;
  font-weight: normal;
}
.prd-box-title h3 .sFont {
  font-size: 1.6rem;
  display: block;
}
.prd-box-title a.bt-d {
  color: #fff;
}
.prd-box-title .bt-d .fa {
  font-size: 2rem;
  margin-right: 5px;
}
.prd-box-info h3 {
  font-size: 2rem;
  margin: 0 0 15px;
}
.prd-box-info h5 {
  font-size: 2rem;
  margin: 30px 0 15px;
}
.prd-box-info h3 img {
  margin: 2px 10px 2px 0;
}
.box-toku,
.box-toku-ninchi,
.box-kaigo {
  border: 1px solid #A0A0A0;
  margin-top: 20px;
}
.box-toku h4,
.box-toku-ninchi h4,
.box-kaigo h4 {
  font-size: 2rem;
  margin: 0;
  padding: 8px 15px;
}
.box-toku h4 {
  background-color: #F9EAF0;
}
.box-toku-ninchi h4 {
  background-color: #F3E9F8;
}
.box-kaigo h4 {
  background-color: #FFF5EE;
}
.box-toku h4 img,
.box-toku-ninchi h4 img,
.box-kaigo h4 img {
  vertical-align: middle;
  margin: 4px 15px;
}
.box-toku h4 .sFont {
  font-size: 1.4rem;
}
.box-toku-ninchi h4 .sFont {
  font-size: 1.4rem;
}
.box-toku .f-list-rd,
.box-toku-ninchi .f-list-rd,
.box-kaigo .f-list-rd {
  padding: 10px;
}
.box-toku .f-list-rd li,
.box-toku-ninchi .f-list-rd li,
.box-kaigo .f-list-rd li {
  display: inline-block;
  margin-right: 20px;
}
/*院内あんしん*/
#prd1 .prd-box-title {
  background-color: #A20000;
}
#prd1 .prd-box-info h3 {
  color: #A20000;
}
/*あったかゴハン*/
#prd2 .prd-box-title {
  background-color: #DB7800;
}
#prd2 .prd-box-info h3 {
  color: #DA7800;
}
/*あったかゴハン*/
#prd3 .prd-box-title {
  background-color: #69441F;
}
#prd3 .prd-box-info h3 {
  color: #68441F;
}
/*ミニセット*/
#prd4 .prd-box-title {
  background-image:linear-gradient(180deg,rgb(162,0,0) 0%,rgb(219,120,0) 100%);
}
#prd4 .prd-box-info h3 {
  color: #69441F;
}
/*あんしん　あったか*/
#prd5 .prd-box-title {
  background-color: #DB7800;
}
#prd5 .prd-box-info h3 {
  color: #DA7800;
}
/*あんしん　あったか*/
#prd6 .prd-box-title {
  background-color: #A20000;
}
#prd6 .prd-box-info h3 {
  color: #990000;
}
/*認知症80*/
#prd7 .prd-box-title {
  background-color: #713289;
}
#prd7 .prd-box-info h3 {
  color: #713288;
}
/*認知症60*/
#prd8 .prd-box-title {
  background-color: #713289;
}
#prd8 .prd-box-info h3 {
  color: #713288;
}
.btn-douji {
  color: #fff;
  text-decoration: none;
  background-color: #402000;
  border-radius: 3px;
  text-align: center;
  display: block;
  padding: 8px;
}
.btn-douji .fa {
  margin-left: 10px;
}

@media only screen and (min-width : 1140px) {
  .prd-box-entry_btn button:hover,
  .prd-box-title a.bt-d:hover {
    opacity: 0.75;
  }
  .btn-douji:hover,
  .btn-douji:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.75;
  }
}
@media only screen and (max-width : 1139px) {
  .prd-box {
    display: block;
  }
  .prd-box > div {
    display: block;
    padding: 15px;
  }
  .prd-box .prd-box-title {
    width: 100%;
  }
  .prd-box .prd-box-info {}
  .prd-box .prd-box-entry {
    width: 100%;
  }
  .prd-box-entry_pric {
    text-align: center;
  }
}
@media only screen and (max-width : 414px) {
  .box-toku h4 .sFont {
    display: block;
    margin-top: 5px;
  }
  .box-toku h4 img,
  .box-kaigo h4 img {
    display: block;
    margin: 10px 0;
  }
}

.bottom-form-contact {
  margin: 80px 0;
}
.bottom-form-contact h3 {
  background-color: #6E9814;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 3rem;
}
.bottom-form-contact h4 {
  text-align: center;
  padding: 15px;
  font-size: 3rem;
}
.bottom-form-contact h3 .sFont {
  font-size: 1.6rem;
  margin-left: 15px;
}
.bnr-list-contact {
  list-style: none;
  margin: 40px 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.bnr-list-contact li {
  margin: 15px;
  text-align: center;
}

@media only screen and (max-width : 1139px) {
  .bottom-form-contact h3 .sFont {
    display: block;
  }
}
@media only screen and (max-width : 767px) {
  .bnr-list-contact {
    display: block;
  }
  .bottom-form-contact h3 {
    font-size: 2.4rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*ページ上部　選択プラン概要*/

.plan-summary-block{
  background-color: #FFF9E6;
  border-top: 1px solid #d6d6d6;
}
.plan-summary-block .plan-summary-inner{
  width: 1140px;
  max-width: 96%;
  margin: 0 auto;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1px 0 10px;
}
.plan-summary-block .plan-user-info{
  flex: 1;
  margin-right: 40px;
}
.plan-summary-block .shisan-age {
  text-align: left;
  margin-bottom: 0;
}
.plan-summary-block .shisan-age .age {
  vertical-align: baseline;
  font-size: 3.6rem;
}
.plan-summary-block .user-bday{
  margin-top: 1px;
  margin-left: 10px;
}
.plan-summary-block .user-data i.fa { margin-top: 1px; margin-left: 10px; color: #DB7800; }

.plan-summary-block .user-select-plan {
  background-color: #fff;
  margin: 15px 0 10px;
  padding: 10px;
  width: 100%;
}
.plan-summary-block .user-select-plan li {
  display: inline-block;
  font-size: 1.6rem;
  margin: 5px;
}
.plan-summary-block .user-select-plan li:before {
  content: '\f07b';
  font-family: 'FontAwesome';
  color: #DB7800;
  margin-right: 8px;
}
.plan-summary-block .change-plan{
  width: 280px;
  text-align: center;
}
.btn-change-plan {
  background-image:linear-gradient(180deg,rgb(239,130,0) 0%,rgb(175,46,0) 97%,rgb(174,44,0) 99%);
  width:270px;
  padding: 14px 2px;
  border-color:rgb(239,130,0);
  border-width:2px;
  border-style:solid;
  box-shadow:3px 3px 3px rgba(0,0,0,0.36);
  color: #fff;
  border-radius: 5px;
  font-size: 2rem;
}
.btn-change-plan .fa{
  font-size: 2.4rem;
  margin-right: 10px;
}
.price-total {
  font-size: 1.8rem;
}
.price-total .price {
  font-size: 3rem;
  color: #A10000;
  margin-left: 4px;
  margin-right: 4px;
}


@media only screen and (min-width : 1140px) {
  .btn-change-plan:hover {
    opacity: 0.75;
  }
}
@media only screen and (max-width : 930px) {
  .plan-summary-block .plan-summary-inner{
    display: block;
    padding-bottom: 20px;
  }
  .plan-summary-block .change-plan{
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  .plan-summary-block .plan-user-info{
    margin-right: 0;
  }
}
@media only screen and (max-width : 414px) {
  .plan-summary-block .user-select-plan li {
    display: block;
    text-indent: -23px;
    padding-left: 23px;
  }
}

/*最終確認*/

.user-confirmation {
  border: 3px solid #A20000;
}
.user-confirmation h3 {
  background-color: #A20000;
  color: #fff;
  margin: 0;
  padding: 10px;
  text-align: center;
  font-size: 3rem;
  
}
.user-confirmation h4 {
  color: #A10000;
  font-size: 2rem;
  text-align: center;
  margin: 30px 10px 20px;
}
.user-confirmation .user-confirmation-check {
  background-color: #F0F0F0;
  text-align: center;
  margin: 20px 40px;
  padding: 20px;
}
.user-confirmation .user-confirmation-check .c-msg {
  font-size: 1.8rem;
}
.user-confirmation .user-confirmation-check .c-msg .fa {
  color: #A10000;
  margin-right: 7px;
  font-size: 2rem;
}
.user-confirmation .user-confirmation-check .c-check {
  display: inline-block;
  padding: 15px;
  background-color: #fff;
  border: 5px solid #A20000;
  font-size: 1.8rem;
}
.user-confirmation .user-confirmation-check .c-check label {
  font-weight: normal;
  text-indent: -25px;
  padding-left: 25px;
}
.user-confirmation .user-confirmation-check .c-check input {
  margin-right: 10px;
}
.user-confirmation .user-confirmation-msg {
  text-align: center;
  margin: 30px 0 0;
  color: #A10000;
  border-top: 3px solid #A20000;
  background-color: #F9EAF0;
  font-size: 2rem;
  padding: 18px 10px;
}
@media only screen and (max-width : 768px) {
  .user-confirmation h3 {
    font-size: 2.6rem;
  }
  .user-confirmation .user-confirmation-check {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.cont-2col,
.cont-2col-bg-p {
  display: flex;
  justify-content: space-between;
}
.cont-2col > div {
  width: 48%;
  margin: 5px 0 20px;
}
.cont-2col .col-txt {
  line-height: 1.8;
}
.cont-2col .col-fig {
  text-align: center;
}
.cont-2col-bg-p {
  background-color: #F9EAF0;
  padding: 25px 25px 10px;
  margin: 30px 0;
}
.cont-2col-bg-p .col-fig {
  width: 40%;
  text-align: center;
  margin: 5px 0 20px;
}
.cont-2col-bg-p .col-txt {
  width: 55%;
  line-height: 1.8;
  margin: 5px 0 20px;
}
.cont-2col-bg-p .col-txt h5 {
  color: #A20000;
  font-size: 2rem;
  margin: 5px 0 15px;
}
.list-icon-plus {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}
.list-icon-plus li {
  background: url(../../images/simulation/icon-plus-r-s.png) no-repeat 1px 4px;
  padding: 1px 0 1px 24px;
}

@media only screen and (max-width : 1139px) {
  .cont-2col,
  .cont-2col-bg-p {
    display: block;
  }
  .cont-2col > div {
    width: 100%;
  }
  .cont-2col-bg-p .col-fig {
    width: 100%;
  }
  .cont-2col-bg-p .col-txt {
    width: 100%;
  }
}

/*フロー*/

.list-form-flow {
  width: 980px;
  max-width: 100%;
  margin: 30px auto 0;
}
.list-form-flow ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
  table-layout:fixed;
}
.list-form-flow li {
  display: table-cell;
  vertical-align: middle;
  padding: 13px 2px;
  background-color: #A0A0A0;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4;
  border-left: 20px solid #fff;
}
.list-form-flow li:first-child {
  border-left: none;
}
.list-form-flow .active {
  background-color: #DB7800;
}
@media only screen and (max-width : 767px) {
  .list-form-flow li {
    border-left: 1px solid #fff;
    font-size: 1rem;
    padding: 10px 1px;
  }
}

/*入力説明*/

.note-f {
  text-align: center;
  line-height: 1.8;
}

.note-f em {
  text-decoration: underline;
  font-style: normal;
}
.list-f {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.list-f li {
  margin: 2px 10px;
}
.btn-pdf {
  display: inline-block;
  background-color: #402000;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1;
  padding: 15px 25px;
  border-radius: 3px;
  margin: 5px;
  width: 220px;
  max-width: 100%;
  text-align: center;
}
.btn-pdf .fa {
  font-size: 2rem;
  margin-right: 8px;
}

@media only screen and (min-width : 1140px) {
  .btn-pdf:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.75;
  }
}
@media only screen and (max-width : 1139px) {
  .list-f li {
    margin: 2px 5px;
  }
}
@media only screen and (max-width : 767px) {
  .list-f {
    display: block;
  }
  .list-f li {
    text-align: center;
  }
}

/*本人確認*/

.check-honnin {
  text-align: center;
  background-color: #FFF5EE;
  padding: 30px 10px 15px;
  margin: 40px 0 60px;
}
.check-honnin label {
  font-size: 1.6rem;
  font-weight: normal;
}
.check-honnin label input {
  margin-right: 10px;
}
.check-honnin .fa {
  margin-left: 5px;
  color: #AC0D15;
  font-size: 2rem;
}

.check-doukyo {
  text-align: center;
  /*background-color: #FFF5EE;*/
  padding: 30px 10px 15px;
  margin: 40px 0 60px;
}

/*入力*/

.hl-entry {
  text-align: center;
  font-size: 3rem;
}
.note-entry {
  text-align: center;
  margin-bottom: 30px;
}
.note-entry2 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 1.6rem;
}
.note-entry .fa,
.note-entry2 .fa{
  color: #AC0D15;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 2rem;
}
.form-title {
  text-align: center;
  color: #fff;
  background-color: #494949;
  font-size: 2rem;
  padding: 10px 5px;
}


.form-row {
  padding: 0 8.7%;
}
.form-row.bg-g {
  background-color: #F1F1F1;
}
.form-row.bg-p {
  background-color: #FFF5EE;
}
.form-row-inner {
  display: flex;
  justify-content: space-between;
}
.form-row-inner.border-btm {
  border-bottom: 1px solid #CDCDCD;
}
.form-row .form-col-title {
  width: 37%;
  font-size: 1.8rem;
  padding: 30px 5px 20px;
}
.form-row .form-col-title .fa.fa-check {
  color: #AC0D15;
  font-size: 2rem;
  margin-left: 4px;
}
.form-row .form-col-data {
  width: 60%;
  padding: 20px 0;
  align-self: center;
}
.form-row .data-text {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 10px;
  font-size: 1.6rem;
  display: inline-block;
}
.btn-re-s {
  color: #fff;
  background-color: #DB7800;
  border-radius: 3px;
  border: 1px solid #DB7800;
  font-size: 1.6rem;
  line-height: 1.1;
  padding: 6px 16px;
  margin: 2px 0;
}
.btn-re-s .fa {
  font-size: 2rem;
  margin-right: 6px;
}
.btn-ad-s {
  color: #fff;
  background-color: #535353;
  border-radius: 3px;
  border: 1px solid #535353;
  font-size: 1.6rem;
  line-height: 1.1;
  padding: 8px 16px;
  margin: 2px 0;
}
.btn-ad-s .fa {
  font-size: 1.8rem;
  margin-left: 10px;
}
.form-col-data p {
  margin-bottom: 3px;
  margin-top: 3px;
}
.ex-box-red {
  border-color:rgb(162,0,0);
  border-width:3px;
  border-style:solid;
  padding: 20px 30px;
  margin: 40px 0 5px;
}
.ex-box-red h3 {
  color: #A10000;
  font-size: 2rem;
  text-align: center;
  margin: 0 0 20px;
}
.form-title.t-user {
  background-color: #253154;
}
.form-title.t-uketori {
  background-color: #A20000;
  margin-top: 60px;
}
.form-title.t-dairi {
  background-color: #402000;
  margin-top: 60px;
}

.form-block2 {
  margin-top: 40px;
}

@media only screen and (min-width : 1140px) {
  .btn-re-s:hover,
  .btn-ad-s:hover {
    opacity: 0.75
  }
}

@media only screen and (max-width : 1139px) {
  .form-block1 {
    margin-left: -2%;
    margin-right: -2%;
  }
  .form-title {
    font-size: 1.8rem;
  }
  .form-row {
    padding: 0 2%;
  }
  .form-row-inner {
    display: block;
  }
  .form-row .form-col-title {
    width: 100%;
    padding: 15px 5px 3px;
    font-size: 1.6rem;
  }
  .form-row .form-col-title:before {
    content: '\f10c';
    font-family: 'FontAwesome';
    margin-right: 5px;
  }
  .form-row .form-col-title.t-user:before {
    color: #253154;
  }
    .form-row .form-col-title.t-uketori:before {
    color: #A20000;
  }
    .form-row .form-col-title.t-dairi:before {
    color: #402000;
  }
  .form-row .form-col-data {
    width: 100%;
    padding: 8px 0 15px;
  }
}
@media only screen and (max-width : 767px) {
  .form-row .sp-full {
    width: 100%;
    margin: 0 0 5px!important;
  }
  .form-row .data-text {
    display: block;
    margin-right: 0;
  }
}

/*告知情報*/

.f-question {
  background-color: #FFF9E6;
  border: 2px solid #DB7800;
  border-bottom-width: 6px;
  display: flex;
  padding: 20px 0;
  flex-wrap: wrap;
  margin-top: 60px;
  align-items: center;
}
.f-question .q-no {
  font-family: Lato;
  font-size: 3.4rem;
  font-weight: bold;
  color: #DB7800;
  width: 11%;
  text-align: right;
  margin-right: 2%;
}
.f-question .q-txt {
  font-size: 1.8rem;
  width: 60%;
}
.f-question .q-a {
  margin-left: 5%;
}
.form-col-title-note {
  color: #A20000;
  font-size: 1.4rem;
}

/*アコーディオン*/

.f-question-a {
  border: 2px solid #DB7800;
  border-top: none;
}
.form-block2 .f-question-a {
  display: none;
}
.f-question-a-ttl {
  color: #fff;
  background-color: #DB7800;
  text-align: center;
  padding:2px 2px 6px;
  font-size: 1.8rem;
}

/*重要事項確認*/

.f-kakunin {
  border: 3px solid #69441F;
  background-color: #F9EAF0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  margin: 30px 0;
}
.f-kakunin .col-pdf {
  margin-left: 9%;
  font-size: 1.8rem;
}
.f-kakunin .col-pdf .btn-pdf {
  margin-left: 0;
  margin-right: 0;
}
.f-kakunin .col-check {
  width: 49%;
  margin-right: 9%;
  font-size: 1.6rem;
}
.f-kakunin .col-check .col-check-note {
  margin: 5px 0 15px;
}
.f-kakunin .col-check .col-check-note a {
  color: #A10000;
  text-decoration: underline;
}
.f-kakunin .col-check .col-check-box {
  border: 5px solid #A20000;
  background-color: #fff;
  padding: 15px;
}
.f-kakunin .col-check .col-check-box input[type=checkbox] {
  margin-right: 10px;
}
.f-kakunin .col-check .col-check-box label {
  font-weight: normal;
  font-size: 1.8rem;
}
.f-kakunin .col-check .col-check-box .col-check-box-note {
  color: #A10000;
  margin-left: 10px;
}

@media only screen and (max-width : 1139px) {
  .f-question .q-no {
    width: 5%;
  }
  .f-kakunin .col-pdf {
    margin-left: 5%;
  }
  .f-kakunin .col-check {
    margin-right: 5%;
    width: 54%;
  }
}
@media only screen and (max-width : 767px) {
  .f-question .q-txt {
    width: auto;
    flex: 1;
    padding-right: 10px;
    font-size: 1.6rem;
  }
  .f-question .q-no {
    width: 11%;
    text-align: center;
  }
  .f-question .q-a {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-left: 0;
  }
  .f-kakunin {
    display: block;
    padding-left: 4%;
    padding-right: 4%;
  }
  .f-kakunin .col-pdf {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
  .f-kakunin .col-check {
    margin-right: 0;
    width: 100%;
    margin-top: 20px;
  }
  .f-kakunin .col-check .col-check-box .col-check-box-note {
    display: block;
    margin-left: 0;
  }
}

/*支払い情報*/

.box-f-05 {
  border: 3px solid #253154;
}
.box-f-05 h3 {
  background-color: #253154;
  color: #fff;
  margin: 0 0 30px;
  text-align: center;
  font-size: 2rem;
  padding: 15px;
}
.f-pay-msg {
  background-color: #A20000;
  color: #fff;
  font-size: 3rem;
  text-align: center;
  width: 1140px;
  max-width: 100%;
  padding: 20px 5px;
  margin: 50px auto 30px;
}
.f-pay-notice {
  background-color: #EBEEF5;
  text-align: center;
  width: 1140px;
  max-width: 100%;
  padding: 20px 5px;
  margin: 50px auto 30px;
  font-weight: 800;
  line-height: 1.6;
}
.f-pay-notice span {
  color: #A20000;
}
.box-f-05-note {
  background-color: #EBEEF5;
  text-align: center;
  padding: 25px 20px 15px;
  margin: 30px;
}
.box-f-05-note .note1 {
  font-size: 1.8rem;
}
.box-f-05-note .note2 {
  font-size: 1.8rem;
  color: #A10000;
}

.list-pay-c {
  list-style: none;
  padding: 0;
  margin: 20px 50px 50px;
}
.list-pay-c li {
  text-indent: -25px;
  padding: 0 0 0 45px;
  margin: 10px 0;
  line-height: 1.2;
}
.list-pay-c .num {
  color: #AC0C14;
  font-size: 2rem;
  font-family: Lato;
  display: inline-block;
  width: 25px;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width : 767px) {
  .box-f-05-note {
    margin-right: 20px;
    margin-left: 20px;
  }
  .list-pay-c {
    margin-left: 30px;
    margin-right: 30px;
  }
  .list-pay-c li {
    text-indent: -24px;
    padding: 0 0 0 20px;
  }
}

/*確認画面*/

.f-check-title {
  text-align: center;
  color: #fff;
  background-color: #6E9814;
  font-size: 3rem;
  padding: 20px 10px;
  margin: 0px 0 -20px;
}

.box-agr {
  background-color:rgb(249,234,240);
  border-color:rgb(162,0,0);
  border-width:3px;
  border-style:solid;
  padding: 25px;
}
.box-agr ol {
  font-size: 1.6rem;
}
.box-agr .agr {
  text-align: center;
  font-size: 1.8rem;
  background-color: #fff;
  padding: 8px;
  margin-top: 20px;
}
.box-agr .agr label {
  font-weight: normal;  
}

/*完了画面*/
.f-bottom-home {
  text-align: center;
}
.f-bottom-home .f-bt-home {
  display: inline-block;
  padding: 13px 5px;
  font-size: 3.4rem;
  color: #fff;
  background-image:linear-gradient(180deg,rgb(239,130,0) 0%,rgb(175,46,0) 97%,rgb(174,44,0) 99%);
  width:458px;
  max-width: 100%;
  border-color:rgb(239,130,0);
  border-width:2px;
  border-style:solid;
  box-shadow:3px 3px 3px rgba(0,0,0,0.36);
  border-radius: 4px;
}
.f-bottom-home .f-bt-home .fa.fa-arrow-circle-left {
  font-size: 3rem;
  margin-right: 10px;
}
.ex-doc1 {
  background-color: #F9EAF0;
  padding: 35px;
  /*display: flex;*/
  /*justify-content: space-between;*/
  line-height: 1.7;
  margin: 30px 0;
}
.ex-doc1 .ex-doc1-img {
    display: flex;
    justify-content: center;
}
.ex-doc1 .ex-doc1-txt {
  /*width: 420px;*/
  margin-top: 20px;
  margin-left: 55px;
}
.ex-doc1 .ex-doc1-txt .t1 {
  color: #9F0000;
  font-size: 2rem;
  margin-bottom: 20px;
}
.ex-doc1 .ex-doc1-txt .t2 {
  font-size: 1.6rem;
  margin: 20px 0;
}

.ex-doc2 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 30px 0;
}
.ex-doc2 .ex-doc2-col {
  width: 48%;
  background-color: #F9EAF0;
  padding: 35px;
  line-height: 1.7;
}
.ex-doc2 .ex-doc2-col .t1 {
  color: #9F0000;
  font-size: 2rem;
  margin-bottom: 20px;
}
.ex-doc2 .ex-doc2-col .list-icon-plus {
  margin-bottom: 30px;
}
.ex-doc2 .ex-doc2-col a {
  text-decoration: underline;
  color: #333;
}
.ex-doc2 .ex-doc2-col a.btn-mail {
  display: block;
  background-color: #253154;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  padding: 12px 5px;
  text-decoration: none;
}
.ex-doc2 .ex-doc2-col .send-add {
  border: 1px solid #AC0D15;
  background-color: #fff;
  padding: 20px;
  font-size: 1.6rem;
}
.doc-img {
  text-align: center;
  margin: 30px 0;
}
.titleflow {
  background-color: #FFF9E6;
  color: #68441F;
  text-align: center;
  padding: 15px;
  margin: 80px 0 30px;
}

.f-nextflow {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.f-nextflow .f-nextflow-col {
  border: 2px solid #DB7800;
  width: 24%;
}
.f-nextflow .f-nextflow-col h4 {
  text-align: center;
  font-size: 2rem;
  color: #fff;
  background-color: #DB7800;
  margin: 0 0 20px;
  padding: 9px 2px;
}
.f-nextflow .f-nextflow-col figure {
  text-align: center;
}
.f-nextflow .f-nextflow-col p {
  margin: 20px 20px 15px;
  text-align: center;
}
.f-nextflow .f-nextflow-col a {
  text-decoration: underline;
  color: #333;
}
.f-nextflow .f-nextflow-col em {
  text-decoration: underline;
  font-style: normal;
}

@media only screen and (min-width : 1140px) {
  .f-bottom-home .f-bt-home:hover,
  .ex-doc2 .ex-doc2-col a.btn-mail:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.75;
  }
  .ex-doc2 .ex-doc2-col a:hover,
  .f-nextflow .f-nextflow-col a:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width : 1139px) {
  .f-nextflow .f-nextflow-col {
    width: 48%;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width : 768px) {

  .ex-doc1 .ex-doc1-img {
    display: block;
}
  .ex-doc1 {
    display: block;
  }
  .ex-doc1 .ex-doc1-txt {
    width: 100%;
    margin-left: 0;
  }
  .ex-doc2 {
    display: block;
  }
  .ex-doc2 .ex-doc2-col {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
  }
  .f-nextflow .f-nextflow-col {
    width: 100%;
    margin-bottom: 30px;
  }
}

p.after-course{ font-size: 20px; padding: 20px 0 10px; text-align: center; font-weight: 600; }

dt.check:after{ font-family: FontAwesome; content : "\f00c"; padding: 0 0 0 10px; }

/* LOADER */
html { overflow-y: scroll; }
#wrapper {opacity: 0;}
#loader { width: 64px; height: 64px; display: none; position: fixed; _position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -32px; z-index: 10000; }
#fade { width: 100%; height: 100%; display: none; background-color: #FFF; position: fixed; top: 0px; left: 0px; z-index: 9999; }
.contents { overflow:hidden;}


a:hover, a:focus { color: #DB7800; text-decoration: none; }

:placeholder-shown {
    color: #CCC; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #CCC; }

/* Firefox 18- */
:-moz-placeholder {
    color: #CCC; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #CCC; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #CCC; }