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

html,body {
	max-width: 100%;
	background-color: #e6e6e6;
}


h1 {
	width:65%;
	margin-left:17.5%;
	margin-right:17.5%;
	text-align: center;
}

h2 {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 40px;
	line-height:2.35;
	letter-spacing: 0.1em;
	color: #000;
	margin: 12% 0 2%;
}


h3 {
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 36px;
	line-height:2.35;
	letter-spacing: 0.05em;
	color: #000;
	margin: 12% 0 2%;
}


.logo {
	text-align: center;
	margin: 5% 0 2%;
}

/*p {
	width:65%;
	margin-left:17.5%;
	margin-right:17.5%;
	text-align: left;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 35px;
    color: #666;
	background: transparent;
}*/

p {
	font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "HelveticaNeue", "YuGothic", "Yu Gothic Medium", "Yu Gothic", "Verdana", "Meiryo", sans-serif;
	color: #666;
	font-size: 14px;
	letter-spacing: 0.2em;
	line-height: 1.8em;
}


b, strong, .bold{
	font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "HelveticaNeue", "YuGothic", "Yu Gothic Medium", "Yu Gothic", "Verdana", "Meiryo", sans-serif;
}

/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}


.textarea {
	width:65%;
	margin-left:17.5%;
	margin-right:17.5%;
}

.topimg {
	text-align: center;
}

.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.mt3 {
	margin-top:3%;
}

.mt5 {
	margin-top:5%;
}

.mt10 {
	margin-top:10%;
}

.mtm1 {
	margin-top:-1%;
}

.mbm2 {
	margin-bottom:-2%;
}


.mb3 {
	margin-bottom:3%;
}

.mb5 {
	margin-bottom:5%;
}


.mb10 {
	margin-bottom:10%;
}


* {
	margin: 0;
	padding: 0;
}


ul{
	width:100%; 
	margin:3% auto;
	height:100%;/*指定しないとul:afterで【padding】のように下が広がる*/
	letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
	text-align: justify;
	text-justify: distribute-all-lines; 
}
ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 

li{
	letter-spacing:normal;
	display: inline-block;/*ブロックレベル要素に横並びにする*/
	width:50%; 
	height:autos;
	line-height: 1.75;
	text-align: center;
}

ol{
	text-align: left;
	padding:0 15%;
}


ul.process {
  width: 67%;
  border:none;
}

ul.process li {
  width:48%;
  border:none;
  display: inline-block; 
  vertical-align:top;
  padding:1%;
}


ul.process li:first-child {
  height:auto;
}

ul.process li a {
  display: block;
}


ul.items {
  width: 65%;
  margin-left: 17.5%;
  margin-right: 17.5%;
  padding:0;
  margin-top: 3%;
  font-size:12px;
  text-align: center;
}

ul.items li {
  width:30%;
  display: inline-block;
  text-align: center;
}

ul.items li:first-child {
  height:auto;
}

ul.items li a {
  display: block;
}


.tobuy {
  width: 65%;
  margin-left: 17.5%;
  margin-right: 17.5%;
  margin-top: 10%;
  margin-bottom: 0%;
}


.tobuysp {
  width: 30%;
  margin-left: 35%;
  margin-right: 35%;
  margin-top: 5%;
}


.totop {
  width: 10%;
  margin-left: 45%;
  margin-right: 45%;
  margin-top: 5%;
  margin-bottom: 15%;
}


.totopsp {
  width: 30%;
  margin-left: 35%;
  margin-right: 35%;
  margin-top: 5%;
  margin-bottom: 15%;
}



.price {
	font-family:"Roboto", "Segoe UI", "Helvetica Neue", "HelveticaNeue", "YuGothic", "Yu Gothic Medium", "Yu Gothic", "Verdana", "Meiryo", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.75;
	text-align: center;
	color: #000;
	text-decoration: none;
}


/*スマホ*/

.topsp {
	margin-top:-5%;
}

.capsp {
	font-family:"YuGothic", "Yu Gothic Medium", "Yu Gothic", "Verdana", "Meiryo", sans-serif;
	font-size: 12px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	line-height: 1.75;
	text-align: left;
	color: #666666;
}

.itemssp {
  width: 80%;
  text-align:center;
  margin-left:10%;
  margin-right:10%;
}

.textareasp {
	width:90%;
	margin-left:5%;
	margin-right:5%;
}



/*動かす系*/

.fade-in {
  transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
}