@charset "UTF-8";          /*---about top---*/

/*=========●共通及び smart.css=========*/
body {
/*
	background-image: url("../../resources/chequeredWh.png");

}
.global-nav ul li a {
	background-image: url("../../resources/nav-black-sm.png");
}
.global-nav ul li .active {
	background-image: url("../../resources/nav-black-sm.png");*/
}

/*form web用*/

.main {
width:90%;
margin: auto;
}


.content {
	width:100%;
}

.about-top-img  {
	border-radius: 10px;
	border: 1px solid #5961ef;
	padding: 10px;
	}


/*---content---*/

.form {
	width: 80%;
	max-width: 500px;
	margin: 30px;
	padding: 30px;
	display: black;
	background: #1e1e1e;
	border-radius: 10px;
}
textarea {
	width: 100%;
	max-width: 500px;
	
}
input {
	width: 90%;
}

input:required {
	background-image: url(../resources/parts/caution.png);
	background-repeat: no-repeat;
	background-position: right center;
}
input:valid {
	background-image: none;
}

fieldset{
	border: none;

}


.postscript {
	width: 80%;
	padding: 30px;

	margin: auto;
}
.botton {
	width: 100px;
	background: #7686ac;
	border-radius: 10px;
	font-size: 1.4rem;
}
.form img{
    float: inline-start;
}


/*=========●タブレット.css=========*/
@media screen and (min-width: 600px){
.form {
	margin: auto;
}
}


/*=========●Mac pc.css=========*/
@media screen and (min-width:1025px){
	.main {
		width:70%;
		margin: auto;
		}
	.content {
		display: flex;
	}
}