@charset "utf-8";
/*-------------------- [body.col2] --------------------*/
#icj-main {
  padding-top: 0;
  background: #f6f5f2;
}

#icj-mainArea{
	max-width: 960px;
	margin: 0 auto;
}

#icj-mainArea p {
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  #icj-mainArea p {
    line-height: 150%;
  }
}
/*-------------------- [form-table_wrapper] --------------------*/
.sectionForm01 {
	padding-top: 30px;
}

/*-------------------- [errormess] --------------------*/
.errormess { 
	color:#D5000E;
	font-size: 14px; 
	font-weight: 400; 
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
	.errormess { 
		font-size: 12px!important; 
	}
}

/*ヘッダーフッター*/
.header {
  background: #231815 0% 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  font-family: "YakuHanJP", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN",
  "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
  "MS P Gothic", sans-serif;
}
.header__inner {
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 100%;
  width: 1000px;
}
.header__logo {
  width: 65px;
}
.header__hugme {
  width: 130px;
}

.footer {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  background: #231815;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.3rem;
  letter-spacing: -0.02em;
  padding: 20px 0;
  text-align: center;
  width: 100%;
  font-family: "YakuHanJP", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN",
  "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
  "MS P Gothic", sans-serif;
}

.footer__inner {
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: auto;
  max-width: 100%;
  width: 1000px;
}
.footer__link a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
.footer__link a:first-child {
  margin-right: 25px;
}
.footer__copyright {
  border-top: none;
  display: block;
  margin-top: 0;
  padding-top: 0;
}

.footer__copyright p {
  font-size: 16px;
}
@media screen and (max-width: 768px) {

  .header {
    height: 57px;
  }

  .header__inner {
    padding: 0 20px;
  }

  .header__logo {
    width: 61px;
  }

  .header__hugme {
    width: 100px;
  }

  .footer__inner {
    padding: 0 20px;
    display: block;
  }
  .footer__link a {
    font-size: 12px;
  }
  .footer__copyright {
    border-top: 1px solid #898989;
    margin-top: 20px;
    padding-top: 20px;
  }
  .footer__copyright p {
    font-size: 12px;
  } 
  .form-page .custom-radio span.pleft008.pright012.s16.ppagree.plan{
    font-size: 14px;
  }  
}
.check-list{
  font-size: 16px;
  color: #222222;
}

.check-list li {
  margin: 0 0 25px;
}

.check-list .check-input {
  display: inline-block;
  margin: 0 5px 0 0;
  width: 14px;
  height: 14px;
}

#titleArea {
  max-width: 960px;
  padding: 35px 0 20px;
  margin: 0 auto;
  font-weight: normal;
}

#titleArea > h1 {
  font-size: 36px;
  font-weight: 500;
}

#titleArea > p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.8;
}


#subtitleArea > div {
  max-width: 960px;
  padding: 0 0 20px;
  margin: 0 auto;
  font-weight: normal;
}

#subtitleArea .dashed-title {
  position: relative;
  font-size: 28px;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 15px;
}

#subtitleArea .dashed-title:before {
  content: "";
  width: 30px;
  height: 1px;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

#subtitleArea .dashed-title + p {
  margin-left: 42px;
  font-size: 16px;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  #titleArea {
    padding: 25px 0 0;
  }
  
  #titleArea > h1 {
    font-size: 24px;
    text-align: center;
  }

  #titleArea > p {
    font-size: 12px;
    padding: 0 20px;
  }

  #subtitleArea .dashed-title:before {
    content: none;
  }
  #subtitleArea .dashed-title + p {
    margin: 0;
    font-size: 10px;
    text-align: left;
  }
  .page-contents-area h2.pca-title,
  .pca-title,
  #subtitleArea .dashed-title {
    font-size: 18px;
  }
  #subtitleArea .dashed-title {
    margin-top: 0;
    text-align: center;
  }

  #subtitleArea > div {
    padding: 30px 16px 20px;
  }
}


/*-------------------- [mvArea] --------------------*/
#mvArea {
  background: #fff;
}

#mvArea > div {
  padding: 50px 0;
  max-width: 960px;
  margin: 0 auto;
}

.mv-sub-title {
  font-size: 28px;
  line-height: 150%;
  max-width: 960px;
  margin: 0 auto;
}

.mv-sub-title:before {
  content: "";
  width: 30px;
  height: 1px;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.mv-sub-image {
  max-width: 700px;
  margin-top: 30px;
}

.mv-sub-image img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #mvArea > div {
    padding: 30px 16px;
  }
  
  .mv-sub-title {
    font-size: 15px;
  }
  
  .mv-sub-title:before {
    width: 20px;
  }
  
  .mv-sub-image {
    margin-top: 15px;
    width: 100%;
  }
}


/*-------------------- [form-content] --------------------*/
.form-page {
	margin: 0 auto;
	padding: 0 0 40px;
	width: auto;
	background:#f6f5f2;
}
.form-page .form-content{
	background:#fff;
	margin-bottom: 30px;
	padding: 50px 50px 30px;
	position: relative;
}

.form-page .form-content:before{
	content:"";
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	width: 60px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}

.form-page .form-content:after{
	content:"";
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	width: 60px;
	height: 30px;
	position: absolute;
	bottom: 0;
	right: 0;
}

@media screen and (max-width: 999px) {
	.form-page .form-content{
		padding: 50px 30px 30px;
	}
}

@media screen and (max-width: 768px) {
	.form-page .form-content {
		padding: 30px 10px 30px;
	}
	.form-page {
		padding: 0 0 40px;
	}
}

/*-------------------- [form-table_wrapper] --------------------*/
.form-table-wrapper {
	background:#ffffff;
}
.form-table {
	border-collapse:collapse;
	background:#ffffff;
	width: 100%;
	font-size: 18px;
	line-height:1.2;
}
.form-table tr {
	display: flex;
	width: 100%;
	border-bottom:1px solid #dcdddd;
}

.form-table tr.form-address-wrap {
	align-items: flex-start;
}

.form-label {
	color:#28303a;
	padding: 25px 0 18px;
	width: 265px;
}

.form-table .form-confirm-wrap .form-label {
	padding-top: 12px;
}

.form-label-inner {
	display: flex;
	align-items: flex-start;
}

.form-label-inner.form-label-confirm  {
	display: inline;
	line-height: 1.5;
}

.form-label-inner.form-label-confirm .form-required {
	display: inline-block;
}

.form-required {
	display: block;
	background: #D5000E;
	border-radius: 3px;
	padding: 5px 0;
	margin-left: 10px;
	width: 40px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 1;
}

.form-input {
	width: calc(100% - 265px);
	padding: 18px 0;

}

.form-notes {
	margin-left: 10px;
	color: #999999;
	font-size: 12px;
}

.form-notes.label {
  margin-left: 0;
  margin-top: 5px;
}

@media screen and (max-width: 999px) {

	.form-label {
		font-size: 16px;
		width: 245px;
	}

	.form-required {
		padding: 3px 0;
		margin-left: 8px;
		width: 38px;
	}

	.form-input {
		width: calc(100% - 245px);
	}
}

@media screen and (max-width: 768px) {
	.form-table {
		line-height: 150%;
	}
	.form-table tr {
		display: block;
	}
	.form-label {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		font-size: 14px;
		padding: 18px 10px 0 0;
	}
	.form-table .form-confirm-wrap .form-label {
		padding-top: 18px;
	}
	.form-label-inner {
		align-items: center;
	}
	.form-input {
		display: block;
		width: 100%;
		padding: 8px 0;
		font-size: 12px;
	}

	.form-required {
		padding: 3px 0;
		margin-left: 5px;
		width: 30px;
		font-size: 10px;
	}
	.form-table .r_ir02{
		font-size: 13px;
	}
	.form-table .r_ir01 {
		margin-bottom: 4px;
	}
	
}


/*-------------------- [名前] --------------------*/
.form-name-inner {
	display: flex;
	align-items: center;
}

.form-name + .form-name {
	margin-left: 20px;
}

.form-input.form-input-name {
	display: flex;
}

.form-name-input {
	width: 186px;
	margin-left: 5px;
}

.form-name input[type="text"] {
	width: 100%;
}

.form-name .errormess {
	margin-left: 21px;
	width: 186px;
}

.form-input.form-input-name .form-notes {
	padding-top: 10px;
}

@media screen and (max-width: 999px) {
	.form-name-input {
		width: 150px;
	}
	.form-name .errormess {
		width: 150px;
	}
}

@media screen and (max-width: 768px) {
	.form-name + .form-name {
		margin-left: 0;
		margin-top: 10px;
	}

	.form-input.form-input-name {
		display: block;
	}
	
	.form-name-input {
		width: calc(100% - 30px);
	}
	.form-name .errormess {
		width: calc(100% - 30px);
	}
	.form-input.form-input-name .form-notes {
		padding-top: 0;
	}
}

/*-------------------- [性別] --------------------*/
.form-usersex-input .custom-radio {
	width: 135px;
}
@media screen and (max-width: 768px) {
	.form-usersex-input {
		display: flex;
		justify-content: space-between;
	}
	.form-usersex-input .custom-radio {
		width: calc(50% - 5px);
	}
}

/*-------------------- [年齢] --------------------*/
.form-age-input {
	display: flex;
	align-items: center;
}

.form-age-input input[type="num"] {
	width: 106px;
	margin-right: 10px;
}

@media screen and (max-width: 768px) {

}

/*-------------------- [住所] --------------------*/

.form-address {
	margin-top: 10px;
}

.form-address-inner {
	display: flex;
	align-items: center;
}

.form-address-label {
	width: 200px;
}

.form-address input[type="text"] {
	width: 272px;
}

.form-address-zip {
	margin-top: 0;
	display: block;
}

.form-address-zip-input {
	display: flex;
	align-items: center;
}

.form-address-zip .form-notes {
	margin-left: 0;
}

.form-address-zip-input .zip__1 {
	width: 98px;
	margin-left: 10px;
	margin-right: 5px;
}

.form-address-zip-input .zip__2 {
	margin-left: 5px;
	margin-right: 10px;
	width: 108px;
}

.form-address .errormess {
	margin-left: 200px;
}

.form-address.form-address-zip .errormess {
	margin: 0;
}



@media screen and (max-width: 999px) {
	.form-address-label {
		width: 180px;
		font-size: 16px;
	}	
	.form-address input[type="text"] {
		width: 272px;
	}
	.form-address .errormess {
		margin-left: 180px;
	}
	
}

@media screen and (max-width: 768px) {
	.form-address-inner {
		display: block;
	}
	
	.form-address-label {
		width: 100%;
		font-size: 13px;
	}
	
	.form-address input[type="text"] {
		width: 100%;
	}
	
	.form-address-zip {
		margin-top: 0;
		display: block;
	}
	
	.form-address-zip-input {
		display: flex;
		align-items: center;
	}
	
	.form-address-zip .form-notes {
		margin-left: 0;
	}
	
	.form-address-zip-input .zip__1 {
		width: 98px;
		margin-left: 10px;
		margin-right: 5px;
	}
	
	.form-address-zip-input .zip__2 {
		margin-left: 5px;
		margin-right: 10px;
		width: 108px;
	}
	.form-address .errormess {
		margin-left: 0;
	}
	
}	

/*-------------------- [電話番号] --------------------*/
.form-tel {
	width: 100%;
	display: flex;
	align-items: center;
}

.form-tel input[type="num"] {
	width: 125px;
}

.form-tel input[type="num"]:nth-child(1) {
	margin-right: 3px;
}

.form-tel input[type="num"]:nth-child(2) {
	margin: 0 3px;
}

.form-tel input[type="num"]:nth-child(3) {
	margin-left: 3px;
}

.form-tel-text {
  
}

@media screen and (max-width: 999px) {
	.form-tel input[type="num"] {
		width: 105px;
	}
}

@media screen and (max-width: 768px) {
	.form-tel input[type="num"] {
		width: calc( 100% / 3  - 10px);
	}
	
}

/*-------------------- [電話番号] --------------------*/
.form-mail {
	display: flex;
	align-items: center;
}

.form-mail input[type="text"] {
	width: 70%;
} 

@media screen and (max-width: 768px) {
	.form-mail input[type="text"] {
		width: 100%;
	} 
}

/*-------------------- [計画] --------------------*/
.form-input-plan-text {
  padding-top: 3px;
}

.form-input-plan {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-input-plan li {
  margin-top: 10px;
  width: calc(50% - 5px);
}

.form-input-plan li .custom-radio {
  width: 100%;
}


@media screen and (max-width: 768px) {
  .form-input-plan-text {
    padding-top: 0;
  }

  .form-input-plan li .custom-radio span {
    font-size: 13px;
  }

  .form-input-plan li .custom-radio > input[type="checkbox"] + span {
    padding: 0 0 0 23px
  }
}

/*-------------------- [時間帯] --------------------*/

.form-timezone-text {
  line-height: 1;
}

.form-timezone-text.holiday {
  margin-top: 20px;
}

.form-timezone-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form-timezone-list li {
  margin-top: 10px;
  width: calc(50% - 5px);
}

.form-timezone-list li .custom-radio {
  width: 100%;
}


@media screen and (max-width: 768px) {
  .form-timezone-text {
    font-size: 14px;
  }
  
}

/*-------------------- [input & textarea & select] --------------------*/
.form-page input[type="text"],
.form-page input[type="tel"],
.form-page input[type="num"],
.form-page input[type="number"],
.form-page input[type="mail"]{
	font-size: 18px;
	border: 1px solid #e8e8e8;
	background:#f2f2f2;
	border-radius: 5px;
	padding: 0 4px;
	height: 36px;
}

.form-page textarea {
  font-size: 18px;
	border: 1px solid #e8e8e8;
	background:#f2f2f2;
  border-radius: 5px;
	padding: 0 4px;
  resize: none;
}

.form-page input[type="text"]:focus,
.form-page input[type="tel"]:focus,
.form-page input[type="num"]:focus,
.form-page input[type="number"]:focus,
.form-page input[type="mail"]:focus,
.form-page textarea:focus {
	outline: 1px solid #129FE7;
	border:1px solid #fff;
	background:#fff;
}

.form-page select{
	font-size: 18px;
  color: #333;
	border:1px solid #e8e8e8;
	padding: 0 40px 0 8px;
	height: 34px;
	border-radius: 5px;
	background:#f2f2f2 url(/assets/img/form/arrow-select-black.png) no-repeat right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.form-page select::-ms-expand {
	display: none;
}

@media screen and (max-width: 999px) {
	.form-page input[type="text"],
	.form-page input[type="tel"],
	.form-page input[type="num"],
	.form-page input[type="number"],
	.form-page input[type="mail"]{
		font-size: 16px;
	}
	.form-page select {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.form-page input[type="text"],
	.form-page input[type="tel"], 
	.form-page input[type="num"], 
	.form-page input[type="mail"], 
	.form-page input[type="number"] {
		font-size: 13px;
	}
	.form-page select {
		width: calc(100% - 50px);
		font-size: 13px;
		border-radius: 5px;
	}
}

.input-success {
	border: 1px solid #129FE7!important;
	background-color:#E9F7FF!important;
}

.input-error {
	border:1px solid #D5000E!important;
	background-color:#FFEBEB!important;
}
input:-webkit-autofill {
	box-shadow: 0 0 0px 1000px #E9F7FF inset!important;
	-webkit-box-shadow: 0 0 0px 1000px #E9F7FF inset!important;
}
input.input-success:autofill {
	box-shadow: 0 0 0px 1000px #E9F7FF inset!important;
}
select:-webkit-autofill {
	box-shadow: 0 0 0px 1000px #E9F7FF inset!important;
	-webkit-box-shadow: 0 0 0px 1000px #E9F7FF inset!important;
}
select.input-success:autofill {
	box-shadow: 0 0 0px 1000px #E9F7FF inset!important;
}
input.input-success:-webkit-autofill {
	box-shadow: 0 0 0px 1000px #E9F7FF inset!important;
	-webkit-box-shadow: 0 0 0px 1000px #E9F7FF inset!important;
}
input.input-error:autofill {
	box-shadow: 0 0 0px 1000px #FFEBEB inset!important;
}
input.input-error:-webkit-autofill {
	box-shadow: 0 0 0px 1000px #FFEBEB inset!important;
	-webkit-box-shadow: 0 0 0px 1000px #FFEBEB inset!important;
}


.textarea__opinion {
	width: 860px;
}

.form-page .custom-radio{
	display: inline-block;
	background: #F2F2F2;
	border: 1px solid #E8E8E8;
	padding: 7px 5px 7px 10px;
	min-width: 120px;
	border-radius: 5px;
}

.custom-radio +.custom-radio{ 
	margin-left: 10px;
}	
.form-page .custom-radio > input[type="radio"]{
	display: none;	
}
.form-page .custom-radio > input[type="radio"] + span{
	position: relative;
	padding-left: 20px;
}
.form-page .custom-radio > input[type="radio"] + span:before{
	content: "";
  display: block;
  position: absolute;
	top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
	border: 1px solid #707070;
	background:#fff;
  border-radius: 50%;
}
.form-page .custom-radio > input[type="radio"]:checked + span:after{
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 2px;
	width: 10px;
	height: 10px;
	background:#129FE7;
  border-radius: 50%;
}
.form-page .custom-radio > input[type="checkbox"]{
	display:none;
}
.form-page .custom-radio > input[type="checkbox"] + span{
	position: relative;
	padding: 0 0 0 33px;
}
.form-page .custom-radio > input[type="checkbox"] + span:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
 	width: 22px;
  height: 22px;
	border: 1px solid #707070;
	background:#fff;
  border-radius: 3px;
}
.form-page .custom-radio > input[type="checkbox"]:checked + span:after{
	content: "";
	display: block;
	background: url(/assets/img/form/icon_checked.svg) no-repeat center center/cover;
	position: absolute;
	top: 3px;
	left: 4px;
	width: 15px;
	height: 15px;
}

.form-page .custom-radio span,
.form-page .r_textText{
	font-size: 16px;
}
@media screen and (max-width: 999px) {
	.form-page .custom-radio{
		min-width: auto;
	}
	.custom-radio +.custom-radio{ 
		margin-left: 2px;
	}	
}
@media screen and (max-width: 768px) {
	.form-time {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.form-time .custom-radio:nth-child(n + 3){
		margin-top: 10px;
	}

	.form-page .custom-radio {
		padding: 3px 10px;
		display: block;
		width: calc(50% - 5px);
		border-radius: 5px;
	}
	.custom-radio +.custom-radio{ 
		margin-left: 0;
	}	
	.form-page .custom-radio span {
		font-size: 13px;
	}
	.form-page .custom-radio > input[type="radio"] + span:before{
		top: 3px;
	}
	.form-page .custom-radio > input[type="radio"]:checked + span:after{
		top: 5px;
	}
	.form-page .custom-radio > input[type="checkbox"] + span:before{
		top: 1px;
		width: 18px;
		height: 18px;
	}
	.form-page .custom-radio > input[type="checkbox"]:checked + span:after{
    top: 4px;
    left: 3px;
    width: 13px;
    height: 13px;
	}

}

/*-------------------- [button] --------------------*/
.form-page .button {
  position: relative;
  border: none;
  display: block;
  margin: 0 auto;
  border-radius: 50px;
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-size: 18px;
  min-width: 320px;
  height: 80px;
  cursor: pointer;
  box-sizing: border-box!important;
  background: #eb9c2a;
  background: -moz-linear-gradient(top, #eb9c2a 0%, #e88b05 100%);
  background: -webkit-linear-gradient(top, #eb9c2a 0%, #e88b05 100%);
  background: linear-gradient(to bottom, #eb9c2a 0%, #e88b05 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb9c2a', endColorstr='#e88b05',GradientType=0 );
  transition: all ease 0.3s;
}

.form-page .button.off {
  background: #858585;
}

.form-page .button:hover {
  opacity: 0.85;
}

.form-page .button.arrow-back:after {
  content: url(/assets/img/form/arrow-left.png);
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  right: auto;
  margin-top: -13px;
}

.form-page .button:after {
  content: url(/assets/img/form/arrow-right.png);
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -13px;
}

.form-page .button.arrow-back {
  color: white;
  background: #858585;
}

.flex_reverse { 
  display: flex;
}

/*-------------------- [pca-title] --------------------*/
.form-page .pca-title {
  margin: 0;
  padding-bottom: 20px;
  font-size: 28px;
  font-weight: normal;
  position: relative;
}

.page-contentsbg-area .pca-title {
  line-height: 1.5;
}

/*-------------------- [require-notice] --------------------*/
.form-page .require-notice {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  color: #333333;
}

.form-page .require-notice i {
  color: #e88b05;
  font-style: normal;
}

/*-------------------- [r_inquiry_textboxcontainer] --------------------*/
.form-page .r_inquiry_textboxcontainer {
  width: auto;
  padding: 0;
  padding-bottom: 10px;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: normal;
}
.r_inquiry_textboxcontainer {
	font-size: 14px;
	font-weight: normal;
}

.r_inquiry_textboxcontainer .r_inquiry_sectionlead {
	font-weight:bold;
	margin-bottom:12px;
}

h3.r_inquiry_sectionlead {
	padding-bottom:12px;
	border-bottom:1x solid #dcdddd;
}
.r_inquiry_submit_block {
	text-align:center;
}
.r_inquiry_submit_block .r_inquiry_sectionlead {
	font-weight:bold;
	margin-bottom:12px;
}

.r_inquiry_textboxcontainer h3.r_inquiry_sectionlead {
	margin-bottom: 0;
}
.r_inquiry_textboxcontainer .r_box_full {
	width:622px;
}

.r_link_tr01 {
	text-align:right;
}

.r_link_tr01 a {
	background:url(../img/bull01.gif) 0px 4px no-repeat;
	padding-left:8px;
	color:#000000;
}

.form-page .r_inquiry_textboxcontainer span{
	line-height: 180%;
	margin-bottom: 10px;
	display: block;
}

#icj-main .form-page .r_inquiry_textboxcontainer .r_link_tr01 a{
	text-decoration: none;
	background:none;
	color:#185463;
	font-size: 14px;
	font-weight: bold;
}

.form-page .r_inquiry_textboxcontainer .r_link_tr01 a:after{
	content:">";
	vertical-align: top;
	margin-left: 5px;
}


.quetion{
  color: #28303a;
  letter-spacing: -0.02em;
}

.quetion span{
  font-size: 12px;
}

/*-------------------- [r_inquiry_sectionlead] --------------------*/
.form-page .r_inquiry_sectionlead {
  font-size: 18px;
  font-weight: normal;
  color: #eb9c2a;
}

.form-page h3.r_inquiry_sectionlead {
  font-size: 14px;
  font-weight: normal;
  color: #333;
}

.form-page h3.r_inquiry_sectionlead + p {
  font-size: 14px;
  line-height: 150%;
}

.form-page .r_inquiry_sectionlead textarea {
  margin-top: 10px;
  width: 100%;
}

/*-------------------- [mvArea] --------------------*/
#icj-titleArea .title {
  font-size: 20px;
}

.form-page #mvArea {
  background: #fff;
}

.form-page #mvArea > div {
  padding: 60px 0;
  max-width: 960px;
  margin: 0 auto;
}

.form-page #mvArea .mv-title {
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 18px;
  max-width: 960px;
  margin: 0 auto;
}
.form-page #mvArea .mv-sub-title {
  font-size: 28px;
  line-height: 150%;
  padding-bottom: 15px;
  max-width: 960px;
  margin: 0 auto;
}

.mv-sub-title-wrap{

}


.form-page #mvArea .dashed-title:before {
  content: "";
  width: 30px;
  height: 1px;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.form-page #mvArea .mv-title + p {
  font-size: 14px;
  font-weight: normal;
  line-height: 190%;
  max-width: 960px;
  margin: 0 auto;
  padding-top: 20px;
}

.form-page #mvArea .dashed-title + p {
  padding-left: 50px;
}

.form-page #mvArea .notice {
  font-size: 14px;
  font-weight: normal;
  line-height: 150%;
  max-width: 960px;
  margin: 0 auto;
  padding-top: 8px;
  padding-left: 1em;
  text-indent: -1em;
}

.bnr_yoyaku_03{
  width: 350px;
}

.bnr_yoyaku_03 img{
  width: 100%;
}

.bnr_yoyaku_03_notes{
  font-size: 11px;
  line-height: 1.6;
  margin-top: 10px;
}

/*-------------------- [subtitleArea] --------------------*/
.form-page #subtitleArea > div {
  max-width: 960px;
  padding: 35px 0 20px;
  margin: 0 auto;
  font-weight: normal;
}

.form-page #subtitleArea .dashed-title {
  position: relative;
  font-size: 28px;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 15px;
}

.form-page #subtitleArea .dashed-title:before {
  content: "";
  width: 30px;
  height: 1px;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.form-page #subtitleArea .dashed-title + p {
  margin-left: 42px;
  font-size: 16px;
  font-weight: normal;
}

.va-tb {
  vertical-align: text-bottom;
}

/*-------------------- [privacy] --------------------*/
.privacy-agree{
	font-size: 18px;
	margin: 10px 0 40px 0;
}

.privacy-notice{
	margin-left: 20px;
	padding: 20px;
	border: 1px solid #e8e8e8;
}

.privacy-notice > span.strong{
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
.form-page .custom-radio.privacy {
    background: transparent;
  	border: none;
    padding: 0;
    min-width: auto;
}
.form-page .custom-radio.privacy > input[type="checkbox"] + span {
	padding-left: 27px;
}
@media screen and (max-width: 768px) {
	.form-page .custom-radio.privacy {
		width: auto;
	}
	.form-page .custom-radio.privacy > input[type="checkbox"] + span {
		padding-left: 22px;
	}
	
}
/*-------------------- [inquiry-complete] --------------------*/
.inquiry-complete {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  text-align: center;
}

.inquiry-complete .msg {
  margin: 50px 0 75px 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 2;
}

.inquiry-complete .msg span {
  font-family: 'Noto Serif JP', serif;
}

.inquiry-complete-btn a {
  display: inline-block;
  position: relative;
  padding: 14px;
  border: 1px solid #ccc;
  min-width: 240px;
  background: #fff;
  font-size: 14px;
  font-size: 0.88rem;
  color: #333;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}

.inquiry-complete-btn a:first-child {
  margin-right: 60px;
}

.inquiry-complete-btn a::before {
  position: absolute;
  background: #333;
  content: "";
  top: -1px;
  left: -1px;
  width: 60px;
  height: 1px;
}

.inquiry-complete-btn a::after {
  position: absolute;
  background: #333;
  content: "";
  top: -1px;
  left: -1px;
  width: 1px;
  height: 30px;
}


.inquiry-complete-btn span {
  display: block;
  background: transparent url(/assets/img/icon_01.png) 100% 50% no-repeat;
  background-size: 7px auto;
  color: #333;
}

.inquiry-complete-btn span::before {
  position: absolute;
  background: #333;
  content: "";
  bottom: -1px;
  right: -1px;
  width: 60px;
  height: 1px;
}

.inquiry-complete-btn span::after {
  position: absolute;
  background: #333;
  content: "";
  bottom: -1px;
  right: -1px;
  width: 1px;
  height: 30px;
}

/*-------------------- [inquiryBtn] --------------------*/
.inquiryBtn {
  font-size: 15px;
  cursor: pointer;
}
.inquiryBtn > a {
  display: inline-block;
  position: relative;
  padding: 13px 23px;
  border-radius: 30px;
  min-width: 280px;
  background: #585858;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.inquiryBtn > a:hover {
  background: #b3ac91;
}

.inquiryBtn > a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -6px;
  width: 7px;
  height: 12px;
  background: transparent url("/assets/img/icon_01_white.png") 50% 50% no-repeat;
  background-size: contain;
  content: "";
}
.inquiryBtn > a span {
  display: block;
  position: relative;
  padding: 0 20px;
}

/*-------------------- [other] --------------------*/
.inline-block {
  display: inline-block;
}

.clear-both {
  clear: both;
}

.plan-lifestyle {
  display: block;
  text-indent: 0em;
  width: 150px;
}


.inquiry_quo {
  margin: 40px 0;
}

.inquiry_quo_title {
  font-size: 24px;
  font-weight: normal;
}

.inquiry_quo_text {
  margin-top: 10px;
  font-size: 14px;
}

.inquiry_quo_text span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}

.inquiry_quo_row {
  display: flex;
  align-items: center;
}

.inquiry_quo_row.flex-start {
  align-items: flex-start;
}

.inquiry_quo_label {
  padding: 14px 10px 18px 0;
  width: 300px;
  font-size: 18px;
  line-height: 1.8;
}

.inquiry_quo_label .form-required{
  display: inline-block;
}

.inquiry_quo_label.check {
  width: 100%;
  padding: 0;
}

.inquiry_quo_radio {
  width: calc(100% - 300px);
  padding: 15px 18px;
  background: #ffffff;
  color: #28303a;
}

.inquiry_quo_radio.check {
  width: 100%;
  margin-top: 15px;
  padding: 0;
  font-size: 18px;
}

.inquiry_quo_notes {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.85;
}


.inquiry_quo .form-label {
  margin: 40px 0;
}


.inquiry_quo .form-input {
  margin: 40px 0;
}

@media screen and (max-width: 768px) {
  .inquiry_quo_inner {
    display: flex;
    justify-content: space-between;
  }
}


.quo_card_agree:disabled + span:before {
  background: #ccc!important;
}


.privacy__errorTxt {
	padding-top: 8px;
	padding-left: 0;
	font-size: 18px;
 text-align:center;
}

.privacy__advice {
	border-radius: 5px;
	width: 600px;
	margin: 0 auto 20px;
	padding:20px;
	margin-bottom:20px;
	background:#fff;
	text-align:center;
}
.privacy__advice__inner {
	display: flex;
	align-items: center;
	justify-content: center;
}
.privacy__advice__inner .form-required {
	margin: 0 10px 0 0;
}

@media screen and (max-width: 768px) {
	.privacy-agree{
		font-size: 14px;
		margin: 0 0 20px 0;
	}
	.privacy-notice{
		padding: 10px;
		margin-left: 0;
		font-size: 11px;
	}
	.privacy-notice > span.strong {
		font-size: 13px;
	}
	.privacy__advice {
		padding: 10px 10px 10px 0px;
		width: 100%;
	}
	.privacy__errorTxt {
		font-size: 12px;
	}
	.privacy__detailLink {
		padding-top: 4px;
	}
}

.form-page .r_inquiry_sectionlead.confirm__txt {
	color:#e88b05; 
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: normal;
}

/*/////////////////////////////////////////////////////
// EACH PAGE
/////////////////////////////////////////////////////*/
/*-------------------- [mvArea] --------------------*/
.form-page #mvArea.bg-letter > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}


/*-------------------- [subtitleArea] --------------------*/
.form-page #subtitleArea .dashed-title--advice {
  margin-top: 0;
}
.form-page #subtitleArea > div.subtitleArea__advice {
  display: flex;
  padding: 65px 0 20px;
}
.form-page #subtitleArea .advice__descriptionArea {
  padding-right: 58px;
}
.form-page #subtitleArea .advice__inquiryBtnArea {
  padding-left: 20px;
  border-left: 2px solid #ddd;
  text-align: center;
}
.form-page #subtitleArea .advice__inquiryTxt {
  padding-bottom: 5px;
  color: #585858;
  font-size: 18px;
  font-weight: 500;
}

/*/////////////////////////////////////////////////////
// SP
/////////////////////////////////////////////////////*/
@media screen and (max-width: 768px) {
  /*-------------------- [icj-titleArea] --------------------*/
  #icj-titleArea .title {
    font-size: 16px;
  }

  /*-------------------- [r_inquiry_textboxcontainer] --------------------*/
  #icj-main .form-page .r_inquiry_textboxcontainer .r_link_tr01 a {
    font-size: 13px;
  }
  .form-page .r_inquiry_textboxcontainer span {
    margin-bottom: 0;
  }

  /*-------------------- [mvArea] --------------------*/
  .form-page #mvArea > div {
    padding: 20px 16px;
  }
  .form-page #mvArea .mv-title + p {
    font-size: 13px;
  }
  .form-page #mvArea .mv-title {
    font-size: 22px;
  }
  .form-page #mvArea .mv-sub-title,
  .form-page #mvAreaUp .mv-sub-title {
    font-size: 18px;
  }
  .form-page #mvArea .notice {
    font-size: 11px;
  }

  .form-page #mvArea .mv-sub-title{
    padding-bottom: 0;
  }

  .bnr_yoyaku_03{
    width: 100%;
    max-width: 350px;
    margin-top: 10px;
  }

  /*-------------------- [pca-title] --------------------*/
  .page-contentsbg-area h2.pca-title {
    padding-bottom: 0;
  }

  /*-------------------- [input & textarea & select] --------------------*/
  .form-page select {
    font-size: 13px;
  }
  .form-page input[type="text"],
  .form-page input[type="password"],
  .form-page input[type="tel"],
  .form-page input[type="num"],
  .form-page input[type="mail"],
  .form-page input[type="number"],
  .form-page .require-notice,
  .form-page .r_inquiry_sectionlead {
    font-size: 13px;
  }
  .form-page .r_inquiry_sectionlead textarea {
    margin-top: 8px;
    margin-bottom: 0;
  }
  .form-page h3.r_inquiry_sectionlead {
    font-size: 13px;
  }
  .form-page h3.r_inquiry_sectionlead + p {
    font-size: 11px;
  }
  .form-page .r_inquiry_sectionlead .gositumon_txt {
    font-size: 11px;
  }
  .form-page .r_inquiry_sectionlead.confirm__txt {
    margin-bottom: 3px;
    font-size: 13px;
  }
  .form-page .custom-radio > input[type="checkbox"] + span {
    padding: 0 28px 0 33px;
  }
  .form-page .custom-radio > input[type="checkbox"] + span:before {
    top: 1px;
    width: 18px;
    height: 18px;
  }
  .form-page .custom-radio > input[type="radio"] + span {
    font-size: 13px;
  }
  .form-page .custom-radio span {
    font-size: 14px;
  }
  .form-page .custom-radio span.pleft008.pright012.s16.ppagree {
    padding: 0 0 0 24px;
  }
  .form-page input[type="text"].input__100__sp--name {
    width: calc(100% - 32px);
    margin-right: 0;
  }
  .form-page textarea {
    font-size: 13px;
  }
  .input__100__sp {
    width: calc(100% - 10px) !important;
  }
  .zip__1 {
    width: 90px;
  }
  .zip__2 {
    width: 90px;
  }
  .form-page .custom-radio {
    display: block;
  }
  .textarea__opinion {
    width: calc(100% - 4px);
  }

  .select-wrap select{
    padding: 0 40px 0 8px;
  }

  .quetion span{
    display: block;
  }

  /*-------------------- [r_inquiry_table] --------------------*/
  .form-page .r_inquiry_table {
    line-height: 150%;
  }
  .form-page .r_inquiry_table tr {
    display: block;
  }
  .form-page .r_inquiry_table th.required,
  .form-page .r_inquiry_table th,
  .form-page .r_inquiry_table th.required span {
    width: 100%;
    font-size: 14px;
    display: inline-block;
  }
  .form-page .r_inquiry_table th {
    padding: 18px 10px 0 0;
    border-bottom: none;
  }
  .form-page .r_inquiry_table th.required.firstItem {
    padding: 0;
  }
  .form-page .r_inquiry_table td {
    padding: 8px 0;
    font-size: 12px;
    width: 100%;
    display: inline-block;
  }
  .form-page .r_inquiry_table .r_ir02 {
    font-size: 13px;
  }
  .r_inquiry_table .r_ir01 {
    margin-bottom: 4px;
  }
  .r_inquiry_table .r_ir01.todohuken__sp {
    width: 108px;
  }
  .r_inquiry_table .r_ir01.zip__itemName {
    margin-bottom: 4px;
    font-size: 13px;
  }
  .r_inquiry_table .r_box_full {
    width: calc(100% - 4px);
  }
  .form-page .r_inquiry_table .plan, .form-page .r_inquiry_table .plan{
    padding: 10px 0;
  }

  /*-------------------- [require-notice] --------------------*/
  .form-page .require-notice {
    font-size: 11px;
  }

  /*-------------------- [form-page] --------------------*/
  .form-page .page-contentsbg-area {
    padding: 0 16px;
  }
  .form-page .form-content {
    padding: 30px 10px 30px;
  }
  .form-page #subtitleArea .dashed-title:before {
    content: none;
  }
  .form-page #subtitleArea .dashed-title + p {
    margin: 0;
    font-size: 10px;
    text-align: left;
  }
  .page-contents-area h2.pca-title,
  .form-page .pca-title,
  .form-page #subtitleArea .dashed-title {
    font-size: 18px;
  }
  .form-page #subtitleArea .dashed-title {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
  }

  .form-page #subtitleArea .dashed-title span {
    font-size: 15px;
  }

  .form-page #subtitleArea > div {
    padding: 20px 16px;
  }

  /*-------------------- [button] --------------------*/
  .form-page .button {
    height: 52px;
    min-width: 216px;
    margin-top: 20px;
    padding: 13px 30px;
  }
  .inquiryBtn {
    padding: 10px 0 0;
  }
  .inquiryBtn > a {
    padding: 13px 0;
    font-size: 14px;
    min-width: 288px;
  }

  .r_inquiry_submit_block .flex_reverse {
    flex-direction: column-reverse;
  }

  .form-page .button.arrow-back {
    margin-top: 20px;
  }

  /*-------------------- [quo] --------------------*/

  .inquiry_quo_title {
    font-size: 18px;
  }

  .inquiry_quo_text {
    font-size: 14px;
  }

  .inquiry_quo_row {
    margin-top: 10px;
    display: block;
  }

  .inquiry_quo_label {
    padding: 0;
    width: 100%;
    font-size: 14px;
  }

  .inquiry_quo_radio {
    width: 100%;
    padding: 8px 0;
  }
  
  .inquiry_quo_radio.check {
    font-size: 14px;
  }
  .inquiry_quo_notes {
    font-size: 13px;
  }

  /*-------------------- [privacy] --------------------*/
  .privacy-agree {
    font-size: 14px;
    margin: 0 0 20px 0;
  }
  .privacy-notice {
    padding: 10px;
    margin-left: 0;
    font-size: 11px;
  }
  .privacy-notice > span.strong {
    font-size: 13px;
  }
  .privacy__advice {
    padding: 10px 10px 10px 0px;
  }
  .privacy__errorTxt {
    font-size: 12px;
  }
  .privacy__detailLink {
    padding-top: 4px;
  }

  /*-------------------- [inquiry-complete] --------------------*/
  .inquiry-complete .back {
    width: 100%;
    max-width: 400px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: none;
  }
  .inquiry-complete .back span {
    display: block;
    width: 100%;
    left: 0;
    text-align: center;
    line-height: 4.3;
  }
  .inquiry-complete .back span img {
    display: none;
  }

  /*-------------------- [other] --------------------*/
  .txt999.pleft008 {
    margin-bottom: 0;
    padding: 0 0 10px 0;
    font-size: 11px;
  }
  .flex_reverse {
    display: flex;
    flex-direction: column-reverse;
    max-width: 288px;
    margin: auto;
  }
  .sp__fs13 {
    font-size: 13px;
  }
  .sp__break {
    display: block;
  }
  .sp__break .pleft020 {
    padding-left: 0;
  }
  .pc__test {
    display: none;
  }
  .sp__test {
    display: block;
  }
  .pc__test--inline-block {
    display: none;
  }
  .sp__test--inline-block {
    display: inline-block;
  }

  /*-------------------- [each-page] --------------------*/
  .mv-sub-title-wrap {
    width: 100%;
  }

  .form-page #mvArea .mv-sub-title,
  .form-page #mvAreaUp .mv-sub-title {
    font-size: 15px;
  }

  .form-page #mvArea.bg-letter > div {
    display: block;
  }
  .form-page #subtitleArea .advice__descriptionArea {
    padding-right: 0;
    padding-bottom: 0;
    text-align: center;
  }
  .form-page #subtitleArea > div.subtitleArea__advice {
    flex-direction: column;
    padding: 20px 16px 10px;
  }
  .form-page #subtitleArea .advice__inquiryBtnArea {
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    border-left: none;
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  .form-page #subtitleArea .advice__inquiryTxt {
    padding: 0;
    font-size: 14px;
  }
  
  .form-page .select-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px; 
  }

  .form-page .select-list-wrap {
    position: relative;
    width: 30%;
    display: flex;
    align-items: flex-end;
    line-height: 1;
    font-size: 14px;
  }
 
  .form-page .select-list-wrap select {
    margin-bottom: 0;

  }

  .form-page .select-list-wrap::before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #e88b05;
    position: absolute;
    right: 20px;
    top: 0px;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    pointer-events: none;
  }

  .form-page .select-list-wrap::after {
    display: block;
    content: '';
    width: 1px;
    height: 34px;
    background: #e8e8e8;
    position: absolute;
    right: 38px;
    top: -2px;
    bottom: 0;
    margin: auto;
  }

  .inquiry-complete {
    padding-top: 50px !important;
    padding-bottom: 100px !important;
    text-align: center;
  }
  
  .inquiry-complete .msg {
    margin: 0 0 30px;
    font-size: 20px;
    line-height: 1.5;
  }

  .inquiry-complete-btn a:first-child {
    margin-right: 0;
    margin-bottom: 20px; 
  }
}

@media screen and (max-width: 360px) {
  .sp_w320 {
    display: block;
  }

  .form-page .select-list {
    flex-wrap: wrap;
  }

  .form-page .select-list-wrap {
    width: 48%;
    margin-bottom: 10px;
  }
}


/*休暇文言*/
.holiday_msg {
  font-size: 16px;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .holiday_msg {
    margin-top: 20px;
  }
}