/* 共通メールフォーム1 */

.ptop{
  padding-top: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}

.nolistmark{
	 list-style: none;
	 padding-left: 0;
	 margin-top: 0;
}

ul .center ,ul li .center{
  text-align: center;
}

input.btn {

    /* 背景色を指定しないとサイズが効かない */
    background:  #0097d7;
    border-color: #0097d7;
    border-radius: 10px;
    display:inline-block;
    vertical-align: top;
    font-weight:bold;/* 文字太さ */
}

h1.page_title {
	text-align: center;
	margin: 1em 0;
}

.wpcf7-response-output {
	width: 100%;
	text-align: center;
	padding: 1em 0;
}
.screen-reader-response { display: none; }


/*===============================================
画面の横幅が641px以上（PC用）
===============================================*/
@media screen and (min-width: 641px){
	.ptop {  width: 340px; }

	.nonepc {
	  display: none;
	}

	.logowide{
		width: 400px;
	}

	/*pcメールフォーム*/

div.wide{
		width: 400px;
	  margin: 0 auto;
	}

	input.btn {
	    font-size: 20px;
	    color: #fff;/*文字カラー*/
	    padding: 10px 20px;
	    margin: 0 25px;
	  }

	.inputsorid{
	  border:2px #999 solid;
	  width: 340px;
	  box-sizing: border-box;
		font-size: 20px;
	}
	
	.contact_attention {
		width: 800px;
		margin: 0 auto;
	}


}

/*===============================================
画面の横幅が640pxまで（スマホ用）
===============================================*/
@media screen and (max-width:640px){
	.ptop { width: 100%; }
	.nonemobile {
	  display: none;
	}

	.maxwide{
		font-size: 6vmin;
    margin-bottom: 0;
	}

.top1{
  padding-top: 0;
}

	/*スマホメールフォーム*/
	.nolistmark{
	   padding: 10%;
	   margin: 0;
		 padding-top: 0;
	}

  .wide{
	  width: 100vw;
	}

	input.btn {
	    font-size: 20px;
	    color: #fff;/*文字カラー*/
	    padding: 10px 20px;
	    margin: 3%;
	  }

	.inputsorid{
		border:2px #999 solid;
		width: 100%;
		box-sizing: border-box;
		font-size: 4.8vw;
	}
	
	.contact_attention {
		width: 90vw;
		margin: 0 auto;
	}


}