@charset "utf-8";
/* CSS Document */
  * {
    margin: 0;
    padding: 0;
  }
  .slider {
    width: 90%;
    margin: 0 auto 0px;
  }
  .slick-slide img {
    width: 100%;
    height: auto;
  }
  .mypattern{
    width: 100%;
  }
  .mypattern .slick-slide{
    margin-left: 20px;
	margin-right: 20px;
  }
.btn-box-2{
	width: 510px;
	margin-left: auto;
	margin-right: auto;
}
.btn-box-2 a{
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: center;
    border-radius: 10px;
    border: solid 3px #707070;
	background: #fff;
	font-weight: bold;
	color:000;
	font-size: 16px;
}
.btn-box-2 a .yajirushi{
	width: 17px;
	display: inline-block;
	vertical-align: top;
}
.link-bg{
	background: url("../images/kanri/bg_01.jpg") no-repeat center top;
	background-size:cover;
}
.link-bg ul{
	font-size: 0;
}
.link-bg ul li{
	display: inline-block;
	width: 50%;
}
.ttl-bg1 {
  box-shadow: 0 6px 10px -3px rgba(0,0,0,0.5), 0 -6px 10px -3px rgba(0,0,0,0.5);
    border-top: solid 5px #ffffff;
    border-bottom: solid 5px #ffffff;
    text-align: center;
    background-image: linear-gradient(to right, rgba(94,23,177,0.8) -6%, rgba(187,58,191,0.8) 108%);
}
.ttl-bg1 span{
	vertical-align: middle;
	display: inline-block;
}
.ttl-bg1 .txt{
	width: 580px;
	margin-top: -18px;
	margin-right: 0px;
}
.ttl-bg1 .icon{
	margin-top: -60px;
	width: 236px;
	margin-bottom: -76px;
}
.s-01{
	/*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.76);*/
	background: url("../images/kanri/bg_02.jpg") no-repeat center top;
}
.faq-bg{
	/*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.76);*/
	padding-top: 114px;
	padding-bottom: 140px;
}
.faq-bg h3{
	margin-bottom: 0;
	padding-left: 13px;
	color:#4b0000;
	font-size: 24px;
}
.faq-bg ul{
	font-size: 0;
}
.faq-bg ul li{
	display: inline-block;
	width: 325px;
	margin-right: 4px;
}
.faq-bg ul li:last-child{
	margin-right: 0;
}
.ttl-bg2 {
  box-shadow: 0 6px 10px -3px rgba(0,0,0,0.5), 0 -5px 10px -3px rgba(0,0,0,0.5);
  border-top: solid 5px #ffffff;
	border-bottom: solid 5px #ffffff;
	text-align: center;
  background-image: linear-gradient(109deg, rgba(114,0,4,0.8) 6%, rgba(214,100,183,0.8) 112%);
}
.ttl-bg2 span{
	vertical-align: middle;
	display: inline-block;
}
.ttl-bg2 .txt{
	width: 590px;
	padding-top: 10px;
	padding-bottom: 4px;
}
.s-02 {
	/*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.76);*/
	background: url("../images/kanri/bg_03.jpg") no-repeat center top;
}
.movie-bg {
	/*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.76);*/
	padding-top: 25px;
	padding-bottom: 85px;
}
.movie-bg h3,.movie-bg-sp h3{
	margin-bottom: 44px;
	color:#100c29;
	font-size: 21px;
}

.movie-pic{
	margin-bottom: 14px;
	position: relative;
	  width: 100%;
	  height: 132px;
	  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
	  border: solid 5px #ffffff;
	overflow: hidden;
}
.movie-pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    /* max-height: 80px; */
}
.movie-pic a::before{
	content: '';
    width: 54px;
    height: 32px;
    background: url("../images/movie/movie_btn.png") no-repeat left top;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: -16px 0 0 -27px;
}
.movie-tex{
	font-size: 15px;
	line-height: 1;
	text-align: center;
	font-weight: 500;
}

.s-03{
	padding-top: 60px;
	padding-bottom: 104px;
}
.s-03 h3 {
  font-size: 33px;
  font-weight: bold;
  text-align: center;
  color: #320274;
  margin-bottom: 31px;
}
.point-list li{
	margin-bottom: 18px;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(255, 255, 255, 0.16);
	padding-left: 30px;
    background-image: linear-gradient(to right, rgba(91,15,169,0.62) 0%, rgba(203,0,78,0.62) 101%);
}
.point-list li img{
	width: 750px;
}
.point-list li:last-child{
	margin-bottom: 39px;
}
.bnr-box img{
	display: block;
	vertical-align: bottom;
}
.news-wrap h3{
	width: 133px;
}
.info-wrap .info-box{
	background:none;
}
.link-texbox  a {
    color: #007bff;
     text-decoration: underline; 
}
.ttl-copy{
	font-size: 28px;
	line-height: 1.44;
	text-align: center;
	font-weight: 500;
	margin-bottom: 40px;
	letter-spacing: -0.07em;
}
.ttl-copy span.big1{
	color: #560BA1;
	font-size: 36px;
	font-weight: 700;
}
.ttl-copy span.big2{
	font-size: 31px;
	font-weight: 700;
}
@media print, screen and (min-width : 768px) {
	/*.ttl-box{
		min-width: 1080px;
	}*/
	.slider img{
		border-radius: 20px;
	}	
	.ttl-bg2.ex{
		border-left: solid 5px #ffffff;
    	border-right: solid 5px #ffffff;
	}
	.link-texbox .left{
		float: left;
	}
	.link-texbox .right{
		float: right;
	}
}

@media only screen and (max-width : 767px) {
.ttl-copy{
	font-size: 3.73vw;
	line-height: 1.44;
	text-align: center;
	font-weight: 500;
	margin-bottom: 6.13vw;
}
.ttl-copy span.big1{
	font-size: 6.93vw;
}
.ttl-copy span.big2{
	font-size: 4.27vw;
}
.link-bg{
    margin-bottom: 12%;
}
	.link-bg ul{
		width: calc(100% + 16px);
		margin-left: -8px;
		margin-right: -8px;
	}
.btn-box-2{
	width: 100%;
}	
.btn-box-2 a{
	display: block;
	padding-top: 5%;
	padding-bottom: 5%;
    border: solid 2px #707070;
	font-size: 4.4vw;
}
.ttl-box h2{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.link-bg ul li{
	display: block;
	width: 100%;
}
.ttl-bg1 .txt{
	width: 78%;
	margin-top: 0%;
	margin-right: 0px;
}
.ttl-bg1 .icon{
	margin-top: -9%;
	width: 29%;
	margin-right: -10%;
	margin-bottom: -9%;
}
.faq-bg{
	/*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.76);*/
	background: url("../images/kanri/bg_02_sp.jpg") no-repeat center 10%;
	background-size:200%;
	padding-top: 12%;
	padding-bottom: 16%;
}
.faq-bg h3{
	margin-bottom: 0;
	padding-left: 0%;
	font-size: 4.4vw;
}
.faq-bg ul{
	font-size: 0;
}
.faq-bg ul li{
	display: block;
	width: 104%;
	margin-bottom: 0%;
	margin-right: 4%;
	padding-left: 0%;
}
.faq-bg ul li:last-child{
	margin-right: 0;
	margin-bottom: 0;
}
.ttl-bg2 .txt{
	width: 78%;
	padding-top: 2%;
	padding-bottom: 1%;
}
	
.s-02,.movie-bg-sp {
	/*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.76);*/
	background: url("../images/kanri/bg_03_sp.jpg") repeat center top;
	background-size:100%;
}
.movie-bg {
	/*box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.76);*/
	padding-top: 8%;
	padding-bottom: 12%;
}
.movie-bg h3,.movie-bg-sp h3{
	margin-bottom: 6%;
	color:#100c29;
	font-size:5.0vw;
}

.movie-pic{
	margin-bottom: 3%;
	position: relative;
    width: 90%;
    height:auto;
	padding-top: 50%;
	margin-left: auto;
	margin-right: auto;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
    border: solid 3px #ffffff;
}
.movie-tex{
	font-size: 4.7vw;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}
	
.s-03{
	padding-top:10%;
	padding-bottom: 12%;
}
.s-03 h3 {
  font-size: 6.1vw;
  font-weight: bold;
  line-height: 1.23;
  text-align: center;
  color: #320274;
  margin-bottom: 6%;
}
.point-list li{
	margin-bottom: 2%;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(255, 255, 255, 0.16);
	padding-left: 8%;
    background-image: linear-gradient(to right, rgba(91,15,169,0.62) 0%, rgba(203,0,78,0.62) 101%);
}
.point-list li img{
	width: 86%;
}
.point-list li:last-child{
	margin-bottom: 9%;
}
.news-wrap h3{
	width: 38%;
	margin-left: auto;
	margin-right: auto;
}
.mypattern .slick-slide {
    margin-left: 0px;
    margin-right: 0px;
}
.ttl-bg2 {
  box-shadow: 0 3px 3px -1px rgba(0,0,0,0.5), 0 -3px 3px -1px rgba(0,0,0,0.5);
}
.ttl-bg2.ex{
    width:calc(100% + 48px);
	margin-left: -24px!important;
	margin-right: -24px!important;
}
.info-wrap .info-box{
	margin-bottom: 8%;
}
}