@charset "UTF-8";

/***

BOX1　バック地

***/
.contents_top_bg{
	clear: both;
	width: 100%;
	height: auto;
/*	background:rgba(226,95,207,1.00);*/
	margin: 0;
	padding: 0;
	position: relative;
}


/***

メイン画面

***/
.top_main_ph{
	clear: both;
	width: 78.572%;
	width: 83.334%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: #fff;
	border-top-left-radius: 0;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 0;
}
.top_main_ph img{
	width: 100%;
	height: auto;
}
@media print, screen and (max-width: 800px) {
.top_main_ph{
	width: 82%;
/*	float: right;*/
	position: relative;
	right: 0;
	margin-left: 18%;
	border-top-left-radius: 30px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 30px;
}
.top_main_ph.topslider01{
	right: none;
	left: 0;
	margin-left: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 0;
}
}
@media print, screen and (min-width: 801px) {
.top_main_ph{
	width: 80%;
	max-width: 1100px;
}	
	
	
}


/***
																																																																																																																																																																											
メイン画面　ロゴ

***/
.top_main_bg{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
/*	background: rgba(57,220,231,1.00);*/
}
.top_main_bg2{
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	top: 0;
	z-index: 999;
}



@media print, screen and (max-width: 800px) {
.top_main_title1bg{
	clear: both;
	width: 56.25%;
	width: 48%;
/*	width: 40%;*/
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 8%;
/*	top: 0;*/
	right: 0;
/*	left: 0;*/
	z-index: 999;
	
	background: rgba(255,255,255,0.65);
	
}
.top_main_title1bg img{
	width: 100%;
	height: auto;
}
.top_main_title1bg2{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	
	display: flex;
	align-items: center;
	justify-content: center;
/*	background: rgba(108,215,219,0.5);*/
}
.top_main_title1{
	clear: both;
	width: 79.26%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	left: 2%;
	
/*	background:rgba(217,224,80,1.00);*/
}

}


@media print, screen and (min-width: 801px) {
.top_main_title1bg{
	clear: both;
	width: 480px;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	
	display: flex;
	align-items: center;
	
/*	background:rgba(242,136,233,0.5);*/
}
.top_main_title1bg img{
	width: 100%;
	height: auto;
}

.top_main_title1bg2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;

	background: rgba(255,255,255,0.65);
	
	
}
	
.top_main_title1{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	
/*	background: rgba(79,235,155,1.00);*/
	
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.top_main_title1 p{
	width: 63.75%;
	max-width: 255px;
	
	width: 75%;
	max-width: 360px;
	height: auto;
	margin: 0;
	padding: 0;
/*
	position: absolute;
	top: 0;
	left: 0;
*/
	
}
	
	
	
.slider_btn1{
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}
}
/*
@media print, screen and (min-width: 1551px) {
.top_main_title1bg{
	right: 0;
	left: 1150px;
}
}
*/
@media print, screen and (min-width: 1651px) {
.top_main_title1bg{
	right: 0;
	left: 1150px;
}
}



/*
@media print, screen and (min-width: 1101px) {
.top_main_title1{
	left: 75%;
}
}
@media print, screen and (min-width: 1201px) {
.top_main_title1{
	left: 76%;
}
}
@media print, screen and (min-width: 1351px) {
.top_main_title1{
	left: 1060px;
}
}
@media print, screen and (min-width: 1451px) {
.top_main_title1{
	left: 1180px;
}
}
*/



/***

BOX1　テキスト1

***/
.box1_txt1{
	width: 40%;
	max-width: 250px;
	height: auto;
	margin: 15% auto 0;
}
.box1_txt1 img{
	width: 100%;
	height: auto;
}
@media print, screen and (min-width: 1001px) {
.box1_txt1{
	width: 50%;
	max-width: 250px;
	height: auto;
	margin: 15% auto 0;
}
}
/***

BOX1　テキスト2

***/
.box1_txt2{
	width: 92%;
	height: auto;
	margin: 15% auto 0;
	padding: 0;
	text-decoration: none;
	
	font-weight: 400;
	font-size: 4vw;
	line-height: 360%;
	text-align: justify;
	letter-spacing: 1px;
	color: #fff;
}
@media print, screen and (min-width: 1001px) {
.box1_txt2{
	margin: 10% auto 0;
	font-weight: 400;
	font-size: 14px;
	text-align: center;
}
}

/***

BOX1　画像1

***/
.box1_ph1{
	clear: both;
	padding: 50px 0;
}
@media print, screen and (min-width: 1001px) {
.box1_ph1{
	padding: 80px 0 100px;
}
}





/***

TOPタイトル　一般

***/
.page_title1{
	clear: both;
	width: 90%;
	max-width: 300px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.page_title1 img{
	width: 100%;
	height: auto;
}







/***

BOX3 bg

***/
.box3bg{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;

	background: #e8e7e2;
}



/***

BOX3

***/
.plan_box1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}

.plan_btn1{
	width: 100%;
	height: auto;
	margin: 0 auto 50px;
	position: relative;
	background: #fff;
}
.plan_btn1 .btn_bg1{
	width: 100%;
	height: 100%;
	background: #000;
}
.plan_btn1 .btn_bg2{
	width: 100%;
	height: 100%;
	background: #fff;
}
.plan_btn1 a{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.plan_ph1{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.plan_ph1 img{
	width: 100%;
	height: auto;
}
.plan_txt1bg{
	clear: both;
	width: calc( 100% - 30px );
	height: auto;
	padding: 20px 15px;
	margin: 0;
	
	text-decoration: none;
	
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	text-align: justify;
	letter-spacing: 1px;
	color: #222;
	
	/*background: rgba(124,236,240,0.5);*/
}
.plan_title1{
	clear: both;
	width: 100%;
	height: auto;
	font-size: 17px;
	line-height: 130%;
	text-align: left;
	letter-spacing: 1px;
	color: #78781e;
	padding: 0;
	margin: 0 0 8px;
}
.plan_txt1{
	clear: both;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
@media print, screen and (min-width: 1001px) {
.plan_box1{
	width: 100%;
	/*並び順*/
	/*
	flex-start：左寄せ（デフォルト）
	flex-end：右寄せ
	center： 中央寄せ
	space-between：残り余白の均等割り 
	space-around：左右余白 ＋ 均等割り
	*/
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.plan_btn1{
	width: 48%;
	height: auto;
	margin: 0 0 50px;
	padding: 0;
	
}
}

.plan_btn1_cap{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 20px;
	right: 15px;

	text-decoration: none;
	
	font-weight: 400;
	font-size: 13px;
	line-height: 101%;
	text-align: right;
	letter-spacing: 1px;
	color: #868686;
	
	display: block;
}



/***

BOX3　テキスト

***/
.contents800{
	width:100%;
}

.top_box3_txt1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 10px;

	text-decoration: none;
	
	font-weight: 400;
	font-size: 5.2vw;
	line-height: 130%;
	text-align: center;
	letter-spacing: 1px;
	color: #78781e;
}
@media print, screen and (min-width: 1001px) {
.top_box3_txt1{
	font-size: 22px;
}
}


.top_box3_txt2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 18px 0 24px;

	text-decoration: none;
	
	font-weight: 400;
	font-size: 3.6vw;
	line-height: 160%;
	text-align: justify;
	letter-spacing: 1px;
	color: #222;
}
@media print, screen and (min-width: 1001px) {
.top_box3_txt2{
	font-size: 15px;
	padding: 34px 0 24px;
	text-align: center;
}
}









/***

BOX4

***/
.box4{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: #000;
}
.box4 img{
	width: 100%;
	height: auto;
}
.box4 a .box4_hover img {
	width: 100%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.box4 a .box4_hover img:hover {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}

.box4 a{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.box4_txt1_bg3{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	/*background:rgba(255,227,127,0.6);*/
}
.box4_txt1_bg2{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: table;
	pointer-events: none;/*特定の要素をマウスイベントが透過する*/
	/*background:rgba(0,0,0,0.44);*/
}
.box4_txt1_bg1{
	display: table-cell;
	vertical-align: middle;
	pointer-events: none;/*特定の要素をマウスイベントが透過する*/
	/*background:rgba(206,97,191,0.2);*/
}

.contents150{
	clear: both;
	width: 150px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 15px;
	
	/*background: rgba(32,147,132,1.00);*/
}
/*
.box4_txt1{
	clear: both;
	width: 80%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	pointer-events: none;/*特定の要素をマウスイベントが透過する*/
/*
}
@media print, screen and (min-width: 1001px) {
.box4_txt1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
}
}
*/
.box4_txt2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;

	text-decoration: none;
	
	font-weight: 400;
	font-size: 24px;
	line-height: 130%;
	text-align: center;
	letter-spacing: 2px;
	color: #fff;
	
	/*background: rgba(233,111,170,1.00);*/
}

	

/*
.contents500{
	background: rgba(241,140,142,1.00);
}
/***

BOX5

***/
.box5bg{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.box5bg img{
	width: 100%;
	height: auto;
}
.box5{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}



/***

BOX5　ボタン

***/
.box5_btn{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}

.box5_btn1{
	width: 80%;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
	position: relative;
	background: #000;
}
.box5_btn1 .bg_000{
	background: #bbb;
}
.box5_btn1.m01 .bg_000{
	background: #333;
}
.box5_btn1 a{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.box5_btn1_txt1{
	clear: both;
	width: 100%;
	height: auto;
	padding: 8px 0;
	margin: 0;
	
	text-decoration: none;
	
	font-weight: 600;
	font-size: 14px;
	line-height: 105%;
	text-align: center;
	letter-spacing: 0;
	color: #fff;
	
	/*background: rgba(62,205,178,1.00);*/	
}
@media print, screen and (min-width: 1001px) {
.box5_btn{
	width: 100%;
	/*並び順*/
	/*
	flex-start：左寄せ（デフォルト）
	flex-end：右寄せ
	center： 中央寄せ
	space-between：残り余白の均等割り 
	space-around：左右余白 ＋ 均等割り
	*/
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
	-webkit-justify-content: space-around;
    justify-content: space-between;
	justify-content: space-around;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.box5_btn1{
	width: 47%;
	height: auto;
	margin: 0;	
}
.box5_btn1.m01{
	
	margin: 0;
}
}





/***

トップ　バナー

***/
.top_bnr_title1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 14px;
	
	text-decoration: none;
	
	font-weight: 600;
	font-size: 15px;
	line-height: 105%;
	text-align: center;
	letter-spacing: 2px;
	color: #888;
}
@media print, screen and (max-width: 1000px) {
.top_bnr_title1{
	font-size: 20px;
}
.top_bnr_box1{
	clear: both;
	width: 86%;
	max-width: 480px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.top_bnr_btn1.m01{
	clear: both;
	width: 80%;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
}
.top_bnr_btn1.m02{
	clear: both;
	width: 80%;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
}
.top_bnr_btn1.m03{
	width: 50%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	float: left;
}
.top_bnr_btn1.m04{
	clear: both;
	width: 80%;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
}
.top_bnr_btn1.m05{
	width: 41.6%;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}
.top_bnr_btn1 img{
	width: 100%;
	height: auto;
}
}
@media print, screen and (min-width: 1001px) {
.top_bnr_box1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.top_bnr_box1 a div.top_bnr_btn1{
	width: auto;
	height: 50px;
	margin: 0;
	padding: 0 10px;
	display: inline-block;
	display: table-cell;
}
.top_bnr_box1 a div.top_bnr_btn1 img{
	width: auto;
	height: 100%;
}
}






.title {
  margin: 40px 0 30px 0;
  padding-left: 20px;
  font-size: 1.25em;
  border-left: 5px solid #00507E;
}





/***

トップ　バナー

***/
.cap_left.g01{
	
	line-height: 180%;
}

	
/***

slick

***/
.slide{
/*	background: rgba(75,255,52,1.00);*/
}
.slide , .slide2 {
  position: relative;
  margin: 0;
  padding: 0;
}
.slide .item , .slide2 .item {
  position: relative;
  height: 100%;
}
.slide .item::before {
  display: block;
  padding-top: 180%;
	padding-top: 139%;
  content: "";
}
@media print, screen and (min-width: 1001px) {
.slide .item::before {
	display: block;
	padding-top: 70%;
	padding-top: 60%;
	content: "";
}
}
.slide2 .item::before {
  display: block;
  padding-top: 70%;
  content: "";
}
.slide .item .image , .slide2 .item .image {
  position: relative;
  overflow: hidden;
}
.slide .item img , .slide2 .item img {
  position: absolute;
  top: -10%;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}
.slide > .slick-list,
.slide > .slick-list > .slick-track,
.slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}
.slide2 > .slick-list,
.slide2 > .slick-list > .slick-track,
.slide2 > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}





.slide-animation img{
    animation: fadezoom 30s 0s forwards;
}
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
	
.item2{
	position: relative;
	overflow: hidden;
	animation: fadezoom 30s 0s forwards;
}
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}










/*.slick-dots {
  position: absolute;
  bottom: 500px;
  left: 500px;
  right: 0;
  text-align: center;
	z-index: 999999;
	margin: auto;
}*/

/*
.slide .slick-dots {
	position: absolute;
	bottom: 100px;
	left: 0;
	right: -1000px;
	text-align: center;
	z-index: 999999;
	margin: auto;
	overflow: visible;
	background: rgba(255,7,11,1.00);
}
.slide .slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	margin: 0 5px;
}
.slide .slick-dots li.slick-active button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #595757;
	margin: 0 5px;
}
.slide2 .slick-dots li button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	margin: 0 5px;
}
.slide2 .slick-dots li.slick-active button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #595757;
	margin: 0 5px;
}*/



.slide_sp_cap,
.slide_pc_cap{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}