@charset "UTF-8";
/*!  mixin,螟画焚
================================================ */
/*=============================================================
 form
=============================================================*/
#mainImg {
  background-image: url(../img/form/img_main_sp.jpg);
}
@media (min-width: 640px) {
  #mainImg {
    background-image: url(../img/form/img_main_pc.jpg);
  }
}

/* /form */
#form p.lead{
	margin-bottom:40px;
	font-size:14px;
}

#form .btnWrap {
      display:table;
	  margin:0 0 50px;
	  width:100%;
	  }
#form .btnWrap p{
      display:table-cell;
	  width:50%;
	  text-align:center;
	  }
#form .btnWrap p a{
      display:block;
	  width:96%;
	  background:#f38440;
	  font-size:12px;
	  font-weight:bold;
	  text-align:center;
	  color:#fff;
	  margin:0 auto;
	  padding:10px 0 5px;
	  }
#form .btnWrap p a img{
	display:block;
	width:20%;
	margin:10px auto;
	}
#form h2.mod_tit02{
	margin:50px 0 30px;
}
#form dl.box {
      border:1px solid #ccc;
	  margin-bottom:30px;
	  }
#form dl.box dt {
	background:#f5f5f5;
      border-bottom:1px solid #ccc;
	  font-weight:bold;
	  padding:10px 20px;
	  font-size:14px;
	  }
#form dl.box dd {
	padding:20px;
	
}
#form dl.box dd .mod_btn01 a{
	width:80%;
	margin:0 10% 20px;
	text-align:center;
}
#form dl.box dd .message{
	background:#f5ece6;
	padding:15px 20px;
	font-size:10px;
}
#form dl.box dd .open{
	font-size:12px;
}


#form h3.pink{
	color:#f06b80;
}
#form h3.orange{
	color:#ee4b2b;
}
#form h3{
	padding-left:20px;
	font-size:15px;
	font-weight:bold;
	position:relative;
}
#form h3:before{
	position:absolute;
	content:"・";
	top:0;
	left:0;
}

#form .tel_list{
	color:#f06b80;
	padding:15px 0;
}
#form .tel_list li{
	display:table;
	width:100%;
	color:#333;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
#form .tel_list.pink li{
	background:#fdebee;
}
#form .tel_list.orange li{
	background:#fefce0;
}

#form .tel_list li p{
	display:table-cell;
	width:40%;
	padding:10px 20px;
	font-weight:bold;
}
#form .tel_list li a{
	display:table-cell;
	width:60%;
	padding:10px 20px;
}
#form .tel_list.pink .tel{
	color:#f06b80;
}
#form .tel_list.orange .tel{
	color:#ee4b2b;
}



#form .faq {
	padding-top:25px;
	text-align:center;
}
#form .faq .text{
	text-align:center;
	margin-bottom:20px;
	font-size:14px;
}
#form .faq .mod_btn02 a {
	min-width:280px;
	font-size:18px;
}


  @media (min-width: 640px) {
	#form .btnWrap {
		display:none;
	}
	#form table {
	  border-top: 1px solid #999;
	  border-left: 1px solid #999;
	  border-collapse:collapse;
	  width:100%;
	}
	#form table thead th {
	  border-right: 1px solid #999;
	  border-bottom: 1px solid #999;
	  background-color: #fddcc8;
	  text-align:center;
	  padding:10px;
	  font-size:18px;
	  font-weight:bold;
	}
	#form table tbody th {
	  border-right: 1px solid #999;
	  border-bottom: 1px solid #999;
	  background-color: #f5f5f5;
	  text-align:left;
	  vertical-align:middle;
	  padding:30px;
	  width:20%;
	  font-weight:bold;
	  font-size:16px;
	}
	#form table tbody td {
	  border-right: 1px solid #999;
	  border-bottom: 1px solid #999;
	  text-align:left;
	  vertical-align:middle;
	  padding:30px;
	  width:40%;
	}
	#form table tbody.mail td {
		position:relative;
		height:220px;
		vertical-align:top;
		box-sizing:border-box;
	}
	#form table tbody.mail .mod_btn01 a{
		width:220px;
	}
	#form table tbody td .message{
		background:#f5ece6;
		padding:20px;
		position:absolute;
		bottom:30px;
		left:30px;
		width:850px;
		font-size:14px;
	}
	#form table tbody td h3{
		padding-left:20px;
		font-size:20px;
		font-weight:bold;
		position:relative;
	}
	#form table tbody td h3:before{
		position:absolute;
		content:"・";
		top:0;
		left:0;
	}
	#form h3.pink{
		color:#f06b80;
	}
	#form h3.orange{
		color:#ee4b2b;
	}
	
	#form .tel_list{
		color:#f06b80;
		padding:20px 0;
	}
	#form .tel_list li{
		display:table;
		width:100%;
		color:#333;
		font-size:20px;
		font-weight:bold;
		margin-bottom:10px;
	}
	#form .tel_list.pink li{
		background:#fdebee;
	}
	#form .tel_list.orange li{
		background:#fefce0;
	}
	
	#form .tel_list li p{
		display:table-cell;
		width:40%;
		padding:10px 20px;
		font-weight:bold;
	}
	#form .tel_list li a{
		display:table-cell;
		width:60%;
		padding:10px 20px;
	}
	#form .tel_list.pink .tel{
		color:#f06b80;
	}
	#form .tel_list.orange .tel{
		color:#ee4b2b;
	}
	#form .faq {
	padding-top:70px;
	text-align:center;
	}
	#form .faq .text{
		text-align:center;
		margin-bottom:20px;
		font-size:100%;
	}

  }
  
  
.kantan_catch {
  display:flex;
  display:-webkit-flex;
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
  -webkit-justify-content:center;
  justify-content:center;
}

.kantan_catch .kantan_kantan,
.kantan_catch .kantan_dog {
  width:50px;
  height:50px;
}
.kantan_catch .kantan_one {
  height:50px;
  line-height:50px;
  font-weight:bold;
  padding-left:0;
  font-size:26px;
}
.kantan_large {
  font-size:42px;
}
.kantan_red {
  color:#d10b0b;
}
.kantan_catch .kantan_kantan img,
.kantan_catch .kantan_dog img {
  width:100%;
  height:auto;
}
.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0px;
}
.kantan_flow {
  display:block;
  padding:0;
  box-sizing:border-box;
  margin:3em 0;
}
.kantan_infotxt {
  font-size:20px;
}
.kflowbox {
  width:100%;
  max-width:465px;
  height:82px;
  line-height:82px;
  font-size:28px;
  margin:0 auto;
  box-sizing:border-box;
  border:1px solid #f38440;
  background-color:#fff;
  color:#f38440;
  text-align:center;
}
.kflow_img {
  display:none;
}
.kflow_img.sponly {
  display:block;
  text-align:center;
  padding-top:20px;
  height:60px;
  box-sizing:border-box;
  width:100%;
}
.kflow_img img {
  display:inline;
}
.kflowbox.kf01 {
  background-color:#f38440;
  color:#fff;
}
.fontweightbold {
  font-weight:bold;
}
.kantan_infotxt {
  padding:0 30px;
  box-sizing:border-box;
  margin-top:10px;
  margin-bottom:10px;
  position:relative;
}
.color_orange {
  color:#f38440;
}
.margintop2em {
  margin-top:2em;
}
img.hissu {
  top:8px;
  height:16px;
  display:inline;
  width:auto;
  position:relative;
}
.kantan_infotxt img.hissu {
  top:3px;
}

@media (min-width: 640px) {
  .kantan_catch .kantan_kantan,
  .kantan_catch .kantan_dog {
    width:84px;
    height:84px;
  }

  .kantan_catch .kantan_one {
    line-height:84px;
    height:84px;
    font-size:50px;
    padding-left:15px;
  }
  .kantan_large {
    font-size:60px;
  }
  .kantan_flow {
    display:flex;
    display:-webkit-flex;
    flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    padding:0 30px;
  }
  .kflowbox {
    width:310px;
    height:55px;
    line-height:55px;
    font-size:20px;
  }
  .kflow_img {
    width:70px;
    height:55px;
    text-align:center;
    padding-top:12px;
    box-sizing:border-box;
    display:block;
  }
  .kflow_img.sponly {
    display:none;
  }
  img.hissu {
    height:20px;
    top:3px;
  }
  .kantan_infotxt img.hissu {
    top:6px;
  }
}

.entryform_title {
  background-color:#ebdad0;
  margin:24px 0 0 0;
  line-height:1.4em;
  height:auto;
  box-sizing:border-box;
  padding:20px 20px 20px 24px;
  font-size:150%;/*30px;*/
  font-weight:bold;
}
.entryform_body {
  background-color:#f5ece6;
  box-sizing:border-box;
  padding:40px 24px;
  margin:0 0 50px 0;
}
.entryform_body form div {
  line-height:60px;
}
.entryform_body form div.formlabel {
  display:inline-block;
  min-width:105px;
  width:105px;
  text-align:right;
  margin-right:10px;
  line-height:1.4em;
  padding:0 40px 20px 0;
  position:relative;
}

.entryform_body form div input,
.entryform_body form div select {
  line-height:30px;
  height:30px;
  background-color:#fff;
  border:1px solid #bbb;
  padding:0 5px;
  position:relative;
  top:0;
}

.entryform_body form div input {
  width:100%;
  max-width:380px;
  box-sizing:border-box;
}
.entryform_body form div input.tel {
  width:auto;
}
.entryform_body form div.forminput {
  line-height:30px;
  padding-bottom:30px;
  margin-top:-5px;
  display:inline-block;
  width:100%;
}
.entryform_body form div input[type="radio"] {
  width:25px;
}

.entryform_body form div input[type="checkbox"] {
  width: 25px;
  height: 25px;          /* ラジオと同じ見た目サイズに */
  vertical-align: middle;
}

/* 項目どうしの間隔を “右側だけ” に付ける方式 */
.entryform_body .forminput .mwform-checkbox-field,
.entryform_body .forminput .mwform-radio-field {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px;                 /* 入力とテキストの間隔 */
  margin: 0 16px 8px 0 !important;  /* ← 右に 16px のスペース */
  white-space: nowrap;
}


.entryform_body form div textarea {
  border:1px solid #bbb;
  background-color:#fff;
  width:100%;
  box-sizing:border-box;
}
.formlabel img {
  position:absolute;
  right:0;
  top:2px;
}
.fontsmall {
  font-size:12px;
}

.fontnotes {
  font-size:14px;
  color:#999999;
}

.entryform_body form div.forminput .ari {
  line-height:1.4em;
}

@media (min-width: 640px) {
  .entryform_title {
    margin:24px 30px 0 30px;
    line-height:80px;
/*    height:80px; */
    padding:0 0 0 24px;
    font-size:24px;
  }
  .entryform_body {
    margin:0 30px 60px 30px;
    padding:70px 24px;
  }
  .entryform_body form div.formlabel {
    width:220px;
    position:relative;
    margin-right:60px;
    padding:0 55px 20px 0;
  }
  .entryform_body form div.forminput {
    margin-top:0;
  }
  .forminput {
    width:640px;
  }
  .entryform_body form div textarea {
    width:80%;
  }
}

.mwform-radio-field label {
  display:inline-block;
  margin-right:2em;
  white-space:nowrap;
}
.mwform-radio-field label input,
.mwform-checkbox-field label input {
  position:relative;
  top:7px;
}

.form_submitBtn {
  margin-top:0;
}
.form_submitBtn {
  position:relative;
  margin-top:30px;
  text-align: center;
}
.form_submitBtn input.send,
.form_submitBtn input.back {
  display: inline-block;
  margin:0 auto;
  background-color:#f38440;
  color:#fff;
  border:0;
  border-radius:8px;
  height:50px;
  line-height:50px;
  font-size:20px;
  padding:0 2em;
  position:relative;
  top:0;
  width:100%;
  max-width:200px;
}
.form_submitBtn::after {
/*  content:url(../img/form/arrow_white1.png); */
  display:block;
  position:absolute;
  left:50%;
  margin-left:80px;
  top:-2px;
}

@media (min-width: 640px) {
  .form_submitBtn {
    margin-top:30px;
  }
}

.entrytel_list {
  padding:0;
}
.entrytel_list li {
  font-size:18px;}
@media (min-width: 640px) {
	.entrytel_list li {
	font-size:26px;} }

.entrytel_list li .siten {
	display:inline-block;
	width:150px;}
	@media (min-width: 640px) {
	.entrytel_list li .siten {
	display:inline-block;
	width:200px;} }
.entrytel_info {
  font-size:20px;
  margin-top:30px;
}

.entrytel_list .color_orange {
  font-weight:bold;
}

form {
  display: inline-block;
  width:100%;
}

.entrytel_body {
  padding:0;
}

@media (min-width : 640px ){
  .entrytel_body {
    padding:0 30px;
  }
}

.flexbox {
  display:flex;
  display:-webkit-flex;
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
}

@media (min-width : 640px ){
  form {
    display: block;
  }
}

.mwform-radio-field.horizontal-item label input[type="radio"],
.mwform-radio-field.vertical-item label input[type="radio"],
.mwform-checkbox-field.horizontal-item label input[type="checkbox"] {
  width:25px;
}
.mwform-checkbox-field.horizontal-item label {
  display:inline-block;
  width:15em;
}
.mw_wp_form .vertical-item {
    display: inline-block;/*inherit;*/
}

@media (min-width : 640px ){
  .mwform-checkbox-field.horizontal-item label {
    width:100%;
  }
}



.mwform-radio-field.horizontal-item label {
  display:inline-block;
  width:15em;
}

@media (min-width : 640px ){
  .mwform-radio-field.horizontal-item label {
    width:100%;
  }
}




@media (max-width : 479px ){
  .kantan_catch {
    align-items:center;
  }
  .kantan_catch .kantan_one {
    font-size:18px;
    height:auto;
    line-height:1.4em;
    text-align:center;
  }
  .kantan_large {
    font-size:24px;
  }
  .kflowbox {
    font-size:16px;
    line-height:1.4em;
    height:auto;
    padding:10px 0;
  }
  .kantan_infotxt {
    padding:0;
    font-size:16px;
  }
  .mod_inner {
    margin:0;
  }
  .entryform_body .flexbox {
    display:block;
  }
  .entryform_body form div.formlabel {
    text-align:left;
    width:100%;
    min-width:1px;
    padding-right:0;
  }
  .formlabel img {
    position:relative;
    right:auto;
    display:inline-block;
    margin-left:2em;
  }
  .mwform-checkbox-field.horizontal-item label {
    width:100%;
  }


  .mwform-radio-field.horizontal-item label {
    width:100%;
  }


/*
  .entrytel_list li .siten {
    display:block;
    text-align:left;
  }
*/
  .entrytel_info {
    font-size:16px;
  }
}

.entrytel_list li {
    text-align:left;
	margin-bottom:10px;
}

.color_orange a {
	color: #f38440;
}
.color_orange a:hover {
	color: #999;
}