/* ヘッダー
***************************************************************/
@keyframes slideInDown {
	0% {
		visibility: visible;
		transform: translate3d(0, -100%, 0);
	}
	to {
		transform: translateZ(0);
	}
}
@keyframes slideInUp {
	0% {
		visibility: visible;
		transform: translateZ(0);
	}
	to {
		transform: translate3d(0, -100%, 0);
	}
}
.wrapper {
  background-color: #f9f9f9;
}
@media all and (min-width: 1024px) {
	.wrapper {
		min-width: 1024px;
	}
}
.head {
  position: absolute;
}
.head.on {
  position: fixed;
}
body:not(.close) .head.on {
  animation: slideInDown .3s forwards linear;
}
body:not(.open) .head.end {
  position: fixed;
  animation: slideInUp .3s forwards linear;
}
.head .logo_top {
  display: block;
  width: 90px;
  position: absolute;
  left: 5%;
  top: 6px;
}
.head .logo_h {
  display: none;
}
.head.on .logo_top,
.head.end .logo_top {
  display: none;
}
.head.on .logo_h,
.head.end .logo_h {
  display: block;
}
@media all and (min-width: 1025px) {
  .head .logo_top {
    width: 180px;
    left: 20px;
    top: 10px;
  }
}
@media all and (max-width:1024px) {
}
@media all and (max-width:1023px) {
}
@media all and (max-width:370px) {
}


/* mv
***************************************************************/
.mv {
  width: 100%;
}
.mv .slickSlide .img,
.mv .slickThumbnail .img {
  width: 100%;
  height: 330px;
  background-image: url(../../core/img/noimage.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.mv .slickSlide .item .text {
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	top: 20px;
	right: 10px;
	letter-spacing: 0.12em;
	line-height: 1.65;
}
.mv .slickThumbnail {
  padding: 16px 5%;
}
.mv .slickThumbnail .img {
  height: 34px;
}
.slickThumbnail .slick-current {
	position: relative;
}
.slickThumbnail .slick-current .img {
	position: relative;
}
.slickThumbnail .slick-current .img::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	border: 2px solid #4d4d4d;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mv .slickSlide .item1 .img { background-image: url(../img/top/slide01@sp.jpg); }
.mv .slickSlide .item2 .img { background-image: url(../img/top/slide02@sp.jpg); }
.mv .slickSlide .item3 .img { background-image: url(../img/top/slide03@sp.jpg); }
.mv .slickSlide .item4 .img { background-image: url(../img/top/slide04@sp.jpg); }
.mv .slickThumbnail .item1 .img { background-image: url(../img/top/slide01.jpg); }
.mv .slickThumbnail .item2 .img { background-image: url(../img/top/slide02.jpg); }
.mv .slickThumbnail .item3 .img { background-image: url(../img/top/slide03.jpg); }
.mv .slickThumbnail .item4 .img { background-image: url(../img/top/slide04.jpg); }

@media all and (min-width: 1024px) {
  .mv {
    min-width: 1024px;
    margin: 0 auto;
  }
  .mv .slickSlide {
    position: relative;
    overflow: hidden;
  }
  .mv .slickSlide::after {
    content: "";
    background-image: url(../img/top/slide_bg01.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 101%;
    position: absolute;
    bottom: -8px;
    width: 101%;
    height: 8vw;
    min-height: 90px;
    z-index: 8;
  }
  .mv .slickSlide .img {
    height: 632px;
  }
	.mv .slickSlide .item .text {
		font-size: 48px;
		top: 30px;
		right: 0;
		left: 0;
		margin: auto;
		width: 1000px;
		text-align: right;
	}
  .mv .mvBg {
    position: relative;
    width: 100%;
    margin-top: -35px;
    z-index: 9;
  }
  .mv .mvBg .mvBg_in {
    width: 1024px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .mv .mvBg .mvTitle {
    font-size: 27px;
    font-weight: 700;
    line-height: 2.15;
    letter-spacing: 0.1em;
    width: 528px;
  }
  .mv .slickThumbnail {
    padding: 0;
    width: 472px;
  }
  .mv .slickThumbnail .img {
    height: 54px;
  }
  .slickThumbnail .slick-slide:hover {
  	cursor: pointer;
  }
	.mv .nonePC {
		display: none!important;
  }
  .mv .slickSlide .item1 .img { background-image: url(../img/top/slide01@2x.jpg); }
  .mv .slickSlide .item2 .img { background-image: url(../img/top/slide02@2x.jpg); }
  .mv .slickSlide .item3 .img { background-image: url(../img/top/slide03@2x.jpg); }
  .mv .slickSlide .item4 .img { background-image: url(../img/top/slide04@2x.jpg); }
}
@media all and (max-width:1023px) {
}
@media all and (max-width:370px) {
}
@media
(-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1023px),
(min-resolution: 1.5dppx) and (min-width: 1023px) {
  .mv .slickSlide .item1 .img { background-image: url(../img/top/slide01@2x.jpg); }
  .mv .slickSlide .item2 .img { background-image: url(../img/top/slide02@2x.jpg); }
  .mv .slickSlide .item3 .img { background-image: url(../img/top/slide03@2x.jpg); }
  .mv .slickSlide .item4 .img { background-image: url(../img/top/slide04@2x.jpg); }
}


/* news
***************************************************************/
.newsWrap {
  padding: 10px 5% 30px 5% 0;
}
.newsWrap .news {
  border-left: 1px solid #4d4d4d;
  padding: 10px 0 10px 15px;
}
.newsWrap .news + .news {
  margin-top: 25px;
}
.newsWrap .news .h2 {
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 10px;
  letter-spacing: 0.2em;
}
.newsWrap .news .ul1 {
  font-size: 12px;
}
.newsWrap .news .ul1 li + li {
  margin-top: 15px;
}
.newsWrap .news .ul1 dl dt {
  padding-bottom: 5px;
}
.newsWrap .news .ul1 li a {
	text-decoration: underline;
}
@media all and (min-width: 1024px) {
  .newsWrap {
    padding: 50px 12px 100px 12px;
    width: 1024px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .newsWrap .news {
    padding: 10px 20px 10px 20px;
    width: 50%;
  }
  .newsWrap .news + .news {
    padding: 10px 0px 10px 20px;
    margin-top: 0;
  }
  .newsWrap .news .h2 {
    font-size: 19px;
    padding-bottom: 15px;
  }
  .newsWrap .news .ul1 {
    font-size: 15.5px;
  }
  .newsWrap .news .ul1 li + li {
    margin-top: 20px;
  }
  .newsWrap .news .ul1 dl {
    display: flex;
    justify-content: space-between;
  }
  .newsWrap .news .ul1 dl dt {
    padding-bottom: 0;
    padding-right: 20px;
  }
	.newsWrap .news .ul1 li a:hover {
		text-decoration: none;
	}
}
@media all and (max-width:1023px) {
}
@media all and (max-width:370px) {
}

/* top comment
***************************************************************/
.topComment{

}

.topComment .text{
	color:#d24c4c;
	font-size:32px;
	font-weight: 700;
	text-align: center;
	margin-top: 60px;
}

@media all and (max-width:1023px) {
	.topComment{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.topComment .text{
		font-size:20px;
		margin-top: 20px;
	}
}

/* bnr
***************************************************************/
.bnrWrap {
  padding: 50px 5% 60px;
}
.bnrWrap a {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.bnrWrap .bnr1 {
  max-width: 604px;
}
.bnrWrap .bnr2 {
  max-width: 730px;
  margin-top: 15px;
}
@media all and (min-width: 1024px) {
  .bnrWrap {
    padding: 120px 0 50px;
    background-color: #fff;
  }
  .bnrWrap .bnr2 {
    margin-top: 60px;
  }
  .bnrWrap a:hover {
    opacity: 0.7;
  }
}
@media all and (max-width:1023px) {
}
@media all and (max-width:370px) {
}


/* mainContents
***************************************************************/
.mainContents {
	padding-bottom: 130px;
	position: relative;
	top:20px;
}
.mainContents .block {
	margin-top: 165px;
	height: 200px;
	position: relative;
}
.mainContents .block:before {
	content: "";
	background-image: url(../img/top/top01_bg@sp.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
}
.mainContents .block .inner {
	margin: 0 5%;
	position: relative;
	z-index: 1;
}
.mainContents .block .bg2 {
	background-image: url(../img/top/top01@sp.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 64vw;
	height: 148.5px;
	position: absolute;
	top: -45px;
}
.mainContents .block .contentsWrap {
	width: 69vw;
	position: absolute;
	top: 65px;
	right: 0;
	background-color: #fff;
	padding: 30px 15px 20px;
	display: flex;
  flex-flow: column;
  align-items: center;
}
.mainContents .block .contentsWrap .h2 {
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.3em;
	line-height: 1.78;
	color: #4792bc;
	margin-bottom: 12px;
}
.mainContents .block .contentsWrap .p1 {
	text-align: justify;
	font-size: 11.5px;
	letter-spacing: 0.05em;
	line-height: 1.78;
	margin-bottom: 18px;
}
.mainContents .block .contentsWrap .more {
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: #4792bc;
	border: 1px solid #4792bc;
	width: 132px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.mainContents .block:nth-of-type(even) .bg2 {
	right: 0;
}
.mainContents .block:nth-of-type(even) .contentsWrap {
	right: auto;
	left: 0;
}
.mainContents .block.type2 .contentsWrap .h2 {
	color: #f3ad44;
}
.mainContents .block.type2 .contentsWrap .more {
	color: #f3ad44;
	border: 1px solid #f3ad44;
}
.mainContents .block.type3 .contentsWrap .h2 {
	color: #82be0a;
}
.mainContents .block.type3 .contentsWrap .more {
	color: #82be0a;
	border: 1px solid #82be0a;
}
.mainContents .block.type4 .contentsWrap .h2 {
	color: #f37c96;
}
.mainContents .block.type4 .contentsWrap .more {
	color: #f37c96;
	border: 1px solid #f37c96;
}
.mainContents .block.type2:before {
	background-image: url(../img/top/top02_bg@sp.jpg);
}
.mainContents .block.type2 .bg2 {
	background-image: url(../img/top/top02@sp.jpg);
}
.mainContents .block.type3:before {
	background-image: url(../img/top/top03_bg@sp.jpg);
}
.mainContents .block.type3 .bg2 {
	background-image: url(../img/top/top03@sp.jpg);
}
.mainContents .block.type4:before {
	background-image: url(../img/top/top04_bg@sp.jpg);
}
.mainContents .block.type4 .bg2 {
	background-image: url(../img/top/top04@sp.jpg);
}
/* type1 */
.mainContents .block.type1 {
	margin-top: 100px;
}
/* type4 */
.mainContents .block.type4 {
	margin-top: 190px;
}

@media all and (min-width: 1024px) {
	.mainContents {
		padding-bottom: 180px;
	}
	.mainContents .block {
		margin-top: 140px;
		height: 400px;
	}
	.mainContents .block:before {
		width: 79.2vw;
		min-width: 811px;
		height: 400px;
	}
	.mainContents .block .inner {
		padding: 0;
		margin: 0 auto;
		width: 1000px;
	}
	.mainContents .block .bg2 {
		width: 411px;
		height: 297px;
		top: -40px;
	}
	.mainContents .block .contentsWrap {
		width: 500px;
		top: 100px;
		right: 50px;
		padding: 50px 40px 40px;
	}
	.mainContents .block .contentsWrap .h2 {
		font-size: 24px;
		margin-bottom: 30px;
	}
	.mainContents .block .contentsWrap .p1 {
		font-size: 15.5px;
		margin-bottom: 60px;
	}
	.mainContents .block .contentsWrap .more {
		font-size: 15px;
		width: 264px;
		height: 56px;
	}
	.mainContents .block:nth-of-type(even) .bg2 {
		right: 0;
	}
	.mainContents .block:nth-of-type(even) .contentsWrap {
		right: auto;
		left: 50px;
	}
	.mainContents .block:nth-of-type(even):before {
		right: 0;
	}

	.mainContents .block .contentsWrap .more:hover {
		color: #fff;
		background-color: #4792bc;
	}
	.mainContents .block.type2 .contentsWrap .more:hover {
		background-color: #f3ad44;
	}
	.mainContents .block.type3 .contentsWrap .more:hover {
		background-color: #82be0a;
	}
	.mainContents .block.type4 .contentsWrap .more:hover {
		background-color: #f37c96;
	}
	.mainContents .block:before {
		background-image: url(../img/top/top01_bg.jpg);
	}
	.mainContents .block .bg2 {
		background-image: url(../img/top/top01@2x.jpg);
	}
	.mainContents .block.type2:before {
		background-image: url(../img/top/top02_bg.jpg);
	}
	.mainContents .block.type2 .bg2 {
		background-image: url(../img/top/top02@2x.jpg);
	}
	.mainContents .block.type3:before {
		background-image: url(../img/top/top03_bg.jpg);
	}
	.mainContents .block.type3 .bg2 {
		background-image: url(../img/top/top03@2x.jpg);
	}
	.mainContents .block.type4:before {
		background-image: url(../img/top/top04_bg.jpg);
	}
	.mainContents .block.type4 .bg2 {
		background-image: url(../img/top/top04@2x.jpg);
	}

	/* type1 */
	.mainContents .block.type1 {
		margin-top: 80px;
	}
	/* type4 */
	.mainContents .block.type4 {
		margin-top: 185px;
	}
}
@media all and (max-width:1023px) {
}
@media all and (max-width:370px) {
}
@media
(-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1023px),
(min-resolution: 1.5dppx) and (min-width: 1023px) {
	.mainContents .block:before {
		background-image: url(../img/top/top01_bg@2x.jpg);
	}
	.mainContents .block .bg2 {
		background-image: url(../img/top/top01@2x.jpg);
	}
	.mainContents .block.type2:before {
		background-image: url(../img/top/top02_bg@2x.jpg);
	}
	.mainContents .block.type2 .bg2 {
		background-image: url(../img/top/top02@2x.jpg);
	}
	.mainContents .block.type3:before {
		background-image: url(../img/top/top03_bg@2x.jpg);
	}
	.mainContents .block.type3 .bg2 {
		background-image: url(../img/top/top03@2x.jpg);
	}
	.mainContents .block.type4:before {
		background-image: url(../img/top/top04_bg@2x.jpg);
	}
	.mainContents .block.type4 .bg2 {
		background-image: url(../img/top/top04@2x.jpg);
	}
}


/* aos
***************************************************************/
/* ブルー */
.foot1a {
	position: absolute;
	top: -160px;
	right: 124px;
	width: 17.2px;
}
.foot1b {
	position: absolute;
	top: -135px;
	right: 80px;
	width: 22.2px;
}
.foot1_3 {
	top: -92px;
	right: 65px;
}
.foot1_4 {
	top: -58px;
	right: 25px;
}
.foot1_4 img {
  transform: rotate(20deg);
}
.foot1_5 {
	top: -22px;
	right: 54px;
}
.foot1_5 img {
  transform: rotate(10deg);
}
.foot1_6 {
	top: 14px;
	right: 28px;
}
.foot1_6 img {
  transform: rotate(40deg);
}
.foot1_7 {
	top: 50px;
	right: 68px;
}
.foot1_8 {
	top: 85px;
	right: 40px;
}
/* オレンジ */
.foot2a {
	position: absolute;
	top: -37px;
	left: 33px;
	width: 12.2px;
}
.foot2b {
	position: absolute;
	top: -8px;
	left: 30px;
	width: 12.5px;
}
.foot2_1 img {
  transform: rotate(60deg);
}
.foot2_2 img {
  transform: rotate(40deg);
}
.foot2_3 {
	top: 16px;
	left: 8px;
}
.foot2_4 {
	top: 47px;
	left: 21px;
}
.foot2_5 {
	top: 78px;
	left: 22px;
}
.foot2_5 img {
  transform: rotate(10deg);
}
.foot2_6 {
	top: 110px;
	left: 28px;
}
.foot2_6 img {
  transform: rotate(50deg);
}
.foot2_7 {
	top: 114px;
	left: -4px;
}
.foot2_7 img {
  transform: rotate(50deg);
}
.foot2_8 {
	top: 142px;
	left: -10px;
}
.foot2_8 img {
  transform: rotate(60deg);
}
.foot2_9 {
	top: 170px;
	left: -30px;
}
.foot2_9 img {
  transform: rotate(-10deg);
}
.foot2_10 {
	top: 192px;
	left: -12px;
}
.foot2_10 img {
  transform: rotate(10deg);
}
/* グリーン */
.foot3a {
	position: absolute;
	top: -108px;
	right: 144px;
	width: 13px;
}
.foot3b {
	position: absolute;
	top: -80px;
	right: 110px;
	width: 16.5px;
}
.foot3_3 {
	top: -44px;
	right: 127px;
}
.foot3_4 {
	top: -18px;
	right: 94px;
}
.foot3_5 {
	top: 20px;
	right: 108px;
}
.foot3_6 {
	top: 52px;
	right: 80px;
}
.foot3c {
	position: absolute;
	top: 48px;
	right: 26px;
	width: 10px;
}
.foot3_7 img {
  transform: rotate(-30deg);
}
.foot3_8 {
	top: 67px;
	right: 36px;
}
.foot3_9 {
	top: 82px;
	right: 16px;
}
.foot3_9 img {
  transform: rotate(-30deg);
}
.foot3_10 {
	top: 102px;
	right: 28px;
}
.foot3_11 {
	top: 120px;
	right: 8px;
}
.foot3_11 img {
  transform: rotate(-30deg);
}
.foot3_12 {
	top: 142px;
	right: 20px;
}
.foot3_13 {
	top: 160px;
	right: 1px;
}
.foot3_13 img {
  transform: rotate(20deg);
}
.foot3_14 {
	top: 182px;
	right: 15px;
}
/* ピンク */
.foot4a {
	position: absolute;
	top: -28px;
	left: -6px;
	width: 21px;
}
.foot4b {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 14.4px;
}
.foot4_3 {
	top: 31px;
  left: -45px;
}
.foot4_4 {
	top: 66px;
	left: -32px;
}
.foot4_5 {
	top: 118px;
	left: -53px;
}
.foot4_5 img {
  transform: rotate(-30deg);
}
.foot4_6 {
	top: 148px;
	left: -33px;
}
.foot4_6 img {
  transform: rotate(-30deg);
}
.foot4c {
	position: absolute;
	top: 194px;
	left: -45px;
	width: 8px;
}
.foot4d {
	position: absolute;
	top: 196px;
	left: -29px;
	width: 8px;
}

@media all and (min-width: 1024px) {
}
@media all and (max-width:1023px) {
	/* ブルー */
	.foot1_1 {
		top: -145px;
    right: 54px;
	}
	.foot1_1 img {
	  transform: rotate(10deg);
	}
	.foot1_2 {
		top: -108px;
    right: 10px;
	}
	.foot1_2 img {
	  transform: rotate(20deg);
	}
	.foot1_3 {
		top: -55px;
    right: 35px;
	}
	.foot1_4 {
		top: 5px;
    right: 15px;
	}
	.foot1_4 img {
	  transform: rotate(20deg);
	}
	/* オレンジ */
	.foot2_1 {
		top: -140px;
    left: 40px;
	}
	.foot2_2 {
		top: -95px;
    left: 40px;
	}
	.foot2_1 img {
	  transform: rotate(60deg);
	}
	.foot2_2 img {
	  transform: rotate(40deg);
	}
	.foot2_3 {
		top: -58px;
    left: 12px;
	}
	.foot2_4 {
		top: -14px;
    left: 30px;
	}
	/* グリーン */
	.foot3_1 {
		top: -148px;
    right: 80px;
	}
	.foot3_2 {
		top: -106px;
    right: 55px;
	}
	.foot3_3 {
		top: -64px;
    right: 58px;
	}
	.foot3_4 {
		top: -33px;
    right: 27px;
	}
	.foot3_7 {
		top: -7px;
    right: 10px;
	}
	.foot3_8 {
		top: 13px;
    right: 21px;
	}
	.foot3_9 {
		top: 26px;
    right: 2px;
	}
	.foot3_10 {
		top: 47px;
    right: 12px;
	}
	/* ピンク */
	.foot4_1 {
		top: -152px;
    left: 38px;
	}
	.foot4_2 {
		top: -107px;
    left: 48px;
	}
	.foot4_3 {
		top: -65px;
    left: 20px;
	}
	.foot4_3 img {
		transform: rotate(-25deg);
	}
	.foot4_4 {
		top: -24px;
		    left: 48px;
	}
	.foot4_4 img {
		transform: rotate(-25deg);
	}
	.foot4c {
		top: 20px;
    left: 33px;
    width: 8px;
	}
	.foot4d {
		top: 23px;
    left: 52px;
    width: 8px;
	}

}
@media all and (max-width:370px) {
}


/* movie
***************************************************************/
.movie {
	padding: 0 5%;
}
.movie iframe {
	width: 100%;
	height: 200px;
}
@media all and (min-width: 1024px) {
	.movie {
		padding: 0 0 120px;
		width: 1023px;
		margin: 0 auto;
	}
	.movie iframe {
		height: 500px;
	}
}
@media all and (max-width:1023px) {
}
@media all and (max-width:370px) {
}


/* aaa
***************************************************************/

@media all and (min-width: 1024px) {
}
@media all and (max-width:1023px) {
}
@media all and (max-width:370px) {
}