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

.inn {
	width:1100px;
	margin: 0 auto;
}

header {
	width: 100%;
	height: 100px;
	display: flex;
    align-items: center;
}


header h1{
	margin-top:5px;
	width: 88px; 
}


.d-title{
	margin:50px 0px;
	text-align: center;
}

.d-title{
	text-align: center;
	margin:0px 0px 50px 0px;
}

h3 {
  font-family: 'Hind', sans-serif;
  font-size: 2.6rem;
  font-weight: 300;
  letter-spacing: 2px;
  margin-bottom: 0px;
  position: relative;
}

 h3:after {
  background-color: #D0D0D0;
  width: 47px;
  height: 1px;
  content: "";
  position: absolute;
  bottom: -10px;
  right: 0px;
  margin: auto;
  left: 0px;
}

.nopc{display: none;}
.content {
    text-align: center;
    padding-bottom: 50px;
    width:96%;
    max-width:850px;
    margin:0 auto;
}


/* SP */
@media screen and (max-width:767px) {
    .nopc{display: block;}
    .d-title{
        margin:20px 0px;}
    .inn {
        width:100%;
        margin: 0 auto;
    }

}


/*-- privacy --*/
.privacy{
	text-align: left;
	font-size:15px;
	max-width: 800px;
	margin-top: 3em
}
.privacy p{margin: 0}
.privacy .ttl{
	font-weight: bold;
	margin-top: 3em;
	margin-bottom: 1em;
}
.privacy p:not(.ttl) + p:not(.ttl){
	margin-top: 1em;
}
.privacy p span{
	display: inline-block;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 0
}
@media screen and (max-width:767px) {
	.privacy{
		font-size:3.2vw;
	}
	
}