﻿@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400;500&display=swap');
body {
    line-height: 1.8;
}
h2, h3, .en_font {
    font-family: 'Noto Sans JP', sans-serif;
}
#catch .banner_wrap:first-of-type a, #catch .banner_wrap:nth-of-type(2) a {
    box-shadow: 3px 3px 1px 0px #d40fd4;
}
.cms_title {
	background: transparent;
	background-image: url(Dup/img/btn.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 51.5% 50%;
	padding: 33px 60px;
	text-align: center;
	display: block;
}
.cms_title > div {
    border: none;
    padding-left: 0;
}
#page_title {
    background-position: 50% 43%;
    background-attachment: inherit;
}
.no .font_80up {
font-family: 'Reem Kufi', sans-serif;
}
.main_txt img {
    filter: drop-shadow(0px 0px 4px #9b1686) drop-shadow(0px 0px 6px #d2009e);
}
#enjoy {
    background-color: #a115a1;
    height: 32vw;
    margin-bottom: 10vw;
    background-image: url(Dup/img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;background-attachment: fixed;
}
#enjoy::before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	background-color: #840084a6;
	z-index: 0;
}
.img1 {
	width: 28%;
	top: -50px;
	border: 3px solid #fff;
}
.img2 {
	width: 28%;
	top: 13vw;
	left: 40%;
	border: 3px solid #fff;
}
.img3 {
    width: 28%;
    top: 40px;
    right: 0;
	border: 3px solid #fff;
}
.g-menu-btn {
    cursor: pointer;
}
#contents .box_item:after{
    display: none;
}
.box .no {
    background-color: transparent;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
#contents .box .box_item::before {
background-color: rgba(68, 19, 67, 0.55)!important;
}
#top_cms .top_cms_box:last-of-type {
	background-image: url(Dup/img/car.png);
	background-size: 324px;
	background-repeat: no-repeat;
	background-position: 99% 100%;
	padding-bottom: 150px;
	margin-bottom: 0;
}
/* ---------------------------------MODAL -------------------------------------------------------------*/
.modal_bg.bg_color3 {
    background-color: #c1af98;
}
.modal_wrap {
   top: 0;
   left: 0;
    z-index: 999;
}
.modal_wrap .modal_scroll_wrap {
    top: 50%;
    left: 50%;
    height: 87vh!important;
    max-width: 950px;
    transform: translate(-50%, -50%);
    padding: 90px 40px 70px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 32px rgb(110 110 110 / 16%);
    width: 90%;
}
.modal_wrap .modal_scroll{
	overflow-y: auto;
	background: #fff;
	overflow-x: hidden;
}
.modal_wrap .close_bt {
    top: -18px;
    right: -14px;
    cursor: pointer;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    background: #a238af;
    box-shadow: 0 0 32px rgb(110 110 110 / 39%);
}
.modal_wrap .close_bt img {
    padding: 4px;
    box-sizing: border-box;
}
.modal_btn .more_box {
    width: 50%;
    cursor: pointer;
    margin-top: 30px;
    border: 0;
    border-bottom: 2px solid;
    max-width: 172px;
    margin-left: 0;
    margin: 10px auto 0;
    color: #fff;
}
.modal_btn .more_box:hover {
    color: #ff86eb;
}
.modal_bg {
    background: rgb(5 0 48 / 54%);
}
@media screen and (max-width: 667px){
.modal_wrap .modal_scroll_wrap {
    padding: 50px 5px;
    width: 92%;height: 83vh!important;
} 
.modal_btn .more_box {
    max-width: 171px;
    margin-left: auto;
    padding: 2% 0;
    margin-top: 15px;
}
}
/* ---------------------------------MODAL END -------------------------------------------------------------*/

.flow_type4 .box_description2{
	border-left: dotted 4px #1e2b38;
	background-color: rgba(204, 204, 204, .35);
}
.flow_type4 .box_txt1,
.flow_type4 .box_txt2{
	padding-left:20px;
}
.flow_type4 .box_wrap{
    position: relative;
    padding-left: 30px;
}
.flow_type4 .box_wrap:before{
    content: "";
    display: inline-block;
    height: calc(100% - 30px);
    border-left: 4px dotted #1e2b38;
    position: absolute;
    top: 30px;
    left: 26px;
}
.flow_type4 .cate_box:last-of-type{
	padding-bottom: 0;
}
.flow_type4 .box_description2{
    position: relative;
    border-left: none;
    background-color: rgba(255, 255, 255, 0);
}
.flow_type4 .box_description2 span{
	position: absolute;
    display: inline-block;
    width: 68px;
    top: 5px;
    left: -38px;
}
/*--------タブレット--------*/
@media screen and (max-width: 768px){
.flow_type4 .cate_box{
	flex-direction: column-reverse;
}
.flow_type4 .box_description2 span {
	width: 61px;
	left: -34px;
}
}
/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
.flow_type4 .box_wrap{
    padding-left: 23px;
}
.flow_type4 .box_wrap:before {
    left: 19px;
}
}

#page_title::after {
	/*content: '';*/
	/*position: absolute;*/
	/*top: -106px;*/
	/*width: 100%;*/
	/*height: 212px;*/
	/*left: 0;*/
	/*right: 0;*/
	/*background: #262626;*/
	/*transform: skewY(4deg);*/
	/*z-index: -1;*/
	/*background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");*/
}
#recruit {
	position: absolute;
	width: 100%;
	height: 92px;
	z-index: 0;
	opacity: 0.1;
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-image: url(Dup/img/recruit.png);
	background-repeat: repeat-x;
	background-position-y: center;
	transition: all 0.7s ease-out;
	top: 10%;
	animation: anime2 60s linear infinite;
	display: none;
}
@keyframes anime2{
from{
background-position-x: 0;
}
to{
background-position-x: -2400px;
}
}

.g-menu-btn:after {
    background: rgb(255 255 255 / 61%);
}

.deco1 {
    color: #d40fd4;
}
.deco2 {
    color: #d40fd4;
    font-weight: bold;
    font-size: 18px;
    background: linear-gradient(transparent 68%, #ffec65 0%) 0px 0px repeat scroll rgba(0, 0, 0, 0);
}
.deco3 {
    color: #136ad7;
    font-weight: bold;
    font-size: 18px;
}
.cate_list li a {
	/* border: 1px solid #eee; */
	padding: 5px 8px;
	box-sizing: border-box;
	background: #fff;
}
video {
    vertical-align: bottom;
}
/*#video:before {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    right: 0px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*background-color: rgba(0,0,0,0.18);*/
/*    background-position: 0 0;*/
/*    background-repeat: no-repeat;*/
/*    background-size: contain;*/
/*    z-index: 1;pointer-events: none;*/
/*}*/
#main {
    position: relative;
    height: 55.8vw !important;
}
#main:before {
content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
background-color: rgba(0,0,0,0.3);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;pointer-events: none;
}
#catch h2 {
	position: absolute;
	top: -115px;
	left: 0;
	right: 0;
	text-align: center;
}
.catch_txt {
    width: 70%!important;
    max-width: 1020px;
    min-width: auto;
    background: rgba(17, 17, 17, 0.7);
/*background-image: linear-gradient(90deg, #d40fd4 0 10px, transparent 0 calc(100% - 10px), #d40fd4 calc(100% - 10px)),linear-gradient(#d40fd4 0 10px, transparent 0 calc(100% - 10px), #d40fd4 calc(100% - 10px)),linear-gradient(90deg, #d40fd4 0 10px, transparent 0 calc(100% - 10px), #d40fd4 calc(100% - 10px)),linear-gradient(#d40fd4 0 10px, transparent 0 calc(100% - 10px), #d40fd4 calc(100% - 10px));*/
    background-repeat: no-repeat;
    background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    background-position: top, right, bottom, left;
}
#page_title::before {

	position: absolute;
	width: 100%;
	z-index: 19;
	display: block;
	top: 321px;
	left: 0px;
	height: 80px;
	background-image: url(Dup/img/wave.png);
	background-position: 0 0%;
	background-repeat: repeat-x;
	background-size: auto 80px;
	transform: rotate(180deg);
}
.catch_txt {
    background: #000;
}
.catch_txt::before, footer:before {
	content: "";
	display: block;
	position: absolute;
	top: -79px;
	left: 0px;
	width: 100%;
	height: 80px;
	background-image: url(Dup/img/wave.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-size: auto 80px;
	transform: rotate(180deg);
}
.catch_txt::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -79px;
	left: 0px;
	width: 100%;
	height: 80px;
	background-image: url(Dup/img/wave.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-size: auto 80px;
}

.main_box .more a {
    max-width: 330px;
}

/* -----------------------animation -------------------------------*/
.anim1 {
    position: relative;
    z-index: 1;
    padding: 0px 12px;
    color: #212121;
    margin-left: 3px;
}
.anim2 {
	position: relative;
	z-index: 1;
	padding: 3px 6px 1px;
	margin-left: 2px;
	margin-right: 4px;
	pointer-events: none;
}
.anim1::before, .anim2::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 0%;
	height: 96%;
	background-color: #fff;
	z-index: -1;
	transition: all 0.7s;
}
.anim2:before {
    transition-delay: 0.5s;
}
.anim1.trans:before, .anim2.trans:before {
    width: 100%;
}
.page_title_box p.font_9up span {
    display: none;
}
.main_txt {
    color: #fff;
    font-size: 4.7vw;
    max-width: 900px;
    text-shadow: 3px 3px 19px rgb(0 0 0 / 11%), 0px 1px 13px rgb(0 0 0 / 24%);
  
    margin: 0 auto;
}
#main .main_box {
    top: 63%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: inherit;
    width: 93%;
    text-align: center;
    z-index: 1;
}
.more a {
    margin: 0 auto;
    background-color: #1c1c1c;
background-image: url("https://www.transparenttextures.com/patterns/low-contrast-linen.png");
color: #fff;
}
#contents .more a, #footer .more a {
	background-color: #a20090;
}
#main .sns_link {
    z-index: 2;
}
.main_box .logo {
    width: 405px;
    margin: 0 auto 30px;
}
.cms_title {
    border-bottom: 1px solid #4a4a4a;
    border-bottom: 0;
}
.cms_title.trans:before {
    transform: translate(0) scaleX(1);
    transition-delay: .6s;
}
.cms_title:before {
    content: "";
    display: block;
    width: 19.3236714976vw;
    background: #d40fd4;
    position: absolute;
    right: 0;
    bottom: -3px;
    transform: translate(-100%) scaleX(0);
    transition: transform cubic-bezier(.23,1,.32,1) 1s;
    transform-origin: center left;
    z-index: 1;
    will-change: transform;
    width: min(10vw,192px);
    height: 0px;
}
.cms_title:before {
    left: auto;
    right: 0;
}

/* --------------------------------- FOOTER ---------------------------------- */

.shop_info.more a:after {
    display: none;
}
.shop_info .info, .shop_info .contact {/*斜めにならないように*/
position: relative;
overflow: hidden;
}
.shop_info .info::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(Dup/img/foot_bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	transform: translate(5%,0%) skewX(10deg);
}
.shop_info .contact::before  {
    content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    background-image: url(Dup/img/foot_bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
	transform: translate(-5%,0%) skewX(10deg);
}
#page-top p {
position: relative;    
}
.back_color {
    padding-top: 65px;
}
.f_info_wrap {
align-items: flex-start;
}
#top_cms .more a {
    background: #910a99;
}

.youtube_box {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.youtube_box iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.cms_title, .top_cms_box {
    color: #fff;
    position: relative;
}
.cms_title p span {
    color: #d40fd4;
    display: none;
}
.top_cms_box {
    background-color: transparent;
}
.top_cms_wrap {
    width: 100%!important;
}
.top_cms_wrap .top_cms_box > * {
    width: 80%!important;
    margin: 0 auto 45px;
}
.top_cms_wrap .top_cms_box:nth-of-type(4) {
    background: #606060;
    z-index: 1;
    position: relative;
    padding-bottom: 0;
    background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
}
.top_cms_wrap .top_cms_box:nth-of-type(4):before {
    content: '';
    position: absolute;
    top: -106px;
    width: 100%;
    height: 212px;
    left: 0;
    right: 0;
    background:#606060;

    transform: skewY(4deg);
    z-index: -1;
background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
}
.top_cms_wrap .top_cms_box:nth-of-type(4)::after {
    content: "";
    position: absolute;
    height: 3px;
    top: -123px;
    left: 0;
    right: 0;
    background:#606060;
    transform: skewY(4deg);
    z-index: 0;
}
.top_cms_wrap .top_cms_box:nth-of-type(4) .inner:before {
    content: '';
    position: absolute;
    bottom: -84px;
    width: 100%;
    height: 212px;
    left: 0;
    right: 0;
    background: #606060;
    transform: skewY(4deg);
    z-index: -1;
background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");

}
.top_cms_wrap .top_cms_box:nth-of-type(4) .inner:after {
    content: "";
    position: absolute;
    height: 3px;
    bottom: -102px;
    left: 0;
    right: 0;
    background: #606060;
    transform: skewY(4deg);
    z-index: 0;
}
/* --------------------------------------------------------------------------------------- */
/* fix_banner -------------------------------------- */
.fix_banner{
	max-width: 399px;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10;
	transition: 0.5s;
}
.fix_banner .close_bt {
    position: absolute;
    bottom: 105px;
    right: 376px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: 0.5s;
    background-color: #fff;
    /* border: solid 2px #ddc21b; */
    z-index: 11;
    cursor: pointer;
}
.fix_banner .close_bt:hover{opacity: 0.7;}
.fix_banner .close_bt span{
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
}
.fix_banner .close_bt span:before,.fix_banner .close_bt span:after{
	content: "";
	display: block;
	background-color: #221e03;
	height: 4px;
	width: 20px;
	position: absolute;
	top:50%;
	left: 50%;
}
.fix_banner .close_bt span:before{
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
.fix_banner .close_bt span:after{
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
.fix_banner.close{right: -450px;}
.fix_banner.close2{right: -450px;}
@media  screen and (max-width: 768px){
.fix_banner{max-width: 300px;}
.fix_banner .close_bt {
    bottom: 75px;
    right: 277px;
}
.main_txt {
    width: 80%;
}
.catch_txt {
    margin-top: 70px;
}
}
@media  screen and (max-width: 667px){
.fix_banner {
    max-width: 234px;
}
.fix_banner .close_bt {
    width: 22px;
    height: 22px;
    bottom: 60px;
    right: 219px;
}
.fix_banner .close_bt span {
    width: 22px;
    height: 22px;
}
}
/* fix_banner end -------------------------------------- */




#cms_2-a .cate_title {
    display: block;
    border-top-width: 1px;
    border-bottom-width: 1px;
    font-weight: bold;
}
#cms_2-a .box_txt1 {
    margin-top: 15px;    
}
#cms_2-a h4.box_title1 {
	font-weight: bold;
	padding-bottom: 0;
	display: inline;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #555;
	display: block;
}
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

.qa_type1 .cate_box {
	border-radius: 10px;
	border: 3px solid #909090;
	padding: 5px;
}
.qa_type1 .cate_box .arrow {
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: 0px;
	transform: translateY(-50%);
}
.qa_type1 .cate_box .open_bt{
	position: relative;
	width: 100%;
	cursor: pointer;
	padding: 20px 0
}
.qa_type1 .cate_box .open_bt .arrow::before, .qa_type1 .cate_box .open_bt .arrow::after {
	position: absolute;
	content: '';
	width: 15px;
	height: 1px;
	background-color: #444;
}
.qa_type1 .cate_box .open_bt .arrow::before {
	top: 48%;
	left: 15px;
	transform: rotate(0deg);
	transition: all 0.5s;
	
}
#top_cms .qa_type1 .cate_box .open_bt .arrow::before, #top_cms  .qa_type1 .cate_box .open_bt .arrow::after {
    background-color: #fff;
}
.qa_type1 .cate_box .open_bt .arrow::after {
	top: 48%;
	left: 15px;
	transform: rotate(90deg);
	transition: all 0.5s;	
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::before {
	transform: rotate(-135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::after {
	transform: rotate(135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	display: inline-block;
	position: relative;
	letter-spacing: 1px;
	cursor: pointer;
	margin-left: 87px;
}
.qa_type1 .cate_box .open_bt .box_title1::before {
	content: "Q.";
	position: absolute;
	left: -32px;
	top: 0px;
	display: inline-block;
	vertical-align: baseline;
	color: #d40fd4;
}
.qa_type1 .cate_box .box_item {
	display: none;
	padding: 0px 30px 0px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 1em;
	background-color: #fff;
	border-radius: 5px;
}


@media screen and (min-width: 769px){
.shop_info h2 {
    font-size: 37px;
}
.shop_info.more a {
	width: 49% !important;
}
}
@media screen and (max-width: 768px){
.catch_txt {
	width: 100% !important;
}
#recruit {
    height: 90px;
}
#catch figure{
	z-index: 2;
}
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
.qa_type1 .cate_box .open_bt .box_title1 {
	padding-right: 20px;
}
.shop_info .info::before, .shop_info .contact::before {
	transform: inherit;
}
#catch h2 {
    top: -79px;
}
.shop_info h2 {
	font-size: 3.2vw;
}

#video video {
    /*width: 120%!important;*/
    vertical-align: bottom;
}
}

@media screen and (max-width: 667px){
#page_title::before {
	top: 205px;
	height: 47px;
	background-position: 0 0%;
	background-size: auto 100%;
}
.cms_title {
	padding: 24px 10px;
}
.img1 {
	width: 40%;
}
.img2 {
	width: 40%;
	top: 38vw;
}
.img3 {
    width: 40%;
    top: 3vw;
}
#enjoy {
	height: 64vw;
	margin-bottom: 110px;
}
#recruit {
    height: 45px;top: 29px;
}
.pc_back .entry.more {
    position: absolute;
    width: 100%;
    top: 30px;
}

#main {
        overflow: inherit;
    }
#main .entry.more {
    display: none;
}
.main_box .logo {
    margin: 0 auto 20px;
}
    .shop_info .info, .shop_info .contact {
    padding: 95px 0;
}
.catch_txt {
	margin-top: 45px;
}
#catch h2 {
	top: -92px;
}
#contents > p {
	text-align: center;
	margin-bottom: 0;
}
#main .sns_link {
	right: 7px;
	bottom: 0;
	top: inherit;
	display: none;
}
#main .main_box h1 {
    max-width: 195px;
}
.main_box .more a {
	max-width: calc(100% - 105px);
}
.main_txt {
	font-size: 5.7vw;
}
.qa_type1 .cate_box .open_bt {
	padding: 5px 0 7px;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	margin-left: 73px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 0.2em 1.2em;
}
.qa_type1 .cate_box .box_item {
    padding: 0px 10px 0px;
}
.shop_info h2 {
    font-size: 6.7vw;
}
#cms_2-a .cate_box {
    padding-bottom: 10px;
    margin-top: 15px;
}
.top_cms_wrap .top_cms_box > * {
    width: 91%!important;
}
}

/* -------------------------------------------------NEWSLIDER---------------------------------------*/

/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
	top: 0;
	left: 0;
	height: 313px;
	overflow: hidden;
	position: absolute;
}

.loopSliderWrap:after {
	content: "";
	display: block;
	clear: both;
}

.loopSlider {
	margin: 0 auto;
	width: 100%;
	height: 313px;
	text-align: left;
	position: relative;
	overflow: hidden;
	visibility: hidden;
}

.loopSlider ul {
	/*height: 400px;*/
	float: left;
	overflow: hidden;
}

.loopSlider ul li {
	width: 400px;
	/*height: 400px;*/
	float: left;
	overflow: hidden;
}

.loopSlider ul li img {
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 768px) {
	.loopSliderWrap,
	.loopSlider,
	.loopSlider ul {
		height: 300px;
	}

	.loopSlider ul li {
		width: 400px;
		height: 300px;
	}
}
@media only screen and (max-width: 667px) {
.loopSliderWrap, .loopSlider, .loopSlider ul, .loopSlider ul li {
 
    height: 190px;
}
.loopSlider ul li {
   width: 250px;
}
}
/* ---------------------------------NEWSLIDER END-----------------------------------*/

#contents .box .box_item {
padding: 70px 50px;
}

 
/*.loopSlider ul li figure {*/
/*	margin: 0 8px*/
/*}*/
/*.loopSlider .square_img img {*/
/*	top: 42%;*/
/*}*/
/*.loopSlider ul:after {*/
/*    content: ".";*/
/*    height: 0;*/
/*    clear: both;*/
/*    display: block;*/
/*    visibility: hidden;*/
/*}*/
.loopSlider ul li .box {
    position: relative;
}


@media(max-width: 667px) {
  .anim1:before, .anim2:before {
    width: 100%;
}


#contents .box .box_item {
    padding: 50px 15px 30px;
}
}