input {
font-size:15px;
padding:5px;
}
.page-item-label{
    font-size: 19px;
    font-weight:bold;
    line-height: 1.2;
    margin: 0.7em 3% 1em;
    padding: 0.2em 0 0.2em 10px;
    border-left: solid 3px #c82828;
}
.bdash_form_button_input{
    text-align:center;
    padding:24px 0;
}
.bdash_form_button_confirm{
    text-align:center;
    padding:24px 0;
}
.bdash_form_back_button{
    color: #fff;
    border: none;
    cursor: pointer;
    height: 45px;
    width: 40%;
    font-size: 15px;
    font-weight: bold;
    background-color: #898989;
}
.bdash_form_commit_button{
    color: #fff;
    border: none;
    cursor: pointer;
    height: 45px;
    width: 57%;
    font-size: 15px;
    font-weight: bold;
    background-color: #434343;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-image: url(https://i02.smp.ne.jp/u/okasan-online/smartphone/imges/arrowR.png);
    background-size: 8px auto;
}
.page-item-info{
    margin: 0.7em 3% 1em;
    padding: 0.2em 0 0.2em 10px;
}
.box-notice-01{
    width:90%; 
    margin: 0 auto 24px auto;
}
#header #logo a {
margin:0 3% 0;
width: 200px;
height: 70px;
background-size: 200px auto;
}
.radioBtn {
}
 .radioBtn li {
 }
  .radioBtn li label {
  cursor:pointer;
  }
  .radioBtn li p.other {
  padding:0 5px 5px;
  }
   .radioBtn li p.other input {
   width:95%;
   }
.form-item-radio {
}
    .form-item-radio label {
    display:inline-block;
    cursor:pointer;
	margin-bottom:5px;
	padding:5px;
    }

.checkBox {
margin: 0 3% 1em;
}
 .checkBox li {
 margin-bottom:5px;
 }
  .checkBox li label {
  display:inline-block;
  padding:5px;
  cursor:pointer;
  }
  .checkBox li p.other {
  padding:0 5px 5px;
  }
   .checkBox li p.other input {
   width:95%;
   }

  .checkBox li input[type="checkbox"] {
  display: none;
  }
  .checkBox li label {
  display:inline-block;
  padding:5px 5px 5px 30px;
  background:#ffffff url(https://www.okasan-online.co.jp/ssl/spiral/check2.png) no-repeat 5px 8px;
  background-size:18px;
  }
  .checkBox input[type="checkbox"]:checked + label {
  background-image:url(https://www.okasan-online.co.jp/ssl/spiral/check1.png);
  }
.custom-select{
height:36px;
}
 .txtArea textarea {
 width:95%;
 }
.nameArea {
margin:0 3%;
}
 .nameArea dl {
 width:47%;
 float:left;
 }
 .nameArea dt {
 }
 .nameArea dd {
 }
  .nameArea dd input {
 font-size:15px;
  width:70%;
  }
.form-item-checkbox label {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 5px;
}
bodyl{
font-family: 'Noto Sans JP', ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif!important;
}
h1{
font-family: 'Noto Sans JP', ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif!important;
font-size:20px!important;
}
.page-item-label{
font-family: 'Noto Sans JP', ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif!important;
}
.pgh-plain-01{
font-family: 'Noto Sans JP', ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif!important;
}
.page-item-info label{
font-family: 'Noto Sans JP', ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif!important;
}
.page-item-description{
font-family: 'Noto Sans JP', ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif!important;
}
textarea{height:100px;}
input {
    margin-right: 8px!important;
    border: 1px solid #cfcfcf;
}
#tip, #tip_bottom, #tip_right, #tip_spin {
	background-color:#ffffff;
	display:none; /*-- 基本は非表示 --*/
	padding:10px;
	position:absolute;
	z-index:0;
	width:100%;
	max-width:600px;
}
.page-item-message {
font-weight:bold;
color:#ff0000;
}

/* PC用記述 */
@media only screen 
and (min-width:1080px) {
 #contents {
 width:900px;
 margin:15px auto 0;
 }
}

/* 個人情報の取扱いについて */
#readAll {
display:block;
cursor:pointer;
text-align:center;
margin:0 3% 20px;
padding:10px 0;
background:#6b6b6b;
color:#ffffff;
font-weight:bold;
}
#allTxt {
display:none;
}

.list-num-03 {
margin:0 3% 1em;
}
 .list-num-03 li {
 padding-left:85px;
 position:relative;
 }
 .list-num-03 span {
 font-weight:bold;
 position:absolute;
 top:0;
 left:0;
 }
.page-item-layout-h{
padding:30px 0 40px 0;
border-bottom:solid 1px #dedede;
background: #f8f8f8;
}
.bdash_form`{
	padding:0!important;
}
.container{
	padding-left:0px!important;
	padding-right:0px!important;
}
.agreement-text-title{
	text-align:left;
}
.agreement-text{
	text-align:left;
	background:#FFFFFF;
}
#header{
	margin-bottom:20px!important;
}
#header #logo a {
	margin:0 0 0 20px!important;
	width: 200px!important;
	height: 70px!important;
	background-size: 200px auto!important;
}
.bd-pageset-content-wrap{
	border-radius: 0!important;
}
.page-item-required::after{
	padding: 2px 10px!important;
	color: #ffffff!important;
	background: #df0025;
}
@media (max-width: 1199px){
	#header #logo a {
		width: 132px!important;
		height: 53px!important;
		background-size: 132px auto!important;
	}
	.bdash_form {
		padding: 0px!important;
	}
	.container{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	.bd-pageset-content-wrap{
	width: 95%!important;
	}
}
.page-item-layout-v {
	margin-bottom:0!important;
    padding: 15px 2% 30px 2%!important;
    border-top: 1px solid #cfcfcf!important;
    border-bottom: 1px solid #cfcfcf!important;
}
.form-control{
	background-color: #ffffff!important;
}
.bd-pageset-content-wrap{
	padding:0!important;
}
/*ポップアップここから*/
.popup_wrap input {
  display: none;
}

.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup_content {
  position: relative;
  align-self: center;
  width: 90%;
  max-width: 800px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
}

.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
}

.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.open_btn {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  margin:10px auto;
  padding: 8px 16px;
  color: #333;
  font-weight: bold;
  cursor: pointer;
  transition: .3s ease;

}
.open_btn:hover{
    color:#e00025;
    transition: .3s ease;
}
/*ポップアップココまで*/
/*ポップアップ2ここから*/
.popup_wrap2 input {
  display: none;
}

.popup_overlay2 {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.popup_trigger2 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup_content2 {
  position: relative;
  align-self: center;
  width: 90%;
  max-width: 800px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
}

.close_btn2 {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
}

.popup_wrap2 input:checked ~ .popup_overlay2 {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.open_btn2 {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  margin:10px auto;
  padding: 8px 16px;
  color: #333;
  font-weight: bold;
  cursor: pointer;
  transition: .3s ease;

}
.open_btn2:hover{
    color:#e00025;
    transition: .3s ease;
}

/*スクロールバーの横幅指定*/
.scrollArea::-webkit-scrollbar {
    width: 15px;
}
/*スクロールバーの背景色・角丸指定*/
.scrollArea::-webkit-scrollbar-track {
  border-radius: 10px;
	background: #f2f2f2;
}
/*スクロールバーの色・角丸指定*/
.scrollArea::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#C82828;
}
@media (max-width: 767px){
	.page-item-layout-v{
		background: #fff!important;
	}
}
.bdash_form h1 {
    margin-bottom:0!important;
}
.bdash_form h1::before{
	display:none!important;
}
.bdash_form h1::after{
	display:none!important;
}
@media (min-width: 768px){
	.bdash_form h1{
		justify-content: left!important;
	}
}
.page-item-description {
    white-space: normal!important;
}
.form-item-score-label{
	width:94%!important;
} 
.form-item-score-val{
	width:94%!important;
	border: 2px solid #ababab;
	border-radius: 8px;
	height: 50px;
	padding: 0.375rem 1.75rem 0.375rem 0.75rem;
}