@charset "UTF-8";




/* sec_1
++++++++*/

.sec_1 .txt_1 {
	border-bottom: 5px solid #cdcece;
	font-weight: 600;
}



.sec_1 .txt_2 {
	font-weight: 600;
}

.sec_1 .img_1 img,
.sec_1 .img_2 img {
	width: 100%;
}

.sec_1 .list_1 li {
	display: inline-block;
}

.sec_1 .list_2 ul {
	overflow: hidden;
}

.sec_1 .list_2 li {
	float: left;
}

.sec_1 .list_2 img {
	border: 1px solid #c5b9af;
	width: 100%;
}


.sec_1 .row_1 > * {
	overflow: hidden;
}
.sec_1 .row_1 .txt_a {
	float: right;
}

.sec_1 .row_2 {
	
}

.sec_1 .row_2 a {
	color: #0051a4;
}

.sec_1 .row_2 .txt_a {
	border-left: 5px solid #231916;
}

.sec_1 .row_2 .img_a {
	overflow: hidden;
}

.sec_1 .movie_1 iframe {
	width: 100%;
}

/* 210909エギスタ用テスト */
.item {
	width: 100%;
}

.item-img {
	padding: 0;
}

.item-body {
	padding: 0;
}

.item-title {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 700;
	color: #ef5350;
}

.item-body p {
	font-size: 16px;
	font-weight: 400;
	color: #333;
}

.items {
	display: flex;
	justify-content: space-between;
  }
  .items .item {
	width: 30%;
  }

@media(max-width:768px){

.sec_1 .txt_1 {
	padding-top: .61em;/* 25-(34-28)/2-(35.53-26)/2)/23/1.21 */
	padding-top: 2.2vw;/* 25-(34-28)/2-(35.53-26)/2)/750 */
	padding-bottom: .35em;/* 13-(34-28)/2)/23/1.21 */
	padding-bottom: 1.3vw;/* 13-(34-28)/2)/750 */
	line-height: 1.22em;/* 34/23/1.21 */
	line-height: 4.5vw;/* 34/750 */
	font-size: 1.21em;/* 28/23 */
	font-size: 3.7vw;/* 28/750 */
	}
	
.sec_1 .txt_1new {
	padding-top: .61em;/* 25-(34-28)/2-(35.53-26)/2)/23/1.21 */
	padding-top: 2.2vw;/* 25-(34-28)/2-(35.53-26)/2)/750 */
	padding-bottom: .35em;/* 13-(34-28)/2)/23/1.21 */
	padding-bottom: 1.3vw;/* 13-(34-28)/2)/750 */
	line-height: 1.22em;/* 34/23/1.21 */
	line-height: 4.5vw;/* 34/750 */
	font-size: 1.21em;/* 28/23 */
	font-size: 3.7vw;/* 28/750 */
	}	
	

.sec_1 .txt_2 {
	padding-top: .15em;/* 7-(36-32)/2)/23/1.39 */
	padding-top: .6vw;/* 7-(36-32)/2)/750 */
	line-height: 1.12em;/* 36/23/1.39 */
	line-height: 4.8vw;/* 36/750 */
	font-size: 1.39em;/* 32/23 */
	font-size: 4.2vw;/* 32/750 */
	}

.sec_1 .txt_3 {
	padding-top: .59em;/* 19-(36-32)/2-(30-22)/2)/23/.95 */
	padding-top: 1.7vw;/* 19-(36-32)/2-(30-22)/2)/750 */
	padding-bottom: 1.6em;/* 39-(30-22)/2)/23/.95 */
	padding-bottom: 4.6vw;/* 39-(30-22)/2)/750 */
	line-height: 1.37em;/* 30/23/.95 */
	line-height: 4vw;/* 30/750 */
	font-size: .95em;/* 22/23 */
	font-size: 2.9vw;/* 22/750 */
	}

.sec_1 .img_1 {
	padding-bottom: .17em;/* 4/23 */
	padding-bottom: .5vw;/* 4/750 */
	}

.sec_1 .list_1 {
	padding-top: 1.11em;/* 25-(28-18)/2)/23/.78 */
	padding-top: 2.6vw;/* 25-(28-18)/2)/750 */
	padding-bottom: 3.51em;/* 68-(28-18)/2)/23/.78 */
	padding-bottom: 8.4vw;/* 68-(28-18)/2)/750 */
	line-height: 1.56em;/* 28/23/.78 */
	line-height: 3.7vw;/* 28/750 */
	font-size: .78em;/* 18/23 */
	font-size: 2.4vw;/* 18/750 */
	}

.sec_1 .list_2 {
	padding-bottom: .65em;/* 15/23 */
	padding-bottom: 2vw;/* 15/750 */
	}

.sec_1 .list_2 li {
	margin-left: 4.25%;/* 100-30.5*3)/2 */
	padding-bottom: 2.21em;/* 30-(16-13)/2)/23/.56 */
	padding-bottom: 3.8vw;/* 30-(16-13)/2)/750 */
	width: 30.5%;/* 211/(750-30*2 */
	line-height: 1.24em;/* 16/23/.56 */
	line-height: 2.1vw;/* 16/750 */
	font-size: .56em;/* 13/23 */
	font-size: 1.7vw;/* 13/750 */
	overflow: hidden;
	}

.sec_1 .list_2 li:nth-child(3n-2) {
	clear: both;
	margin-left: 0;
	}

.sec_1 .list_2 img {
	margin-bottom: .11em;/* 3-(16-13)/2)/23/.56 */
	margin-bottom: .2vw;/* 3-(16-13)/2)/750 */
	}

.sec_1 .row_1 {
	padding-bottom: .43em;/* 10/23 */
	padding-bottom: 1.3vw;/* 10/750 */
	}

.sec_1 .row_1 > * {
	padding-bottom: 1.3em;/* 30/23 */
	padding-bottom: 4vw;/* 30/750 */
	}

.sec_1 .row_1 .txt_a {
	padding-top: .12em;/* 5-(22-16)/2)/23/.69 */
	padding-top: .2vw;/* 5-(22-16)/2)/750 */
	line-height: 1.38em;/* 22/23/.69 */
	line-height: 2.9vw;/* 22/750 */
	font-size: .69em;/* 16/23 */
	font-size: 2.1vw;/* 16/750 */
	}

.sec_1 .row_2 {
	padding: 0 4.34%;/* 30/(750-30*2 */
	padding-top: .65em;/* 15/23 */
	padding-top: 2vw;/* 15/750 */
	padding-bottom: 1.21em;/* 28/23 */
	padding-bottom: 3.7vw;/* 28/750 */
	}

.sec_1 .row_2 .txt_a {
	padding-left: .37em;/* 9/23/1.04 */
	padding-left: 1.2vw;/* 9/750 */
	line-height: 1.5em;/* 36/23/1.04 */
	line-height: 4.8vw;/* 36/750 */
	font-size: 1.04em;/* 24/23 */
	font-size: 3.2vw;/* 24/750 */
	}

.sec_1 .row_2 .img_a {
	padding-top: .5em;/* 19-(38-28)/2)/23/1.21 */
	padding-top: 1.8vw;/* 19-(38-28)/2)/750 */
	line-height: 1.36em;/* 38/23/1.21 */
	line-height: 5vw;/* 38/750 */
	font-size: 1.21em;/* 28/23 */
	font-size: 3.7vw;/* 28/750 */
	}

.sec_1 .row_2 .img_a img {
	display: block;
	margin-bottom: .43em;/* 17-(38-28)/2)/23/1.21 */
	margin-bottom: 1.6vw;/* 17-(38-28)/2)/750 */
	width: 11.67em;/* 325/23/1.21 */
	width: 43.3vw;/* 325/750 */
	}

.sec_1 .movie_1 {
	padding-top: 1.3em;/* 30/23 */
	padding-top: 4vw;/* 30/750 */
	padding-bottom: 2.6em;/* 60/23 */
	padding-bottom: 8vw;/* 60/750 */
	}

.sec_1 .movie_1 iframe {
	height: 16.13em;/* 371/23 */
	height: 49.4vw;/* 371/750 */
	}

}/* xs */

@media(min-width:769px){

.sec_1 .txt_1 {
	padding-top: 43px;/* 49-(34-28)/2-(19-14)/2 */
	padding-bottom: 8px;/* 11-(34-28)/2 */
	line-height: 34px;
	font-size: 28px;
	}
	
	
	
	.sec_1 .txt_1 {
	padding-top: 43px;/* 49-(34-28)/2-(19-14)/2 */
	padding-bottom: 8px;/* 11-(34-28)/2 */
	line-height: 34px;
	font-size: 22px;
	}
	
	

.sec_1 .txt_2 {
	padding-top: 5px;/* 9-(36-28)/2 */
	line-height: 36px;
	font-size: 28px;
	}

.sec_1 .txt_3 {
	padding-top: 16px;/* 23-(36-28)/2-(24-18)/2 */
	padding-bottom: 24px;/* 41-(24-18)/2 */
	line-height: 22px;
	font-size: 18px;
	}

.sec_1 .img_1 {
	padding-bottom: 6px;
	}

.sec_1 .list_1 {
	padding-top: 10px;/* 34-(21-14)/2 */
	padding-bottom: 20px;/* 24-(21-14)/2 */
	line-height: 21px;
	font-size: 14px;
	}

.sec_1 .list_2 {
	padding-bottom: 20px;
	}

.sec_1 .list_2 li {
	margin-left: 2.32%;/* 100-23.26*4)/3 */
	padding-bottom: 24px;/* 25-(16-14)/2 */
	width: 23.26%;/* 221/(1024-37*2 */
	line-height: 16px;
	font-size: 14px;
	overflow: hidden;
	}

.sec_1 .list_2 li:nth-child(4n-3) {
	clear: both;
	margin-left: 0;
	}

.sec_1 .list_2 img {
	margin-bottom: 2px;/* 3-(16-14)/2 */
	}

.sec_1 .row_1 {
	display: table;
	table-layout: fixed;
	padding-bottom: 35px;
	width: 100%;
	}

.sec_1 .row_1 > * {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	}

.sec_1 .row_1 .col_a {
	padding-right: 9px;
	}

.sec_1 .row_1 .col_b {
	padding-left: 9px;
	}

.sec_1 .row_1 .txt_a {
	padding-top: 1px;/* 5-(22-14)/2 */
	line-height: 16px;
	font-size: 12px;
	}


.sec_1 .row_2 {
	padding: 0 30px;
	padding-top: 15px;
	padding-bottom: 26px;
	}

.sec_1 .row_2 .txt_a {
	margin-bottom: 19px;
	padding-left: 9px;
	line-height: 36px;
	font-size: 24px;
	}

.sec_1 .row_2 .img_a {
	line-height: 36px;
	font-size: 18px;
	}

.sec_1 .row_2 .img_a img {
	float: left;
	margin-right: 22px;
	width: 325px;
	}

.sec_1 .movie_1 {
	padding-top: 30px;
	padding-bottom: 60px;
	}

.sec_1 .movie_1 iframe {
	height: 526px;
	}

.botton_area {
	padding-top: 30px;
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
	}

/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
	}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
	}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	}

.img-box {
	position: relative;
	}
	
.img-box .active {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 0.3s; // ゆっくり
	}
.img-box:hover .active {
	opacity: 1;
	}
	
.items {
	flex-direction: column;
	}

.items .item {
	width: 100%;
	}
	

}/* sm~ */