@charset "UTF-8";
	* {
		margin: 0;
		padding: 0;
	}
	html {
		font-size: 13px;
	}
  body {
    position: relative;
		font-family: "Hiragino Kaku Gothic ProN", 'メイリオ', Meiryo, sans-serif;
    width: 100%;
		color: #333;
  }
  .wrap {
    //margin-top: -20px;
    paddung: 0;
  }
	.contents {
	  position: relative;
	  margin: 30px auto;
	  max-width: 1024px;
	}
  h1 {
		clear: both;
    position: relative;
    width: 100%;
    font-size: 2.8rem;
    font-weight: normal;
    text-align: center;
		margin-bottom: 30px;
  }
	h2 {
    position: relative;
    width: 100%;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: left;
		margin: 8px auto;
  }
  ul, li {
    list-style-type: none;
  }
	.sp_drawer_menu {
		width: 100%;
		background:#E6B400; /* ビール色 */
    position: fixed;
    top: 0;
    opacity: 0.9;
    z-index: 1002;
	}
  .sp_drawer_nav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    //justify-content: space-between;
  }
	.sp_drawer_nav li {
		padding-right: 20px;
		list-style-type: none;
	}
  .sp_drawer_nav a {
    text-decoration: none;
    color: #333;
  }
  .sp_drawer_nav a:hover {
    text-decoration: none;
    color: #fff;
  }
	.sp_drawer_menu button {
		display: none;
	}




/* jesuis 部分*/
  .title {
    margin-top: 60px;
  }
  .jesuis_title {
    animation: fadeIn 10s ease 0s 1 normal;
  }
  .name_title {
    font-size: 3.6rem;
  }

  @keyframes fadeIn {
  	0% {opacity: 0}
  	100% {opacity: 1}
  }

  @-webkit-keyframes fadeIn {
  	0% {opacity: 0}
  	100% {opacity: 1}
  }
  @-webkit-keyframes blink-caret {
      from, to { border-color: transparent }
      //50% { border-color: black }
  }

  @-moz-keyframes blink-caret {
      from, to { border-color: transparent }
      //50% { border-color: black }
  }

	p {
		font-size: 1.2rem;
    line-height: 2.2rem;
	}
	a {
		color: #999;
    text-decoration: none;
	}
	a:hover {
		color: #E6B400;
    border-bottom: 1px solid #E6B400;
	}

	.imgbox {
		text-align: center;
	}
	.imgbox img {
    max-width: 540px;
    height: auto;
  }
	.imgbox a img:hover {
		opacity: 0.6;
  }
  address {
    color: #99bbdd;
    background: transparent;
    margin-top: 30px;
    text-align: center;
  }

	/* 色とか */
.rouge {
	color: #e60000;
}

  /* PC */

  /* 手書きアニメーション */
  #svg-animation .st0{
    style="fill:none;
    stroke:#fffffd;
    stroke-width:3;
    stroke-linecap:butt;
    stroke-linejoin:miter;
    stroke-miterlimit:4;
    stroke-dasharray:none;
    stroke-opacity:1
    stroke-dasharray: 1500; /* この行を追加 */
    stroke-dashoffset:1500; /* この行を追加 */
  }


  /* スマホ　*/
  @media screen and (max-width: 768px) {
  .wrap {
    width: 100%;
    padding:0px;
  }
  .contents {
	  margin: 0;
    padding: 4%;
	  width: 90%;
	}
  h1 {
    position: relative;
    width: 100%;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
		margin-bottom: 30px;
  }
	h2 {
    position: relative;
    width: 100%;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: left;
		margin: 12px auto;
  }
	p {
			font-size: 1.1rem;
		}
  .jesuis_title img {
    width: 120px;
  }
  .name_title {
    font-size: 1.6rem;
  }
  .imgbox a img {
      max-width: 80%;
      height: auto;
    }
	.sp_drawer_menu * {
	  margin: 0;
	  padding: 0;
	  outline: none;
	  border: none;
	  font: inherit;
	  font-family: inherit;
	  font-size: 100%;
	  font-style: inherit;
	  font-weight: inherit;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  text-align: left;
	  text-decoration: none;
	  list-style: none;
	}
  .sp_drawer_menu {
    width: 100%;
    height: 70px;
    background: transparent;
  }
	.sp_drawer_menu a {
	  //color: inherit;
		color: #333;
	  text-decoration: none;
	}

	.sp_drawer_menu a:hover {
		color: #fff;
	}
	.sp_drawer_menu a:focus {
	  //color: inherit;
		color: #333;
	}

	.sp_drawer_menu .sp_drawer_bg {
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  z-index: 999;
	  background-color: rgba(255, 255, 255, 0.7);
	  display: none;
	  top: 0;
	  left: 0;
	}

	.sp_drawer_menu .sp_drawer_button {
	  display: block;
	  background: none;
	  border: none;
	  padding: 0;
	  width: 42px;
	  letter-spacing: 0.1em;
	  cursor: pointer;
	  position: fixed;
		position: absolute;
	  top: 4px;
	  right: 15px;
	  z-index: 1001;
	  text-align: center;
	  outline: none;
	}

	.sp_drawer_menu .sp_drawer_button.active .sp_drawer_bar {
	  width: 49px;
	}

	.sp_drawer_menu .sp_drawer_button.active .sp_drawer_bar1 {
	  transform: rotate(30deg);
	}

	.sp_drawer_menu .sp_drawer_button.active .sp_drawer_bar2 {
	  opacity: 0;
	}

	.sp_drawer_menu .sp_drawer_button.active .sp_drawer_bar3 {
	  transform: rotate(-30deg);
	}



	.sp_drawer_menu .sp_drawer_button.active .sp_drawer_close {
	  display: block;
	}

	.sp_drawer_menu .sp_drawer_bar {
	  display: block;
	  height: 2px;
	  margin: 10px 0;
	  transition: all 0.2s;
	  transform-origin: 0 0;
	}

	.sp_drawer_menu .sp_drawer_text {
	  text-align: center;
	  font-size: 10px;
	}

	.sp_drawer_menu .sp_drawer_close {
	  letter-spacing: 0.08em;
	  display: none;
	}

	.sp_drawer_menu .sp_drawer_menu_text {
	  display: block;
	}

	.sp_drawer_menu .sp_drawer_nav_wrapper {
	  //width: 312px;
	  //height: 100%;
	  width: 100%;
	  height: 100%;
    transform: translateY(100%);
    //transform: translate(312px);
    position: fixed;
	  top: 0;
	  right: 0;
		bottom: 0;
		z-index: 1000;
	  //background-color: #FFF;
		background:linear-gradient(#E6B400,#FFEA7F); //ビール色
	}

	.sp_drawer_menu .sp_drawer_nav_wrapper.open {
    transition: all 0.5s;
	  transform: translate(0);
	}

	.sp_drawer_menu.left .sp_drawer_button {
	  right: auto;
	  left: 32px;
	}

	.sp_drawer_menu.left .sp_drawer_nav_wrapper {
	  transform: translate(-312px);
	  right: auto;
	  left: 0;
	}

	.sp_drawer_menu.left .sp_drawer_nav_wrapper.open {
	  transform: translate(0);
	}

	/*+++ Default Navigation CSS +++*/
	.sp_drawer_menu .sp_drawer_nav {
	  padding: 112px 100px;
    display: block;
    max-width: 768px;
	}

	.sp_drawer_menu .sp_drawer_nav li {
	  font-size: 16px;
	  margin-bottom: 15px;
	}

	/*+++ Default Button Color +++*/
	.sp_drawer_menu .sp_drawer_button {
	  color: #333;
    padding-right: 0;
    list-style-type: none;
    text-align: left;
	}

	.sp_drawer_menu .sp_drawer_button .sp_drawer_bar {
	  background-color: #333;
	}

	  }