.topContentsBox dl.soudan {
    background: #b5fbea;
}.topContentsBox dl.soudan {
    background: #b5fbea;
}@charset "shift_jis";

/*-------------------------------------
base.cssからの書き換え
------------------------------------- */
.titleBox {
	background: #b5fbea !important;
}
.titleBox h1,
.titleBox div {
	color:#222 !important;
}
.ptBox01, .ptBox02 {
	background: #f2fffc;
}
/*-------------------------------------
page.cssからの書き換え
------------------------------------- */
.breadcrumb li a,
.breadcrumb  {
	color: #222 !important;
}
h2 {
	color: #36d3aa;
	border-left: 10px solid #36f2c1;
}
h2::after {
	border-top: 2px solid #36f2c1;
}
/*-------------------------------------
 modules.cssからの書き換え
------------------------------------- */
a {
	color: #45c1a1;
}

/*目次アイコン
----------------------------------*/
.tLink-a {
	display: block;
	background: url(/common/images/arrow_a.png) no-repeat left 0.35em;
	padding-left: 20px;
	word-wrap: break-word;
}
/*dl デザイン
----------------------------------*/
.dlBox {
	background: #c9fed9;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.dlBox dt {
	text-align: center;
	padding: 10px;
	margin-bottom: 0 !important;
	font-weight:bold;
	font-size:1.1em;
}
.dlBox dd {
	background: #fff;
	padding: 2%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.soudan {
	background: #b5fbea;
}
/*-------------------------------------
FAQ
------------------------------------- */
dl.FAQ_BOX
{
	width:100%;
	margin-bottom:30px;
}


dt.Q_BOX,dt.A_BOX
{
	text-align: center;
	font-weight:bold;
	color:#fff;
	font-size: 1.8rem;
	background:#67a4c6;
	padding: 0.5rem 0rem 0.5rem 1.2rem;
	display:flex;
	width: 6%;
	float: left!important;
}

dt.A_BOX
{
	background:#71dbe9;
	display:flex;
}

/*スマホ幅*/
@media screen and (max-width:767px) {
	dt.Q_BOX,dt.A_BOX
	{
	font-size: 1.42rem;
	padding: 0 0.5rem;
	}
}




dd.Q_BOX,dd.A_BOX
{
	width:80%;
	color:#67a4c6;
	font-weight:bold;
	margin-bottom:20px;
	display: inline-block;
}

dd.A_BOX
{
	color:#777;
	font-weight:normal;
}

/*-------------------------------------
 送信ボタン 
 https://125naroom.com/web/3191
------------------------------------- */

.notes_required {
  text-align: center;
  background: #fff;
  border: 2px solid #ffb97c;
  padding: 30px 20px;
}
.notes_required .check_text_b {
  font-size: 16px;
}
.notes_required .checkBtn_area {
  max-width: 80%;
  margin: 15px auto 10px;
  border-radius: 12px;
  background: #ffeba3;
  padding: 20px 0;
  transition-duration: 0.2s;
}
/*.notes_required._check .checkBtn_area {
  background: #ffb97c;
}*/
.notes_required label {
  color: #333;
  font-size: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  cursor: pointer;
  transition-duration: 0.3s;
  position: relative;
}
.notes_required label .label_inner {
  padding-left: 22px;
}
.notes_required label .label_inner:before {
  content: "";
  width: 24px;
  height: 24px;
  background: #fff;
  border: 4px solid #737373;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
}
.notes_required._check label .label_inner:after {
  content: '';
  width: 20px;
  height: 12px;
  border-top: 6px solid #d6042e;
  border-right: 6px solid #d6042e;
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -.9em;
}
.notes_required label input {
  position: relative;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .notes_required label:hover {
    border-bottom: 2px solid #ff7600;
  }
}
@media screen and (max-width: 1024px) {
  .notes_required label {
    font-size: 18px;
  }
  .notes_required .check_text_b {
    font-size: 14px;
  }
  .notes_required label .label_inner {
    padding-left: 10px;
  }
  .notes_required label .label_inner:before {
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
  .notes_required._check label .label_inner:after {
    width: 16px;
    height: 8px;
    margin-top: -0.8em;
  }
}
@media screen and (max-width: 767px) {
  .notes_required {
    padding: 20px 15px;
  }
  .notes_required .check_text_b {
    font-size: 13px;
  }
  .notes_required._check label .label_inner:after {
    width: 16px;
    height: 8px;
    margin-top: -0.8em;
  }
}

/*------------------------------------------------------------
.btnArea
------------------------------------------------------------*/

.btnArea {
  max-width: 60%;
  margin: 30px auto 0;
  position: relative;
}
@media screen and (max-width: 767px){
.btnArea {
  max-width: 100%;
}
}
.btnArea input[type="submit"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  background: rgba(255, 255, 255, 0);
  padding: 0;
  z-index: -1;
  transition-duration: 0.3s;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.btnArea input[type="submit"] {
  cursor: default;
  z-index: +1;
  outline: none;
}
.btnArea._check input[type="submit"] {
  z-index: -1;
}
/*
a.btn_one {
	background: #ee5b15;
	padding: 1em 2em 1em 1em;
	display: inline-block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #ffffff;
}*/
a.btn_one:before {
    position: absolute;
    top: calc(50% - 0.6em);
    right: 10px;
    content: url(/common/images/arrowBtn.png);
    margin-left: 1em;
}

a.btn_one {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #bfbfbf;
  border-radius: 15px;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 0px #00407b;
  width: 100%;
  /*height: 80px;*/
  padding: 1em 2em 1em 1em;
  color: #ffffff;
  font-size: 1.4rem;
  /*font-weight: bold;*/
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
}
/*
a.btn_one:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 12px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 50%;
  right: 8%;
  margin-top: -11px;
}*/
._check a.btn_one._a {
  background: #ee5b15;
}
a.btn_one._a:hover {
  background: #ff9933;
  opacity: 1;
}
._check a.btn_one._b {
  background: #459d3c;
  box-shadow: 0px 5px 0px 0px #255720;
}
a.btn_one._b:hover {
  background: #63b559;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  a.btn_one {
    height: 60px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  a.btn_one {
    font-size: 18px;
    font-weight:bold;
  }
}