@charset "utf-8";
/* style.css：サービス終了のお知らせ */

/*---------------------------------------------------------
  CSS : reset
----------------------------------------------------------*/
* {
	margin : 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	height: 100%;
}
* html body {
	font-size: 100%;
}
*:first-child + html body {
	font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dt, dd, th, td {
	font-style : normal;
	font-weight: normal;
	text-align : left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img {  
    border: 0; 
} 
li, ol {
	list-style: none;
}
em {
	font-style: normal;
}
fieldset {
	border: none;
}
select{background:#fff;}
label{
padding:5px 10px 5px 0;
display:inline-block;}


/*common--------------------------*/

body{
	font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #181818;
	font-size:16px;
	line-height:1.6;
	text-align: center;
	background:#faf4ed;
}
img{
max-width: 100%;
height:auto;
}

/*style----------------------------*/


.stopWrap{
width:100%;
height:100%;
display: flex;
justify-content: center;
align-items: center;
}

.stopWrap .box{
margin:0 5%;
padding:8%;
text-align: center;
background:#fff;
border:1px solid #e3e3e3;
border-radius: 10px;
}

.stopWrap .box h1{
text-align: center;
}
.stopWrap .box h1 img{
width:60%;
}

.stopWrap .box p{
margin-top:20px;
text-align: center;
}


/*---------------------------------------------------------
  width: 768px
----------------------------------------------------------*/
@media screen and (max-width: 768px){
.stopWrap .box{
padding:8% 6%;
}

.stopWrap .box h1 img{
width:inherit;
}

}