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

.contents{
	text-shadow: 0 #ffffff !important;
	box-shadow: 0 #ffffff !important;
	font-weight:normal !important;
}

form.mailform{
	float: none;
	clear: both;
	overflow: hidden;
	width: 96% !important;
	margin: 25px auto !important;
	padding: 0 !important;
}


form.mailform div{
	width: 100%;
	border-bottom: 1px solid #cccccc;
	clear: both;
	padding: 35px 0px !important;
	display: block;
	overflow: hidden;
}



.border_none{
	border-bottom: none !important;
}

form.mailform div p{
	width: calc(25% - 20px);
	float: left !important;
	padding: 0 0 0 15px !important;
	line-height: 145%;
	margin-top: -5px;
	border-left: 5px solid #BAE2CA;
}

input{
font-size: 16px !important;
}

textarea{
font-size: 16px !important;
}

.m-form-text {
    height: 1.4em;
	width: calc(75% - 30px);
    padding: 10px 15px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	background-color: #F7F7F7;
}

.m-form-text:focus,.select_arrow:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}

::placeholder,m-form-text{
	padding: 0 !important;
}

::placeholder,select {
	height: 2.4em;
	color: #bbb;
	font-size: 14px;
	line-height: 200%;
	padding: 10px 15px;
}

.select_arrow {
	font-size: 16px;
	background-image: url("../img_mb/arrow_bl.png");
	background-repeat: no-repeat;
	background-position: center right 15px;
    height: 2.8em;
	width: calc(75% - 0px);
	/*width: 75%;*/
    padding: 7px 15px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	background-color: #F7F7F7;
	color: #000000;
}



.m-form-item-textarea textarea {
    height: 440px !important;
	width: 75%;
}

.m-form-textarea {
    display: block;
	width: calc(75% - 30px);
    padding: 10px 15px;
    border-radius: 4px;
    border: none;
    box-shadow: 0 0 0 1px #ccc inset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    resize: vertical;
    height: calc( 1.3em * 10 );
    line-height: 1.3;
	background-color: #F7F7F7;
}

.m-form-textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}


form.mailform .formbottom {
	text-align: center;
	padding-top: 0 !important;
	margin-top: 0 !important;
} 






.pc_hidden{
	display: none;
}


form.mailform .btns{
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 110%;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  padding       : 15px 25px;   /* 余白       */
  background    : #008B3D;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  border        : 1px solid #008B3D;    /* 枠の指定 */
  line-height: 100%;
  margin: 0 10px !important;
}




form.mailform .btns:hover{
	transition: 0.3s !important;
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 110%;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  padding       : 15px 25px;   /* 余白       */
  background    : #2DB200;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  border        : 1px solid #008B3D;    /* 枠の指定 */
  line-height: 100%;
  margin: 0 10px !important;
}


@media only screen and ( max-width : 800px ) {
/*ナビindex*/
	
form.mailform{
	width: 95% !important;
	margin: 25px auto !important;
}

form.mailform div p{
	width: 100%;
	clear: both;
	padding-bottom: 0px !important;
	margin-bottom: 10px !important;
}
	
input{
font-size: 16px !important;
}
	
input[type="submit"],input[type="reset"] {
  appearance: none;
  -webkit-appearance: none;
  }

textarea{
font-size: 16px !important;
}
	
.select_arrow {
	width: 100%;
	clear: both;
}

.m-form-text {
	width: calc(100% - 30px);
	clear: both;
}

.m-form-item-textarea textarea {
	width: 100%;
	clear: both;
}

.m-form-textarea {
	width: calc(100% - 30px);
	clear: both;
}
	
.navi_body{
	padding: 20px 10px 25px 10px;
}	
	


.pc_hidden{
	display: block;	
}


.access_detail{
	margin: 25px 20px 45px 20px;
}


	
	
	
	
}

@media only screen and ( max-width : 480px ) {


	
}