@charset "utf-8";
/*--------------------------------------------------------

----------------------------------------------------------*/


div#wrap {
	background-image: none;
}

div#wrap * {
	font-family: Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Sans-Serif;
}

.color_h {
	background:none;
	background-color:#B23A31;
	font-size:24px;
	color:#FFF;
	text-align:center;
	padding:3px;
	margin-bottom:15px;
}

.color_h span {
	font-size:18px;
	font-weight:normal;
}

.form h2 {
	font-weight:bold;
	background:none;
	background-color:#FFD4CC;
	line-height: 1.8;
	width:auto;
	font-size:18px;
	padding:20px;
	margin-bottom:0;
	border: 1px solid #DDD;
	border-bottom: none;
	color: #333;
}


#wrap .notice {
	color: #B23A31;
	font-size: 16px;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom: 1px solid #DDD;
}

#wrap .notice + p {
	font-size:13px;
}


div.form {
	padding-top:0;
	text-align:center;
}

.form form {
	margin-bottom:30px;
}

.must {
	display:inline-block;
	padding:0px 4px;
	margin-left:5px;
	border-radius:3px;
	background-color:#E50072;
	color:#FFF;
	font-size:10px;
}

.form_switch {
	padding:40px 90px;
	border: 1px solid #DDD;
	margin-bottom:40px;
  text-align: left;
}

.tabcontent {
  display: none;
  padding-top: 40px;
}

#tabcheck1:checked ~ #tabcontent1 { display: block; }
#tabcheck2:checked ~ #tabcontent2 { display: block; }

 .tablabel {
   padding: 0px 20px 0 5px;
}



.form dt,
.form dd {
	text-align:left;
	font-size:14px;
	margin-bottom:5px;
}

.form dd {
	margin-bottom:40px;
}

.form dd.num_check {
	margin:10px 0;
}


#wrap p.form_heading {
	background-color:#f2f2f2;
	font-weight:bold;
	text-align:left;
	padding:5px 7px;
}

.form form#mailformpro input[type="text"] {
	width:100%;
	box-sizing:border-box;
	padding:8px;
	border-radius:3px;
	border: 1px solid #DDD;
}

.form form#mailformpro input[type="radio"] {
	margin-bottom:5px;
}
.form form#mailformpro input.short {
  width: 130px;
}

.form select {
	padding:8px;
}


.form textarea {
	width:100%;
	box-sizing:border-box;
}

div.mfp_buttons button {
    font-size: 16px;
    margin: 0px 10px;
    padding: 10px;
}

.color_list02,
.color_list02b {
	padding:15px 30px;
}

.color_list02 li,
.color_list02b li {
	font-size: 13px;
	background-image: url(../img/color_list02.gif);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	background-size: 4px;
	padding: 4px 0px 5px 10px;
	text-align: left;
}

.color_list02b li {
	font-weight:bold;
}

.form_lead {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}

.form_lead span {
	color:#3A8EC8;
}

#wrap p.ex_lead {
	text-align:center;
	font-size:21px;
	font-weight:bold;
	margin-bottom:20px;
}

#wrap .notice_lead {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
 padding:5px;
 color:#231815;
 background-color:#FFE100;
}

.notice_img {
 width:624px;
 margin:0 auto;
}

.notice_img li {
 float:left;
 width:236px;
 margin:20px 38px;
 line-height:1.8;
 font-size:13px;
}

.notice_img li img {
 padding-bottom:5px;
}


.pagelink {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}

.pagelink a:link,
.pagelink a:visited {
	color: #1F53A7;
	text-decoration: underline;
}


.pagelink a:hover,
.pagelink a:active {
	color: #1F53A7;
	text-decoration: none;
}


.toolTip{
	position: relative;
}

dt.fuki .toolTip span{
	display: block;
	border: solid 3px #dadada;
	background-color: #FFF;
	color: #000;
	text-decoration: none;
	position: absolute;
	top: 25px;
	left: 0px;
	padding: 15px;
	visibility: hidden;
	width: 270px;
}

a.toolTip:hover,
a.toolTip:hover span{
	visibility: visible;
	z-index: 100;
}

.form form#mailformpro .bl label {
	padding: 2px;
	display: block;
}

.color_list02 li,
.color_list02b li {
	font-size: 16px;
	background-position: 0px 16px;
	background-size: 4px;
	padding: 4px 0px 5px 10px;
	text-align: left;
}


.linearea {
	border: 1px solid #DDD;
	padding:30px;
}



.mgn100 {
	margin-bottom:100px;
}

.form table,
.form th,
.form td {
	border:none;
	padding:3px;
}

.form table {
	width:100%;
}

.form table td{
	width: 500px;
}

.form table td:nth-of-type(even) {
	width:150px;
}

.form form#mailformpro input[type="text"].w100 {
	width: 100px;
}


/* notice ----------------*/

.mt50{
	margin-top:50px;
}

.color_h {
	font-size:18px;
}


.color_h02 {
	background:none;
	background-color:#F4F4F4;
	font-size:18px;
	color:#B23A31;
	padding:3px;
	margin-bottom:15px;
}

.noticePage .color_list li {
	font-size:13px;
}

/* contact ---------------------------------*/

.or_notice {
  text-align: center;
  margin-bottom: 30px;
}

.or_notice dt {
  background-color: #e67229;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  padding: 5px;
}

.or_notice dd {
  background-color: #fff6dd;
  padding: 15px;
  font-size: 16px;
}


/* contact form_add ----------------*/

.cc_title {
 background:none;
	text-align:center;
	border:none;
	border-bottom: 6px solid #d06f6c;
	padding:0px;
	display: table;
	width:auto;
	margin: 30px auto 10px;
 font-size:32px;
 color:#000;
}

table + .cc_title {
 margin-top:80px;
}


#wrap p {
	font-size:14px;
 text-align:center;
 margin-bottom:20px;
}


.gray_h {
	background:none;
	background-color:#ebe7e8;
 font-size:22px;
	color:#000;
	text-align:center;
 padding:7px 3px;
 margin:30px 0 15px;
}

#wrap .left {text-align:left;}


.bold { font-weight:bold;}

table {
	border-collapse: collapse;
	border-spacing: 0;
 width:100%;
}

table.campaign {
	margin-bottom:30px;
}


th,td {
	border:1px solid #c9c9c9;
	padding:8px;
	line-height: 1.6;
}

table.campaign th {
	font-size: 16px;
 width:134px;
	text-align: center;
 white-space:nowrap;
}


table.campaign th.campaign_title {
	color: #FFF;
	font-size: 16px;
	text-align: left;
 white-space:normal;
 width:auto;
}

table.campaign td {
	height: 50px;
	font-size: 16px;
}

table#campaign_red th {	background-color: #FDF0E1;}
table#campaign_green th {	background-color: #f6fbd7;}
table#campaign_saxa th { background-color: #ffeee9;}
table#campaign_blue th {	background-color: #eef2fd;}
table#campaign_purple th {	background-color: #E4E4F3;}
table#campaign_lightpur th {	background-color: #e3def3;}
table#campaign_pink th {	background-color: #FFD4D5;}
table#campaign_lblue th {	background-color: #edf9ff;}
table#campaign_lgreen th {	background-color: #f6fbd7;}


table#campaign_red th.campaign_title {	background-color: #ed6c00;}
table#campaign_green th.campaign_title {	background-color: #6ea11d;}
table#campaign_saxa th.campaign_title {	background-color: #d14822;}
table#campaign_blue th.campaign_title {	background-color: #145089;}
table#campaign_purple th.campaign_title {	background-color: #5f5dab;}
table#campaign_lightpur th.campaign_title {	background-color: #42408e;}
table#campaign_pink th.campaign_title {	background-color: #f3787a;}

table#campaign_lblue th.campaign_title {	background-color: #049ce0;}
table#campaign_lgreen th.campaign_title {	background-color: #6ea11d;}


/* SP style -----------------------*/
@media screen and ( max-width : 510px ) {

  .or_notice {
  text-align: center;
  margin-bottom: 20px;
}

.or_notice dt {
  font-size: 15px;
  padding: 8px;
}

.or_notice dd {
  font-size: 13px;
  padding: 5px;
}

section.form,
section.form_tx {
	width:800px;
	box-sizing:border-box;
	margin:45px auto 0px;
}

section.form_tx {
	border: 1px solid #DDD;
}

.cc_title {
	border-bottom: 4px solid #d06f6c;
 font-size:20px;
}

#wrap p {
	text-align:left;
	font-size:12px;
}

#wrap p.ex_lead {
	font-size:16px;
}


.gray_h {
	font-size: 16px;
}

table.campaign th.campaign_title {
font-size: 14px;
}

table.campaign th {
	font-size: 12px;
	width: auto;
}

table.campaign td {
	font-size: 12px;
}

.form h2 {
	font-size:14px;
	padding: 10px;
}

.form form {
	margin-bottom:30px;
}

.must {
	font-size:12px;
}


  .form_switch {
	padding:10px;
  }

.form dt,
.form dd {
	text-align:left;
	font-size:14px;
	margin-bottom:5px;
}

.form label {
	font-size:16px;
	padding:5px;
}

  .form .tablabel {
	font-size:14px;
  }


.form dd {
	margin-bottom:40px;
}

.form form#mailformpro input[type="text"] {
	width:100%;
	box-sizing:border-box;
	padding:8px;
}

.form form#mailformpro input.short {
  width: 130px;
}

.form form#mailformpro input[type="radio"] {
	margin-bottom:8px;
}



.form textarea {
	width:100%;
	box-sizing:border-box;
}


.form p {
	font-size:16px;
}



}
