@charset "UTF-8";

/*==========================================================

　リセット

==========================================================*/

* {
	margin:0;
	padding:0;
	letter-spacing:0.1rem;
	box-sizing:border-box;
	font-style:normal;
}

body {
	font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	height:100%;
}

main { margin-bottom:auto; }

ul { list-style-type:none; }

img {
	max-width:100%;
	vertical-align:middle;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  border: 0;
  background: transparent;
  border-radius: 0;
  text-align: inherit;
}

button:hover { cursor: pointer; }

input[type="submit"] {
	appearance:none;
	-webkit-appearance:none;
	background-color:inherit;
	color:#000;
	border:solid 1px #999;
	border-radius:0;
}


/*==========================================================

　共通

==========================================================*/
.design1 article { color:#373D27; }

/* 明朝体 */
.design1 .serif { font-family: serif; }

/* サイドスペース */
.design1 .sidespace {
	margin:0 1rem;
}

.design1 img.half {
	max-width:50%;
}

@media only screen and (min-width: 750px) {
/* サイドスペース */
.design1 .sidespace {
	width:780px;
	margin:0 auto;
}
}

/* スマホで見たとき */
.design1 .forsp { display: block; }
.design1 .forpc { display: none; }
 
/* PCで見たとき */
@media only screen and (min-width: 750px) {
.design1 .forsp { display: none; }
.design1 .forpc { display: block; }
}