/************************************************/
/*        フォームメール用スタイルシート        */
/************************************************/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');


/**----------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////
PC
///////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------**/
@media only screen and (min-width:600px){


/* ------ ページ全体 ------ */
body {  
	background-color: #ffffff;  /* 背景色 */
     font-family: 'Noto Sans Japanese', sans-serif;
     font-size: 100%;
}

/****/
#contact-container{
	margin-top: 5rem;
}

a{
		text-decoration: none;
	}	
/* ------ タイトル ------ */
.title {
	color: #000000;             /* 文字色 */
	text-align: center;           /* 配置 */
	 padding: 3rem 0 2rem 0 ;
}


/* ------ メッセージ ------ */
.msg_head {
	color: #505050;             /* 文字色 */
	text-align: center;           /* 配置 */
	
}

.msg_foot {
	color: #505050;             /* 文字色 */
	text-align: center;         /* 配置 */
}

.return{
	text-align: center;         /* 配置 */
	width: 11rem;
	font-size: 14px;
	padding: 1rem 0;
	height: auto;
	margin: 1rem auto;
	border: 1px solid #c8c8c8;
	color: #505050;
	cursor: pointer;
	background-color: #fff;
	}
/* ------ テーブル ------ */
table {
	border-style: none;
	width: 70%;
	margin: 0 auto 3rem auto;
	border-collapse: collapse;
	font-size:.9rem;
}

table th {
	width: 30%;
	background-color: #fff;  /* 背景色 */
	color: #505050;             /* 文字色 */
	text-align: left;           /* 配置 */
	border-style: none;
	white-space: nowrap;
	padding: 1rem;
	border-bottom: 1px solid #c8c8c8;
	font-weight: 400;
}

table td {
	width: 70%;
	background-color: #fff;  /* 背景色 */
	color: #505050;             /* 文字色 */
	text-align: left;           /* 配置 */
	border-style: none;
	white-space: nowrap;
	padding: 2rem 0;
	border-bottom: 1px solid #c8c8c8;
}


/* ------ ボタン ------ */
.submit {
	text-align: center;         /* 配置 */
	width: 130px;
	font-size: 14px;
	padding: 1rem;
	height: auto;
	margin: 1rem auto;
	display: block;
	color: #505050;
	cursor: pointer;
	background-color: #fff;
}



.co-button{
	width: 100%;
	margin: 50px auto 60px auto;
	text-align: center;
	border-collapse: collapse;
	box-sizing: border-box;
	
}

.co-button p{
	color: #009ee5;
	font-size: .8rem;
	padding: 1rem;
}

.bo{
	width: 100px;
	font-size: 14px;
	padding: 10px 0;
	height: 40px;
	margin: 1rem;
	
	/**inputがsafariでcssが反映されない時のプロパティ**/
	border-style:none;
	/******************************************メモ**/
	border: 1px solid #c8c8c8;
	border-radius: 6px;
	color: #505050;
	cursor: pointer;
	background-color: #fff;
}


.bo:active{
	border: 1px solid #d0c57b;
	background-color: #d0c57b;
	color: #fff;
}


/****/
input{
	width: 100%;
	border: 1px solid #c8c8c8;
	background-color: #fff;
	color: #505050; 
	font-size:.8rem;
	padding: .5rem;
	border-radius: 4px;
}

textarea{
	width: 100%;
	color: #505050; 
	font-size:.8rem;
	padding: .5rem;
	border-radius: 4px;
	border: 1px solid #c8c8c8;
}

.must{
	color: #009ee5;
	font-size: .8rem;
}
	
}


/**----------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////
SP
///////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------**/
@media only screen and (max-width:599px){


/* ------ ページ全体 ------ */
body {  
	background-color: #ffffff;  /* 背景色 */
}

/****/
#contact-container{
	margin-top: 2rem;
}

/* ------ タイトル ------ */
.title {
	color: #000000;             /* 文字色 */
	text-align: center;           /* 配置 */
	 padding: 1rem 0 1rem 0 ;
}


/* ------ メッセージ ------ */
.msg_head {
	color: #505050;             /* 文字色 */
	text-align: center;           /* 配置 */
	
}

.msg_foot {
	color: #505050;             /* 文字色 */
	text-align: center;         /* 配置 */
}


/* ------ テーブル ------ */
table {
	border-style: none;
	width: 90%;
	margin: 0 auto 3rem auto;
	border-collapse: collapse;
	font-size:.9rem;
}

table tr {
	display: flex;
	flex-flow: column nowrap;
	}
	
table th {                          
	background-color: #fff;  /* 背景色 */
	color: #505050;             /* 文字色 */
	text-align: left;           /* 配置 */
	border-style: none;
	white-space: nowrap;
	padding: 1rem 0 .2rem 0;
	
	font-weight: 400;
}

table td {
	background-color: #fff;  /* 背景色 */
	color: #505050;             /* 文字色 */
	text-align: left;           /* 配置 */
	border-style: none;
	white-space: nowrap;
	padding: 0 0 2rem 0;
	border-bottom: 1px solid #c8c8c8;
}


/* ------ ボタン ------ */
.submit {
	text-align: center;         /* 配置 */
}


.co-button{
	width: 100%;
	margin: 50px auto 60px auto;
	text-align: center;
	border-collapse: collapse;
	box-sizing: border-box;
	
}

.co-button p{
	color: #009ee5;
	font-size: .8rem;
	padding: 1rem;
}

.bo{
	width: 40%;
	font-size: 14px;
	padding: 10px 0;
	height: 50px;
	margin: .5rem;
	
	/**inputがsafariでcssが反映されない時のプロパティ**/
	border-style:none;
	/******************************************メモ**/
	border: 1px solid #c8c8c8;
	border-radius: 6px;
	color: #505050;
	cursor: pointer;
	background-color: #fff;
}


.bo:active{
	border: 1px solid #d0c57b;
	background-color: #d0c57b;
	color: #fff;
}


/****/
input{
	width: 100%;
	border: 1px solid #c8c8c8;
	background-color: #fff;
	color: #505050; 
	font-size:.8rem;
	padding: .5rem;
	border-radius: 4px;
}

textarea{
	width: 100%;
	color: #505050; 
	font-size:.8rem;
	padding: .5rem;
	border-radius: 4px;
	border: 1px solid #c8c8c8;
}

.must{
	color: #009ee5;
	font-size: .8rem;
}
	
}