body {
  background-color: #fff;
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #555;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}


/* Paragraph & Typographic */

p {
  line-height: 28px;
	font-family: "M PLUS 1p";
	transform: rotate(0.03deg); 
	font-size: 14px;
}

h3{
	font-size: 32px;
	font-weight: 900;
	margin-bottom: 1em;
	font-family: "Lato";
}

h3 span{
	font-size: 12px;
	font-family: "M PLUS 1p";
	font-weight: 700;
	transform: rotate(0.03deg); 
	padding-left: 20px;
}

h4{
	margin-bottom: 2em;
	font-family: "M PLUS 1p";
	font-weight: 900;
	transform: rotate(0.03deg); 
}

.centered {
  text-align: center;
}

dl,
dt,
dd {
  box-sizing: border-box;
	font-size: 14px;
}
dl {
  border-bottom: 1px solid #eee;
	margin-bottom: 4em;
}
dt,
dd {
  padding: 20px 0 0 0;
  border-top: 1px solid #eee;
}
dt {
  width: 20%;
  float: left;
	font-weight: bold;
}
dd {
  background: #fff;
  margin-left: 20%;
  padding-bottom: 20px;
	overflow: inherit;
	overflow-wrap : break-word;
}
dd:after {
  content: '';
  display: block;
  clear: both;
}

ul li{
	margin-bottom: 1em;
	list-style-type: disc;
	line-height: 23px;
	margin-left: 17px;
	
}

/* Links */

a {
  color: #f85c37;
  word-wrap: break-word;
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover, a:focus {
  color: #7b7b7b;
  text-decoration: none;
  outline: 0;
}

a:before, a:after {
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* HEADER SECTION */

#headerwrap {
  background: url(../img/header-bg.jpg) no-repeat center top;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 568px;
  width: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	display: flex;
  justify-content: center;
  align-items: center;
}

#headerwrap h1 {
	padding: 0.7em 0 0 0;
  color: white;
  font-size: 14px;
  font-weight: 300;
	letter-spacing: 1px;
}

#headerwrap h2 {
	padding: 1.2em 0 0 0;
  color: white;
  font-size: 14px;
  font-weight: 600;
	letter-spacing: 1.2px;
}




/* COMPANY SECTION */
#company{
	padding: 5em 3em;
}


/* Copyrights */

#copyrights {
  background: #222222;
  padding: 20px 0;
  text-align: center;
  color: #fff;
}

#copyrights a {
  color: #f0ad4e;
}

#copyrights p {
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
	h3 span{
	padding-left: 0px;
		display: block;
		padding-top: 0.5em;
}
	#company{
	padding: 5em 2em;
}
}