@charset "utf-8";
/* CSS Document */
.header_background_img{
  background-image:url(../images/contact/contact_top.jpg);
  background-size:contain;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 0px;
}

.top_top{
  padding-top:50px;
  padding-bottom:50px;
  width:50%;
  max-width:550px;
  min-width:235px;
}


.contents_wrapper{
  background-color:#F7F7F7;
  padding-top:100px;
  padding-bottom:100px;
}

.contents_box{
  background-color:#FFFFFF;
  width:90%;
  max-width:1100px;
  padding-top:2%;
  padding-right:2%;
  padding-left:2%;
  padding-bottom:5%;
  margin:0 auto;
  border:solid 1px #C8C9CA;
  position:relative;
  background-image:url(../images/contact/icon_hukidasi.png);
  background-repeat:no-repeat;
  background-position:center center;
  min-height:350px;
}

.contents_box2{
  background-color:#FFFFFF;
  width:90%;
  max-width:1100px;
  padding-top:2%;
  padding-right:2%;
  padding-left:2%;
  padding-bottom:5%;
  margin:0 auto;
  border:solid 1px #C8C9CA;
  position:relative;
  background-image:url(../images/contact/icon_mail.png);
  background-repeat:no-repeat;
  background-position:center center;
  min-height:350px;
}

.contents_box3{
  background-color:#FFFFFF;
  width:90%;
  max-width:1100px;
  padding-top:2%;
  padding-right:2%;
  padding-left:2%;
  padding-bottom:5%;
  margin:0 auto;
  border:solid 1px #C8C9CA;
  position:relative;
  background-image:url(../images/contact/icon_ok.png);
  background-repeat:no-repeat;
  background-position:center center;
  min-height:350px;
}

.contents_box:after{
  border:25px solid transparent;
  border-top-color:#FFFFFF;
  border-bottom-width:0;
  bottom:-25px;
  content:"";
  display:block;
  left:48%;
  position:absolute;
  width:0;

}

.contents_box2:after{
  border:25px solid transparent;
  border-top-color:#FFFFFF;
  border-bottom-width:0;
  bottom:-25px;
  content:"";
  display:block;
  left:48%;
  position:absolute;
  width:0;

}

.contents_box3:after{
  border:25px solid transparent;
  border-top-color:#FFFFFF;
  border-bottom-width:0;
  bottom:-25px;
  content:"";
  display:block;
  left:48%;
  position:absolute;
  width:0;

}

.h2_title{
}

.h3_title{
  margin-top:3%;
  margin-left:30px;
  margin-bottom:10px;
}

.h3_title:before{
  content:url(../images/icon_check.png);
  top:3px;
  position:relative;
  padding-right:20px;
}
.p_keisen{
  border-bottom:2px solid #E51373;
}

.p_text{
  margin-top:30px;
  line-height:150%;
}

.p_h3{
  width:80%;
  margin:0 auto;
  margin-bottom:30px;
}


.contents_yohaku{
  height:70px;
}

.contents_yohaku2{
  margin-bottom:100px;
}

.main_h1{
  margin-top:80px;
  margin-bottom:50px;
}

.main_contact_h3{
  margin-left:40px;
  line-height:180%;
  margin-bottom:10px;

}

.main_contact_icon_hissu{
  width:30px;
  padding-left:1%;
  padding-right:1%;
  margin-left:1%;
  line-height:200%;
  background-color:#595757;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  opacity:0.5;
  color:#FFFFFF;
}

.main_input_form{
  margin-left:60px;
}

.main_input_form_2{
  margin-left:60px;
  margin-bottom:30px;
}

.main_textbox{
  width:95%;
  max-width:1100px; 
  margin:0 auto; 
  margin-top:50px;
  line-height:1.8;
  margin-bottom:70px;

}
.main_textbox_name{
  width:90%;
  min-width:100px;
}

.main_select_ken{
  width:70%;
  margin-bottom:10px;
  margin-left:1em;
}

.main_textbox_si{
  width:70%;
  margin-bottom:10px;
  margin-left:1em;
}

.main_textbox_banti{
  width:70%;
  margin-bottom:10px;
  margin-left:1em;
}

.main_textbox_sonota{
  width:70%;
  margin-bottom:10px;
  margin-left:1em;
}

.main_textbox_kaisya{
  width:70%;
  min-width:100px;
  margin-bottom:30px;
}

.main_textbox_tel{
  width:4em;
}

.main_textbox_email{
  width:90%;
  min-width:100px;
}


.main_radio_hensin{
  width:5%;
  margin-bottom:30px;
}

.main_date{
  width:2.5em;
}

.main_date_2{
  width:2.5em;
  margin-bottom:30px;
}

.main_radio_basho{
  width:5%;
  margin-bottom:10px;
}


.main_textbox_detail{
  width:90%;
  min-width:100px;
  height:300px;
}

.main_button{
  width:170px;
  height:50px;
  background-color:#66ccff;
  color:#FFFFFF;
  border-radius:20px;
}

.main_div_error{
  vertical-align:middle;

}

.main_contact_table_2line{
  border:1px solid #B4B4B5;
  border-collapse:collapse;
  margin-top:10px;
  margin-left:40px;
  margin-bottom:55px;
  width:60%;
}

.main_contact_table_th{
  border:1px solid #B4B4B5;
  border-collapse:collapse;
  padding:10px;
  opacity:0.5;
}

.main_contact_table_td{
	border: 1px solid #B4B4B5;
	border-collapse: collapse;
	padding: 10px;
	vertical-align: middle;
	width: 20%;
	text-align: left;
}

.main_table_4line{
  border-collapse:collapse;
  margin:0 auto;
  margin-bottom:55px;
  width:80%;
}

.main_table_th{
  border-collapse:collapse;
}

.main_table_td1{
	border-top: 1px solid #b4b5b5;
	border-bottom: 1px solid #b4b5b5;
	border-collapse: collapse;
	padding: 10px;
	padding-top:30px;
	padding-bottom:30px;
	vertical-align: middle;
	width: 25%;
	text-align: left;
	background-color:#FFFFFF;
	color:#000000;
}

.main_table_td2{
	border-top: 1px solid #b4b5b5;
	border-bottom: 1px solid #b4b5b5;
	border-collapse: collapse;
	padding: 10px;
	padding-top:30px;
	padding-bottom:30px;
	vertical-align: middle;
	width: 55%;
	text-align: left;
}

.contact_ul{
  margin-top:15px;
  margin-bottom:15px;
}

.contents_ul{
  margin-top:30px;
  margin-left:7%;
}

.contents_li{
  margin-bottom:10px;
}

.contents_li:before{
  content:url(../images/icon_infomation.png);
  top:5px;
  position:relative;
  padding-right:10px;
}

.contact_1{
  text-align:center;
  color:#66ccff;
  margin-top:80px;
  margin-bottom:20px;
}

.contact_2{
  margin:0 auto; 
  line-height:1.8;
}


.contact_3{
  width:90%;
  max-width:180px;
  margin:0 auto;
  border-bottom:solid;
  border-width:5px;
  border-color:#66ccff;

}

.contact_4{
  padding-top:20px;
  margin-bottom:20px;
}

.contact_5{
  width:20%;
  border-top:solid 1px #888889;
  border-bottom:solid 1px #888889;
  padding:20px;
}

.contact_6{
  width:80%;
  border-top:solid 1px #888889;
  border-bottom:solid 1px #888889;
  padding:20px;
}

.contact_7{
  width:90%;
  margin:0 auto;
}

.contact_8{
  margin-bottom:50px;
}

.contact_9{
  width:95%;
}

.contact_10{
  display:none;
}

.contact_11{
}

.contact_22{	
  color:#000000;
  
}


/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {

.main_textbox_name{
  width:50%;
}

.main_textbox_email{
  width:50%;
}

.main_select_ken{
  width:30%;
}

.main_textbox_si{
  width:30%;
}

.main_textbox_banti{
  width:30%;
}

.main_textbox_sonota{
  width:30%;
}

.main_textbox_kaisya{
  width:30%;
}

.main_textbox_detail{
  width:60%;
}

.contact_10{
  display:block;
}

.contact_11{
  display:none;
}

}