@charset "UTF-8";

.slider_mv_sec {
	position:relative;
	height:851px;
}
.slider_mv_sec img {
	width:100%;
}
.slider_mv_sec .bg_01 {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.slider_mv_sec .bg_02 {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.slider_mv_sec .slider_mv {
	position:absolute;
	top:195px;
	left:0;
	z-index:4;
	width:100%;
}
.slider_mv_sec .ic_01 {
	position:absolute;
	top:69px;
	left:470px;
	z-index:5;
	width:28%;
}
.slider_mv_sec .ic_02 {
	position:absolute;
	top:50px;
	left:290px;
	z-index:3;
	width:32.5%;
}

/* 初期表示 */
.zoomTrigger {
  opacity: 0;
}
.zoom {
  animation: zoomIn 0.7s ease-in-out forwards;
  transform: scale(0);
}
@keyframes zoomIn {
  1%{
    opacity: 1;
  }
  90%{
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;

  }
}

.is-show img{
  animation-name: shakeText;
  animation-duration:3s;
  animation-delay:3s;
  animation-timing-function:steps(3, jump-none);
  animation-direction:normal;
  animation-fill-mode:forwards;
  animation-iteration-count: infinite; /* アニメーションの繰り返し回数 */
}
@keyframes shakeText {
  1%{transform:rotate(5deg);}
  51%{transform:rotate(-5deg);}
  100%{transform:rotate(0deg);}
}

/*********************************************
 sec01
*********************************************/
.sec01 {
	padding-top:50px;
	background:url(../../img/sec01_bg.jpg) no-repeat top center ;
	height:992px;
}
.sec01_1 {
	position:relative;
	padding-bottom:20px;
	text-align:center;
}
.sec01_1 .tx1 {
	margin-top:60px;
	font-size:28px;
}
.sec01_1 .tx2 {
	margin-top:30px;
	font-size:20px;
}
.sec01_1 .tx2 span {
	border-bottom:4px solid #ff9300;
}
.sec01_1 .ic_01 {
	position:absolute;
	top:160px;
	left:67px;
}
.sec01_1 .ic_02 {
	position:absolute;
	top:160px;
	right:80px;
}
.sec01_2 {
	position:relative;
	background:url(../../img/sec01_2_bg.webp) no-repeat bottom left ;
	height:338px;
}
.sec01_2 .im {
	position:absolute;
	top:105px;
	right:0px;
	z-index:2;
}
.sec01_2 .ic_01 {
	position:absolute;
	top:0px;
	left:244px;
	z-index:1;
}
.sec01_2 .ic_02 {
	position:absolute;
	top:38px;
	right:177px;
	z-index:3;
}

/*********************************************
 sec02
*********************************************/
.sec02 {
	margin-top:-165px;
	background:url(../../img/sec02_bg.webp) no-repeat top center ;
	height:998px;
}
.sec02_1 .im {
	text-align:center;
}
.sec02_1 .box {
	display:flex;
	justify-content: space-between;
	margin:20px 86px 0;
}
.sec02_1 .box img {
	width:100%;
}
.sec02_1 .box .col {
	width:48%;
}
.sec02_1 .box .col .tx {
	margin:10px 15px;
	font-size:20px;
	color:#00533e;
}

/*********************************************
 sec03
*********************************************/
.sec03 {
	margin-top:-484px;
	background:url(../../img/sec03_bg.webp) no-repeat top 304px center ;
	height:1150px;
}
.sec03_1 {
	position:relative;
}
.sec03_1 .youtube {
	margin:0 auto;
	padding:20px 0;
	width:302px;
	border-radius: 40px;
	background:#fff;
	text-align:center;
}
.sec03_1 .ic_01 {
	position:absolute;
	top:190px;
	left:100px;
}
.sec03_1 .ic_02 {
	position:absolute;
	top:160px;
	right:70px;
}
.sec03_2 {
	padding-bottom:40px;
}
.sec03_2 .box {
	display:flex;
	justify-content: space-between;
	/*margin:20px 86px 0;*/
	margin:80px 86px 0;
}
.sec03_2 .box .col {
	position:relative;
	/*width:31.5%;*/
	width:45.5%;
}
.sec03_2 .box .col .ic {
	position:absolute;
	top:26px;
	left:50px;
}
.sec03_2 .box .col .ic img {
	width:53px;
}
.sec03_2 .box .col .ti {
	padding-bottom:15px;
	text-align:center;
}
.sec03_2 .box .col .ph img {
	width:100%;
}
.sec03_2 .box .col .tx {
	margin:10px 15px;
	font-size:16px;
	color:#00533e;
}
.sec03_2 .hosoku {
	margin:0 100px;
	font-size:16px;
	color:#00533e;
}

/*********************************************
 sec04
*********************************************/
.sec04 {
	margin-top:-170px;
	background:url(../../img/sec02_bg.webp) no-repeat top center ;
	/*height:980px;*/
	padding-bottom: 220px;
}
.sec04 .sec04_1 {
	position:relative;
	padding-top:20px;
}
.sec04 .sec04_1 .ic_01 {
	text-align:center;
}
.sec04 .sec04_1 .ic_02 {
	position:absolute;
	top:10px;
	right:190px;
}
.sec04 .sec04_1 .ti {
	margin:30px auto 0;
	padding:5px 0;
	background:#f6f7f7;
	font-size:18px;
	letter-spacing:0.2em;
	text-align:center;
	width:724px;
	border-radius: 20px;
}
.sec04 .sec04_1 .im {
	padding:15px 0 10px;
	text-align:center;
}

/*********************************************
 sec05
*********************************************/
.sec05 {
	margin-top:-170px;
	background:url(../../img/sec05_bg.webp) no-repeat top center ;
}
.sec05 .sec05_1 {
	padding:40px 0 50px;
}
.sec05 .sec05_1 .ti {
	margin:0 auto;
	padding:5px 0;
	background:#f6f7f7;
	font-size:18px;
	letter-spacing:0.2em;
	text-align:center;
	width:724px;
	border-radius: 20px;
}
.sec05 .sec05_1 ul,
.sec04 ul{
	margin:15px auto 0;
	width:680px;
}
.sec05 .sec05_1 ul li,
.sec04 ul li {
	margin-bottom:5px;
	font-size:16px;
}
.sec04 ul li:before {
	content: '※';
	margin-left:-1em;
}
.sec05 .sec05_1 ul li:before {
	content: '●';
	margin-left:-1em;
}
.sec05 .sec05_1 .btn {
	margin:20px 0;
	text-align:center;
}
.sec05 .sec05_1 .btn a {
	position:relative;
	display:block;
	margin:0 auto;
	padding:10px 0;
	width:14em;
	font-size:18px;
	line-height:1;
	color:#fff;
	background:#f39800;
	border-radius: 20px;
}
.sec05 .sec05_1 .btn a:hover {
	background:#ffcc00;
}
.sec05 .sec05_1 .btn a img {
	position:absolute;
	top:-8px;
	left:-30px;
}
.sec05 .sec05_1 .btn a img {
	width:53px;
}
.sec05 .sec05_1 .tx {
	font-size:18px;
	line-height:1.5;
	text-align:center;
}
.sec05 .sec05_1 .tx_link {
	margin-top:20px;
	font-size:18px;
	text-align:center;
}
.sec05 .sec05_1 .tx_link a {
	padding-right:50px;
	background:url(../../img/sec05_tx_link.png) no-repeat right center ;
	background-size:48px;
	color:#000;
}
.sec05 .sec05_1 .tx_link a:hover {
	text-decoration: underline;
}




/*25.03.19 追加*/
.sec04 .sec04_1 .lyt-tbl,
.sec04 .sec04_1 .lyt-dl{
	box-sizing: border-box;
	max-width: 724px;
	width: 90%;
	margin: auto;
	padding: 1em 0 0;
}
.sec04 .sec04_1 .lyt-tbl .lyt-fwb{
	font-weight: bold;
}
.sec04 .sec04_1 .lyt-tbl table{
	box-sizing: border-box;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
}
.sec04 .sec04_1 .lyt-tbl table th,.sec04 .sec04_1 .lyt-tbl table td{
	box-sizing: border-box;
	padding: .6em;
	text-align: center;
	border: 1px solid #000;
}
.lyt-tbl table .w5{
	width: 50%;
}
.lyt-tbl table .w25{
	width: 25%;
}
.sec04 .sec04_1 .lyt-dl{
	display: flex;
}
.sec04 .sec04_1 .lyt-dl dt{
	border-radius: 2em;
	padding: .6em 1.4em .6em 1.4em;
	border: 1px solid #000;
}
.sec04 .sec04_1 .lyt-dl dd{
	padding: .6em;
}

.joint + .joint{
	padding-top: 1.5em;
}