/*
Theme Name: Gimmick
Theme URI: https://magicalgimmick.com
Author: Magical Gimmick
Author URI: https://magicalgimmick.com
Description: Thankyou
Version: 3.0
License: Magical Gimmick
License URI: https://magicalgimmick.com
*/

/*--------------------------------------------------------------
　Layout
--------------------------------------------------------------*/
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
	height: 100%;
	margin: 0;
}


.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding-left: 2em;
    padding-right: 2em;
}

.wrap:after {
    clear: both;
    content: "";
    display: block;
}

body {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 16px;
	text-align: justify;
	line-height: 1.5;
	
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.wrap {
	flex: 1;
}

h1 {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 1.3rem;
	text-align: justify;
	line-height: 1.3;
}

.main {
	margin-top: 50px;
	margin-bottom: 50px;
}

/********** mail icon **********/
.dli-mail {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
	margin-right: 3px;
  line-height: 1;
  position: relative;
  width: 1.06667em;
  height: 0.8em;
  border: 0.1em solid currentColor;
  border-radius: 0.1em;
  box-sizing: content-box;
  overflow: hidden;
}
.dli-mail::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 0.75425em;
  height: 0.75425em;
  border: 0.1em solid currentColor;
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 0 0 0 0.1em;
  box-sizing: content-box;
  transform: translate(-50%, -50%) rotate(-45deg) skew(10deg, 10deg);
}