@charset "utf-8";

/*body
----------------------------------------------------------------------------------------------*/
 
html,body{
    min-width:1000px;
    }
html {
    scroll-behavior: smooth;
	scroll-padding-top: 100px;
}
body{
				background:#fff;
	margin: 0;
	
    }
/**/
.eye{
	width:100%;
	text-align:center;
	position:relative;
	background:url(../../images/eye_bg.webp) no-repeat center 0;
	z-index:-3;
	background-size: cover;
}
.main{
	margin:0px auto;
	width:100%;
	max-width:934px;
	position:relative;
	padding-top:20px;
	padding-bottom: 110px;
}
.main .featitle{
	position:absolute;
	top:64px;
	width:0;
}
.main .eye_img{
width:100%;
	min-width:934px;
}
.fea_bn{
background: url(../../images/bn_bg.webp) no-repeat center 81px;
width: 100%;
padding-top: 20px;
position: relative;
z-index: 10;
overflow: hidden;
text-align: center;
padding-bottom: 10px;
}
#cc01{
  margin: auto;
  width: 1017px;
		position: absolute;
		top:20px;
		left:0;
		right:0;
}
.bg_one{
background:url(../images/pre_bg.webp) no-repeat center 100px;
width:100%;
margin-top: -100px;
padding-top:0px;
padding-bottom:0px;
position:relative;
z-index:0;
overflow:hidden;
background-size: cover;
}
#btn01{
  margin: auto;
  width: 880px;
		position: absolute;
		top:38px;
		left:0;
		right:0;
}

#btn01 ul li a{
		float:right;
		padding-top:10px
}
#btn01 ul li.cen a{
		padding-left:64px;
}
	
#btn01 img,#btn02 img,#btn03 img {
    height: auto;
    width: 100%;
}
#btn01 ul li a:hover{
	padding-top:0;
}
#btn01 ul li a:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
 -ms-filter: "alpha( opacity=100 )";
 -moz-opacity: 1;
 -khtml-opacity: 1;
}
.bg_app{
	background:url(../../images/bg_app.webp) no-repeat center 0;
background-size:cover;
width:100%;
padding-top:20px;
z-index:3;
position:relative
	}
.bg_two{
background:url(../../images/bg_pre2.webp) no-repeat center 0;
width:100%;
padding-top:20px;
z-index:3;
position:relative;
margin-top:0px;
background-size: cover;}
#present{
	position:relative;
}

.pre_tit{
	position: absolute;
	top:0px;
	left:-10px;
	background:url(../../images/pre_tit.webp) no-repeat center 0;
	width:997px;
	height:220px;
	-moz-animation:1.8s steps(2) 0s normal none infinite keyframeSprite;
		-webkit-animation: 1.8s steps(2) 0s normal none infinite keyframeSprite;
		-ms-animation:1.8s steps(2) 0s normal none infinite keyframeSprite;
		-o-animation:1.8s steps(2) 0s normal none infinite keyframeSprite;
	animation:1.8s steps(2) 0s normal none infinite keyframeSprite;
 display: block;
	font-size: 0;
 overflow: hidden;
	text-indent: 100%;
}

 
@keyframes keyframeSprite {
0% {
    background-position: 0 0;
}
100% {
    background-position: 0 -480px;
}
}


#present .pre_tit2{
	position: absolute;
	top:590px;
	left:66px;
	background:url(../../images/pre_tit2.webp) no-repeat center 0;
	width:830px;
	height:160px;
	-moz-animation:1.8s steps(2) 0s normal none infinite keyframeSprite2;
		-webkit-animation: 1.8s steps(2) 0s normal none infinite keyframeSprite2;
		-ms-animation:1.8s steps(2) 0s normal none infinite keyframeSprite2;
		-o-animation:1.8s steps(2) 0s normal none infinite keyframeSprite2;
	animation:1.8s steps(2) 0s normal none infinite keyframeSprite2;
		display: block;
 font-size: 0;
 overflow: hidden;
	text-indent: 100%;
}

@-ms-keyframes keyframeSprite2 {
0% {
    background-position: 0 0;
}
100% {
    background-position: 0 -320px;
}
}
@keyframes keyframeSprite2 {
0% {
    background-position: 0 0;
}
100% {
    background-position: 0 -320px;
}
}
#present .pre_tit3{
	position: absolute;
	top:1130px;
	left:220px;
	background:url(../../images/pre_tit3.webp) no-repeat center 0;
	width:544px;
	height:118px;
	-moz-animation:1.8s steps(2) 0s normal none infinite keyframeSprite3;
		-webkit-animation: 1.8s steps(2) 0s normal none infinite keyframeSprite3;
		-ms-animation:1.8s steps(2) 0s normal none infinite keyframeSprite3;
		-o-animation:1.8s steps(2) 0s normal none infinite keyframeSprite3;
	animation:1.8s steps(2) 0s normal none infinite keyframeSprite3;
	display: block;
 font-size: 0;
 overflow: hidden;
	text-indent: 100%;
}
@keyframes keyframeSprite3 {
0% {
    background-position: 0 0;
}
100% {
    background-position: 0 -236px;
}
}

#present .quo{
	position: absolute;
	top:260px;
	left:60px;
}
#present img{
	/*margin-left:-42px;*/
	margin-left:-10px;
}
.bg_thr{
background:url(../../images/bg_btn.webp) no-repeat center 0;
width:100%;
padding-top:40px;
z-index:10;
position:relative;
margin-top:-80px;
}
#cyusen {
	position:relative;
}
#cyusen .cyu_tit{
	position: absolute;
	top:-21px;
	left:0px;
	background:url(../../images/cyu_tit.webp) no-repeat center 0;
	width:1002px;
	height:464px;
	-moz-animation:1.8s steps(2) 0s normal none infinite keyframeSprite4;
		-webkit-animation: 1.8s steps(2) 0s normal none infinite keyframeSprite4;
		-ms-animation:1.8s steps(2) 0s normal none infinite keyframeSprite4;
		-o-animation:1.8s steps(2) 0s normal none infinite keyframeSprite4;
	animation:1.8s steps(2) 0s normal none infinite keyframeSprite4;
	display: block;
 font-size: 0;
 overflow: hidden;
	text-indent: 100%;
}
@keyframes keyframeSprite4 {
0% {
    background-position: 0 0;
}
100% {
    background-position: 0 -928px;
}
}
#cyusen .cyu_or01{
	position: absolute;
	top:932px;
	left:420px;
	background:url(../../images/or01.webp) no-repeat center 0;
	width:128px;
	height:77px;
	-moz-animation:1.8s steps(2) 0s normal none infinite keyframeSprite5;
		-webkit-animation: 1.8s steps(2) 0s normal none infinite keyframeSprite5;
		-ms-animation:1.8s steps(2) 0s normal none infinite keyframeSprite5;
		-o-animation:1.8s steps(2) 0s normal none infinite keyframeSprite5;
	animation:1.8s steps(2) 0s normal none infinite keyframeSprite5;
	display: block;
 font-size: 0;
 overflow: hidden;
	text-indent: 100%;
}
@keyframes keyframeSprite5 {
0% {
    background-position: 0 0;
}
100% {
    background-position: 0 -154px;
}
}
#cyusen .cyu_or02{
	position: absolute;
	top:1494px;
	left:420px;
	background:url(../../images/or02.webp) no-repeat center 0;
	width:123px;
	height:66px;
	-moz-animation:1.8s steps(2) 0s normal none infinite keyframeSprite6;
		-webkit-animation: 1.8s steps(2) 0s normal none infinite keyframeSprite6;
		-ms-animation:1.8s steps(2) 0s normal none infinite keyframeSprite6;
		-o-animation:1.8s steps(2) 0s normal none infinite keyframeSprite6;
	animation:1.8s steps(2) 0s normal none infinite keyframeSprite6;
	display: block;
 font-size: 0;
 overflow: hidden;
	text-indent: 100%;
}
@keyframes keyframeSprite6 {
0% {
    background-position: 0 0;
}
100% {
    background-position: 0 -132px;
}
}
.bg_four{
background:url(../../images/bg_four.webp) no-repeat center 0;
width:100%;
margin-top: -30px;
padding-top:20px;
z-index:20;
position:relative;
}
#cyusen{
	margin-top:0px;
	padding-bottom:15px;}
	#cyusen #arita{
	position:absolute;
	right: -100px;
 top: 1100px;
}
#cyusen #ueda{
	position:absolute;
	left: -150px;
 top: 700px;
}
#adtag{
    height:0;
    overflow:hidden;
    }
a.hv:hover img {  
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha( opacity=60 )";
 -moz-opacity: 0.6;
 -khtml-opacity: 0.6;
}



.grey{
  color:#ababab !important;
    }
.gray a{
  color:#ababab !important;
    }

#mainArea{
    position:relative;
    width:960px;
    margin:0 auto 45px;
    /*height:2181px*/
    }
    p,
    h2,
    h3,
    a,
    div{
      /*position:absolute;*/
        }
 .infoTxt_area{
	width:940px;
	clear:both;
	margin:0 auto ;
	padding: 20px;
	border: 2px solid #2DA7FD;
	background-color: #edf8ff;
	border-radius: 20px; 
	}
	
	 .infoTxt_area_in{
	width:880px;
	clear:both;
	margin:0 auto ;
	padding: 0 0 20px;
	height: 300px;
	overflow-y: scroll;
	}
	.infoTxt_area_in::-webkit-scrollbar {
    width: 11px; }
 .infoTxt_area_in::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #2DA7FD;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5); }
	.kiyaku_tit{
	text-align: center;
	padding: 30px 0;
	}
	@media screen and (max-width: 1400px) {
	 .infoTxt_area{
	width:94%;
	clear:both;
	margin:0 0 0 3% ;
	padding: 10px;
	border: 2px solid #2DA7FD;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	}
	 .infoTxt_area_in{
	width:100%;
	clear:both;
	margin:0 auto ;
	padding: 0 0 20px;
	height: 300px;
	overflow-y: scroll;
	}  
	.kiyaku_tit{
	text-align: center;
	padding: 30px 0;
	}
}/**/
.infoTxt_box{
	width:100%;
	
	text-align:left;
	padding:0 30px 0 20px;
	}
	.infoTxt{
		padding:25px 0;
		color:#000;
		font-size:14px;
		}
    .infoTxt span{
        font-weight:bold;
        font-size:inherit;
        }
.contents{
    width:960px;
    margin:0 auto;
    }
   


#btn_right a{
	position:fixed;
	right:0;
	bottom:60px;
	z-index:400;
	display: block;
	width: 138px;
	height: 312px;
	background: url(../images/btn_right.webp) no-repeat 0 0;
	z-index:600;
}
#btn_right a:hover {
	background-position: 0 bottom;
}

.scrImg, .scrImg2, .scrImg3 {
    height: 230px;
    opacity: 0;
    position: relative;
    width: 250px;
}
/*/pufff*/

@media screen and (max-width: 768px) {
html,body{
    min-width:100%;
	    }


#mainContents{
    background:none;
    }

	
			
.bgYellow{
  background:#ffff00;
    }
.bgRed{
    background:#ff0000;
    }
.txt01{
  background:#0066cc;
  color:#fff;
  padding:15px 20px 30px;
  font-size:10px;
    }

.infoTxt{
  padding:15px;
  width:100%;
  margin:0 auto 0;
  font-size:12px;
		color:#000;
		text-align:left;
    }

body{
				background:#fff;
				
}
.sp_f{
	position:relative;
	width:100%;
	background:url(../../images/top_sp/sp_pre_bg.webp) no-repeat center 0;
	background-size:100% auto;
}
#present_sp{
				padding:0;
				clear:both;
}
.sp_cm_making{
	position:relative;
	width:100%;
	background:url(../../images/top_sp/bg_make.webp) no-repeat center 0;
	padding-bottom:2%;
	background-size:cover;
}
.sp_cm_making ul{
	/*position:absolute;*/
	/*padding-top:30%;*/
	margin-top:-5px;
}
.sp_cm_making  li{
padding:1% 10%;
width:100%;
}
.sp_cm_dance,.sp_cm_omiai,.sp_cm_aisatu{
	position:relative;
	clear:both;
}
.sp_dance_mv{
	left: 3%;
 position: absolute;
 top: 6%;
 width: 65%;
}
.sp_omiai_mv{
	right: 3%;
 position: absolute;
 top: 6%;
 width: 65%;
}
.sp_aisatu_mv{
 left: 3%;
 position: absolute;
 top: 6%;
 width: 65%;
}

.itembox{
	width:100%;
	}
	
.infoTxt_box {
    height: auto;
    width: 100%;
				padding:0;
}
.infoTxt {
				opacity:1;
				position:relative;
				padding:10px;
}
	a:hover img {  
 opacity: 1;
 filter: alpha(opacity=100);
 -ms-filter: "alpha( opacity=100 )";
 -moz-opacity: 1;
 -khtml-opacity: 1;
}

.sp_btn_omikuji{
	background:#D70000;
		padding:2% 6% 6% 6%;
		 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#sp_btn02{
padding:20px 10px;
		 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#eye_btn ul{
	background:#B10C10 url(../../images/top_sp/btn_bg.webp) no-repeat center bottom;
	width:100%;
	padding-top:0px;
	background-size:contain;
}

#eye_btn ul li{
	display:inline-block;
	width:32%;
	padding:0;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#eye_btn ul li:first-child{
				/*margin-top:-18%;*/
}
#eye_btn ul li.sp_cen{
	/*width:33%;*/
}
.eye{
				/*z-index:100;*/
				
}
#sp_urinusi{
	background:#A40009;
	padding-bottom:4%;
}
#sp_urinusi li{
	padding:2% 2% 0 2%;
	float:left;
	width:50%;
}

/**/
}
/**/
	
	.annotation {
    clear: both;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    left: 0;
    line-height: 1.2em;
    margin: 0 auto;
    padding: 15px 0 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 980px;
    z-index: 999;
}
	.annotation.t_w {
    color: #fff;
}
@media screen and (max-width: 768px) {
	.annotation {
				clear: both;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    left: 0;
    line-height: 1.2em;
    margin: 0 auto;
    padding:1em 1em 1em;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 999;
}
	.annotation_area {
				background: url(../../images/top_sp/txt_bg.webp) no-repeat center bottom;
				background-size:cover;
}
.annotation_area2 {
				background: #EA9BC2;
}
/**/
}
/**/

/*anime*/
.purupuru {
	 -moz-animation: purupuru 0.8s linear 0s 1;
		-webkit-animation: purupuru 0.8s linear 0s 1;
		-ms-animation: purupuru 0.8s linear 0s 1;
		-o-animation: purupuru 0.8s linear 0s 1;
  animation: purupuru 0.8s linear 0s 1;
}
 
@keyframes purupuru {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
  50%  { transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
  65%  { transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
  80%  { transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
.poyooon {
	-moz-animation: poyooon 0.9s linear 0s 1;
		-webkit-animation: poyooon 0.9s linear 0s 1;
		-ms-animation: poyooon 0.9s linear 0s 1;
		-o-animation: poyooon 0.9s linear 0s 1;
  animation: poyooon 0.9s linear 0s 1;
}
/*@keyframes poyooon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(0.9, 1.2) translate(0%, -10%); }
  75%  { transform: scale(0.9, 1.2) translate(0%, -5%); }
  85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}*/
@keyframes poyooon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  40%  { transform: scale(1.1, 0.9) translate(0%, 10%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(0.95, 1.1) translate(0%, -5%); }
  75%  { transform: scale(0.95, 1.1) translate(0%, -3%); }
  85%  { transform: scale(1.1, 0.9) translate(0%, 10%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
.swing {
    -moz-animation: swing linear 3s infinite;
    -webkit-animation: swing linear 3s infinite;
    -ms-animation: swing linear 3s infinite;
    -o-animation: swing linear 3s infinite;
    animation: swing linear 3s infinite;
    display: block;
}
 
@-moz-keyframes swing {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(5deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(5deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-5deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(5deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-5deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}
.swing2 {
    margin:10px;
    -moz-animation: swing linear 1s infinite;
    -moz-transform-origin: center -30px 0;
    -webkit-animation: swing linear 1s infinite;
    -webkit-transform-origin: center -30px 0;
    -ms-animation: swing linear 1s infinite;
    -ms-transform-origin: center -30px 0;
    -o-animation: swing linear 1s infinite;
    -o-transform-origin:center -30px 0;
    animation: swing linear 1s infinite;
    transform-origin: center -30px 0;
    display: block;
}
 
@-moz-keyframes swing2 {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(5deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing2 {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing2 {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(5deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-5deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing2 {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(5deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-5deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing2 {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}


/**/
#follow_area{
position: relative;
}
#follow_btn{
position: absolute;
top:0%;
left: 0;
right: 0;
text-align: center;
}
#follow_btn img{
width: 90%;
}
.sp_tw_area{
position: relative;
}
#tw_btn01{
position: absolute;
bottom:10%;
right: 10%;
text-align: center;
}
.tw_btn01{
position: absolute;
bottom:10%;
right: 3%;
text-align: center;
width: 44%;
}
.tw_btn01 img{
width: 100%;
}
.tw_btn02{
position: absolute;
bottom:10%;
left: 3%;
text-align: center;
width: 44%;
}
.tw_btn02 img{
width: 100%;
}
.tw_kari img{
width: 100%;
}
#top_house{
	position: relative;
}
.th_tit{
	position: absolute;
	top: 2%;
	left: 2%;
	font-size: 24px;
	text-align: center;
	font-weight: 500;
	padding: 0% 0 0 10px;
	color: #fff;
	letter-spacing:20px;
	font-family: Noto Serif JP;
	/*background: url("../images/arc.webp") no-repeat left 0;
	background-size: 100% auto;*/
	width: 26%;
	z-index: 10;
	
}
.th_tit img{
	width: 100%;
	
}
.th_tit_bg{
	position: absolute;
	top: -6px;
    right: -2px;
    font-size: 50px;
	font-weight: bold;
	padding: 0px;
	color: #fff;
	letter-spacing:6px;
	opacity: 0.6;
}
.th_free{
	position: absolute;
    bottom: 190px;
    right: 0%;
    width: 90%;
    opacity: 1.0;
    z-index: 101;
    max-width: 1390px;
    margin: 0 auto;
    left: 0;
}
.th_free img{
    width: 100%;
}
.tw_area{
height: 54vh;
    width: 100%;
    /*position: fixed;
    z-index: 1;
    top: 40px;*/
}
#main-nav, #main-nav ul, #main-nav li  {
  height: 100%;
}
#main-nav ul {
  list-style: none;
  display: -webkit-flex;
  display: flex;
	flex-wrap: wrap;
}
#main-nav li.item {
   width: calc(100%/4);
  transition: all .3s cubic-bezier(.65,.05,.36,1);
  /* center */
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
		background: url("../images/02.webp") center center;
		background-size: cover;
		position: relative;
		text-align: center;
	
}

#main-nav ul:hover .item  {
        width:10%
    }

    #main-nav li:hover .txtarea {
        opacity: 0
    }


#main-nav ul .item:hover {
        width: 70%!important
    }

    .job_list .item:hover .txtarea {
        opacity: 1
    }

#main-nav li span.tbt {
  width: 70%;
    position: absolute;
    top: 40%;
    left: 0;
    margin: 0 auto;
    background: rgba(40, 156, 236, 0.75);
	background: rgba(172,41,51,0.75)
}
#main-nav span.tbt a::after {
        opacity: 0
    }
#main-nav .item:hover span.tbt a::after {
        opacity: 1
    }
#main-nav li span.tbt a{
 
    padding: 20px 10px;
	display: block;
    font-size: 20px;
    font-family: Noto Serif JP;
}
#main-nav li span.tbt a::after{
    display: block;
    position: absolute;
    content: "";
    top: calc(50% - 5px);
    right: 30px;
    width: 20px;
    height: 5px;
    border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
    transform: skew(45deg);
    transition: .3s;
}
#main-nav li span.tbt a:hover{
    background: rgba(40, 156, 236, 1);
	background: rgba(172,41,51,1);
}
#main-nav li span.tbt a:hover::after{
    right: 10px;
    width: 40px;
	border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}
#main-nav li.mn_01 span.tbt.visible,
#main-nav li.mn_02 span.tbt.visible,
#main-nav li.mn_03 span.tbt.visible,
#main-nav li.mn_04 span.tbt.visible,
#main-nav li.mn_05 span.tbt.visible{
		display: block;
}
#main-nav li.mn_01 span.tbt img,
#main-nav li.mn_02 span.tbt img,
#main-nav li.mn_03 span.tbt img,
#main-nav li.mn_04 span.tbt img,
#main-nav li.mn_05 span.tbt img{
  width: 100%;
		max-width: 310px;
}
#main-nav li:nth-child(1) {
		background: url(../images/house_01.webp) center center;
		background-size: cover;
}
#main-nav li:nth-child(2) {
		background: url(../images/house_02.webp) center center;
		background-size: cover;
}
#main-nav li:nth-child(3) {
  background: url("../images/house_03.webp") center center;
		background-size: cover;
}
#main-nav li:nth-child(4) {
  background: url("../images/house_04.webp") center center;
		background-size: cover;
}
#main-nav li:nth-child(5) {
  background: url(../images/05.webp) center 0;
		background-size: cover;
}

#main-nav a {
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.th_cover{
	background: rgb(0,0,0,0.2);
	width: 100%;
	height: 100%;
}
.hause_bn{
	margin: 0px auto 50px auto;
    width: 100%;
    z-index: 100;
    position: relative;
    background: #039CD6;
	background: rgba(172,41,51,1);
    padding: 60px 0 30px 0;

	}
.hause_bn .inner{
    width: 100%;
    position: relative;
    max-width: 1100px;
	margin: 0 auto;

	}
.hause_bn ul{
	display: flex;
	width: 100%;
	gap: 0px 30px;
	max-width: 1200px;
	margin: 0 auto;
}
.hause_bn ul li{
	
	width: 50%;
	
	position: relative;
}
.hause_bn ul li a{
	color: #000;
	background: #fff;
	
	display: block;
	padding: 20px;
	border: 1px solid #fff;
}
.hause_bn ul li a::after{
    display: block;
    position: absolute;
    content: "";
    top: calc(50% - 5px);
    right: 30px;
    width: 20px;
    height: 5px;
    border-right: 2px solid #000;
    border-bottom: 1px solid #000;
    transform: skew(45deg);
    transition: .3s;
}
.hause_bn ul li a:hover::after{
    right: 10px;
    width: 40px;
	border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}
.hause_bn ul li a:hover{
	color: #fff;
	text-decoration: none;
	background: #039CD6;
}
.hause_bn dl dt{
	font-size: 18px;
	font-weight: bold;
	
}
.hause_bn dl dd{
	font-size: 12px;
}
.hause_bn .hb_txt{
	font-size: 13px;
	padding-top: 10px;
	padding-right: 50px;
}
.hb_photo{
	float: left;
	width: 100px;
	margin-right: 20px;
}
.hb_photo img{
	width: 100%;
}
.hause_bn .hause_bn_01{
	position: absolute;
	bottom: -20px;
    right: -80px;
    width: 90px;
}
.hause_bn .hause_bn_01 img{
	width: 100%;
}
/**/
section.tslider{
	    padding-top: 77px;
    height: 820px;
	height: 690px;
    position: relative;
}
.top_eye_area{
	width: 100%;
	height: 100%;
	height: 600px;
	position: fixed;
	/*top: 46%;
	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
}
.top_eye_area ul{
	width: 100%;
	padding: 3em 0;
/*  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
    background: rgb(255,255,255,.0);
}
section.tslider:before {
    content: '';
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    filter: blur(0px);
    z-index: -1;
	/*background: url("../images/top_bg.webp") no-repeat 0 0;
	background-size: cover;
	background-attachment: fixed;*/
}
/*.top_eye_area:before {
    content: '';
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -3px;
    right: -3px;
    filter: blur(6px);
    z-index: -1;
	background: url("../images/top_bg.webp") no-repeat 0 0;
	background-size: cover;
}*/
.top_eye_area ul.eye_slide{
	visibility: visible;
	opacity: 1;
  transition: .3s;
	margin-top: 0;
	height: auto;
}
.top_eye_area ul.eye_slide.hide{
	visibility: hidden;
  opacity: 0;
	margin-top: 10%;
	height: 0;
	/*display: none;*/
}
.top_eye_area .thumbnail.hide{
	visibility: hidden;
  opacity: 0;
	margin-top: 10%;
}
.top_eyeslider.hide{
	visibility: hidden;
  opacity: 0;
	margin-top: 10%;
}
.one{
	position: absolute;
	bottom: -2px;
	width: 100%;
	max-width: 940px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.one img{
	width: 100%;
}
/*.top_eye_area ul.eye_slide.hide{
 animation: top_eye_hide 2s linear ;
}*/

@keyframes top_eye_hide {
 0% { opacity: 1;
			 margin-top: 0;
	}
 100% { opacity: 0!important;
			 margin-top: 100%;
	 height: 0!important;
		}
}
/*-----------オーバーレイ----------*/
.overlay{
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    background: #000;
    z-index: 11;
	/*opacity: 0;*/
}

.tm_area{
	padding:0;
	width: 100%;
	z-index: 100;
    position: relative;
}

/*mains*/
#mains{
	padding: 25px 4% 40px 4%;
	z-index: 12;
	position: relative;
	background: #fff;
	background-size: cover;
	/*margin-top: -40vh;*/
}
#mains, #mains ul, #mains li  {
  
	
}
#mains.wrapper {
  width: 100%;
}
#mains ul {
  list-style: none;
  display: -webkit-flex;
  display: flex;
	height: 40vh;
	margin-left: 2%;
	max-width: 1200px;
	margin: 0 auto;
}
#mains li.item {
   width: calc(100% / 3);
  transition: all .3s cubic-bezier(.65,.05,.36,1);
  /* center */
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
		position: relative;
		text-align: center;
	position: relative;
}


#mains li span.tbt {
  width: 50%;
		position: absolute;
		top:10px;
	width: 90%;
		left: 0;
		right: 0;
		margin: 0 auto;
		/*display: none;*/
	background: rgba( 40, 156, 236, 0.75 );
	background: rgba(183,22,35,0.75);
    padding:10px 0 0;
	height: 86px;
}
#mains li.mn_01 span.tbt.visible,
#mains li.mn_02 span.tbt.visible,
#mains li.mn_03 span.tbt.visible,
#mains li.mn_04 span.tbt.visible,
#mains li.mn_05 span.tbt.visible{
		display: block;
}
#mains li.mn_01 span.tbt img,
#mains li.mn_02 span.tbt img,
#mains li.mn_03 span.tbt img,
#mains li.mn_04 span.tbt img,
#mains li.mn_05 span.tbt img{
  height: 80px;
		/*max-width: 310px;*/
}
/*#mains li:nth-child(2) {
		background: url(../images/02.webp) center center;
		background-size: cover;
}
#mains li:nth-child(3) {
  background: url(../images/03.webp) center center;
		background-size: cover;
}*/
#mains li:nth-child(4) {
  background: url(../../images/04.webp) center center;
		background-size: cover;
}
#mains li:nth-child(5) {
  background: url(../images/05.webp) center 0;
		background-size: cover;
}
#mains ul li .mains_tit::after {
  content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    background: url("../images/mains_01.webp") no-repeat;
    background-size: contain;
    margin-right: 8px;
    top: -20px;
    right: -35px;
}
#mains ul li:nth-child(2) .mains_tit::after {
    background: url("../images/mains_02.webp") no-repeat;
	background-size: contain;
}
#mains ul li:nth-child(3) .mains_tit::after {
    background: url("../images/mains_03.webp") no-repeat;
	background-size: contain;
}
#mains a {
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
	display: contents;
}

.news_ticker{
	/*position: absolute;*/
	width: 100%;
	max-width: 1200px;
	margin: 50px auto;
	bottom: 50px;
	left: 0;
	right: 0;
	background: #fff;
	
	border-radius: 8px;
	
	/*background: linear-gradient(90deg, #01579B 0%, #01579B 130px, #fff 130px, #fff 100%);*/
	/*background: linear-gradient(90deg, #842930 0%, #ac2933 130px, #fff 130px, #fff 100%);*/
	/*background: linear-gradient(90deg, #777 0%, #777 130px, #fff 130px, #fff 100%);*/
	border: 1px solid #039CD6;
	border: 1px solid #ac2933;
	border: 1px solid #ccc;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.nt_tit{
    border-right: 0px solid #ccc;
    margin-right: 1em;
    font-weight: bold;
    font-size: 13px;
    color: #333;
    text-align: center;
    padding-right: 1em;
	padding: 34px 3em;
	background-image: linear-gradient(180deg, rgba(247, 249, 253, 1), rgba(230, 230, 230, 1));
	border-radius: 8px 0 0 8px;
	position: absolute;
	height: 100%;
}
#infoblock_news{
	width: 100%;
    padding: 20px 0 10px 150px;
}
.news_ticker::after{
  content: "";
  clear: both;
  display: block;
}
.news_ticker a{
	text-decoration: none;
}
.news_ticker dl{
	display: flex;
	padding-bottom: 8px;
	    padding-left: 15px;
}
.news_ticker .cat,
.news_ticker .topics,
.news_ticker .campaign,
.news_ticker .corporate,
.news_ticker .media,
.news_ticker .service{
	background: #ccc;
	padding: 1px 5px 0 5px;
	margin: 0 10px;
	font-size: 10px;
	min-width: 60px;
    display: inline-block;
    text-align: center;
}
.info_mark_in a{
	display: block;
    color: #fff;
    font-size: 10px;
    /*border: 1px solid #fff;*/
    padding: 5px;
    margin-top: 10px;
	background: #E0012E;
}
.info_mark_in a:hover{
    color: #01579B;
	background: #fff;
}
.pre{
	background: url("../images/pre_bg.webp") repeat-x 0 0;
	background-size: contain;
	width: 100%;
	text-align: center;
	margin-bottom: 100px;
}
.in{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.pre img{
	width: 100%;
}
.co{
	width: 100%;
}
.co img{
	width: 100%;
}
.kai{
	background: url("../images/kai_bg.webp") repeat-x 0 0;
	background-size: contain;
	width: 100%;
	text-align: center;
}


.eye_slide .slick-slide{
    /*margin-right: 1vw!important;
    margin-left: 1vw!important;*/
	
}
.eye_slide .slick-slide img{
    height: 100%;
    width: 100%;
	object-fit: cover;
}
.eye_slide.ptn2 .slick-slide img{
    height: 95%;
    width: auto;
	margin: 0 auto;
}
.eye_slide.ptn2 .slick-slide .eye_fair img{

}
.eye_slide.ptn2{
	margin-top: 0;
}
.eye_slide .slick-slide{
    position: relative;
}
.eye_slide .slick-slide {
    width: 100vw;
	display: block;
	position: relative;
	height: 457px;
}
.eye_on{
	position: absolute;
	top:calc(50% - 128px);
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
}
.slick-slide img{
    width: 100%;
}

/*top_slidebox*/
.top_slidebox{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
    max-width: 860px;
    margin: 0px auto 0;
	/*height: 100%;*/
}.top_slidebox.ptn2{
	bottom: -16px;
}
.top_eyeslider{
    width: 100%;
    max-width: 780px;
    margin: 0 0 0 40px;
	position: absolute!important;
	bottom: 70px;
}
.top_eyeslider .te_01,
.top_eyeslider .te_02,
.top_eyeslider .te_03,
.top_eyeslider .te_04,
.top_eyeslider .te_05,
.top_eyeslider .te_06,
.top_eyeslider .te_07,
.top_eyeslider .te_08,
.top_eyeslider .te_09,
.top_eyeslider .te_10{
	background: #039CD6;
	background: rgba(172, 41, 51, 1.0);
	background: url(../images/topslider/top_eyeslider_bg.webp) no-repeat center 0;
	background-size: 100% 100%;
    padding: 30px 40px 0 40px;
    opacity: 0;
	visibility: hidden;
	height: 0;
}
.top_eyeslider .te_01:hover,
.top_eyeslider .te_02:hover,
.top_eyeslider .te_03:hover,
.top_eyeslider .te_04:hover,
.top_eyeslider .te_05:hover,
.top_eyeslider .te_08:hover,
.top_eyeslider .te_07:hover,
.top_eyeslider .te_08:hover,
.top_eyeslider .te_09:hover,
.top_eyeslider .te_10:hover{
    opacity: 1!important;
	visibility:visible;
	z-index: 1000;
	height: 300px;height: 370px;
}
.top_eyeslider img{
	/*height: 100%;*/
}
.top_eyeslider .te_01.hovered,
.top_eyeslider .te_03.hovered,
.top_eyeslider .te_02.hovered,
.top_eyeslider .te_04.hovered,
.top_eyeslider .te_05.hovered,
.top_eyeslider .te_06.hovered,
.top_eyeslider .te_07.hovered,
.top_eyeslider .te_08.hovered,
.top_eyeslider .te_09.hovered,
.top_eyeslider .te_10.hovered{
    opacity: 1!important;
	visibility:visible;
	height: 300px;height: 370px;
}

.thumbnail{
    width: 100%;
    max-width: 860px;
    margin: 0px auto 0;
    
	position: absolute!important;
	bottom: 20px;
	padding: 0px 40px;
	/*background: #039CD6;*/
	background: url("../images/topslider/thu_bg_gray.webp") no-repeat center 0;
	background-size: 100% 100%;
}
.thumbnail-img{
	padding: 0 4px;
	/*background: #039CD6;*/
    padding: 10px 15px;
	position: relative;

}
.thumbnail-img::after{
	content:"";
	width: calc(100% - 30px);
	height: calc(100% - 20px);
    position:absolute;
	top: 10px;
	left: 15px;
	box-shadow: inset 2px 2px 5px rgba(0,0,0,.5),
            inset -2px -2px 5px rgba(0,0,0,.5);
}
.thumbnail .slick-next {
    right: 0px;
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/arrow_next.svg) no-repeat 0 0;
}

.thumbnail .slick-prev {
	left: 0px;
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/arrow_prev.svg) no-repeat 0 0;
}
/**/
/*.slick-img{
  width:100%;
  max-width:1000px;
}*/
/*.slick-img.slick-center{
  width:100%;
  max-width:1100px;
}*/
/*.slick-img img{
    width: 100%;
	 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  }*/  


/**/
.fade-up {
/*margin: 0;*/
font-size: 40px;
font-weight: bold;
color: #ff0000;
visibility:hidden;
}
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 /*visibility: visible;*/
}

@keyframes fadeInDown {
 0% { opacity: 0;
	 -webkit-transform: translateY(30px);
		 -ms-transform: translateY(30px);
			 transform: translateY(30px);
	}
	 30% { opacity: 0.7;
	 -webkit-transform: translateY(-10px);
		 -ms-transform: translateY(-10px);
			 transform: translateY(-10px);
		}
 100% { opacity: 1;
	 -webkit-transform: translateY(0);
		 -ms-transform: translateY(0);
			 transform: translateY(0);
		}
}

.fade-scale {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.8s;
 -ms-animation-duration:0.8s;
 animation-duration:0.8s;
 -webkit-animation-name: fade-scale;
 animation-name: fade-scale;
	-webkit-animation-delay: 1.0s;
	animation-delay: 1.0s;
	-ms-animation-delay: 1.0s;
 visibility: visible !important;
}

@keyframes fade-scale {
 0% { -webkit-transform: scale(0.0) ;
	-ms-transform: scale(0.0) ;
	transform: scale(0.0); }
	80% { -webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);}
  100% { -webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);}
}
.fade-scale-up {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.8s;
 -ms-animation-duration:0.8s;
 animation-duration:0.8s;
 -webkit-animation-name: fade-scale-up;
 animation-name: fade-scale-up;
	-webkit-animation-delay: 1.0s;
	animation-delay: 1.0s;
	-ms-animation-delay: 1.0s;
 visibility: visible !important;
}

@keyframes fade-scale-up {
 0% { 
	transform: rotate(0deg) scale(0.0);}
	80% { 
		transform: rotate(720deg) scale(2.05);
	overflow: hidden;}
  100% { 
	transform: rotate(720deg) scale(1.0);}
}
.fadeInDown_pre {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown_pre;
 animation-name: fadeInDown_pre;
	-webkit-animation-delay: 1.0s;
	animation-delay: 1.0s;
	-ms-animation-delay: 1.0s;
 visibility: visible !important;
}
@keyframes fadeInDown_pre {
 0% { opacity: 0;
	 -webkit-transform: translateY(30px);
		 -ms-transform: translateY(30px);
			 transform: translateY(30px);
	}
	 20% { opacity: 0.7;
	 -webkit-transform: translateY(-15px);
		 -ms-transform: translateY(-15px);
			 transform: translateY(-15px);
		}
 100% { opacity: 1;
	 -webkit-transform: translateY(0);
		 -ms-transform: translateY(0);
			 transform: translateY(0);
		}
}
.pop-fade{
visibility:hidden;
}
.pop_fade {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.5s;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -webkit-animation-name: pop_fade;
 animation-name: pop_fade;
	-webkit-animation-delay: 0.0s;
	animation-delay: 0.0s;
	-ms-animation-delay: 0.0s;
 visibility: visible !important;
}
@keyframes pop_fade {
 0% { opacity: 0;
	 -webkit-transform: translateY(130px) scale(0.01);
		 -ms-transform: translateY(130px) scale(0.01);
			 transform: translateY(130px) scale(0.01);
	}
		80% { -webkit-transform:translateY(-15px) scale(1.05);}
	-ms-transform:translateY(-15px) scale(1.05);}
	transform:translateY(-15px) scale(1.05);}
 100% { opacity: 1;
	 -webkit-transform: translateY(0) scale(1.0);
		 -ms-transform: translateY(0) scale(1.0);
			 transform: translateY(0) scale(1.0);
		}
}
.pop-turn{
visibility:hidden;
}
.pop_turn {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: pop_turn;
 animation-name: pop_turn;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-ms-animation-delay: 0s;
 visibility: visible !important;
}
@keyframes pop_turn {
 0% { opacity: 0;
	 -webkit-transform: rotateY(0deg) translateY(150px) scale(0.1);
		 -ms-transform: rotateY(0deg) translateY(150px) scale(0.1);
			 transform: rotateY(0deg) translateY(150px) scale(0.1);
	}
		100% { opacity: 1;
	 -webkit-transform: rotateY(720deg) translateY(0px) scale(1.0);
		 -ms-transform: rotateY(720deg) translateY(0px) scale(1.0);
			 transform: rotateY(720deg) translateY(0px) scale(1.0);
		}
}
.fade-right{
visibility:hidden;
}
.fade_right {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.5s;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -webkit-animation-name: fade_right;
 animation-name: fade_right;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-ms-animation-delay: 0s;
 visibility: visible !important;
}
@keyframes fade_right {
 0% { opacity: 0;
	 -webkit-transform: translate(250px) ;
		 -ms-transform: translate(250px) ;
			 transform:  translate(250px) ;
	}
		100% { opacity: 1;
	 -webkit-transform: translate(0px) ;
		 -ms-transform: translate(0px) ;
			 transform:  translate(0px) ;
		}
}
.fade-left{
visibility:hidden;
}
.fade_left {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.5s;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -webkit-animation-name: fade_left;
 animation-name: fade_left;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-ms-animation-delay: 0s;
 visibility: visible !important;
}

@keyframes fade_left {
 0% { opacity: 0;
	 -webkit-transform: translate(-250px) ;
		 -ms-transform: translate(-250px) ;
			 transform:  translate(-250px) ;
	}
		100% { opacity: 1;
	 -webkit-transform: translate(0px) ;
		 -ms-transform: translate(0px) ;
			 transform:  translate(0px) ;
		}
}
.de01{
-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
	-ms-animation-delay: 0.25s;
}
.de02{
-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
}
.de03{
-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
	-ms-animation-delay: 0.75s;
}
.de04{
-webkit-animation-delay: 1.0s;
	animation-delay: 1.0s;
	-ms-animation-delay: 1.0s;
}
.loop_wrap {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.loop_wrap img {
  width: auto;
  height: 100%;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.loop_wrap img:first-child {
  animation: loop 400s -200s linear infinite;
}

.loop_wrap img:last-child {
  animation: loop2 400s linear infinite;
}
.bbs{
  align-items: center;
  background: #fff;
  color: #333;
  display: flex;
  overflow:hidden;
  width: 100%;
  white-space:nowrap;
  z-index: 1;
	letter-spacing: 2.5px;
	padding: 15px 0 30px 0;
}
.bbs ul {
  animation: flowing 130s linear infinite;
 
  transform:translateX(100%);
  margin: 0;
  padding: 0;
	
}
.bbs ul li{
  display: inline-block;
  padding-right: 10px;
	font-size: 30px;
	font-weight:300;
	padding-right: 1.5em;
	font-family: Noto Serif JP;
}
@keyframes flowing {
  0% { transform:translateX(0); }
  100% { transform:translateX(-100%); }
}
/**/

/**/
.area{
  overflow: hidden;
}
.wrap{
  position: relative;
  height: 100vh;
}
.item{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
}
.item01{ background: #e94d15;
background:url("../images/t03.webp") no-repeat center center;
text-indent: -9999px;}
.item02{ background: #f18d1d;
background:url("../images/10.webp") no-repeat center center;
text-indent: -9999px;}
.item03{ background: #f8b633;
background:url("../images/09.webp") no-repeat center center;
text-indent: -9999px;}
.item04{ background: #8cc561;
background:url("../images/07.webp") no-repeat center center;
text-indent: -9999px;}
.item05{ background: #56aa59;
background:url("../images/t04.webp") no-repeat center center;
text-indent: -9999px;}
.item07{ background: #3d6b35; }

.item07{
  height: 100vh;
  width: 100%;
}
.item01,
.item02,
.item03,
.item04,
.item05,
.item06{
  position: absolute;
}
.waku{
  position: absolute;
  top: 0;
  left:0;
  z-index: 10;
  width: 100%;
  height: 100%;
  border: 10px solid #333;
  box-shadow: inset 0 0 5px 5px #aaa;
}

/*右画像が変わるスクロール*/
/*ラッパー要素*/
.wrapper_rs{
	display: flex;
	justify-content: space-between;
	position: relative;
	/*background: rgb(255,255,255,1);*/
	max-width: 1100px;
	margin: 0 auto;
}
/*コンテンツのブロック*/
#r-img .contents{ width: calc(60vw - 12%);
    padding: 0vw 5%;
	background: #fff;
    
    margin-right: 4%;}
#r-img .contents .scroll-box06{ padding-bottom: 10vh; }
#r-img .contents .scroll-box01{ padding-top: 10vh;
    background: #fff url(../images/contents_01.webp) no-repeat center 10vh;
    background-size: 50% auto;
}
#r-img .sb_tit{
	font-size: 34px;
    font-weight: bold;
    padding: 40px 0 0.5em 0;
    display: block;
    letter-spacing: 3px;
    position: relative;
    border-top: 1px solid #ccc;
    margin-top: 12vh;
}
#r-img  .sb_tit .sb_app{
	font-size: 14px;
	/*font-weight: bold;*/
	padding: 6px 20px;
	margin-top: 40px;
	display: block;
	letter-spacing: 3px;
	background: #E0012E;
	color: #fff;
	position: absolute;
	top: 4px;
	right: 0;
}
@media screen and (min-width: 769px) and (max-width: 1050px) {
	#r-img  .sb_tit .sb_app{
	position: relative;
	top: auto;
	right:auto;
		margin-top: 0;
}
}/**/
#r-img .sb_txt{
	   font-size: 16px;
    padding: 0 0 2em 0;
    display: block;
    line-height: 2;
    letter-spacing: 1px;
}
#r-img .sb_photo{
	width: 60%;
	margin-top: 50px;
	display: block;
}
#r-img .sb_photo img{
	width: 100%;
}
#r-img p{
	padding: 0;
	    width: 100%;
    height: 530px;
	height: 70vh;
}
#r-img p img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}
.sb_reform{
	width: 100%;
}
.sb_reform ul{
	display: flex;
	gap:15px;
	flex-wrap: wrap;
}
.sb_reform ul li{
	width: calc(50% - 15px);
	}

.sb_reform ul li:nth-child(odd){
	margin-right: 15px;
	}
.sb_reform ul li img{
	width: 100%;
}
.sb_reform ul li dt{
	width: 100%;
	padding: 8px 0 6px ;
	text-align: center;
	color: #fff;
	background: #01579B;
	background: #039CD6;
	background: rgba(0,0,0,0.6);
		background: #076fc7;
	font-size: 16px;
}
.sb_reform ul li .sbp{
	padding: 5px 0 3px ;
	line-height: 1.5;
}
.sb_sell_photo img{
	width: 100%;
}
/*.sbs_link a.hikar{
	border: 2px solid #27acd9;
	border: 1px solid #842930;
}*/
/*画像のブロック*/
.images{
	width: 40vw;
	height: 100vh;
	display: flex;
	align-items: center;
	position: sticky;
	position: -webkit-sticky;
	top:0;
}
.images p {
	height: 400px;
	margin: auto;
	display: block;
	visibility: hidden;
	/* 画像が透過pngの時は背景色が必要です */
	background: #5bd2d2;
	position: absolute;
	top: 0;
	bottom: 0;
	/* フェード速度 */
	transition: .8s;
	opacity: 0;
}
.images p:first-child,
.images p.active {
	visibility: visible;
	opacity: 1;
}
.images img{
	width: 100%;
}

/*横からスクロール*/
#top_premium{
	/*height: 360px;*/
}
.c_area{
    background: url(../images/bg-bz.webp) no-repeat center 40px;
    background-size: cover;
    color: #fff;
    position: relative;
    width: 100%;
    height: 100%;
	    display: flex;
    flex-wrap: wrap;
	padding: 80px 0 50px 0;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	
}
.c_area .ca_tit{
	padding:0px 0 20px 100px;
	position: relative;
}
.c_area .ca_tit::after {
     content: "";
    position: absolute;
    width: 37%;
    height: 80px;
    background: url(../images/ca_tit_01.webp) no-repeat;
    background-size: contain;
    /* margin-right: 8px; */
    top: -34px;
    left: -110px;
}
.c_area .ca_tit_a{
	padding: 0em 0 0px 0;
}
.c_area .ca_txt{
	padding: 1em 0 10px 0;
}
.ca_t_area{
	/*position: absolute;
	top: 0;
	left: 30px;
	width: 100%;*/
	width: 45%;
}
.text-bottom {
  bottom: 0;
  font-size: 3vw;
  position: absolute;
}
.side-scroll {
  height: 50vh;
  width: 100%;
}
.side-scroll-container {
  /*align-items: center;
  display: flex;
  height: 200px*/;
  margin-inline: auto;
  overflow: hidden;
  width:54%;
	    /*position: absolute;
    right: 1%;
	top: 30px;*/
}
.side-scroll-list {
  display: flex;
  /*gap: 3vw;*/
	width: 100%;
    flex-wrap: wrap;
}
.side-scroll-list img {
  /*height: 15vw;*/
  object-fit: cover;
  /*width: 20vw;*/
	background: #fff;
}

.side-scroll-list li {
  position:relative;
	width: 33.3%;
	padding: 0 1.5% 20px;
}
.side-scroll-list li a {
  position:relative;
	display: block;
    
}
.side-scroll-list li img{
  width: 100%;
}
.side-scroll-list .ssl_gentei {
  position: absolute;
	top: 2px;
	left: 2px;
	width: 80px;
}
.side-scroll-list .ssl_gentei img{
	width: 100%;
	background: none;
}
.side-scroll-list .ssc_txt {
  position: absolute;
	bottom: 0%;
	text-align: center;
	width: 100%;
	background: rgb(255,255,255,0.8);
	color: #000;
	padding: 4px 0 2px;
	line-height: 1.1;
	font-size: 12px;
	font-weight: bold;
    letter-spacing: 2.5px;
		
}
.text {
  font-size: 5vw;
}

/*縦スライダー*/
.ver_area{
	
	background: linear-gradient(-30deg, #842930 0%, #551a1e 100%);
	background: #333;
    width: 90%;
    margin: 6em auto 0em auto;
    border-radius: 20px;
    position: relative;
    height: 400px;
    max-width: 1200px;
}
.tac_t_area{
	position: absolute;
    left: 3%;
    top: 50px;
    width: 50%;
	color: #fff;
}
.tac_txt{
	padding-top: 2em;
}
.TextTyping{
	display: block;
	padding-bottom: 0.5em;
}
.ta_container {
    width: 40%;
    height: 400px;
	display: flex;
	justify-content: flex-end;
	position: absolute;
	right: 0;
	top: 0;
}

.ta_slider {
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
	width: 100%;
    max-width: 300px;
    margin-right: 30px;
}

.ta_slider-list {
    display: flex;
    flex-direction: column-reverse;
    margin: 0;
    padding: 0;
    align-items: center;
    animation: slideShow 60s infinite linear;
    list-style: none;
}
.ta_slider-list2 {
    display: flex;
    flex-direction: column-reverse;
    margin: 0;
    padding: 0;
    align-items: center;
    animation: slideShow2 60s infinite linear;
    list-style: none;
}
.ta_slider-item {
    width: 100%;
    height: 180px;
	margin: 0 0 20px 0;
	border-radius: 10px;
	overflow: hidden;
}

.ta_slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}

.ta_slider:hover .ta_slider-list {
    /*animation-play-state: paused;*/
}

@keyframes slideShow {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(100%);
    }

}
@keyframes slideShow2 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }

}
.premium_bg{
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}
ul.link{
	    display: flex;
    
    justify-content: flex-start;
    width: 100%;
    margin: 20px auto 0;
}

ul.link li a{
    /*background: #FFF;*/
    border: 0px solid #fa0032;
    width: 220px;
	margin-right: 20px;
    padding: 20px;
    color: #131304;
    text-align: center;
    line-height: 1;
	position: relative;
	text-decoration: none;
}
.premium_bg ul.link li a::after,
ul.linkov li a::after,
li.sbs_link a::after,
.tcam ul li .tcam_btn a::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fa0032;
  border-right: 2px solid #fa0032;
	border-top: 2px solid #ac2933;
  border-right: 2px solid #ac2933;
  transform: rotate(45deg);
  margin-top: -5px;
}
ul.linkov li a{
    width: 320px;
}
.premium_bg ul.link li a:hover{
	opacity: 0.9 !important;
}
.premium_bg ul.link li a:hover{
	opacity: 0.6;
}

/*背景テスト*/
.bg-color{
	background: #50b0ea;
	background: #000;
}
.bg-color.is_active {
  background:#e13940;
	/*background:#842930;*/
	/*background:linear-gradient(180deg, rgba(85,26,30,1) 0%, rgba(132,41,48,1) 46%);*/
  transition: all 1.5s;
	    margin: 60px 0;
}

/**/
.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #fff 50%, #72C3F9 50%);
	background-image: linear-gradient(-60deg, #fff 50%, #f0b5b9 50%);
	/*background-image: linear-gradient(-60deg, #fff 50%, #43b5c8 50%);*/
	/*background-image: linear-gradient(-60deg, #fff 50%, #09f 50%);*/
  bottom:0;
  left:-50%;
  opacity:.3;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:8s;
}

.bg3 {
  animation-duration:9s;
}
@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}

/**/


/*検索*/
.tsearch{
	z-index: 10;
	position: relative;
	background: #fff;
	padding: 60px 0;
}
.tsearch_in{
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.tsearch .tss{
	width: 50%;
	background: #fff;
	padding: 80px 0 0;
	text-align: center;
}
.tsearch .tss .tss_in{
	width: 80%;
	margin-left: 10%;
	margin-top: 0px;
	
}
.tss .tss_tit_case{
    display: flex;
	align-items: center;
	position: relative;
	
  }
.tss .tss_tit_case::after {
 content: "";
    position: absolute;
    width: 430px;
    height: 90px;
    background: url(../images/search_01.webp) no-repeat;
    background-size: cover;
    /* margin-right: 8px; */
    top: -84px;
    left: -40px;
}
.tss .tss_tit .bgappear,
.tss .tss_tit .bgLRextend{
    font-size: 34px;
    font-weight: bold;
	letter-spacing: .2em;
	margin-right: .3em;
  }
.tss .tss_tit_a .bgappear,
.tss .tss_tit_a .bgLRextend{
    font-size: 16px;
	font-weight: bold;
	padding: 0em 0 10px 0;
	letter-spacing: .2em;
}
.tss .tss_txt{
	text-align: left;
	margin-bottom: 20px;
}
.tss .tss_txt .bgappear,
.tss .tss_txt .bgLRextend{
    font-size: 16px;
	padding: 1em 0 10px 0;
}

.tsearch .tss img{
	width: 70%;
}
.tsearch .tss_slide{
	width: 50vw;
	overflow: hidden;
}
.tsearch .ssb_map{
	width: 530px;
    position: relative;
    margin: 0 auto;
	overflow: hidden;
}
input.wakuc{
	border: 1px solid #ccc;
}
.search_step_box.se_step2{
    width: 100%;
	margin-top: 40px;
}
.list-count{
	width: 540px;
    margin-left: 30px;
}
.tss_slide .tss_slider_ul li {
    width: 100%;
    height: 80vh;
    
}
.tss_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}
.tss_slide .slick-slide {
    margin-right: 0vw!important;
    margin-left: 0vw!important;
}
.se_txt{
	font-size: 16px;
	font-weight: bold;
	display: flex;
    align-items: center;
	margin: 1em 0 0.5em;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.se_txt2{
	font-size: 16px;
	font-weight: bold;
	margin: 1em 0 0.5em;
	text-align: center;
}
.se_txt span{
	 color: #fff;
    font-size: 20px;
    padding: 8px 28px 6px;
    background: #E0012E;
	/*background: #842930;*/
    border-radius: 0 30px 30px 0;
    margin-top: -2px;
    margin-right: 8px;
    text-shadow: 0 0 #fff;
}

/*テキスト表示*/
.bgextend{
  animation-name:bgextendAnimeBase;
  animation-duration:1s;
  animation-fill-mode:forwards;
  position: relative;
  overflow: hidden;/*　はみ出た色要素を隠す　*/
  opacity:0;
}

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*中の要素*/
.bgappear{
  animation-name:bgextendAnimeSecond;
  animation-duration:1s;
  animation-delay: 0.6s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes bgextendAnimeSecond{
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
}
}

/*左から右*/
.bgLRextend::before{
  animation-name:bgLRextendAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #EEFF0B;/*伸びる背景色の設定*/
	background-color: #039CD6;
}
@keyframes bgLRextendAnime{
  0% {
    transform-origin:left;
    transform:scaleX(0);
  }
  50% {
    transform-origin:left;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:right;
  }
  100% {
    transform-origin:right;
    transform:scaleX(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,
.bgLRextendTrigger{
    opacity: 0;
}
.c_area .ca_tit .bgappear,
.c_area .ca_tit .bgLRextend{
    font-size: 34px;
    font-weight: bold;
	letter-spacing: .2em;
  }
.c_area .ca_tit .bgappear{
    /*display: flex;*/
    align-items: center;
  }
.c_area .ca_tit .ca_tit_en{
    font-size: 16px;
    font-weight: bold;
	letter-spacing: .2em;
	/*padding-left: 1em;*/
	display: block;
  }
.c_area .ca_tit_a .bgappear,
.c_area .ca_tit_a .bgLRextend{
    font-size: 26px;
	font-weight: bold;
	padding: 0em 0 10px 0;
	letter-spacing: .2em;
}
.c_area .ca_txt .bgappear,
.c_area .ca_txt .bgLRextend{
    font-size: 18px;
	padding: 1em 0 0px 0;
}

/*ランダム出現テキスト*/
/*========= ランダムに出現するテキスト ===============*/

.randomAnime {
  visibility: hidden;
}

/*========= タイピング ===============*/
.TextTyping span {
  display: none;
}

/*文字列後ろの線の設定*/
.TextTyping::after {
  content: "|";
  animation: typinganime .8s ease infinite;
	
}

@keyframes typinganime{
  from{opacity:0}
  to{opacity:1}
}

.tac_tit .TextTyping span{
	font-size: 34px;
	letter-spacing: .2em;
	font-weight: bold;
}
.tac_tit_a .TextTyping span{
	font-size: 18px;
	letter-spacing: .5em;
	font-weight: bold;
}
.tac_txt .TextTyping span{
	font-size: 15px;
	letter-spacing: .0em;
}

/*btn*/
a.bgbottom  {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
	position: relative;
 	overflow: hidden;
 	z-index: 1;
}

a.bgbottom::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(255, 255, 255,0.3);
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}
a.bgbottom:hover::before {
	transform: translateX(0);
}
a.bgbottom:hover {
	color: #fff;
}


/*hikaribtn*/
a.hikar {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	min-width: 120px;
	width: 100%;
	margin: auto;
	padding: 1.6rem 4rem;
	position: relative;
	border-radius: 5px;
	border: 1px solid #27acd9;
	border: 1px solid #842930;
	font-weight: bold;
	letter-spacing: 2px;
	background: transparent;
	color: #27acd9;
	color: #842930;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	box-sizing: border-box;
	background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
	font-size: 16px;
}
a.hikar:hover {
	color: #fff;
	background: #27acd9;
	background: #842930;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
a.hikar:hover::before {
	-webkit-animation: sh02 0.5s 0s linear;
	-moz-animation: sh02 0.5s 0s linear;
	animation: light 0.5s 0s linear;
}
a.hikar::before {
	content: '';
	display: block;
	width: 0px;
	height: 86%;
	position: absolute;
	top: 7%;
	left: 0%;
	opacity: 0;
	background: #fff;
	box-shadow: 0 0 50px 30px #fff;
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	-o-transform: skewX(-20deg);
	transform: skewX(-20deg);
}
@keyframes light {
	from {opacity: 0; left: 0%;}
	50% {opacity: 1;}
	to {opacity: 0;left: 100%;}
}


/*search*/
section.search_case{
background: url("../../images/top/right_under.webp") no-repeat right bottom;
background-size: 43% auto;
padding-bottom: 40px;
	padding-top: 20px;
}
section.top_search{
background: #fafafa url("../../images/top/left_eee.webp") no-repeat left top;
padding: 0px 0 0 190px;
background-size: 50% auto;
position: relative;
width: 100%;
box-sizing: border-box;
}
h2.search_tit{
width: 100%;
text-align: right;
}
.search_step_box{
width: 100%;
margin: 0 auto;
}
.search_step_box.ssb_01{
padding: 0;
}
.search_step_box.ssb_02{
padding: 0;
}
.search_step_box.ssb_03{
padding: 0;
    /*position: absolute;
    top: 20px;
    right: 0;*/
    z-index: 10;
    width: 530px;
	width: 50%;
    overflow: hidden;
    /* width: 100vw; */
    /* text-align: center; */
}
.search_step_box.ssb_03 .search_02{
position: absolute;
	    position: absolute;
    bottom: -10px;
    right: -20px;
    width: 180px;
}
.search_step_box.ssb_03 .search_02 img{
	width: 100%;
}
.search_step_box ul.search_step_list{
text-align: center;
	display: flex;
	border-right: 1px solid #ccc;

}
.search_step_box ul.search_step_list li{
display: inline-block;
margin: 0;
position: relative;
font-size: 15px;
}
.search_step_box ul.search_step_list li{
width: 33.3%;
}
.search_step_box ul.search_step_list li a{
display: block;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
font-weight: bold;
background: #fff;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	 transition: .3s;
	height: 80px;
}
.search_step_box.ssb_01 ul.search_step_list li a{
display: block;
border-bottom: 0;
	padding-top: 30px;
	padding-left: 1em;
}
.search_step_box.ssb_02 ul.search_step_list li a{
	padding-top: 20px;
	padding-left: 1em;
}
.search_step_box.se_step2 ul.search_step_list li{
width: 25%;
}
.search_step_box.se_step2 ul.search_step_list li a{
width: 100%;
/*height: 58px;*/
padding-top: 28px;
}
.search_step_box ul.search_step_list li.current a{
box-shadow: inset 0px 0px 0px 45px #ED7700;
	  border: 1px solid #E0012E;
	border: 1px solid rgba(224, 162, 8, 1) ;
	  background: #FBE4EA;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	color: #fff;
}
.search_step_box.ssb_02 ul.search_step_list li.current a{
box-shadow: inset 0px 0px 0px 45px #039CD6;
	  border: 1px solid #039CD6;
	  background: #FFFDE4;
	color: #fff;
}
.search_step_box.se_step2 ul.search_step_list li.current a{
box-shadow: inset 0px 0px 0px 45px #01BC70;
	  border: 1px solid #01BC70;
	  background: #E5F8F2;
	color: #fff;
}
.search_step_box ul.search_step_list li a:hover {
      box-shadow: inset 0px 0px 0px 45px #ED7700 ;
	  border: 1px solid #ED7700;
	  background: #FBE4EA;
	text-decoration: none;
    }
.search_step_box ul.search_step_list li.current a span {
	color: #fff;
    }
.search_step_box ul.search_step_list li a:hover span {
	color: #fff;
    }
.search_step_box.ssb_02 ul.search_step_list li a:hover {
      box-shadow: inset 0px 0px 0px 45px #039CD6;
	  border: 1px solid #039CD6;
	  background: #FFFDE4;
	text-decoration: none;
	color: #fff;
    }
.search_step_box.se_step2 ul.search_step_list li a:hover {
      box-shadow: inset 0px 0px 0px 45px #01BC70;
	  border: 1px solid #01BC70;
	  background: #E5F8F2;
	text-decoration: none;
	color: #fff;
    }

.search_step_box.ssb_03 ul.search_step_list li.current a,
.search_step_box.ssb_03 ul.search_step_list li a:hover{
padding-top: 18px;
}
.search_step_box ul.search_step_list li span{
	position:relative;
	font-size: 15px;
    font-weight: bold;
	color: #000;
}.search_step_box ul.search_step_list li a{
	color: #000;
}
.search_step_box ul.search_step_list li a:before{
	content:"";
	position:absolute;
	left:20px;
	top: 0%;
	 /*transform: translateY(-50%);*/
	width:100px;
	height:100%;
	background-size:contain;
	opacity: 0.4;
}
.search_step_box.ssb_01 ul.search_step_list li:first-child a:before{
	background:url("../images/nico_house.svg") no-repeat left center;
	background-size: auto 20px;
}
.search_step_box.ssb_01 ul.search_step_list li a:before{
	background:url("../images/nico_ap.svg") no-repeat left center;
	background-size: auto 20px;
}
.search_step_box.ssb_01 ul.search_step_list li:last-child a:before{
	background:url("../images/nico_tochi.svg") no-repeat left center;
	background-size: auto 20px;
}
.search_step_box.ssb_02 ul.search_step_list li:first-child a:before{
	background:url("../images/nico_map.svg") no-repeat left center;
	background-size: auto 20px;
}
.search_step_box.ssb_02 ul.search_step_list li a:before{
	background:url("../images/nico_train.svg") no-repeat left center;
	background-size: auto 20px;
}
.search_step_box.ssb_02 ul.search_step_list li:last-child a:before{
	background:url("../images/nico_key.svg") no-repeat left center;
	background-size: auto 20px;
}
/*.search_step_box ul.search_step_list li a:hover span.ico_kodate:before,
.search_step_box ul.search_step_list li.current a span.ico_kodate:before{
	background:url( "../images/top/ico_kodate_w.webp") no-repeat;
}
.search_step_box ul.search_step_list li a:hover span.ico_man:before,
.search_step_box ul.search_step_list li.current a span.ico_man:before{
	background:url( "../images/top/ico_man_w.webp") no-repeat;
}
.search_step_box ul.search_step_list li a:hover span.ico_toti:before,
.search_step_box ul.search_step_list li.current a span.ico_toti:before{
	background:url( "../images/top/ico_toti_w.webp") no-repeat;
	top: 0.3em;
}*/

.u_arrow{
width: 100%;
text-align: center;
padding-bottom: 30px;
}

.top_map_area{
width: 100%;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.tabContents{
	left: -80%;
	margin-top: 0px;
}

/* mapSearchArea */
.maptop-bound {
	position: absolute;
	top: 110px;
	left: 0;
	width: 100%;
	text-align: center;
	
	
}
.countMap {
    width: 100%;
    background-color: #fff;
    margin: 0;
    /*box-sizing: border-box;*/
	position: relative;
	top: auto;
    left: auto;
}
.countMap h3 {
    font-size: 14px;
    text-align: center;
    border-bottom: 0px solid #ddd;
    display: flex;
    vertical-align: middle;
    align-items: center;
    /* font-weight: normal; */
    color: #01579B;
    margin: 0;
}
.countMap h3::after {
    background-color: #fff;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 20%;
    z-index: 2;
}
.countMap h3 span {
    font-size: 12px;
font-weight: normal;
display: block;
text-align: center;
	color: #000;
    margin-left: 1em;
}
.countMap dl {
    background-color: #fafafa;
    margin-bottom: 18px;
	float: left;
	width: 33%;
	margin-left: 0.5%;
}
.countMap dl.ckdl_01{
    margin-left: 0%;
}
.countMap dl:after {
    clear: both;
    display: block;
    content: "";
}
.countMap dt {
    width: 100%;
    clear: both;
    padding: 0 0 0 40px;
    background-color: #fafafa;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    display: block;
    line-height: 1;
    margin-bottom: 4px;
    box-sizing: border-box;
    position: relative;
}
.countMap img.iconImg {
    margin-bottom: 6px;
	display: none;
}
.countMap dt:before{
	content:"";
	position:absolute;
	left:12px;
	top: 5px;
	 /*transform: translateY(-50%);*/
	width:70px;
	height:100%;
	background-size:contain;
	opacity: 0.4;
	
}
.countMap dl.ckdl_01 dt:before{
	background:url("../images/nico_house.svg") no-repeat left center;
	background-size: auto 15px;
}
.countMap dl.ckdl_02 dt:before{
	background:url("../images/nico_ap.svg") no-repeat left center;
	background-size: auto 15px;
}
.countMap dl.ckdl_03 dt:before{
	background:url("../images/nico_tochi.svg") no-repeat left center;
	background-size: auto 15px;
}
.countMap dd {
    width: 100%;
    line-height: 1;
    display:inline-block;
    margin:0;
    box-sizing: border-box;
    border-left: 0px solid #ccc;
    padding: 2px 0px 2px 2px;
    font-size: 14px;
}
.countMap dd ul li {
    padding: 2px 0;
	text-align: left;
}
.countMap dd p.icon {
    display: inline-block;
    width: 44px;
    font-size: 12px;
    line-height: 1;
    padding: 2px 0px;
    text-align: center;
    margin: 0 6px;
}
.countMap dd p.icon.open {
    background-color: #E0012E;
    color: #fff;
}
.countMap dd span.normal {
    color: #008bd4;
    line-height: 1;
}
.countMap dd span.premium {
    color: #E0012E;
    line-height: 1;
}
.countMap p.attention {
    color: #E0012E;
    font-size: 12px;
    padding: 0 0 5px 2px;
	clear: both;
	}

/*card*/
.card-box {
    perspective:600px;
}
 
    .card-box .card {
        transition:transform 1.0s;
    }
 
    .card-box:hover .card {
        transform:rotateY(360deg);
    }
/*top_lib*/
.top_lib{
	width: 100%;
	background: #fff;
	padding: 80px 0 60px 0;
}
.tl_tit{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	/*border: 1px solid #000;*/
	background: #fff url(../images/colum_01.webp) no-repeat;
    background-position: right 10px top 0;
    background-size: 160px auto;
	display: flex;
    flex-wrap: wrap;
}
.tl_tit h2{
	width: 100%;
	max-width: 210px;
}
.lib_tit{
	color: #000;
    z-index: 10;
    position: relative;
    width: 100%;
    max-width: 1200px;
    letter-spacing: 2.5px;
    
    padding-right: 0px;
    font-size: 34px;
    font-weight: bold;
    padding-bottom: 5px;
	padding-top: 8px;
}
.tl_tit .tcam_h2_en {
    font-size: 16px;
    letter-spacing: 2px;
    display: inline-block;
    padding: 14px 0.8em 0.5em 0.8em;
    position: relative;
    color: #fff;
    z-index: 1;
    margin-bottom: 20px;
}
.slider_lib{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	/*border: 1px solid #000;*/
}
.slider_lib a:hover{
	text-decoration: none;
}
.slider_lib ul.cards{
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	
}

.slider_lib ul.cards li{
	width: 33.3%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 25px 25px 20px;
}
li.card h3 span{
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
li.card h3{
	border: 0;
	margin: 0;
}
li.card h3::after{
	display: none;
}
li.card .en{
	letter-spacing: 1.4px;
	color: #008086;
}
.slider_lib .slick-prev {
    left: -60px;
}
.slider_lib .slick-next {
    right: -60px;
}
li.card p{
	padding: 10px 0 0 0;
}

/*右固定*/
#btn_right3 a {
    display: block;
    position: fixed;
    right: 0;
	bottom: 40%;
    width: 66px;
	z-index: 11000;
}
#btn_right3 a img {
    width: 100%;
}

/*下固定*/
#sp_under a {
    display: block;
    position: fixed;
    right: 0;
	left: 0;
	margin: 0 auto;
	bottom: 0;
    width: 96%;
	z-index: 11000;
}
#sp_under a img {
    width: 100%;
}


/*news under aroww*/
.arr_conta {
  position: relative;
  width: 24px;
  height: 24px;
	margin: -10px auto 0;
	transform: scale(0.5);
	padding-right: 200px;
}

.chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #039CD6;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(10px);
  }
  67% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(30px) scale3d(0.5, 0.5, 0.5);
  }
}
#infoblock_news .close.btn_opn_info a {
        border: 1px solid #444;
    /* bottom: -56px; */
    color: #333;
    font-size: 12px;
    font-weight: normal;
    /* height: 29px; */
    line-height: 28px;
    /* position: absolute; */
    text-align: center;
    width: 140px;
    /* left: 45%; */
    display: block;
    margin: 10px auto;
}

/*special*/
	.special{
		width: 100%;
		background: url("../images/movieslider/mv_bg.webp") no-repeat center 0;
		background-size: 100% 100%;
		padding: 50px 0;
		z-index: 10;
	}
.special.bg2{
		background: url("../../images/movie_bg2.webp") no-repeat center 0;
	background-size: 100% 100%;
	}
.special .inner{
		width: 100%;
	max-width: 1100px;
	margin: 0 auto;
position: relative;
	}
.movie_tit{
		width: 100%;
    max-width: 580px;
    position: absolute;
    top: -25px;
    left: -12px;
	}
.movie_tit img{
		width: 100%;
	}
.movie_case{
		width: 100%;
	max-width:960px;
	border: 0px solid #000;
	position: relative;
	overflow: hidden;
	margin: 30px auto 30px;
	background: #fff;
	 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.65);
	padding: 40px 0 0 0;
	/*background: url("../images/movieslider/movie_case_bg.webp") no-repeat center 0;
	background-size: 100% 100%;*/
	}
.movie_01{
		position: absolute;
	bottom: 20px;
	right: -80px;
	width: 160px;
	}
.movie_02{
		position: absolute;
	bottom: 20px;
	left: -30px;
	width: 134px;
	}
.movie_03{
		position: absolute;
	top: -40px;
    right: 20px;
    width: 104px;
	}
.movie_01 img,
.movie_02 img,
.movie_03 img{
		width: 100%;
	}
.movie_bn ul{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
}
.movie_bn ul li{
	width: 32%;
	text-align: center;
	padding: 0 1%;
}
.movie_bn ul li:first-child{
margin-left: 2%;
}
.movie_bn ul li img{
	width: 100%;
}
.special .slick-prev, .special .slick-next {
	top:40%;
}
.special .slick-prev {
    left: -10px;
}
.special .slick-next {
    right: -10px;
}
.special ul.theater-slider {
	width: 125%;
    /*margin: -30px auto 0 auto;*/
    max-width: 1100px;
	}
.special ul.theater-slider li{
width: calc(50% - 50px);
	text-align: center;
}
.special ul.theater-slider li a{
	padding: 0 0 0px;
	display: block;
	position: relative;
}

.special ul.theater-slider li a .spe_photo{
	position: relative;
	width: 100%;
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;

}
.special ul.theater-slider li.slick-current a .spe_photo {
  background: url("../images/movieslider/check.webp") no-repeat;
  background-size:100% 100%;
	padding: 24px 12px 18px;
	margin-top: 0px;
}
.special ul.theater-slider li a .spe_waku{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/*.special ul.theater-slider li a .spe_waku img,
.special ul.theater-slider li a .spe_photo img{
	width: 100%;
}*/
/*tcam*/
.topcampany_area{
	z-index: 12;
    position: relative;
	padding: 80px 0;
	margin-bottom: 50px;
	background: linear-gradient(180deg, #eee 0%, #eee 40%, #fff 40%, #fff 100%);
	margin-top: 60px;
}
.tcam{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
}
.topc_01{
	position: absolute;
	top: -50px;
	right: 50px;
	width: 200px;
}
.topc_01 img{
	width: 100%;
	max-width: 400px;
}
.tcam h2 {
	width: 100%;
	max-width: 240px;
}
.tcam h2 span{
	font-size: 44px;
    font-weight: bold;
    letter-spacing: .2em;
    margin-right: 0.3em;
	padding: 0;
	width: auto;
	color: #000;
}
.tcam ul{
	display: flex;
	flex-wrap: wrap;
	gap:80px; 
}
.tcam ul li{
	width: calc(50% - 80px)
}
.tcam ul li .tcam_tit{
	font-size: 30px;
    font-weight: bold;
    letter-spacing: .2em;
    margin-right: 0.3em;
}
.tcam ul li .tcam_en{
	    font-size: 16px;
    font-weight: bold;
    padding: 0em 0 30px 0;
    letter-spacing: .2em;
}
.tcam ul li .tcam_txt{
	    text-align: left;
    margin-bottom: 40px;
}
.tcam ul li .tcam_photo{
	    width: 100%;
}
.tcam ul li .tcam_photo img{
	    width: 100%;
}
.tcam_case{
	background: #fff;
	padding: 30px 0 0 30px;
	margin: -50px 0 0 50px;
    z-index: 10;
    /* display: block; */
    position: relative;
}

.tcam ul li .tcam_btn{
    position: relative;
}
.tcam ul li .tcam_btn a.hikar{
	margin: 0;
}
.tcam_h2_en{
  font-size: 16px;
	letter-spacing: 2px;
	display: inline-block;
    padding: 14px 0.8em 0.5em 0.8em;
    position: relative;
    color: #fff;
    z-index: 1;
	margin-bottom: 20px;
}
.tcam_h2_en::before {
	content: "";
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 2px;
    left: 0;
    z-index: -1;
    background: #01579B;
	background: #842930;
    transform: scaleY(0.8) perspective(0.8em) rotateX(-0.6deg);
    transform-origin: bottom left;
}



/**/


.slider-wrap {
  height: 500px;
  width: 80vw;
  margin: 0 auto;
  overflow: hidden;
}

.slide-item>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*ズームする アニメーション*/
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

/*このクラス名で、ズームするアニメーションを呼び出せる*/
.slick-animation {
  animation: fadezoom 5s 0s forwards;
}


/**/
@keyframes fdzm {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }

  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}
.a nimation {
  animation: fdzm2 2s 3s forwards;
}
.eye_slide .slick-current {
  animation: fdzm3 2s 0s forwards;
}
.rm-an imation {
  animation: fdzm 4s 0s forwards;
}

@keyframes fdzm2 {
  0% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
	100% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }
}/**/

@keyframes fdzm3 {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }

  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}/**/


@media screen and (max-width: 768px) {
	section.tslider {
    padding-top: 0px;
    height: auto;
     position: relative;
}
	.top_eye_area ul {
    width: 100%;
    padding: 0;
}
	.top_eye_area {
    width: 100%;
    height: 100%;
    height: auto;
    position: relative;
		padding-top: 22px;
		/*padding-bottom: 50px;*/
}
	.eye_slide.ptn2 .slick-slide img {
    /*height: auto;
    width: 100%;*/
    margin: 0 auto;
}

	
	
	.eye_on {
    top: 0;
}
	.eye_slide .slick-slide {
    width: 100vw;
    height: 300px;
}
	.top_slidebox {
    position: relative;
    top: auto;
    left: auto;
    right:auto;
    width: 100%;
    max-width: 800px;
    margin: 0px auto 0;
    height: 100%;
}
	.top_eyeslider {
    width: 100%;
    max-width: 800px;
    margin: 0px auto 0;
    position: relative!important;
    bottom: auto;
}
	.top_eyeslider .te_01, .top_eyeslider .te_02, .top_eyeslider .te_03, .top_eyeslider .te_04, .top_eyeslider .te_05, .top_eyeslider .te_06, .top_eyeslider .te_07, .top_eyeslider .te_08, .top_eyeslider .te_09, .top_eyeslider .te_10 {
    background: #039CD6;
    padding: 10px;
    opacity: 0;
    visibility: visible;
    height: auto;
}.top_eyeslider .te_01.hovered, .top_eyeslider .te_03.hovered, .top_eyeslider .te_02.hovered, .top_eyeslider .te_04.hovered, .top_eyeslider .te_05.hovered, .top_eyeslider .te_06.hovered, .top_eyeslider .te_07.hovered, .top_eyeslider .te_08.hovered, .top_eyeslider .te_09.hovered, .top_eyeslider .te_10.hovered {
    opacity: 1 !important;
    visibility: visible;
    height:auto;
}
	.top_eyeslider .te_01:hover,
.top_eyeslider .te_02:hover,
.top_eyeslider .te_03:hover,
.top_eyeslider .te_04:hover,
.top_eyeslider .te_05:hover,
.top_eyeslider .te_08:hover,
.top_eyeslider .te_07:hover,
.top_eyeslider .te_08:hover,
.top_eyeslider .te_09:hover,
.top_eyeslider .te_10:hover{
    height:auto;
}
	
	.slick-dots{
	 position: relative;
	padding: 0px 10px 0 10px;
	text-align: center;
	}
.slick-dots li{
	border-radius: 20px;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	background: #ccc;
	margin: 5px 3px 10px;
	display: inline-block;
	}
.slick-dots li.slick-active{
	background: #D90000;

	}
.slick-dots li:hover{
	cursor: pointer;
	}
	.thumbnail{
		display: none!important;
	}
	.bg{
		display: none;
	}
	#mains ul {
    height: 20vh;
}
	#mains li span.tbt {
	top: 20% !important;
    width: 90% !important;
    height: 54% !important;
    padding: 20px 0 0 0 !important;
	border-radius: 0%!important;
	}
	#mains li.mn_01 span.tbt img, #mains li.mn_02 span.tbt img, #mains li.mn_03 span.tbt img, #mains li.mn_04 span.tbt img, #mains li.mn_05 span.tbt img {
    height: 70px;
}
	.sp_info {
		width:90%;
		margin:20px 0 30px 5%;
	}
	.sp_info img {
		width:100%;
	}
	.sp_cv {
		width:90%;
		margin:20px 0 30px 5%;
	}
	.sp_cv img {
		width:100%;
	}
		.news_ticker {
			
    width: 90%;
		background: linear-gradient(180deg, #01579B 40px, #01579B 40px, #fff 40px, #fff 100%);
		background: #01579B;
		    display: block;
		padding: 7px 10px;
		margin-top: 20px;
			display: none;
}	
	.nt_tit {
    width: 100%;
    display: inline-block;
		    margin-bottom: 0;
		text-align: left;
		padding: 5px 0 3px 5px;
}
	.info_mark_in{
		display: inline-block;
		position: absolute;
    right: 10px;
    top: 8px;
	}
	.info_mark_in a {
    display: inline-block;
    margin-top: 0px;
		margin-left: 5px;
		padding: 5px 25px;
}
	#infoblock_news {
    width: 100%;
		display: none;
}
	.news_ticker dl {
    display: block;
}
	.news_ticker .cat, .news_ticker .topics, .news_ticker .campaign, .news_ticker .corporate, .news_ticker .media, .news_ticker .service {
    margin: 0 10px 0 0;
}
	.bg-color.is_active {
     margin: 30px 0 ;
}
	.c_area {
    display: block;
}
	.ca_t_area {
    width: 100%;
    padding: 0 10px;
}
	ul.link {
    display: block;
}
	
	ul.link li a {
    width: 100%;
    margin-right: 0;
    padding: 20px;
    text-decoration: none;
    box-sizing: border-box;
		margin-bottom: 15px;
}
	.side-scroll-container {
    width: 100%;
}
	#main-nav li.item {
    width: calc(100% / 2);
}
	#main-nav ul:hover .item  {
        width: calc(100% / 2);
    }

    #main-nav li:hover .txtarea {
        opacity: 0;
    }


#main-nav ul .item:hover {
         width: calc(100% / 2)!important;
    }
	#main-nav {
        height: calc(100% - 100px);
}
	#main-nav li {
    height: 50%;
}
	#main-nav li span.tbt {
    width: 90%;
		top:32%;
}
	#main-nav li span.tbt a {
    padding: 20px 0 20px 0px;
    font-size: 17px;

}

	.th_tit {
    position: relative;
    top: 0;
    left: 0;
		right: 0;
		margin: 0 auto;

    padding: 20px 0 20px 0;
    width: 100%;
		background: #fff;
}
	.th_tit img {
    width: auto;
    height: 70px;
		margin: 0 auto;
}
	.tw_area {
    height: 50vh;
}
.th_free {
    bottom: auto;
    margin: 10px auto;
}
	.hause_bn ul {
    gap: 0px 10px;
		width: 90%;
		margin-left: 5%;
}
	.hb_photo {
    width: 20%;
    margin-right: 10px;
}
	.hause_bn ul li a {
    padding: 10px;
}
.hause_bn dl dt {
    font-size: 15px;
}
.hause_bn ul li a::after {
    right: 7px;
    width: 16px;
}
.tac_t_area {
    position:relative;
    left: auto;
    top: auto;
    width: 100%;
    color: #fff;
	padding: 30px 20px 0 20px;
}
.tac_tit .TextTyping span {
    font-size: 30px;
}
.tac_tit_a .TextTyping span {
    font-size: 20px;
    letter-spacing: .5em;
}	
.tac_txt .TextTyping span {
    font-size: 15px;
    letter-spacing: .0em;
}

/**/
	.tac_txt {
    padding-top: 1em;
}
	.ta_container {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    right: auto;
    top: auto;
}
	.ta_slider-item{
      width: 250px;
    height: 150px;
		border-radius: 0;
}
	.ta_slider {
    display:block;
    flex-direction: initial;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
}
.ta_slider-list{
  display: flex;
	flex-direction: initial;
}
	.hause_bn .hause_bn_01 {
    position: absolute;
    bottom: -20px;
    right: -80px;
    width: 90px;
		display: none;
}
.ver_area {
    height: auto;
	    margin: 3em auto 0em auto;
}
.ta_slider{
  align-items: center;
  color: #333;
  display: flex;
  overflow:hidden;
  width: 100%;
  white-space:nowrap;
  z-index: 1;
	letter-spacing: 2.5px;
	padding: 15px 0 10px 0;
}
.ta_slider-list {
  animation: flowing 130s linear infinite;
 
  transform:translateX(100%);
  margin: 0;
  padding: 0;
	
}
.ta_slider-list li{
  display: inline-block;
  padding-right: 10px;
	font-size: 30px;
	font-weight:300;
	padding-right: 0.5em;
	font-family: Noto Serif JP;
}
.wrapper_rs {
	display: block;
}
#r-img .contents {
    width: 100%;
    padding: 0vw 5%;
    background: #fff;
    margin-right: 0%;
}
/*.sb_reform ul {
    display: block;
    gap: 15px;
    flex-wrap: wrap;
}
.sb_reform ul li {
    width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}*/
	.sb_reform ul li a.hikar {
    width: 100%;
		box-sizing: border-box;
}
	#r-img .contents .scroll-box01 {
    padding-top: 0vh;
    background: #fff url(../images/contents_01.webp) no-repeat center 30px;
    background-size: auto 70px
}
#r-img .contents .scroll-box01 {
    padding-top: 64px;
}
#r-img .sb_tit {
    font-size: 26px;
	text-align: center;
	margin-top: 7vh;

}
#r-img .scroll-box04 .sb_tit {
            letter-spacing: 0;

}
	#r-img .scroll-box03 .sb_tit {
	margin-top: 3vh;

}
#r-img .sb_tit .sb_app {
    font-size: 12px;
    margin-top: 0px;
    display: block;
    letter-spacing: 2px;
    position: relative;
    top: auto;
    right: auto;
	    padding: 6px 0px;
    max-width: 50%;
    margin: 0 auto;
}	
.sbs_link a.hikar {
        padding: 1rem ;
	width: 100%;
		box-sizing: border-box;
}
#r-img .contents .scroll-box06 {
    padding-bottom: 4vh;
}
.slider_lib ul.cards {
    display: block;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.slider_lib ul.cards li {
    width: 100%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 10px 10px;
	clear: both;
}
.slider_lib ul.cards li img{
    float: left;
    width: 30%;
}
li.card h3 {
    padding:0 0 0 33%;
    line-height: 1.2;
	height: 50px;
}	
li.card .en {
    padding-left: 3%;
}
li.card p {
    display: none;
}
.slider_lib .slick-prev {
    left: 10px;
	top: -30px;
}
.slider_lib .slick-next {
    right: 10px;
	top: -30px;
}
h2 span {
		padding: 1em 0;
	}
.top_lib {
    padding: 40px 0 80px 0;
    /*background: #fff url(../images/colum_01.webp) no-repeat;
    background-position: right 20px bottom 0;
    background-size: auto 60px;*/
}
.topcampany_area {
    padding: 32px 0 0;
    margin-bottom: 0px;
    margin-top: 0px;
}
.tcam h2 span {
    font-size: 30px;
    margin-left: 20px;
}
.tcam ul {
    display: block;
    flex-wrap: wrap;
    gap: 80px;
}
.tcam ul li {
    width: 100%;
	margin-bottom: 50px;
}	
	

	
/*SP検索*/
	.tss_tit {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: .2em;
    margin-right: 0;
	text-align:center;
}
	.tss_tit_a {
    font-size: 16px;
    font-weight: bold;
    padding: 0em 0 10px 0;
    letter-spacing: .2em;
		text-align:center;
}
.tss_tit_case::after {
 content: "";
    position: absolute;
        width: 80%;
    height: 90px;
    background: url(../images/search_01.webp) no-repeat;
    background-size: contain;
    top: 22px;
    left: 20px;
	z-index: -1;
}
	.eye_search {
  width: 100%;
  height: auto;
  background: url(../../images/eye_bg.webp) no-repeat center 0;
  text-align: center;
  background-size: cover;
  overflow: hidden;
  padding: 0 0 6em 0;
  background-position: right bottom 10%;
}
.eye_case {
  width: 100%;
  margin: 0 auto;
	border-top: 1px solid #ccc;
}
.eye_case .ectit {
  width: 33.3%;
  float: left;
  background:#fff;
  display: block;
}
.eye_case .ectit {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  padding: 1em 0 0.5em;
  text-decoration: none;
  line-height: 1.2;
  display: inline-block;
  text-align: center;
  cursor: pointer;

	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	.eye_case .ectit.syu {
  padding-bottom: 20px;
}
.eye_case .ectit img {
  padding-bottom: 10px;
  padding-top: 10px;
opacity: 0.4;
	display: block;
    text-align: center;
    margin: 0 auto;
	    height: 46px;
}
.eye_case .ectit.cv img {
  padding-top: 0px;
	    height: 36px;
}
.eye_case .ectit.current,
.eye_case .ectit.activ,
.eye_case .ectit:hover {
  background: #E0012E;
	background: #ED7700;
	color:#fff;
}
	.eye_case .ectit.cv.current{
  background: #039CD6;
	color:#fff;
}
.eye_case .ec_box {
  background: rgba(255, 255, 255, 0.8);
  clear: both;
  width: 98%;
  padding: 1em 0 3em;
  margin-bottom: 1em;
}
.eye_case .ec_box {
  display: none;
}
.eye_case .ec_box.show {
  display: block;
}
.eye_case .select_area {
  margin: 0 auto;
  width: 90%;
  position: relative;
}
.eye_case .select_area select {
  width: 100%;
}
.eye_case .select_area input {
  width: 100%;
	border: 1px solid #ccc;
	padding: 12px 0;
}
	.eye_case .select_area .sts_btn input {
  width: 100%;
	border: 0px solid #ccc;
	padding: 8px 0;
}
.eye_case ul.btn_set02 li a.home {
  background: #2d577d url("file:///C|/job_list/jj-2024リニュ/common/images/common/es_home.svg") no-repeat
    left 30px bottom 12px;
}
.eye_case ul.btn_set02 li a.home:hover {
  background: #fff url("file:///C|/job_list/jj-2024リニュ/common/images/common/es_home_hv.svg") no-repeat
    left 30px bottom 12px;
  background-color: rgba(255, 255, 255, 1);
  color: #2d577d;
  border: 1px solid #2d577d;
}
.eye_case ul.btn_set02 li a.mans {
  background: #2d577d url("file:///C|/job_list/jj-2024リニュ/common/images/common/es_mans.svg") no-repeat
    left 30px bottom 9px;
}
.eye_case ul.btn_set02 li a.mans:hover {
  background: #fff url("file:///C|/job_list/jj-2024リニュ/common/images/common/es_mans_hv.svg") no-repeat
    left 30px bottom 9px;
  background-color: rgba(255, 255, 255, 1);
  color: #2d577d;
  border: 1px solid #2d577d;
}
.eye_case ul.btn_set02 li a.toti {
  background: #2d577d url("file:///C|/job_list/jj-2024リニュ/common/images/common/es_toti.svg") no-repeat
    left 38px bottom 10px;
}
.eye_case ul.btn_set02 li a.toti:hover {
  background: #fff url("file:///C|/job_list/jj-2024リニュ/common/images/common/es_toti_hv.svg") no-repeat
    left 38px bottom 10px;
  background-color: rgba(255, 255, 255, 1);
  color: #2d577d;
  border: 1px solid #2d577d;
}
.eye_case ul.btn_set02 li {
  vertical-align: middle;
  width: 25%;
  margin: 3% 1%;
}
.eye_case ul.btn_set02 li a {
  width: 100%;
}
.eye_case ul.btn_set02 li span {
  width: 62%;
  text-align: left;
  float: right;
  line-height: 100%;
  padding: 0;
  margin: 0;
}
.eye_case ul.btn_set02 li a.toti span {
  width: 55%;
}
.btnset_area.kensaku a {
  width: 360px;
  font-size: 24px;
  margin: 0 auto;
}
	.eye_case .select_area select {
    width: 100%;
		padding: 15px 10px;
}
	
	.btnset_area a, .btnset_area input {
    padding: 12px 0 10px 0;
    text-transform: uppercase;
    cursor: pointer;
    border: 3px solid #1abc9c;
    background: #1abc9c;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    display: block;
    margin: 0 5px;
}
	.btnset_area a:hover {
    border: 3px solid #1abc9c;
    background: #fff;
		color: #1abc9c;

}

	/**/
	.side-scroll-list li {
    position: relative;
    width: 50%;
    padding: 0 1.5% 20px;
}
	.side-scroll-list {
    width: 96%;
    padding-left: 4%;
}
	.premium_bg {
    width: 90%;
    margin-left: 5%;
}

	
	



/*パターン*/
	.spp1{
		width: 100%;
		padding: 10px 0;
		background: #039CD6;
	}
	.spp1 img{
		width: 90%;
    margin-left: 5%;
	}
	.thumbnail-img {
    padding: 0 4px;
    background: #039CD6;
    padding: 5px 5px;
}
	.spp2{
		width: 100%;
	}
	.spp2 img{
		width: 100%;
	}
	
	/*spcv*/
	.visit_area{
	background: #c1ebff;
	padding: 1em 1.5em 1em 1.5em;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
	.visit_area.va_in {
    width: 101vw;
    margin-left: -6%;
		margin-top: 30px;
}

.visit_area .va_tit{
	    font-size:4vw;
    text-align: center;
    padding-bottom: 10px;
}

.visit_area ul.va_ul{
	text-align: center;
	width: 100%;
}
.visit_area ul.va_ul li{
	display: inline-block;
	width: 48%;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}
.visit_area ul.va_ul li:last-child{
	float: right;
}
.visit_area ul.va_ul li a{
	border-radius:4px;
	background: #8bbc2c;
	color: #fff;
	font-size: 24px;
	width: 100%;
	display: block;
	padding: 0.7em 0 0.5em;
	
}
.visit_area ul.va_ul li a::before{
	content: '';
	width: 36px;
  height: 36px;
	background-image: url("../images/top_sp/tel_i.webp");
  background-size: contain;
	background-repeat: no-repeat;
  vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
	margin-top: -4px;
}
.visit_area ul.va_ul li:last-child a{
	background: #ff4102;
	
}
.visit_area ul.va_ul li:last-child a::before{
	background-image: url("../images/top_sp/mail_i.webp");
}
.visit_area .va_txt{
	font-size:3vw;
	background: #fff;
	border-radius: 50px;
	text-align: center;
	clear: both;
}
	#mains ul li .mains_tit::after {
    width: 70%;
    height: 60%;
}
	.se_txt.mt20 {
    clear: both;
		padding-top: 20px;
}
	.tsearch {
    padding: 80px 0 0;
}
	.c_area .ca_tit {
        padding: 0px 0 30px 0px;
    position: relative;
    text-align: center;
}
	.c_area .ca_tit::after {
    width: 60%;
    height: 80px;
    background-size: contain;
    /* margin-right: 8px; */
    top: -94px;
    left: 10px;
}
	.tl_tit {
    margin: 0 auto;
		background-image: none;
}
	.tcam ul li .tcam_btn {
    width: 90vw;
    margin-left: calc(-80px + 5vw);
}
	
a.hikar {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    min-width: 120px;
    width: 100%;
    margin: auto;
    padding: 1.6rem 4rem;
    position: relative;
    border-radius: 5px;
    border: 1px solid #27acd9;
    border: 1px solid #842930;
    font-weight: bold;
    letter-spacing: 2px;
    background: transparent;
    color: #27acd9;
    color: #842930;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #f1e767 0%, #feb645 100%);
    font-size: 16px;
	
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	border-radius: 0.3rem;
	border-bottom: 7px solid #842930;
	background: #feb645;
	    background: linear-gradient(to bottom, #F9F5B2 0%, #FACC82 100%);
	color: #842930;
}
.tcam ul li .tcam_btn a.hikar {
    margin: 0 0 0 7%;
    width: 86%;
}

	
	
	}
/*sp*/

/* 600px以上はハンバーガーボタン非表示、ヘッダー固定 */
@media screen and (min-width: 767px) {
  .btn {
	  display: none;}
}
/**/

@keyframes flowing {
  0% { transform:translateX(0); }
  100% { transform:translateX(-100%); }
}
/**/





	/*eye_mv*/
	.bg-f{
		background: #fff;
	}
	.bg-b{
		background: url("../images/topslider/mvh_vr_map.webp") no-repeat center center;
		background-size: cover;
	}
	.bg-fair{
		background: url("../images/topslider/eye_fair_bg.webp") no-repeat center center;
		background-size: cover;
		padding-top: 2px;
	}
.bg-fair2{
		background: url("../images/topslider/2000x600_0830.jpg") no-repeat center center;
		background-size: cover;
		padding-top: 2px;
	}
.bg-fair3{
		background: url("../images/topslider/JJ_top-banner_pc_2000x600_findingseal_bg2.jpg") no-repeat center center;
		background-size: cover;
		padding-top: 2px;
	}
.bg-fair4{
		background: url("../images/topslider/slider-backimage2000×600.jpg") no-repeat center center;
		background-size: cover;
		padding-top: 2px;
	}
.bg-fair5{
		background: url("../images/topslider/urinushi_slider_back2.jpg") no-repeat center center;
		background-size: cover;
		padding-top: 2px;
	}
.bg-fair6{
		background: url("../images/topslider/bg_taishin.jpg") no-repeat center center;
		background-size: cover;
		padding-top: 2px;
	}
.bg-fair7{
		background: url("../images/topslider/bg_premiam.jpg") no-repeat center center;
		background-size: cover;
		padding-top: 2px;
	}
.bg-fair8{
		background: url("../images/topslider/thumbnail_2000x600_1223.jpg") no-repeat center center;
		background-size: cover;
		padding-top: 2px;
	
}
.bg-fair10{
		background: url("../images/topslider/bg_eye_totonoie.jpg") no-repeat center center;
		background-size: cover;
		padding-top: 2px;
}
.bg-fair11{
	background: url("../images/topslider/bg_eye_pc_20250401.jpg") no-repeat center center;
	background-size: cover;
	padding-top: 2px;
}
.bg-fair12{
	background: url("/top/images/topslider/bg_eye-plan.jpg") no-repeat center center;
	background-size: cover;
	padding-top: 2px;
}
.bg-fair-otani{
		background: url("/file/top/images/topslider/2000x600_0414.jpg") no-repeat center center;
		background-size: cover;
		padding-top: 2px;
}

	.bg-search{
		background: url("../images/topslider/eye_search_bg.webp") no-repeat center center;
		background-size: cover;
	}
	.bg-tick{
		background: url("../images/topslider/eye_tick_bg.webp") no-repeat center center;
		background-size: cover;
	}
	.bg-o{
			background-color: rgba(255, 255, 255, 0.36);
		width: 100%;
    height: 100%;
	}
	.bg-op{
			background-color: rgba(255, 255, 255, 0.56);
		width: 100%;
    height: 100%;
	}
	.eye_mv{
		position: relative;
		max-width: 1100px;
		margin: 0 auto;
	}
	.eye_fair,.eye_fair2,.eye_fair3,.eye_campaign,.eye_campaign2,.eye_campaign4,.eye_campaign5,.eye_campaign6,.eye_campaign7,.eye_campaign8,.eye_campaign5,.eye_campaign6{
		position: relative;
		margin: 0 auto;
		height: 100%;
	}

	
	.eye_mv video{
		width: 100%;
	}
	.eye_mv .eye_mv_01{
		position: absolute;
		top: 120px;
		left: 0;
		width: 16%;
	}
	.eye_mv .eye_mv_02{
		position: absolute;
		top: 120px;
		left: 18%;
		width: 22%;
		
	}
	.eye_mv .eye_mv_03{
		position: absolute;
		top: 290px;
		left: 22%;
		width: 20%;
		z-index: 10;
	}
	.eye_mv .eye_mv_04{
		position: absolute;
		top: 250px;
		right: 20px;
		width: 100px;
	}
	.eye_mv .eye_mv_05{
		position: absolute;
		top: 30px;
		left: 46%;
		width: 20%;
	}
	.eye_mv .eye_mv_06{
		position: absolute;
		top: 60px;
		left: 69%;
		width: 16%;
		z-index: 10;
	}
	.eye_mv .eye_mv_07{
		position: absolute;
		top: 30px;
		left: 80%;
		width: 20%;
		z-index: 9;
	}
	.eye_mv .eye_mv_01 img,
	.eye_mv .eye_mv_02 img,
	.eye_mv .eye_mv_03 img,
	.eye_mv .eye_mv_04 img,
	.eye_mv .eye_mv_05 img,
	.eye_mv .eye_mv_06 img,
	.eye_mv .eye_mv_07 img{
		width: 100%!important;
		height: auto;
	}
	.emh_bg{
		background:  url("../images/topslider/eye-bg-02.webp") no-repeat center center;
		background-size: cover;
	}
	.eye_mv_house{
		height: 100%;
		text-align: center;
		
		background-color: rgba(63,95,178,0.6);
		
		position: relative;
	}
	.eye_mv_house video{
		height: 100%;
	}
	.mv_tit_sumai{
		position: absolute;
		top: 20px;
		left:0;
		max-width: 420px;
		z-index: 20;
	}
	.mv_insta{
		position: absolute;
		    top: 340px;
    right: 20px;
    max-width: 360px;
		z-index: 20;
	}
	.mvh_txt{
		position: absolute;
		top: 20px;
		left:-80px;
		right: 0;
		margin: 0 auto;
		max-width: 620px;
	}
	.mvh_btn{
		position: absolute;
		bottom: 16px;
		right:-60%;
		left: 0;
		margin: 0 auto;
		max-width: 320px;
	}
	.mvh_txt img,
	.mvh_btn img,
	.mv_insta img,
	.mv_tit_sumai img,
	.mvs_map img,
	.mvs_list img,
	.mv_search img,
	.mvh_vr img,
	.mvh_vr_map img{
		width: 100% !important;
    height: auto !important;
	}
	
	.mvs_case{
		position: relative;
		max-width: 1100px;
		margin: 0 auto;
	}
	.mvs_map{
		position: absolute;
		top: 30px;
		right: 0;
		max-width: 560px;
	}
	.mv_search{
		position: absolute;
		top: 360px;
		right: 20px;
		max-width: 320px;
		z-index: 20;
	}
	.mv_tit_search{
		position: absolute;
		top: 40px;
		left:0;
		max-width: 480px;
		z-index: 20;
	}
	.mvs_list{
		position: absolute;
		top: 150px;
		left:0px;
		max-width: 620px;
		display: flex;
		flex-wrap:wrap; 
		gap:20px;
	}
	.mvs_list li{
		width: calc(33.3% - 20px)
	}
	.mvh_vr_map{
		position: absolute;
		top: 15px;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 100%;
	}
	.mvh_vr{
		position: absolute;
		top: 90px;
		left:-30px;
		max-width: 310px;
		z-index: 20;
	}
/*theater-slider*/
	.theater-slider .spe_photo img {
  height: auto;
  opacity: .8;
  transform: scale(.75);
  transition: opacity .5s, transform .5s;
  width: 100%;
		box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.65);
}
.theater-slider .slick-center img {
  opacity: 1;
  transform: scale(1);
		 
}
	.theater-slider .slick-dots{
	 position: relative;
	padding: 0px 10px 0 10px;
	text-align: center;
	display: inline-block;
    margin: 0px auto;
	}
.theater-slider .slick-dots li{
	border-radius: 20px;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	background: #ccc;
	margin: 5px 8px 10px;
	display: inline-block;
	}
.theater-slider .slick-dots li.slick-active{
	background: #D90000;

	}
.theater-slider .slick-dots li:hover{
	cursor: pointer;
	}
	.theater-slider .slick-next {
    right: -50px;
}
	.theater-slider .slick-prev {
    left: -50px;
}

/*annai*/
	.annai{
		width: 100%;
		text-align: center;
		padding: 0 0 23px 0;
	}
	.annai img{
		width: 100%;
		max-width: 1100px;
	}




/*sp*/
@media screen and (max-width: 768px){
		.eye_mv .eye_mv_04 {
    position: absolute;
    top: 220px;
    right: 10px;
    width: 80px;
}
	.eye_mv .eye_mv_06 {
    position: absolute;
    top: 80px;
    left: 69%;
    width: 22%;
    z-index: 10;
}
.mv_tit_sumai {
    position: absolute;
    top: 10px;
    left: auto;
	right: 10px;
    max-width: 50%;
    z-index: 20;
}
.mv_insta {
   position: absolute;
    top: 232px;
    right: -10px;
    width: 44%;
    z-index: 20;

}
.eye_mv .eye_mv_01 {
    position: absolute;
    top: 20px;
    left: 0;
    width: 50%;
}
.eye_mv .eye_mv_02,
	.eye_mv .eye_mv_07{
    display: none;
}
	.eye_mv .eye_mv_04 {
    position: absolute;
    top: 154px;
    right: 10px;
    width: 80px;
		z-index: 10;
}
	.eye_mv .eye_mv_03 {
    position: absolute;
    top: 124px;
    left: 52%;
    width: 26%;
    z-index: 9;
}
.mv_tit_search {
    position: absolute;
    top: 10px;
    left: 10px;
    max-width: 380px;
    z-index: 20;
    width: 80%;
}
.mvs_list {
    position: absolute;
    top: 210px;
    left: 0px;
    max-width: 620px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
	display: none;
}
.mv_search {
    position: absolute;
    top: 230px;
    right: 20px;
    max-width: 320px;
    z-index: 20;
    width: 60%;
}	
.mvs_map {
    position: absolute;
    top: 60px;
    right: 10%;
    max-width: 560px;
    width: 80%;
}
.mvh_txt {
    position: absolute;
    top: 20px;
    left: 10px;
    right: 0;
    margin: 0 auto;
    max-width: 540px;
    width: 90%;
}
.mvh_btn {
    position: absolute;
    bottom: 26px;
    right: -40%;
    left: 0;
    margin: 0 auto;
    max-width: 320px;
    width: 50%;
}
	.eye_mv_house video {
    height: 100%;
    width: 100%;
}
	.mvh_vr {
    position: absolute;
    top: 230px;
    left: 10px;
    max-width: 310px;
    z-index: 20;
    width: 60%;
    /* bottom: 0; */
}
	.eye_slide .slick-prev,.eye_slide .slick-next {
    bottom: -70px;
    top: auto;
}
.tcam h2 {
    width: 100%;
    max-width: 190px;
}
.tcam_h2_en {
    margin-top: 0;
}
	.tl_tit h2 {
 		padding-left: 10px;
}
	.special ul.theater-slider {
    width: 100%;
    max-width:100%;
}
.movie_case {
    padding: 110px 0 40px 0;
}
.movie_tit {
    width: 100%;
    max-width: 80%;
    position: absolute;
    top: -16px;
    left: -30px;
}
	.movie_tit img{
    max-width: 400px;
}
.special {
    padding: 20px 0 50px;
 }
.movie_bn ul li {
    width: 48%;
    text-align: center;
    padding: 0 1% 1%;
}
	.movie_bn ul li:last-child {
    margin-left: 2%;
}
	.movie_01 {
    position: absolute;
    bottom: -40px;
    right: 10px;
    width: 20%;
}
	.movie_02 {
    position: absolute;
    bottom: -43px;
    left: 55%;
    width: 17%;
}
	.movie_03 {
    position: absolute;
    top: -16px;
    right: 10px;
    width: 104px;
}
.c_area .ca_tit_a {
    padding: 0em 0 0px 0;
	text-align: center;
}
.c_area .ca_txt {
    padding: 1em 0 10px 0;
	text-align: center;
}
#mains {
    padding: 10px 4% 10px;
}
	
	.cards_case_top .slick-dots,
	.eye_slide .slick-dots{
		margin-top: 20px;
}
	.cards_case_top .slick-dots li,
	.eye_slide .slick-dots li {
    width: 16px;
    height: 16px;
    margin: 5px 13px 10px;
}
		.cards_case_top  .slick-dots li.slick-active {
    background: #D90000;
}
	ul.cards li a{
		clear: both;
	display: inline-block;
		width: 100%;
	}
.bg-fair {
    padding-top: 0px;
}
.eye_fair,.mv_in_case{
		position: relative;
		max-height: 300px;
		margin: 0 auto;
		height: 100%;
	}

.eye_slide.ptn2 .slick-slide .eye_fair img,
.eye_slide.ptn2 .slick-slide .mv_in_case img{
    height: 100%;
    width: auto;
    margin: 0 auto;
	max-height: 300px
}
	.top_eye_area ul.eye_slide.hide {
    display:block;
		height: auto;
}
	.special .slick-next {
    right: auto;
        bottom: -50px;
        top: auto;
        left: 60px;
}
	.special .slick-prev {
    left: 10px;
        bottom: -50px;
        top: auto;
}
	
	/*sp*/}	
	@media screen and (max-width: 461px) {
		.eye_slide.ptn2 .slick-slide .eye_fair img,
		.eye_slide.ptn2 .slick-slide .eye_campaign img,
		.eye_slide.ptn2 .slick-slide .eye_campaign2 img,
.eye_slide.ptn2 .slick-slide .mv_in_case img{
    height: auto;
    width: 100%;
    margin: 0 auto;
	max-height: 300px;
	padding-top: 4%;
}
	}/*461px*/

.eye_slide,
.thumbnail{
  display: none;
}
.eye_slide.slick-initialized,
.thumbnail.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

/**/
.slick-prev {
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/arrow_prev.webp) no-repeat 0 0!important;
    background-size: contain!important;
}
.slick-next {
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/arrow_next.webp) no-repeat 0 0!important;
    background-size: contain!important;
}


/**/