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


.yohaku01{
	margin-bottom: 10px;
}

.yohaku02{
	margin-top: 20px;
}

.yohaku03{
	margin-bottom: 20px;
}

.yohaku04{
	margin-top: 20px;
	margin-bottom: 30px;
}

.yohaku05{
	margin-top: 20px;
	margin-bottom: 30px;
}

.yohaku06{
	margin-bottom: 50px;
}

.yohaku07{
	margin-top: 30px;
}

.yohaku08{
	position: relative;
	width: 100%;
	padding: 15px;
}

.yohaku09{
	position: relative;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
}

.yohaku10{
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	padding-right: 40px;
	padding-left: 40px;
}

.yohaku10-2{
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 30px;
}

.yohaku10-3{
	position: relative;
	width: 100%;
	padding-right: 40px;
	padding-left: 40px;
}

.yohaku10-4{
	position: relative;
	width: 100%;
	padding-bottom: 30px;
	padding-right: 40px;
	padding-left: 40px;
}

.yohaku11{
	margin-bottom: 60px;
}


.yohaku12{
	position: relative;
	padding: 35px;
}

.yohaku12-2{
	position: relative;
	padding-top: 0px;
	padding-bottom: 35px;
	padding-left: 35px;
	padding-right: 35px;
}

.yohaku12-3{
	position: relative;
	padding-top: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
	padding-right: 35px;
}

.yohaku12-4{
	position: relative;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 35px;
	padding-right: 35px;
}

.yohaku13{
	position: relative;
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}

.yohaku14{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px
		
}

.yohaku15{
	margin-bottom: 30px;
}

.yohaku17{
	padding-right: 20px;
	padding-left: 20px;
}

.mojisize01{
	font-size: 10pt;
	line-height: 140%;
}

.mojisize02{
	font-size: 7pt;
}

.mojisize03{
	font-size: 13pt;
	line-height: 140%;
}

.mojisize04{
	font-size: 13pt;
}

.mojistyle01{
	line-height: 160%;
}

.mojistyle02{
	font-size: 14pt;
	font-weight: 600;
	line-height: 150%;
}

.mojistyle03{
	font-size: 11pt;
	line-height: 140%;

}

.mojistyle04{
	font-size: 11pt;
	font-weight: 600;
	line-height: 130%;

}

.mojistyle05{
	font-size: 8pt;
	line-height: 130%;

}

.mojistyle06{
	font-size: 10pt;
	line-height: 100%;

}

.mojistyle07{
	font-size: 13pt;
	line-height: 180%;
}

.mojistyle08{
	font-size: 10pt;
	line-height: 160%;
}

.mojistyle09{
	font-size: 11.5pt;
	line-height: 160%;
}

.mojistyle10{
	font-size: 18pt;
	line-height: 160%;
}

.mojistyle11-1{
	line-height: 160%;
	letter-spacing: 10px;
	color: #696969;
	padding-left: 6px;
}

.mojistyle11-2{
	line-height: 160%;
	letter-spacing: 3px;
	color: #696969;
	padding-left: 6px;
}

.mojistyle11-3{
	line-height: 160%;
	letter-spacing: 0px;
	color: #696969;
	padding-left: 6px;
}

.mojistyle12{
	font-size: 18pt;
	line-height: 180%;
	color: #696969;
}

.mojistyle12-2{
	font-size: 18pt;
	line-height: 140%;
	color: #696969;
}

.mojistyle12-3{
	font-size: 16pt;
	line-height: 100%;
	color: #696969;
}

.mojistyle13-1{
	font-size: 13pt;
	font-weight: 600;
	line-height: 20%;
	padding-top: 15px;

}

.mojistyle13-2{
	font-size: 13pt;
	line-height: 100%;	
}

.mojistyle13-3{
	font-size: 13pt;
	line-height: 160%;
}

.mojistyle13-4{
	font-size: 13pt;
	line-height: 160%;
	padding-left: 17px;
}

.mojistyle14{
	font-size: 13pt;
	line-height: 100%;
}

.mojistyle15-1{
	font-size: 35pt;
	line-height: 200%;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.73);
}

.mojistyle15-2{
	font-size: 24pt;
	line-height: 150%;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.73);
}

.mojistyle15-3{
	font-size: 24pt;
	line-height: 200%;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.73);
}

.mojistyle15-4{
	font-size: 35pt;
	line-height: 140%;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.73);
}

.mojistyle15-5{
	font-size: 18pt;
	line-height: 130%;
	color: #FFFFFF;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.73);
}

.mojistyle16{
	font-size: 22pt;
	line-height: 160%;
	color: #696969;
}

.mojistyle16-2{
	font-size: 22pt;
	line-height: 180%;
	color: #696969;
}

.TenMinchItalic{
	font-family: ten-mincho, serif;
	font-weight: 400;
	font-style: italic;
}

.TenMinchoRegular{
	font-family: ten-mincho, serif;
	font-weight: 400;
	font-style: normal;
}

.SourceHanSerifBold{
	font-family: source-han-serif-japanese, serif;
	font-weight: 700;
	font-style: normal;
}

.SourceHanSerifLight{
	font-family: source-han-serif-japanese, serif;
	font-weight: 300;
	font-style: normal;
}

.SourceHanSerifExtraLight{
	font-family: source-han-serif-japanese, serif;
	font-weight: 200;
	font-style: normal;
}

.SourceHanSerifRegular{
	font-family: source-han-serif-japanese, serif;
	font-weight: 400;
	font-style: normal;
}

.SourceHanSerifHeavy{
	font-family: source-han-serif-japanese, serif;
	font-weight: 900;
	font-style: normal;
}

.SourceHanSerifSemiBold{
	font-family: source-han-serif-japanese, serif;
	font-weight: 600;
	font-style: normal;
}

.SourceHanSerifMedium{
	font-family: source-han-serif-japanese, serif;
	font-weight: 500;
	font-style: normal;
}


.underline01{
	border-bottom: double 10px #d9f1c9;
}

.underline02{
	border-bottom: solid 8px #d9f1c9;
}

.underline03{
	border-bottom: 1px dashed #AFAFAF;
	padding-bottom: 8px;
}

.gazou01{
	max-width: 300px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.gazou02{
	background-image: url('haikei_image-01.jpg');
	background-size: auto 60px;
}

.gazou03{
	width: 180px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.gazou04{
	width: 600px;
}

.gazou05{
	width: 100%;
	height: auto;
}

.gazou06{
	width: 360px;
}

.gazou07{
	width: 420px;
}


.button_position {
	position: relative;
}

.button_position button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.show-on-mobile{
  display:none;
}

@media screen and (max-width: 991px){
  .show-on-mobile{
    display:block;
  }
}

.show-on-pc{
  display:none;
}

@media screen and (min-width: 991px){
  .show-on-pc{
    display:block;
  }
}

.ichi01{
	padding-top: 12%;
}

.ichi02{
	padding-top: 20%;
}



.example {
  position: relative;
  }
.example img {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -ms-transform: translate(-50%,62%);
	  -webkit-transform: translate(-50%,62%);
	  transform: translate(-50%,62%);
	  width: 65%;
  }

.example02 {
  position: relative;
  }
.example02 img {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -ms-transform: translate(-50%,29%);
	  -webkit-transform: translate(-50%,29%);
	  transform: translate(-50%,29%);
	  width: 80%;
  }

.example03 {
  position: relative;
  }
.example03 img {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -ms-transform: translate(-120%,200%);
	  -webkit-transform: translate(-120%,200%);
	  transform: translate(-120%,200%);
	  width: 40%;
  }

.example04 {
  position: relative;
  }
.example04 img {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -ms-transform: translate(-69%,82%);
	  -webkit-transform: translate(-69%,82%);
	  transform: translate(-69%,82%);
	  width: 70%;
  }

img.irokae:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

.block01 {
	background-color: #D9F1C9;
	text-align-last: center;
	color: #000000;
	font-size: 12pt;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
}

.block02 {
	background-color: #D9F1C9;

	color: #696969;
	font-size: 15pt;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 10px;
}

.block03 {
	border: solid 3px #D9F1C9;

	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 10px;
}

.arrow-bottom {
	
	width: 5%;
	min-width: 20px;
	margin-top: -20px;
	margin-bottom: 10px;
}

.ggmap {
position: relative;
padding-bottom: 46%;
padding-top: 0px;
height: 0;
overflow: hidden;
}

.box_center_text
{
    position: relative;
}

.box_center_text div.text
{
    position: absolute;
    width: 100%;
    left: 0; 
    top: calc(50% - 25px); 
    text-align: center; 
}


.box_left_text
{
    position: relative;
}

.box_left_text div.text
{
    position: absolute;
    width: 100%;
    left: 15px; 
    top: calc(30% - 30px); 
    text-align: left; 
}