@charset "UTF-8";

.fixed{
position:fixed;
}
#globalNavi{
	background: #ffffff;
}

body {
 background: #ffffff;
 color: #333333;
 font-size: 100%;
 font-family: "Meiryo","ＭＳ Ｐゴシック","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","MS UI Gothic","Osaka",sans-serif;
 line-height: 100%;
 margin: 0;
padding: 0px 0px 0px 0px
}
html > body {
 font-size: 16px;
}
.magin{
	padding: 0px 0px 0px 0px
}

a:link{
 color: #000000;
 text-decoration: none;
 color: #000000;
}
a:visited {
 color: #999999;
 text-decoration: underline;
}
a:active,
a:hover {
 color: #ff0074;
 text-decoration: underline;
}


.globalmenyu{
	float:left;width:16.66%;
	text-align:center;
	background-color: #f9eed7;
	padding:15px 0 15px 0;
}

.globalmenyu_smt{
	float:left;width:16.66%;
	text-align:center;
	background-color: #f9eed7;
	padding:15px 0 15px 0;
	font-size:10px;
}
.globalmenyu_smt2{
	float:left;width:16.66%;
	text-align:center;
	background-color: #f9eed7;
	padding:22px 0 8px 0;
	font-size:10px;
}

.FORMBOTAN{
	
	background-color: #ff0000;
	width: 65%;
	padding: 30px 0 30px 0;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	border-radius: 30px;
	border: 0px solid black
}

.form_text{
	background-color: #e0dcdc;
	width: 62%;
	padding: 10px 20px 10px 20px;
	color: #000000;
	font-size: 15px;
	text-align: left;
	border-radius: 0px;
	border: 0px solid black
}

.txt13{
	font-size: 13px;
	line-height: 2em
}

table{
	border: 1px solid black;
	border-collapse: collapse;
	width: 100%;
}
table td{
	padding: 10px;
	border: 1px solid black;
	border-collapse: collapse
}

.bg-BLUE{
	background-color: blue;
	color: white;
	text-align: center;
	width: 20%
}


.box{
 float: left;
 width: 200px;
}
.after{
 clear:both;
}

.HiddenCheckbox {
  display: none;
}
.MenuContainer {
  display: inline-block;
  margin: 20px;
}
.MenuHeader {
  color: #999999;
  display: inline-block;
  float: left;
  font-weight: 100;
  line-height: 30px;
  margin: 0 0 0 15px;
  opacity: 0;
  position: relative;
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
  transition: transform 0.6s, opacity 0.5s;
  z-index: 2;
}
.MenuIcon {
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  width: 30px;
  z-index: 2;
}
.MenuIcon::before {
  -webkit-box-shadow: #999999 0 12px 0;
  box-shadow: #999999 0 12px 0;
  height: 6px;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  width: 30px;
}
.MenuIcon::after {
  bottom: 0;
  height: 6px;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  width: 30px;
}
.MenuIcon::before,
.MenuIcon::after {
  background: #999999;
  display: block;
  content: '';
  position: absolute;
  -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
  transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
}
.Menu {
  background: #333;
  bottom: 0;
  left: -90%;
  position: absolute;
  top: 0;
  width: 90%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.HiddenCheckbox:checked ~ .MenuHeader {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.HiddenCheckbox:checked ~ .MenuIcon::before {
  -webkit-box-shadow: transparent 0 0 0;
  box-shadow: transparent 0 0 0;
  -webkit-transform: rotate(45deg) translate3d(6px, -3px, 0);
  transform: rotate(45deg) translate3d(6px, -3px, 0);
}
.HiddenCheckbox:checked ~ .MenuIcon::after {
  -webkit-transform: rotate(-45deg) translate3d(6px, 3px, 0);
  transform: rotate(-45deg) translate3d(6px, 3px, 0);
}
.HiddenCheckbox:checked ~ .Menu {
  left: 0;
}
.Menu-list {
  list-style-type: none;
  margin: 60px 0 0;
  padding: 0;
}
.Menu-item {
  margin: 0;
}
.Menu-link {
  color: #fff;
  display: block;
  overflow: hidden;
  padding: 8px 22px;
  position: relative;
  text-decoration: none;
  z-index: 1;
}
.Menu-link::before {
  background: #444;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: 0;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
  z-index: -1;
}
.Menu-link::after {
  content: attr(href);
  color: #fff;
  float: right;
  opacity: 0;
  -webkit-transition: opacity 0.8s, -webkit-transform 0.4s;
  transition: opacity 0.8s, transform 0.4s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.Menu-link:hover::before {
  right: 0;
}
.Menu-link:hover::after {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#header000 {
    width: 100%;
    min-width: 960px;
    height: 100px;
    position: fixed;
    left:0;
    top:0;
    z-index: 10;
}
#content{
    padding-top: -100px;
}
#link01 {
    margin-top:-100px;
    padding-top:100px;
}

.shadow01{
    /*影を入れる*/
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;
}

.shadow02{
    /*影を入れる*/
    -webkit-box-shadow: 0 6px 4px -2px #e8e8e8;
    -moz-box-shadow: 0 6px 4px -2px #e8e8e8;
     box-shadow: 0 6px 4px -2px #e8e8e8;
}

<style type="text/css"><!--
/* 表示領域全体 */
div.tabbox {
   margin: 0px; padding: 0px; width: 400px;
}

/* タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   display: block; width: 18%; float: left;
   margin: 0px 5px 0px 0px; padding: 8px;
   text-align: center;
   border-radius: 0px 0px 0px 0px; /* 角を丸くする */
}
p.tabs a.tab1 { background-color: red; color: white; }
p.tabs a.tab2 { background-color: red; color:white;}
p.tabs a.tab3 { background-color: red; color: white; }
p.tabs a:hover { background-color: #0aff00;color: white; }

/* タブ中身のボックス */
div.tab { width: 100%; overflow: auto; clear: left; }
div#tab1 {
   border: 0px solid red; background-color: #ffffff;
}
div#tab2 {
   border: 0px solid red; background-color: #ffffff;
}
div#tab3 {
   border: 0px solid red; background-color: #ffffff;
}
div.tab p { margin: 0.5em; }
--></style>

.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
img#floatButton4 {
    position: fixed;
    left: 780;
    top: 480px;
}


	.example02 {
  position: relative;
  }
  
  
.example02 p {
  margin:0;
  padding:0 0 1em 0;
   font-size: 17px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  width: 80%;
  text-align: left
  }
  
  .example02 h3 {
  margin:0;
  padding:1em 0 0 0;
   font-size: 17px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  width: 80%;
  text-align: left
  }



.example02 img {
  width: 100%;
  }



	.example {
  position: relative;
  }

.example p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 18px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 background-color: #fff;
 opacity: 0.9;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  }

.example img {
  width: 100%;
  }
  
  
  
  	.ttt {
  position: relative;
  }

.ttt p {
  position: absolute;
  top: 70%;
  left: 24%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 15px;
   line-height: 1.7;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
  opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  }
  
  
  .ttt j {
  position: absolute;
  top: 59%;
  left: 70%;
  width: 49%;
  -ms-transform: translate(100%,100%);
  -webkit-transform: translate(10%,100%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 55px;
   line-height: 1.7;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
  opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  }
  
  

.ttt img {
  width: 100%;
  }
  
  
  	.rrr {
  position: relative;
  }

.rrr p {
  position: absolute;
  top: 16.5%;
  left: 22.2%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 33px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #ffffff;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ffffff;
  }


.rrr j {
  position: absolute;
  top: 16.5%;
  left: 56.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 33px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #ffffff;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ffffff;
  }


.rrr u {
  position: absolute;
  top: 17.6%;
  left: 76.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 25px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #ffffff;
 background-color: #fff;
 opacity: 1.0;
    padding: 2px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #000000;
  }


.rrr img {
  width: 100%;
  }





	.ccc {
  position: relative;
  }
  
  
.ccc p {
  position: absolute;
  top: 80.7%;
  left: 49.7%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-42%);
  margin:0;
  padding:0;
   font-size: 31px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #ffffff;
 opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ffffff;
  width: 95.5%;
  }
  
  .ccc j {
  position: absolute;
  top: 45%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-42%);
  margin:0;
  padding:0;
   font-size: 31px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #ffffff;
 opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #089b1c;
  width: 95.5%;
  }

.ccc img {
  width: 95.5%;
  }
  
  
  	.zzz {
  position: relative;
  }
  
  
.zzz p {
  position: absolute;
  top: 85%;
  left: 49.7%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-42%);
  margin:0;
  padding:0;
   font-size: 31px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #ffffff;
 opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ffffff;
  width: 95.5%;
  }
  
  .zzz j {
  position: absolute;
  top: 41%;
  left: 63%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-42%);
  margin:0;
  padding:0;
  text-align:left;
   font-size: 38px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #ffffff;
 opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #089b1c;
  width: 95.5%;
  }
  
  
   .zzz y {
  position: absolute;
  top: 39.2%;
  left: 52.4%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-42%);
  margin:0;
  padding:0;
   font-size: 25px;
   line-height: 1.2;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 text-decoration: none;
 border: 0px solid #ffffff;
 opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #089b1c;
  width: 95.5%;
  }
  
  
    .zzz k {
  position: absolute;
  top: 39.2%;
  left: 67%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-42%);
  margin:0;
  padding:0;
   font-size: 25px;
   line-height: 1.2;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 text-decoration: none;
 border: 0px solid #ffffff;
 opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #089b1c;
  width: 95.5%;
  }
  
  
      .zzz u {
  position: absolute;
  top: 39.2%;
  left: 81.8%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-42%);
  margin:0;
  padding:0;
   font-size: 25px;
   line-height: 1.2;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 text-decoration: none;
 border: 0px solid #ffffff;
 opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #089b1c;
  width: 95.5%;
  }

.zzz img {
  width: 95.5%;
  }
  
  
  
    
  	.eee {
  position: relative;
  }

.eee p {
  position: absolute;
  top: 94.5%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 40px;
   line-height: 1.7;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
  opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  }
  
  .eee m {
  position: absolute;
  top: 51%;
  left: 18.7%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:15;
   font-size: 60px;
   line-height: 1.3;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
  opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ffffff;
  }


 .eee o {
  position: absolute;
  top: 50.5%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:15;
   font-size: 42px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
  opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ffffff;
  }
  
  
  .eee n {
  position: absolute;
  top: 50.5%;
  left: 81.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:15;
   font-size: 42px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
  opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ffffff;
  width: 60%;
  }
  
  
  .eee y {
  position: absolute;
  top: 74%;
  left: 18.7%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:15;
   font-size: 42px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
  opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ffffff;
  width: 80%;
  }
  
  
  .eee s {
   position: absolute;
  top: 74.3%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:15;
   font-size: 42px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
  opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ffffff;
  }
  
  
  
  
  .eee j {
  position: absolute;
  top: 59%;
  left: 50%;
  width: 49%;
  -ms-transform: translate(100%,100%);
  -webkit-transform: translate(10%,100%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 55px;
   line-height: 1.7;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
  opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  width: 90%;
  }
  
  

.eee img {
  width: 100%;
  }


	.bbb {
  position: relative;
  }

.bbb p {
		
	 margin:0;
  padding:0 0 1em 0;
   font-size: 38px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  width: 80%;
  
    }
    
    .bbb h3 {
		
	 margin:0;
  padding:0 0 1em 0;
   font-size: 38px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  width: 80%;
  
    }

  
  .bbb j {
     font-size: 50px;
   line-height: 0.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 background-color: #fff;
 opacity: 0.9;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  }
   
  .bbb W {
     font-size: 45px;
   line-height: 1.0;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 background-color: #fff;
 opacity: 0.9;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  }

  
	.xxx {
  position: relative;
  }

.xxx p {
  position: absolute;
  top: 54%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 52px;
   line-height: 1.2;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ff0000;
   width: 70%;
  }
  
  .xxx j {
  position: absolute;
  top: 47%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 58px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ff0000;
   width: 70%;
  }
  
  .xxx r {
  position: absolute;
  top: 25%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-45%);
  margin:0;
  padding:0;
   font-size: 58px;
   line-height: 1.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 opacity: 1.0;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #ff0000;
   width: 70%;
  }



.xxx img {
  width: 100%;
  }
  
  
  	.tdtd {
  position: relative;
  }

.tdtd p {
     font-size: 48px;
   line-height: 1.5;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 opacity: 1.0;
    padding: 0px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #603600;
   width: 85%;
  }
  
  .tdtd g {
     font-size: 28px;
   line-height: 1.5;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 opacity: 1.0;
    padding: 0px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #603600;
   width: 85%;
  }
  
  .tdtd j {
     font-size: 50px;
   line-height: 0.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 background-color: #fff;
 opacity: 0.9;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  }
   
  .tdtd W {
     font-size: 45px;
   line-height: 1.0;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 background-color: #fff;
 opacity: 0.9;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  }
  
  
  
  	.egeg {
  position: relative;
  }

.egeg p {
     font-size: 40px;
   line-height: 1.5;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 opacity: 1.0;
    padding: 0px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  color: #603600;
   width: 85%;
  }
  
  .egeg j {
     font-size: 50px;
   line-height: 0.4;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 background-color: #fff;
 opacity: 0.9;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  }
   
  .egeg W {
     font-size: 45px;
   line-height: 1.0;
 font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
 text-decoration: none;
 border: 0px solid #333333;
 background-color: #fff;
 opacity: 0.9;
    padding: 50px;
 -webkit-text-size-adjust: none;
  /*文字の装飾は省略*/
  }
  

 
 
  
  
   /*↓↓↓↓ボタン↓↓↓↓*/
  
.btn-gradient-3d-orange {
	font-size: 65px;
  display: inline-block;
  padding: 1em 1em;
  text-decoration: none;
  border-radius: 70px;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
  font-color: #ffffff;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #c58668;
}

.btn-gradient-3d-orange:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  font-color: #ffffff;
}



  /*↓↓↓↓ボタン↓↓↓↓*/
  
.btn-gradient-4d-orange {
	font-size: 56px;
  display: inline-block;
  padding: 1em 1em;
  text-decoration: none;
  border-radius: 70px;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
  font-color: #ffffff;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #c58668;
}

.btn-gradient-4d-orange:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  font-color: #ffffff;
}





  /*↓↓↓↓ボタン↓↓↓↓*/
  
.btn-gradient-4d-green {
	font-size: 56px;
  display: inline-block;
  padding: 1em 1em;
  text-decoration: none;
  border-radius: 70px;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
  font-color: #ffffff;
  background-image: linear-gradient(45deg, #7efc44 0%, #4fa845 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #c58668;
}

.btn-gradient-4d-orange:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  font-color: #ffffff;
}


  /*↓↓↓↓ボタン↓↓↓↓*/
  
.btn-gradient-5d-orange {
	font-size: 30px;
  display: inline-block;
  padding: 1em 1em;
  text-decoration: none;
  border-radius: 70px;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
  font-color: #ffffff;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #c58668;
}

.btn-gradient-4d-orange:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  font-color: #ffffff;
}





  /*↓↓↓↓ボタン↓↓↓↓*/
  
.btn-gradient-5d-green {
	font-size: 30px;
  display: inline-block;
  padding: 1em 1em;
  text-decoration: none;
  border-radius: 70px;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "Avenir", "Helvetica", sans-serif;
 font-weight: bold;
  font-color: #ffffff;
  background-image: linear-gradient(45deg, #7efc44 0%, #4fa845 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #c58668;
}

.btn-gradient-4d-orange:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  font-color: #ffffff;
}








.no_dsp{
	display: none;
	visibility: hidden;
}
.flex{
	display: flex;
	flex-direction: row; 
	flex-wrap: wrap; 
	box-sizing: border-box;	
	width: 100%;
	background-color: #fff4eb;
	border-radius: 0px;
	padding: 0em .5em .5em .5em;
	margin-top: 0px;
		
}
.flex2{
	width: 25%;
	box-sizing: border-box;	
	border: 0px solid red;
	padding: 0 .5em 0em .5em;
	text-align: left;
	color: #000000;
	line-height: 1.4
}
.flex2 a:visited{
	color: #000000
}
.flex2 a:hover{
	color: #000000
}

.flex2 img{
	border-radius: 30px;
}
/*
.flex2:nth-of-type(2n+1){
	padding: 0 .5em 2em 0;
	border: 1px solid red
}
*/
/*
.flex2:nth-of-type(4n){
	padding: 0 0 2em 0em;
	border: 0px solid green
}
*/




.no_dsp{
	display: none;
	visibility: hidden;
}
.flex3{
	display: flex;
	flex-direction: row; 
	flex-wrap: wrap; 
	box-sizing: border-box;	
	width: 100%;
	background-color: #fff4eb;
	border-radius: 0px;
	padding: 1.2em .5em .5em .5em;
	
		
}


.flex4{
	width: 50%;
	box-sizing: border-box;	
	border: 0px solid red;
	padding: 0 1.4em 2em 1.4em;
	text-align: left;
	color: #000000;
	font-size: 1.9em;
	line-height: 1.4
}
.flex4 a:visited{
	color: #000000
}
.flex4 a:hover{
	color: #000000
}

.flex4 img{
	border-radius: 0px;
}
/*
.flex2:nth-of-type(2n+1){
	padding: 0 .5em 2em 0;
	border: 1px solid red
}
*/
/*
.flex2:nth-of-type(4n){
	padding: 0 0 2em 0em;
	border: 0px solid green
}
*/


 .midashi{
	width: 100%;
	background-color: #fff4eb;
	padding: 1em .0em .1em .0em;
	font-size: 3em;
	font-weight: bold		
}

 .midashiPC{
	width: 100%;
	text-align: left;
	background-color: #fff4eb;
	padding: 0.5em .0em .1em .0em;
	font-size: 1.5em;
	color: #603600;
	font-weight: bold		
}



.top_magin{
	margin: 0 auto 0 auto;
	width: 80%;
	
	
}
  
.top_magin h3{
	font-size: 3vw;
	padding: 2em 0em .8em 0em;
	color: #603600;
}




.top_flex{
	display: flex;
	flex-direction: row; 
	flex-wrap: wrap; 
	box-sizing: border-box;	
	width: 100%;
	border-radius: 0px;
	padding: 0em .5em .8em .5em;
	margin: 3em 0 7em 0;
		
}
.top_flex2{
	width: 50%;
	box-sizing: border-box;	
	border: 0px solid red;
	padding: 0 .5em 0em .5em;
	text-align: left;
	color: #000000;
	line-height: 1.4
}
.top_flex2 p{
	font-size: 1.7vw;
	line-height: 1.8em;	
}	
.top_flex2 img{
width: 100%;
box-sizing: border-box;
padding-right: 25%;
padding-top: 4%;
}




.top_magin99{
	margin: 0 auto 0 auto;
	width: 90%;
	
	
}
  
.top_magin99 h3{
	font-size: 8vw;
	padding: 3em 0em .8em 0em;
	color: #603600;
}




.top_flex99{
	display: flex;
	flex-direction: row; 
	flex-wrap: wrap; 
	box-sizing: border-box;	
	width: 100%;
	border-radius: 0px;
	padding: 0em 0em 0em 0em;
	margin: 3em 0 3em 0;
		
}
.top_flex299{
	width: 100%;
	box-sizing: border-box;	
	border: 0px solid red;
	padding: 0 1em 0 1em;
	text-align: left;
	color: #000000;
	line-height: 1.4
}
.top_flex299 p{
	font-size: 4vw;
	line-height: 1.8em;	
}	
.top_flex299 img{
width: 100%;
box-sizing: border-box;
padding-top: 4%;
text-align: center;
padding: 0 10% 0 10%;
border: 0px solid black
}





<style type="text/css">
 /*=== 画像の表示エリア ================================= */
.slide {

  width      : 100px;
  height     : 100px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;

  opacity    : 0;
  animation  : slideAnime 10s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 5s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   25% { opacity: 1 }
  50% { opacity: 1 }
  75% { opacity: 0 }
 100% { opacity: 0 }
}
</style>