@charset "utf-8";
/*
Theme Name: default-themes-rabbit
Theme URI: http://www.solution-sy.com/
Author: solution.STC
Author URI: http://www.crossdesign-company.co.jp  
Description: This is a default wordpress themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

@font-face {
  font-family: 'kleeone';
  src: url('font/KleeOne-Regular.ttf') format('truetype');
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: 0 0;
  box-sizing: border-box;
}

:after, :before {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  font-size: 18px;
  color: #333333;
  width: 100%;
  overflow-x: hidden;
  font-family: "kleeone","小塚ゴシック Pr6N","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --themecolor:#df779a;
}

@media screen and (max-width: 1320px) {
  body {font-size: 16px;}
}
@media screen and (max-width: 1080px) {
  body {font-size: 14px;}
}

address, caption, code, figcaption, pre, th {
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none;
}

fieldset, iframe, img {
  border: 0;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

caption, th {
  text-align: left;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

button {
  background: 0 0;
  border: 0;
  box-sizing: content-box;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  overflow: visible;
  vertical-align: inherit;
}

button:disabled {
  cursor: default;
}

audio:not([controls]) {
  display: none;
}

:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
  outline: 0;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

a, a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

ul {
  list-style: none;
}

em {
  font-style: normal;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}

input::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}

::-webkit-scrollbar {
  width: 10px;
  height: 15px;
  background-color: #f3f3f3;
  border-left: 1px solid #dddddd;
}

::-webkit-scrollbar:hover {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 15px;
  background-color: var(--themecolor); 
}

::-webkit-scrollbar-thumb:hover {
  background-color: #333;
}

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
  display: none;
}

.ftfminchao{font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", "MS 明朝", "Meiryo", serif;}
.ftfPGothic{font-family: "小塚ゴシック Pr6N","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ftfMeiryo{font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*hasbg*/
.hasbg{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.hasbg:after{display:block;content:"";padding-top:100%;}
.hasbg>img{display:none;}


@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1666238971337') format('woff2'),
       url('iconfont/iconfont.woff?t=1666238971337') format('woff'),
       url('iconfont/iconfont.ttf?t=1666238971337') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*sp mobile-btn*/
/* sp mobile-btn and nav css */


.mobilebtn {
    position: fixed;
    z-index: 110;
    top: 30px;
    right: 20px;
    display: block; }

.mobilebtn div {
  width: 50px;
  height: 20px;
  background: none;
  cursor: pointer;
  display: block;
  position: relative;
  right: 0;
  top: 0;
  transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); }

.mobilebtn div span {
    width: 50px;
    height: 3px;
    top: 9px;
    background: var(--themecolor);
    display: block;
    position: absolute;
    z-index: 5;
    left: 50%;
    margin: 0 0 0 -25px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s; }

.mobilebtn div span:nth-child(1) {
  -moz-transform: translateY(-9px);
  -webkit-transform: translateY(-9px);
  -o-transform: translateY(-9px);
  -ms-transform: translateY(-9px);
  transform: translateY(-9px); }

.mobilebtn div span:nth-child(2) {
  width: 30px;
  -moz-transform: translateY(9px);
  -webkit-transform: translateY(9px);
  -o-transform: translateY(9px);
  -ms-transform: translateY(9px);
  transform: translateY(9px); }
.mobilebtn .active {
    transform: translateX(-200px) rotate(180deg);}

.mobilebtn .active span:nth-child(1) {
  transform: rotate3d(0, 0, 1, -45deg) !important;
  transform-origin: center center !important;/*0.71429px*/
  width: 30px !important; }

.mobilebtn .active span:nth-child(2) {
    transform: rotate3d(0, 0, 1, 45deg) !important;
    transform-origin: center center !important;/*0.71429px */
    width: 30px !important;
}
.sp-wrapper-move {
    transform: translateX(0px) !important; }

  .spscreen {
    width: 200px;
    height: 100vh;
    position: fixed;
    z-index: 100;
    background: #333;
    right: 0;
    top: 0;
    transform: translateX(200px);
    transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
    display: block; }

  .spscreen .sp-heading {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff; }

  .spscreen nav ul {
    padding: 0 15px; }

  .spscreen nav ul li:first-child {
    border-top: 1px solid #5d5d5d; }

  .spscreen nav ul li {
    border-bottom: 1px solid #5d5d5d; }

  .spscreen nav ul li a {
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 15px 0;
    text-transform: uppercase;
    transition: .3s; }

  .spscreen nav ul li a:hover {
    background: #f2f2f2;
    color: #000; } 

  .spscreen nav ul li ul{
    display:none;
  }
  .spscreen nav ul li a.current{position:relative;}
  .spscreen nav ul li a.current:after{content:"";border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:50%;right:0;transform:translateY(-50%);transform-origin:center;}
  .spscreen nav ul li a.current.active:after{transform:rotate(180deg);}
  .spscreen nav ul li a:hover{background:#f2f2f2;color:#000;}
  .spscreen nav ul li ul{display:none;padding:0;}
  .spscreen nav ul li ul li a{font-size:12px;}
@media screen and (max-width: 1520px) {
  .mobilebtn{top:20px;}
  .mobilebtn div {}
}
@media screen and (max-width: 1080px) {
  .mobilebtn{top:10px;right:5px;}
  .mobilebtn div {width:30px;}
  .mobilebtn div span{width:30px;height: 2px;}
  .mobilebtn div span:nth-child(2) {width:20px;}
}
@media screen and (max-width: 768px) {
  .logged-in .mobilebtn{
    top:60px;
  }
  .mobilebtn{top:10px;right:10px;}
  .mobilebtn div {width:30px;}
  .mobilebtn div span{width:30px;height: 2px;}
  .mobilebtn div span:nth-child(2) {width:30px;}
}



.spscreenmask{position:fixed;top:0;right:0;z-index:99;background:rgba(0,0,0,0.6);width:0%;height:100%;transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
.spscreenmask.spscreenmaskmove{width:100%;}


/*headerfixed*/
.headerfixed{width:100%;background:#fff;box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);-webkit-animation: headeranimation .5s linear  0s 1;animation: headeranimation .5s linear  0s 1; }
.logged-in .headerfixed{top:32px;}
@keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}
@-webkit-keyframes headeranimation {
  0% {
    transform:translateY(-100%);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}


/* header css */
header{position:fixed;top:0;left:0;z-index:90; width:100%;display:flex;justify-content:space-between;background:var(--lightpink);transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
.logged-in header{top:32px;}

.sitelogo{width:450px;padding:20px 20px 20px 40px;}

.headmain{ display:flex;padding-right:80px;}

.mainnavigation{display:flex;}
.mainnavigation ul{display:flex;align-items:center;}
.mainnavigation ul li{position:relative;padding:20px 30px;}
.mainnavigation ul li a{width:100%;font-size:18px;color:var(--themecolor);display:flex;text-decoration:none;position:relative;z-index:1;transition:.4s ease-in-out;}
.mainnavigation ul li a:hover{color:var(--brown);}
.mainnavigation ul li > a:after{content: "";position: absolute;left:0%;bottom: -5px;width: 100%;transform: scale(0) ;height: 2px;background: var(--brown);opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
.mainnavigation ul li > a:hover:after{opacity: 1;visibility: visible;transform:scale(1);}
.mainnavigation ul li ul{display:none;position:absolute;left:50%;transform:translateX(-50%);background:var(--grey);}
.mainnavigation ul li:hover ul{display:block;}
.mainnavigation ul li ul li a{text-align:center;padding:5px 10px;}
.mainnavigation ul li ul li a:after{display:none;}

.speciallinks{}
@media screen and (max-width: 1520px) {
  .sitelogo{width:320px;padding:15px 5px 15px 40px;}
  .mainnavigation ul li{padding:15px 20px;}
  .mainnavigation ul li a{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .headmain{padding-right:50px;}
  .sitelogo{width:200px;padding:10px 5px 10px 20px;}
  .mainnavigation ul li{padding:10px;}
  .mainnavigation ul li a{font-size:14px;}
}
@media screen and (max-width: 768px) {
  .sitelogo{width:200px;}


  .headmain{margin-right:70px;}


  .mainnavigation{display:none;}

}
/* /header css */


/*banner*/
.banner{position:relative;}
.banner .bannermain{}
.banner .bannermain li{overflow:hidden;}
.banner .bannermain figure{width:100%;height:92vh;position:relative;/*-webkit-animation: picmove1 50s linear infinite 0s;
      -moz-animation: picmove1 50s linear infinite 0s;
      -ms-animation: picmove1 50s linear infinite 0s;
      -o-animation: picmove1 50s linear infinite 0s;
      animation: picmove1 50s linear infinite 0s;*/}
.banner .bannermain figure:after{content:"";width:100%;height:0%;position:absolute;top:0;left:0;display:none;/*background:rgba(0,0,0,0.5);*/}
.banner .bannertext{position:absolute;right:0%;top:50%;z-index:2;color:#fff;padding:30px 60px;transform:translate(-5%,-50%);}
.banner .bannertext h1{font-size:60px;line-height:1.8;margin-bottom:30px;font-weight:normal;text-shadow: 1.928px 2.298px 5px rgba(79, 32, 48, 0.32);}
.banner .bannertext p{font-size:24px;}


@keyframes picmove1 {
 0% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
 50% {
 -webkit-transform:scale(1.2, 1.2);
transform:scale(1.2, 1.2);
}
 100% {
 -webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@media screen and (max-width: 1520px) {
  .banner .bannermain figure{height:85vh;}
  .banner .bannertext{padding:10px 40px;}
  .banner .bannertext h1{font-size:38px;}
  .banner .bannertext p{font-size:20px;}
}
@media screen and (max-width: 1080px) {
  .banner .bannermain figure{height:500px;}
  .banner .bannertext{padding:20px;}
  .banner .bannertext h1{font-size:30px;margin-bottom:15px;}
  .banner .bannertext p{font-size:16px;}
}
@media screen and (max-width: 768px) {
  .banner{overflow:hidden;}
  .banner .bannermain figure{height:380px;}
  .banner .bannertext{}
  .banner .bannertext h1{font-size:22px;margin-bottom:10px;}
  .banner .bannertext p{font-size:14px;}
}
@media screen and (max-width: 568px) {
	.banner{margin-top:30px;}
	.banner .bannermain figure{background-position:left 30% center;}
/*   .banner .bannermain figure{height:240px;}
	.banner .bannermain figure:after{background: linear-gradient(0deg, #eeb6bc 30%, #fadad900 65%);} */
  .banner .bannertext{padding:10px;top:70%;}
  .banner .bannertext h1{font-size:16px;margin-bottom:5px;text-shadow: 1px 1px 2px rgba(79, 32, 48, 0.8);}
  .banner .bannertext p{font-size:12px;}
}

.pagebanner{width:100%;height:500px;position:relative;}
.pagebanner:after{padding-top:0;}
.pagebannertext{color:#FFF;position:absolute;top:50%;left:15%;transform:translate(0%,-30%);}
.pagebannertext h2{font-size:50px;text-transform:uppercase;text-shadow: 1.928px 2.298px 3.84px rgba(79, 32, 48, 0.5);margin-bottom:20px;font-weight:normal;}
.pagebannertext h1{font-size:30px;text-shadow: 1.928px 2.298px 3.84px rgba(79, 32, 48, 0.5);font-weight:normal;}
@media screen and (max-width: 1520px) {
  .pagebanner{height:350px;}
  .pagebannertext{left:50px;}
  .pagebannertext h2{font-size:38px;margin-bottom:15px;}
  .pagebannertext h1{font-size:24px;}
}
@media screen and (max-width: 1080px) {
  .pagebanner{height:320px;}
  .pagebannertext{left:20px;}
  .pagebannertext h2{font-size:30px;margin-bottom:10px;}
  .pagebannertext h1{font-size:20px;}
}
@media screen and (max-width: 768px) {
  .pagebanner{height:240px;}
  .pagebannertext{transform:translate(0%,-38%);}
  .pagebannertext h2{font-size:24px;margin-bottom:5px;}
  .pagebannertext h1{font-size:16px;}
}
/*/banner*/


/* footer css */
.footer{background:var(--pink);color:var(--white);}
.footmain{width:100%;max-width:1400px;padding:80px 40px 50px;margin:0 auto;}

.footlogo{display:block;width:390px;margin:0 auto 20px;transition:.3s;}
.footlogo:hover{opacity:0.7;}

.footmenu{}
.footmenu ul{display:flex;justify-content:center;}
.footmenu ul li{padding:10px 30px;}
.footmenu ul li a{color:var(--white);text-decoration:none;font-size:18px;text-align:center;display:block;position:relative;transition:.3s;}
.footmenu ul li a:hover{color:var(--brown);}
.footmenu ul li a:after{content: "";position: absolute;left:0%;bottom:-5px;width: 100%;transform: scale(0) ;height: 2px;background: var(--brown);opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
.footmenu ul li a:hover:after{opacity: 1;visibility: visible;transform:scale(1);}



.copyright{background:var(--darkpink);width:100%;}
.copyright p{width:100%;max-width:1400px;margin:0 auto;padding:10px 40px;font-size:14px;text-align:center;color:#fff;}

@media screen and (max-width: 1520px) {
  .footmain{padding:50px 40px;}
  .footlogo{width:320px;}
  .footmenu ul li{padding:10px 20px;}
  .footmenu ul li a{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .footmain{padding:30px 20px;}
  .footlogo{width:240px;}
  .footmenu ul li{padding:5px 10px;}
  .footmenu ul li a{font-size:14px;}
  .copyright p{padding:10px 20px;font-size:12px;}
}
@media screen and (max-width: 768px) {
  .footmenu ul{flex-wrap:wrap;}
  .footmenu ul li{width:50%;}
  .copyright p{padding:5px 10px;}
}
/* /footer css */

/*public */

.iconbusiness{background:url(img/iconbusiness.png) no-repeat;background-size:contain;background-position:center;}
.iconremuneration{background:url(img/iconremuneration.png) no-repeat;background-size:contain;background-position:center;}
.iconexperience{background:url(img/iconexperience.png) no-repeat;background-size:contain;background-position:center;}
.iconvoice{background:url(img/iconvoice.png) no-repeat;background-size:contain;background-position:center;}
.iconstore{background:url(img/iconstore.png) no-repeat;background-size:contain;background-position:center;}
.iconqa{background:url(img/iconqa.png) no-repeat;background-size:contain;background-position:center;}
.iconvideo{background:url(img/iconvideo.png) no-repeat;background-size:contain;background-position:center;}
.iconiphone{background:url(img/iconiphone.png) no-repeat;background-size:contain;background-position:center;}
.iconhour{background:url(img/iconhour.png) no-repeat;background-size:contain;background-position:center;}
.icondress{background:url(img/icondress.png) no-repeat;background-size:contain;background-position:center;}
.iconrouge{background:url(img/iconrouge.png) no-repeat;background-size:contain;background-position:center;}
.iconpackage{background:url(img/iconpackage.png) no-repeat;background-size:contain;background-position:center;}
.iconcar{background:url(img/iconcar.png) no-repeat;background-size:contain;background-position:center;}
.iconbuilding{background:url(img/iconbuilding.png) no-repeat;background-size:contain;background-position:center;}
.iconoffice{background:url(img/iconoffice.png) no-repeat;background-size:contain;background-position:center;}
.iconwhitebuilding{background:url(img/iconwhitebuilding.png) no-repeat;background-size:contain;background-position:center;}
.iconwhiteoffice{background:url(img/iconwhiteoffice.png) no-repeat;background-size:contain;background-position:center;}
.iconline{background:url(img/iconline.png) no-repeat;background-size:contain;background-position:center;}
.icontalk{background:url(img/icontalk.png) no-repeat;background-size:contain;background-position:center;}
.iconwhitestore{background:url(img/iconwhitestore.png) no-repeat;background-size:contain;background-position:center;}
.iconshop{background:url(img/iconshop.png) no-repeat;background-size:contain;background-position:center;}
.icontel{background:url(img/icontel.png) no-repeat;background-size:contain;background-position:center;}
.iconmail{background:url(img/iconmail.png) no-repeat;background-size:contain;background-position:center}

/*routelist*/
.routelist{margin-top:-130px;position:relative;z-index:30;}
.routelist ul{margin-top:-9px;margin-right:-9px;}
.routelist ul li{margin-top:9px;padding-right:9px;}

.routelistmain{}
@media screen and (max-width: 1520px) {
  .routelist{margin-top:-90px;}
  .routelist ul{margin-top:-7px;margin-right:-7px;}
  .routelist ul li{margin-top:7px;padding-right:7px;}
}
@media screen and (max-width: 1080px) {
  .routelist{margin-top:-60px;}
  .routelist ul{margin-top:-5px;margin-right:-5px;}
  .routelist ul li{margin-top:5px;padding-right:5px;}
}
@media screen and (max-width: 768px) {
  .routelist ul li{width:50%;}
	.routelist ul li.voiceroute{width:100%;order:2;}
	.routelist ul li.qaroute{display:none;}
}
@media screen and (max-width: 568px) {
  .routelist{margin-top:0px;padding-top:20px;padding-bottom:30px;margin-bottom:20px;background-image: linear-gradient(315deg, #edb4ba, #f0bac0);}
	.routelist ul li .button{font-size:12px;}
/*   .routelist ul li{width:100%;} */
/*   .routelist .itembtn{max-width:300px;margin:0 auto;} */
/* 	.routelist ul li .button{flex-direction:column;font-size:12px;}*/
/* 	.routelist ul li .button i{margin-bottom:10px;margin-right:0;}*/
/*	.routelist ul li.voiceroute .button{flex-direction:row;font-size:12px;}*/
/*	.routelist ul li.voiceroute .button i{margin-bottom:0;margin-right:10px;}*/
	.routelist .itembtn{font-size:12px;}
}


.itembtn{}
.itembtn .button{width:100%;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:bolder;padding:15px 20px;}
.itembtn .button i{width:36px;height:36px;margin-right:10px;}
@media screen and (max-width: 1520px) {
  .itembtn .button{font-size:20px;}
  .itembtn .button i{width:30px;height:30px;margin-right:5px;}
}
@media screen and (max-width: 1080px) {
  .itembtn .button{font-size:16px;padding:10px 5px;}
  .itembtn .button i{width:22px;height:22px;}
}

.publiclink{margin-bottom:80px;}
.linkitem{width:calc(50% - 50px);}
.linkitem a{text-decoration:none;display:block;transition:.3s;}
.linkitem a:hover{transform:translateY(-5px);opacity:0.7;}
@media screen and (max-width: 1520px) {
  .publiclink{margin-bottom:60px;}
  .linkitem{width:calc(50% - 30px);}
}
@media screen and (max-width: 1080px) {
  .publiclink{margin-bottom:50px;}
  .linkitem{width:calc(50% - 15px);}  
}
@media screen and (max-width: 768px) {
  .publiclink{margin-bottom:30px;}
  .linkitem{width:calc(50% - 10px);}
}
@media screen and (max-width: 568px) {
  .linkitem{width:100%;max-width:360px;margin:0 auto 20px;}
}


.publiccontact{background-image: url(img/publiccontactbg.jpg);background-repeat:no-repeat;background-color: #f5d4df;background-size: 100%;background-position: center center; position:relative;/*margin-top:80px;*/}
.publiccontactmain{position:relative;display:flex;justify-content:space-between;align-items:center;}
.pcontactpeople{position:relative;width:380px;margin-top:-50px;margin-left:-150px;}
.pcontactpeople img{width:100%;}
.pcontactsround{width:300px;height:300px;border-radius:50%;background:var(--themecolor);color:var(--white);display:flex;justify-content:center;align-items:center;font-size:36px;line-height:1.6;}
.pcontacttext{width:calc(100% - 750px);}
.pcontacttext h2{color:var(--themecolor);font-size:38px;margin-bottom:25px;}
.pcontacttext h3{color:var(--themecolor);font-size:38px;display:flex;align-items:center;margin-bottom:20px;}
.pcontacttext h3 span{font-weight:normal;display:inline-flex;justify-content:center;align-items:center;color:var(--white);width:50px;height:50px;border-radius:50%;background:var(--themecolor);font-size:28px;line-height:1;padding:5px;margin-right:2px;}
.pcontacttext h3 span:last-of-type{margin-right:20px;}
.pcontacttext .button{display:inline-flex;justify-content:space-between;align-items:center;padding:15px 50px;font-size:32px;line-height:1;}
.pcontacttext .button img{width:36px;margin-right:20px;}
@media screen and (max-width: 1520px) {
  /*.publiccontact{margin-top:60px;}*/
  .publiccontactmain{max-width:1080px;}
  .pcontactpeople{margin-left:-50px;width:300px;}
  .pcontactsround{width:220px;height:220px;font-size:26px;}
  .pcontacttext{width:calc(100% - 550px);}
  .pcontacttext h2{font-size:30px;margin-bottom:20px;}
  .pcontacttext h3{font-size:30px;margin-bottom:15px;}
  .pcontacttext h3 span{width:42px;height:42px;font-size:24px;}
  .pcontacttext h3 span:last-of-type{margin-right:15px;}
  .pcontacttext .button{font-size:26px;}
  .pcontacttext .button img{width:30px;margin-right:15px;}
}
@media screen and (max-width: 1080px) {
  /*.publiccontact{margin-top:30px;}*/
  .publiccontactmain{max-width:720px;}
  .pcontactpeople{margin-top:-20px;margin-left:-20px;width:200px;}
  .pcontactsround{width:160px;height:160px;font-size:20px;}
  .pcontacttext{width:calc(100% - 380px);}
  .pcontacttext h2{font-size:20px;margin-bottom:15px;}
  .pcontacttext h3{font-size:20px;margin-bottom:10px;}
  .pcontacttext h3 span{width:22px;height:22px;font-size:16px;}
  .pcontacttext h3 span:last-of-type{margin-right:10px;}
  .pcontacttext .button{font-size:18px;padding:10px 20px;}
  .pcontacttext .button img{width:18px;margin-right:5px;}

}
@media screen and (max-width: 768px) {
  .publiccontact{padding-bottom:20px;}
  .publiccontactmain{max-width:520px;flex-wrap:wrap;}
  .pcontactpeople{width:calc(100% - 200px);}
  .pcontacttext{width:100%;max-width:300px;margin:10px auto 0;flex-direction: column;display: flex; align-items: center;}
}
@media screen and (max-width: 568px) {
  .pcontactpeople{width:100%;max-width:200px;margin-left:auto;margin-right:auto;}
  .pcontactsround{margin:10px auto;width: 120px;height: 120px;font-size: 14px;}
}


.achieveitem{width:100%;height:100%;display:flex;flex-direction:column; border-radius:10px;border:1px solid #b0b0b0;padding:5px;background:#FFF;}
.achieveitempic{width:100%;border-radius:10px 10px 0 0;overflow:hidden;}
.achieveitempic figure{position:relative;}
.achieveitempic figure:after{padding-top:50%;}
.achieveitempic figure figcaption{position:absolute;left:20px;bottom:15px;font-size:20px;font-weight:bolder;text-shadow:1px 0 1px #FFF,-1px 0 1px #FFF,0 1px 1px #FFF,0 -1px 1px #FFF,2px 0 2px #FFF,-2px 0 2px #FFF,0 2px 2px #FFF,0 -2px 2px #FFF,2px 0 3px #FFF,-2px 0 3px #FFF,0 2px 3px #FFF,0 -2px 3px #FFF,2px 0 3px #FFF,-2px 0 3px #FFF,0 2px 3px #FFF,0 -2px 3px #FFF;}
.achieveitempic figure figcaption strong{font-size:38px;color:var(--themecolor); text-shadow:1px 0 1px #FFF,-1px 0 1px #FFF,0 1px 1px #FFF,0 -1px 1px #FFF,2px 0 2px #FFF,-2px 0 2px #FFF,0 2px 2px #FFF,0 -2px 2px #FFF;}
.achieveitemtext{padding:20px;height:100%;min-height:350px;}
.achieveitemtitle{font-size:20px;font-weight:bolder;}
.achieveiteminfo{margin-top:20px;font-weight:bolder;font-size:18px;}
.achieveitemtext p{margin-top:20px;font-size:16px;}
@media screen and (max-width: 1520px) {
  .achieveitempic figure figcaption{left:10px;bottom:10px;font-size:16px;}
  .achieveitempic figure figcaption strong{font-size:30px;}
  .achieveitemtext{padding:15px 10px;min-height:360px;}
  .achieveiteminfo{margin-top:10px;}
  .achieveitemtext p{margin-top:10px;}
}
@media screen and (max-width: 1320px) {
  .achieveitemtext{min-height:385px;}
}
@media screen and (max-width: 1080px) {
  .achieveitem{padding:3px;}
  .achieveitempic figure figcaption{left:5px;bottom:5px;font-size:14px;}
  .achieveitempic figure figcaption strong{font-size:24px;}
  .achieveitemtext{padding:10px 5px;min-height:360px;}
  .achieveitemtitle{font-size:18px;}
  .achieveiteminfo{font-size:16px;margin-top:5px;}
  .achieveitemtext p{margin-top:5px;font-size:14px;}
}
@media screen and (max-width: 768px) {

}
 

.rewardcardlist{margin-top:60px;}
.rewardcardlist ul{margin-right:-60px;}
.rewardcardlist ul li{padding-right:60px;}
.rewardcardlist ul li .button{width:100%;margin:20px auto 0;display:flex;justify-content:center;text-align:center;padding:20px;font-size:24px;letter-spacing:0.1em;}
@media screen and (max-width: 1520px) {
  .rewardcardlist{margin-top:50px;}
  .rewardcardlist ul{margin-right:-30px;}
  .rewardcardlist ul li{padding-right:30px;}
  .rewardcardlist ul li .button{font-size:20px;padding:15px;}
}
@media screen and (max-width: 1080px) {
  .rewardcardlist{margin-top:30px;}
  .rewardcardlist ul{margin-right:-20px;}
  .rewardcardlist ul li{padding-right:20px;}
  .rewardcardlist ul li .button{margin:10px auto 0;font-size:16px;padding:10px;}
}
@media screen and (max-width: 768px) {
  .rewardcardlist ul{margin-bottom:-20px;}
  .rewardcardlist ul li{width:50%;margin-bottom:20px;}
}
@media screen and (max-width: 520px) {
  .rewardcardlist ul li{width:100%;}
  .rewardcardlist ul li .rewardcard{max-width:360px;margin:0 auto;}
  .rewardcardlist ul li .button{max-width:360px;}
}


.rewardcard{border:2px solid var(--themecolor);padding:5px;background:#FFF;}
.rewardcardpic{width:100%;}
.rewardcardpic:after{padding-top:70%;}
.rewardcardtitle{text-align:center;padding:20px;font-size:30px;font-weight:normal;line-height:1.1;background:var(--themecolor);color:#FFF;}
.rewardcardtext{padding:15px;}
.rewardcardsubtitle{text-align:center;color:var(--pink);font-size:28px;}
.rewardcardprice{text-align:center;padding:10px 0;font-size:32px;color:#6e584b;font-weight:bolder;border:solid #907565;border-width:1px 0;margin:20px auto;}
.rewardcardtext p{margin-top:15px;}
.rewardcardtext h5{font-size:20px;margin-top:10px;}
.rewardcardtext strong{color:var(--pink);}
@media screen and (max-width: 1520px) {
  .rewardcardpic:after{padding-top:60%;}
  .rewardcardtitle{font-size:24px;padding:15px;}
}
@media screen and (max-width: 1080px) {
  .rewardcard{border:1px solid var(--themecolor);padding:3px;}
  .rewardcardtitle{font-size:20px;padding:10px;}
  .rewardcardtext{padding:10px;}
  .rewardcardsubtitle{font-size:24px;}
  .rewardcardprice{font-size:28px;}
  .rewardcardtext h5{font-size:18px;}
}
@media screen and (max-width: 768px) {
  .rewardcardtitle{font-size:16px;padding:10px 5px;}
  .rewardcardtext{padding:5px;}
  .rewardcardsubtitle{font-size:20px;}
  .rewardcardprice{font-size:24px;padding:7px 0;margin:10px auto;}
  .rewardcardtext p{margin-top:10px;}
  .rewardcardtext h5{font-size:16px;margin-top:6px;}
}
@media screen and (max-width: 768px) {
  .rewardcardtitle{font-size:16px;padding:10px 5px;}
  .rewardcardsubtitle{font-size:16px;}
  .rewardcardprice{font-size:20px;}
}

.linkcard{width:100%;display:flex;flex-direction:column;align-items:center; padding:50px 50px 30px 50px;border-radius:10px;position:relative;overflow:hidden;color:#FFF;}
.linkcard:after{content:"";position:absolute;left:0;top:0;width:100%;height:80%;background:var(--themecolor);}
.linkcard:hover{text-decoration:none;}
.linkcardtitle{position:relative;z-index:1;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;color:#FFF;width:100%;margin-bottom:30px;}
.linkcardtitle .arrow{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background:#FFF;border-radius:50%;}
.linkcardtitle .arrow:before{content:"";width:15px;border-top:2px solid var(--themecolor);transform:translateX(8px);}
.linkcardtitle .arrow:after{content:"";width:12px;height:12px;border:solid var(--themecolor);border-width:2px 2px 0 0;transform:translateX(-6px) rotate(45deg);}
.linkcardpic{position:relative;z-index:1;width:100%;transition:.3s;}
.linkcard:hover .linkcardpic{transform:translateY(-5px);}
.linkcardpic:after{content:"";position:absolute;left:50%;bottom:5px;width:90%;height:10px;border-radius:50%;transform:translateX(-50%);box-shadow:0 10px 10px 10px #989898;}
.linkcardpic figure{width:100%;position:relative;z-index:1;}
.linkcardpic figure:after{padding-top:70%;}
@media screen and (max-width: 1520px) {
  .linkcard{padding:30px 30px 20px 30px;}
  .linkcardtitle{margin-bottom:20px;}
}
@media screen and (max-width: 1080px) {
  .linkcard{padding:20px 20px 10px 20px;}
  .linkcardtitle{margin-bottom:15px;}
  .linkcardtitle .arrow{width:32px;height:32px;}

}
@media screen and (max-width: 768px) {
  .linkcard{padding:10px 10px 5px 10px;}
  .linkcardtitle{margin-bottom:10px;}
}


.newsitem{display:block; border:1px solid #a39992;padding:9px;background:#FFF;color:#FFF;}
.newsitem:hover{text-decoration:none;}
.newsitempic{overflow:hidden;}
.newsitem:hover .newsitempic figure{transform:scale(1.1,1.1);}
.newsitempic figure{transition:.3s;}
.newsitempic figure:after{padding-top:70%;}
.newsitemtext{background:#a39992;padding:10px;}
.newsitemtime{font-size:16px;margin-bottom:15px;}
.newsitemtitle{font-size:18px;min-height:3em;}
@media screen and (max-width: 1520px) {
  .newsitem{padding:5px;}
  .newsitemtext{padding:5px;}
  .newsitemtime{font-size:14px;margin-bottom:10px;}
  .newsitemtitle{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .newsitem{padding:3px;}
  .newsitemtime{font-size:12px;margin-bottom:5px;}
  .newsitemtitle{font-size:14px;}
}


.btnlink{width:100%;max-width:260px;margin:60px auto 0;padding-bottom:15px;border-bottom:2px solid #6e584b;font-size:24px;font-weight:bolder;color:#6e584b;letter-spacing:0.1em;display:flex;align-items:center;justify-content:center;transition:.3s;}
.btnlink:hover{text-decoration:none;color:var(--themecolor);border-bottom:2px solid var(--themecolor);}
.btnlink:after{content:"";display:flex; width:12px;height:12px;border:solid #6e584b;border-width:2px 2px 0 0;transform:rotate(45deg);margin-left:30px;margin-top:5px;transition:.3s;}
.btnlink:hover:after{border:solid var(--themecolor);border-width:2px 2px 0 0;}
@media screen and (max-width: 1520px) {
  .btnlink{max-width:200px;margin:50px auto 0;font-size:20px;letter-spacing:1px;justify-content:space-between;}
  .btnlink:after{margin-left:15px;}
}
@media screen and (max-width: 1080px) {
  .btnlink{max-width:160px;margin:30px auto 0;font-size:16px;padding-bottom:10px;border-bottom:1px solid #6e584b;justify-content:space-between;}
  .btnlink2{max-width:120px;}
  .btnlink:hover{border-bottom:1px solid var(--themecolor);}
  .btnlink:after{width:10px;height:10px;border:solid #6e584b;border-width:1px 1px 0 0;margin-left:10px;margin-top:3px;}
  .btnlink:hover:after{border:solid var(--themecolor);border-width:1px 1px 0 0;}
}


.learnmorebtn{display:block;width:100%;max-width:160px;margin:50px auto 0;transition:.3s;}
.learnmorebtn:hover{opacity:0.7;}
@media screen and (max-width: 1080px) {
  .learnmorebtn{max-width:120px;margin:30px auto 0;}
}
@media screen and (max-width: 768px) {
  .learnmorebtn{max-width:80px;}
}







/*home*/
.homejob{}
.homejob .twocolumn{}
.homejob .twocolumn .text{width:calc(50% - 50px);}
.homejob .twocolumn .text .t2{margin-bottom:50px;position:relative;}
.homejob .twocolumn .text .t2 .whatwedotext{display:inline-block;position:absolute;left:0;bottom:0;transform:translate(0,30%);max-width:500px;}
.homejob .twocolumn .text .t2 span{font-size:90%;}
.homejob .twocolumn .text .t2 span.colorgrey{color:#777;font-size:75%;}
.homejob .twocolumn .text p{margin-bottom:30px;font-weight:500;}
.homejob .twocolumn .pic{width:50%;}
.homejob .twocolumn .pic figure{}
@media screen and (max-width: 1520px) {
  .homejob .twocolumn .text{width:calc(50% - 30px);}
  .homejob .twocolumn .text .t2{margin-bottom:30px;}
  .homejob .twocolumn .text .t2 .whatwedotext{max-width:360px;}
  .homejob .twocolumn .text p{margin-bottom:20px;}
}
@media screen and (max-width: 1080px) {
  .homejob .twocolumn .text{width:calc(50% - 15px);}
  .homejob .twocolumn .text .t2{margin-bottom:20px;}
  .homejob .twocolumn .text .t2 .whatwedotext{max-width:240px;}
  .homejob .twocolumn .text p{margin-bottom:10px;}
}
@media screen and (max-width: 768px) {
  .homejob .twocolumn .text{width:100%;max-width:520px;margin:0 auto 20px;}
  .homejob .twocolumn .pic{width:100%;max-width:520px;margin:0 auto;}
}



.homedaily{}
.homedailyleft{width:calc(33.33333% - 20px);margin-top:160px;}
.homedailyleft figure{margin-bottom:50px;}
.homedailymid{width:calc(33.33333% - 20px);margin-top:80px;display:flex;flex-direction:row-reverse;justify-content:center;}
.homedailymid h2{width:56px;line-height:1.3;margin:0 30px;text-align:center;}
.homedailymid h2 span{writing-mode:vertical-rl;}
.homedailymid h2:nth-child(2){margin-top:50px;}
.homedailymid h2:nth-child(3){margin-top:100px;}
.homedailyright{width:calc(33.33333% - 20px);}
.homedailyright figure{margin-bottom:50px;}
@media screen and (max-width: 1520px) {
  .homedailyleft{margin-top:100px;}
  .homedailyleft figure{margin-bottom:30px;}
  .homedailymid{margin-top:50px;}
  .homedailymid h2{width:45px;margin:0 20px;}
  .homedailymid h2:nth-child(2){margin-top:35px;}
  .homedailymid h2:nth-child(3){margin-top:70px;}
  .homedailyright figure{margin-bottom:30px;}
}
@media screen and (max-width: 1080px) {
  .homedailyleft{margin-top:70px;}
  .homedailyleft figure{margin-bottom:20px;}
  .homedailymid{margin-top:35px;}
  .homedailymid h2{width:36px;margin:0 15px;}
  .homedailymid h2:nth-child(2){margin-top:25px;}
  .homedailymid h2:nth-child(3){margin-top:50px;}
  .homedailyright figure{margin-bottom:20px;}
}
@media screen and (max-width: 768px) {
  .homedailyleft{margin-top:50px;}
  .homedailyleft figure{margin-bottom:15px;}
  .homedailymid{margin-top:25px;}
  .homedailymid h2{width:26px;margin:0 10px;}
  .homedailymid h2:nth-child(2){margin-top:15px;}
  .homedailymid h2:nth-child(3){margin-top:30px;}
  .homedailyright figure{margin-bottom:15px;}
}
@media screen and (max-width: 568px) {
  .homedailyleft{width:calc(50% - 10px);margin-top:0px;order:1;}
  .homedailymid{width:100%;margin-top:0;}
  .homedailyright{width:calc(50% - 10px);order:2;}
}

.homedailybom{margin-top:50px;}
.homedailybomlist ul{margin-right:-9px;margin-bottom:-9px;}
.homedailybomlist ul li{padding-right:9px;margin-bottom:9px;}
@media screen and (max-width: 1520px) {
  .homedailybomlist ul{margin-right:-7px;margin-bottom:-7px;}
  .homedailybomlist ul li{padding-right:7px;margin-bottom:7px;}
}
@media screen and (max-width: 1080px) {
  .homedailybom{margin-top:30px;}
  .homedailybomlist ul{margin-right:-5px;margin-bottom:-5px;}
  .homedailybomlist ul li{padding-right:5px;margin-bottom:5px;}
}
@media screen and (max-width: 768px) {
  .homedailybomlist ul li.avcol1{width:50%;}
  .homedailybomlist ul li.avcol3{width:50%;}
}
@media screen and (max-width: 600px) {
  .homedailybomlist ul li.avcol1{width:100%;}
  .homedailybomlist ul li.avcol3{width:100%;}
  .homedailybomlist ul li .button{max-width:300px;margin:0 auto;}
}

.homestrength{}
.homestrength .t2{display:flex;position:relative;width:726px;}
.homestrength .t2 .whychooseustext{position:absolute;left:80%;max-width:500px;}
.homestrength .t2 span{color:var(--white);position:absolute;right:0;bottom:5%;font-size:30px;display:inline-flex;align-items:center;justify-content:center;}
.homestrength .t2 span:before{content:"";width:100px;margin-right:10px;border-top:1px solid #FFF;}
.homestrength .t2 span:after{content:"";width:100px;margin-left:10px;border-top:1px solid #FFF;}
.homestrength .homestrengthpic{margin-top:-80px;}
@media screen and (max-width: 1520px) {
  .homestrength .t2{width:600px;margin-bottom:30px;}
  .homestrength .t2 .whychooseustext{max-width:380px;}
  .homestrength .t2 span{font-size:24px;}
  .homestrength .t2 span:before{width:80px;margin-right:5px;}
  .homestrength .t2 span:after{width:80px;margin-left:5px;}
}
@media screen and (max-width: 1080px) {
  .homestrength .t2{width:480px;margin-bottom:30px;}
  .homestrength .t2 .whychooseustext{max-width:300px;}
  .homestrength .t2 span{font-size:18px;}
  .homestrength .t2 span:before{width:50px; }
  .homestrength .t2 span:after{width:50px; }
}
@media screen and (max-width: 768px) {
  .homestrength .t2{width:350px;margin-bottom:20px;}
  .homestrength .t2 .whychooseustext{max-width:220px;}
  .homestrength .t2 span{font-size:14px;}
  .homestrength .t2 span:before{width:30px; }
  .homestrength .t2 span:after{width:30px; }
  .homestrength .homestrengthpic{margin-top:-50px;}
}
@media screen and (max-width: 568px) {
  .homestrength .t2{width:100%;max-width:350px;}
  .homestrength .t2 .whychooseustext{max-width:220px;top:50%;left:30%;}
  .homestrength .homestrengthpic{margin-top:-20px;}

}


.homeabout{}
.homeabout .titlegroup{margin-bottom:50px;align-items:center;justify-content:center;}
.homeabout .wide{}
.homeabout .wide p{font-size:20px;margin-top:30px;}
@media screen and (max-width: 1520px) {
  .homeabout .titlegroup{margin-bottom:30px;}
  .homeabout .wide p{font-size:18px;margin-top:20px;}
}
@media screen and (max-width: 1080px) {
  .homeabout .titlegroup{margin-bottom:20px;}
  .homeabout .wide p{font-size:16px;margin-top:15px;}
}

.homeachieve{}
.homeachieve .btnwhite{margin-top:50px;padding:20px 60px;}
.homeachievetop{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px;color:#FFF;}
.homeachievetop .titlegroup{width:500px;}
.homeachievetop .titlegroup .t2{}
.homeachievetop .titlegroup .t2 span{font-size:60%;color:#ffdba7;}
.homeachievetop .titlegroup .t5{text-transform:uppercase;}
.homeachievetop .homeachievetext{width:calc(100% - 560px);}
.homeachievetop .homeachievetext p{font-size:20px;margin-bottom:15px;}
@media screen and (max-width: 1520px) {
.homeachieve .btnwhite{margin-top:30px;padding:15px 60px;}
  .homeachievetop{margin-bottom:30px;}
  .homeachievetop .titlegroup{width:380px;}
  .homeachievetop .homeachievetext{width:calc(100% - 420px);}
  .homeachievetop .homeachievetext p{font-size:16px;margin-bottom:10px;}
}
@media screen and (max-width: 1080px) {
.homeachieve .btnwhite{margin-top:20px;padding:12px 30px;}
  .homeachievetop{margin-bottom:20px;}
  .homeachievetop .titlegroup{width:300px;}
  .homeachievetop .homeachievetext{width:calc(100% - 320px);}
  .homeachievetop .homeachievetext p{font-size:14px;}
}
@media screen and (max-width: 768px) {
  .homeachievetop{margin-bottom:10px;}
  .homeachievetop .titlegroup{width:100%;margin-bottom:20px;}
  .homeachievetop .homeachievetext{width:100%;}

}


.homeachievelist{overflow:hidden;}
.homeachievelist ul{display:flex;}
.homeachievelist ul li{width:100%;height:100%;}
.homeachievelist .swiper-button-next{right:0;width:38px;height:38px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;}
.homeachievelist .swiper-button-next:after{font-size:20px;color:var(--themecolor);}
.homeachievelist .swiper-button-prev{left:0;width:38px;height:38px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;}
.homeachievelist .swiper-button-prev:after{font-size:20px;color:var(--themecolor);}
@media screen and (max-width: 1520px) {
  .homeachievelist .swiper-button-next{right:5px;width:30px;height:30px;}
  .homeachievelist .swiper-button-next:after{font-size:16px;}
  .homeachievelist .swiper-button-prev{left:5px;width:30px;height:30px;}
  .homeachievelist .swiper-button-prev:after{font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .homeachievelist .swiper-button-next{right:2px;width:20px;height:20px;}
  .homeachievelist .swiper-button-next:after{font-size:14px;}
  .homeachievelist .swiper-button-prev{left:2px;width:20px;height:20px;}
  .homeachievelist .swiper-button-prev:after{font-size:14px;}
}

.homeshop{}
.homeshop .btnpink{display:flex;justify-content:center;width:100%;max-width:350px;padding:15px 20px;margin:0 auto 20px;}
.homeshopmain{display:flex;justify-content:space-between;flex-wrap:wrap;}
.homeshopmain .text{width:calc(55% + 200px);margin-right:-200px;}
.homeshopmain .pic{width:45%;max-width:600px;}
.homeshopmain .pic img{width:100%;}
.homeshopmain .titlegroup{margin-bottom:50px;}
.homeshopmain .titlegroup .t2{letter-spacing:0.2em;}
.homeshopmain .titlegroup hgroup{display:flex;align-items:flex-end;flex-wrap:wrap;}
.homeshopmain .titlegroup hgroup .t3{margin-right:80px;}
.homeshoplist{width:60%;}
.homeshoplist ul{display:flex;flex-wrap:wrap;margin-top:30px;}
.homeshoplist ul li{width:25%;padding-right:5px;}
@media screen and (max-width: 1520px) {
  .homeshopmain .text{width:calc(55% + 150px);margin-right:-150px;}
  .homeshopmain .pic{width:45%;max-width:500px;}
  .homeshopmain .titlegroup{margin-bottom:30px;}
  .homeshopmain .titlegroup hgroup .t3{margin-right:50px;}
  .homeshoplist{width:80%;}
}
@media screen and (max-width: 1080px) {
  .homeshopmain .text{width:calc(55% + 80px);margin-right:-80px;}
  .homeshopmain .pic{max-width:360px;}
  .homeshopmain .titlegroup .t2{letter-spacing:0.1em;}
  .homeshopmain .titlegroup hgroup .t3{margin-right:30px;}
  .homeshoplist{width:90%;}
  .homeshoplist ul{margin-top:20px;}
}
@media screen and (max-width: 768px) {
  .homeshopmain .text{width:calc(100% - 200px);margin-right:0;}
  .homeshopmain .pic{width:180px;max-width:auto;}
  .homeshopmain .titlegroup .t2{letter-spacing:3px;}
  .homeshopmain .titlegroup hgroup .t3{margin-right:20px;}
  .homeshoplist{width:100%;}
  .homeshoplist ul{margin-top:15px;}
  .homeshoplist ul li{padding-right:3px;}
}
@media screen and (max-width: 600px) {
  .homeshopmain .text{width:100%;}
  .homeshopmain .pic{width:100%;max-width:360px;margin:20px auto 0;}
  .homeshopmain .titlegroup .t2{letter-spacing:1px;}
  .homeshopmain .titlegroup hgroup .t3{margin-right:10px;}
  .homeshoplist ul{margin-top:10px;}
  .homeshoplist ul li{width:33.333333%;}
}

.homeshopitem{font-size:22px;color:#4e4c49;display:flex;align-items:center;transition:.3s;}
.homeshopitem:hover{text-decoration:none;color:var(--themecolor);}
.homeshopitem:before{content:"";display:block;width:22px;height:22px;background:var(--themecolor);margin-right:10px;}
@media screen and (max-width: 1520px) {
  .homeshopitem{font-size:18px;}
  .homeshopitem:before{width:18px;height:18px;margin-right:5px;}
}
@media screen and (max-width: 1080px) {
  .homeshopitem{font-size:16px;}
  .homeshopitem:before{width:16px;height:16px;}
}

.homelinks{position:relative;}
.homelinks:after{content:"";position:absolute;top:0;left:0;width:100%;height:70%;background:url(img/dottedmask.png) repeat;}
.homelinkslist{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;z-index:10;}
.homelinksitem{width:calc(50% - 30px);}
@media screen and (max-width: 1520px) {
  .homelinksitem{width:calc(50% - 20px);}
}
@media screen and (max-width: 1080px) {
  .homelinksitem{width:calc(50% - 10px);}
}
@media screen and (max-width: 568px) {
  .homelinksitem{width:100%;margin-bottom:20px;}
  .homelinksitem .homelinkcard{max-width:360px;margin:0 auto;}
}




.homecolumn{border:solid #df8b77;border-width:1px 0;position:relative;}
.homecolumntitle{position:absolute;left:5%;top:10%;width:18px;font-size:18px;line-height:1.5;font-weight:bolder;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.homecolumntitle:before{content:"";display:block;width:10px;height:10px;background:var(--themecolor);border-radius:50%;margin-bottom:20px;}
.homecolumnlist{/*border:solid #df8b77;border-width:0 1px;*/position:relative;}
.homecolumnlist:before{content:"";border-left:1px solid #df8b77;height:130%;position:absolute;left:0;top:55%;transform:translateY(-50%);}
.homecolumnlist:after{content:"";border-left:1px solid #df8b77;height:130%;position:absolute;right:0;top:55%;transform:translateY(-50%);}
.homecolumnlist ul{margin-right:-35px;margin-bottom:-35px;}
.homecolumnlist ul li{padding-right:35px;margin-bottom:35px;}
@media screen and (max-width: 1720px) {
  .homecolumnmain{}
  .homecolumntitle{left:20px;}
  .homecolumnlist{max-width:1520px;padding:0 20px;}
}
@media screen and (max-width: 1520px) {
  .homecolumntitle{left:10px;}
  .homecolumnlist{max-width:1320px;padding:0 10px;}
  .homecolumnlist ul{margin-right:-20px;margin-bottom:-20px;}
  .homecolumnlist ul li{padding-right:20px;margin-bottom:20px;}

}
@media screen and (max-width: 1080px) {
  .homecolumntitle{position:relative;left:0;top:0;width:100%;flex-direction:row;justify-content:flex-start;margin-bottom:20px;padding:0 30px;}
  .homecolumntitle:before{margin-bottom:0;margin-right:10px;}
  .homecolumnlist:before{top:50%;height:135%;}
  .homecolumnlist:after{top:50%;height:135%;}
  .homecolumnlist ul{margin-right:-10px;margin-bottom:-10px;}
  .homecolumnlist ul li{padding-right:10px;margin-bottom:10px;}
}
@media screen and (max-width: 768px) {
  .homecolumnlist:before{height:120%;}
  .homecolumnlist:after{height:120%;}
  .homecolumnlist ul li{width:50%;}
}
@media screen and (max-width: 568px) {
  .homecolumnlist:before{height:110%;}
  .homecolumnlist:after{height:110%;}
  .homecolumnlist ul li{width:100%;}
  .homecolumnlist ul li .newsitem{max-width:360px;margin:0 auto;}
}


/*page*/


/*page recruit*/
.recruit .linetitle{margin-bottom:80px;}
.recruit .wide{margin-bottom:50px;line-height:2;}
.recruit .buttongroup{}
.recruit .doublelinetitle{margin-bottom:50px;}
.recruit .tablelist{padding-left:0;padding-right:0;}
.recruit .tablelist dl{padding:30px 0;position:relative;}
.recruit .tablelist dl:after{content:"";position:absolute;left:0;bottom:1px;z-index:1;width:230px;border-bottom-width: 3px;border-bottom-style: solid;border-image: linear-gradient(to right, #f6899d 0%, #f4778e 35%, #f87c87 72%, #fe988b 100%) 3 stretch;border-image-outset: 3px;border-image-slice: 3;}
.recruit .tablelist dl dt{color:#696969;}
.recruit .tablelist dl dd{padding-left:30px;}
@media screen and (max-width: 1520px) {
  .recruit .linetitle{margin-bottom:50px;}
  .recruit .wide{margin-bottom:30px;line-height:1.8;}
  .recruit .tablelist dl:after{width:160px;}
  .recruit .tablelist dl{padding:20px 0;}
  .recruit .tablelist dl dd{padding-left:20px;}
}
@media screen and (max-width: 1080px) {
  .recruit .linetitle{margin-bottom:30px;}
  .recruit .wide{margin-bottom:20px;line-height:1.6;}
  .recruit .tablelist dl{padding:15px 0;}
  .recruit .tablelist dl:after{width:130px;}
  .recruit .tablelist dl dd{padding-left:15px;}
}
@media screen and (max-width: 768px) {
  .recruit .linetitle{margin-bottom:20px;}
  .recruit .wide{margin-bottom:15px;}
  .recruit .tablelist dl:after{display:none;}
  .recruit .tablelist dl dt{padding-bottom:10px;border-bottom-width: 2px;border-bottom-style: solid;border-image: linear-gradient(to right, #f6899d 0%, #f4778e 35%, #f87c87 72%, #fe988b 100%) 2 stretch;border-image-outset: 2px;border-image-slice: 2;}
  .recruit .tablelist dl dd{padding-left:0;padding-top:10px;}
}


/*works*/
.works{}
.works .twocolumn{margin:80px auto;}
.works .twocolumn:nth-of-type(even){flex-direction:row-reverse;}
.works .twocolumn .text{width:50%;}
.works .twocolumn .text .workstitle{margin-bottom:60px;}
.works .twocolumn .text p{font-size:18px;line-height:2.2;font-weight:600;margin-bottom:30px;}
.works .twocolumn .pic{width:calc(50% - 100px);}
@media screen and (max-width: 1520px) {
  .works .twocolumn{margin:60px auto;}
  .works .twocolumn .text .workstitle{margin-bottom:50px;}
  .works .twocolumn .text p{font-size:16px;line-height:2;margin-bottom:20px;}
  .works .twocolumn .pic{width:calc(50% - 50px);}
}
@media screen and (max-width: 1080px) {
  .works .twocolumn{margin:50px auto;}
  .works .twocolumn .text .workstitle{margin-bottom:30px;}
  .works .twocolumn .text p{font-size:14px;line-height:1.8;margin-bottom:15px;}
  .works .twocolumn .pic{width:calc(50% - 20px);}
}
@media screen and (max-width: 768px) {
  .works .twocolumn{margin:30px auto;max-width:560px;}
  .works .twocolumn .text{width:100%;}
  .works .twocolumn .text .workstitle{margin-bottom:20px;}
  .works .twocolumn .text p{margin-bottom:10px;}
  .works .twocolumn .pic{width:100%;}
}

.worksprocess{position: relative;}
.worksprocess:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(img/pinkdottedmask.png) repeat;}
.worksprocessmain{position:relative;z-index:10;}
.worksprocess .titlegroup{position:relative;margin-bottom:60px;}
.worksprocess .titlegroup .titlegroupen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:100px;color:#5f5f5f;opacity:0.1;font-weight:normal;text-transform:uppercase;white-space:nowrap;}
.worksprocess .titlegroup .t3{position:relative;z-index:10;letter-spacing:0.3em;color:#5f5f5f;}
.worksprocess .twocolumn{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);background-color:#FFF;padding:25px;margin:30px auto;}
.worksprocess .twocolumn .pic{width:calc(50% - 50px);}
.worksprocess .twocolumn .pic figure:after{padding-top:80%;}
.worksprocess .twocolumn .text{width:calc(50% - 20px);}
.worksprocess .twocolumn .text .worksteptitle{margin-bottom:30px;}
.worksprocess .twocolumn .text p{font-size:18px;line-height:2;margin-bottom:20px;}
.worksprocess .twocolumn .text p.mini{font-size:16px;line-height:1.6;}

@media screen and (max-width: 1520px) {
  .worksprocess .titlegroup{margin-bottom:50px;}
  .worksprocess .titlegroup .titlegroupen{font-size:60px;}
  .worksprocess .titlegroup .t3{letter-spacing:0.2em;}
  .worksprocess .twocolumn{padding:20px 15px;margin:20px auto;}
  .worksprocess .twocolumn .pic{width:calc(50% - 30px);}
  .worksprocess .twocolumn .pic figure:after{padding-top:70%;}
  .worksprocess .twocolumn .text{width:calc(50% - 10px);}
  .worksprocess .twocolumn .text .worksteptitle{margin-bottom:20px;}
  .worksprocess .twocolumn .text p{font-size:16px;line-height:1.8;margin-bottom:15px;}
  .worksprocess .twocolumn .text p.mini{font-size:14px;}
}
@media screen and (max-width: 1080px) {
  .worksprocess .titlegroup{margin-bottom:30px;}
  .worksprocess .titlegroup .titlegroupen{font-size:38px;}
  .worksprocess .titlegroup .t3{letter-spacing:0.1em;}
  .worksprocess .twocolumn{padding:15px 10px;margin:15px auto;}
  .worksprocess .twocolumn .pic{width:calc(50% - 15px);}
  .worksprocess .twocolumn .pic figure:after{padding-top:70%;}
  .worksprocess .twocolumn .text{width:calc(50% - 5px);}
  .worksprocess .twocolumn .text p{font-size:14px;margin-bottom:10px;}
  .worksprocess .twocolumn .text p.mini{font-size:12px;}
}
@media screen and (max-width: 768px) {
  .worksprocess .titlegroup{margin-bottom:20px;}
  .worksprocess .titlegroup .titlegroupen{font-size:28px;}
  .worksprocess .titlegroup .t3{letter-spacing:1px;}
  .worksprocess .twocolumn{max-width:560px;margin:10px auto;}
  .worksprocess .twocolumn .pic{width:100%;margin-bottom:20px;}
  .worksprocess .twocolumn .text{width:100%;}
  .worksprocess .twocolumn .text .worksteptitle{margin-bottom:15px;}
}

.workstitle{position:relative;}
.workstitle h3{color:transparent;-webkit-background-clip: text;background-clip: text;background-image: linear-gradient(to right, #b87b94, #b88782);position:relative;z-index:10;}
.workstitle figure{width:90%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;}
.workstitle figure img{width:100%;}
.worksteptitle{display:flex;align-items:center;font-size:24px;}
.workstepnum{padding:10px 15px;background:#f38978;position:relative;color:#FFF;font-size:26px;line-height:1;border-radius:5px;margin-right:30px;}
.workstepnum:after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:10px solid #f38978;border-top:6px solid transparent;border-bottom:6px solid transparent;}
@media screen and (max-width: 1520px) {
  .workstitle figure{width:60%;}
  .worksteptitle{font-size:22px;}
  .workstepnum{padding:7px 10px;font-size:20px;border-radius:3px;margin-right:20px;}
  .workstepnum:after{right:-8px;border-left:8px solid #f38978;border-top:5px solid transparent;border-bottom:5px solid transparent;}
}
@media screen and (max-width: 1080px) {
  .workstitle figure{width:50%;}
  .worksteptitle{font-size:18px;}
  .workstepnum{padding:5px 7px;font-size:14px;margin-right:15px;}
}
@media screen and (max-width: 768px) {
  .workstitle figure{left:0;transform:translate(0%,-50%);}
  .workstitle figure{width:80%;}
}

.picblock{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07),inset 0px 0px 0px 15px rgba(255, 255, 255, 0.004);border:1px solid #dfdfdf;background:#FFF;padding:15px;}
.picblock figure{width:100%;}
.picblock figure:after{padding-top:70%;}
@media screen and (max-width: 1520px) {
  .picblock{padding:10px;}
}
@media screen and (max-width: 1080px) {
  .picblock{padding:5px;}  
}

/*page news*/
.pagenewlist ul{margin-right:-35px;margin-bottom:-35px;}
.pagenewlist ul li{padding-right:35px;margin-bottom:35px;}
.pagenewheadline{font-size:28px;font-weight:bolder;margin-bottom:10px;}
.pagenewtime{padding-bottom:10px;border-bottom:1px solid var(--themecolor);margin-bottom:50px;font-weight:bolder;}
.pagenewcontent p{margin-bottom:20px;}
@media screen and (max-width: 1520px) {
  .pagenewlist ul{margin-right:-20px;margin-bottom:-20px;}
  .pagenewlist ul li{padding-right:20px;margin-bottom:20px;}
  .pagenewheadline{font-size:24px;}
  .pagenewtime{margin-bottom:30px;}
  .pagenewcontent p{margin-bottom:15px;}
}
@media screen and (max-width: 1080px) {
  .pagenewlist ul{margin-right:-10px;margin-bottom:-10px;}
  .pagenewlist ul li{padding-right:10px;margin-bottom:10px;}
  .pagenewheadline{font-size:20px;}
  .pagenewtime{margin-bottom:20px;}
  .pagenewcontent p{margin-bottom:10px;}
}
@media screen and (max-width: 768px) {
  .pagenewlist ul li{width:50%;}
  .pagenewheadline{font-size:18px;}
}
@media screen and (max-width: 568px) {
  .pagenewlist ul li{width:100%;}
  .pagenewlist ul li .newsitem{max-width:360px;margin:0 auto;}
}



/*page contact*/
.contact .wide{margin-bottom:60px;}
.contact .wide p{margin-bottom:20px;font-size:20px;line-height:2;}
.contact .formstep{margin-bottom:50px;}
.contact .form .avcol2{width:calc(50% - 50px);}
.contact .form .avcol1,.contact .form .avcol2{margin-bottom:50px;}
.contact .form .btngroup{position:relative;}
.contact .form .btngroup .wpcf7-spinner{position:absolute;}
.contact .form .btngroup p{display:flex;justify-content:center;}
@media screen and (max-width: 1520px) {
  .contact .wide{margin-bottom:50px;}
  .contact .wide p{margin-bottom:15px;font-size:16px;line-height:1.8;}
  .contact .formstep{margin-bottom:30px;}
  .contact .form .avcol2{width:calc(50% - 30px);}
  .contact .form .avcol1,.contact .form .avcol2{margin-bottom:30px;}
}
@media screen and (max-width: 1080px) {
  .contact .wide{margin-bottom:30px;}
  .contact .wide p{margin-bottom:10px;font-size:14px;}
  .contact .formstep{margin-bottom:20px;}
  .contact .form .avcol2{width:calc(50% - 15px);}
  .contact .form .avcol1,.contact .form .avcol2{margin-bottom:20px;}
}
@media screen and (max-width: 768px) {
  .contact .form .avcol2{width:100%;}
  .contact .form dl dt{margin-bottom:10px;}
  .contact .formagree{width:100%;}
}

/*post resources*/
.resources{}
.resources .resourceslist{}
.resources .resourceslist ul{margin-right:-60px;margin-bottom:-80px;}
.resources .resourceslist ul li{padding-right:60px;margin-bottom:80px;}
.resourcesdetail .linetitle{margin-bottom:60px;}
.resourcesdetailheadline{position:relative;width:100%;padding-bottom:50px;}
.resourcesdetailheadline .t2{text-align:center;}
.resourcesdetailheadline .time{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.resourcesdetail .twocolumn{margin-bottom:50px;}
.resourcesdetail .twocolumn .pic{width:52%;}
.resourcesdetail .twocolumn .pic figure:after{}
.resourcesdetail .twocolumn .text{width:calc(48% - 60px);}
.resourcesdetail .twocolumn .text .tablelist{margin-bottom:30px;}
.resourcesdetail .twocolumn .text .tablelist dl:last-child{border-bottom:1px solid var(--brown);padding-bottom:50px;}
.resourcesdetail .twocolumn .text .tablelist dl:not(:last-child){border-bottom:1px dotted var(--themecolor); }
.resourcesdetail .twocolumn .text .tablelist dl{font-size:20px;padding:20px 0;}
.resourcesdetail .twocolumn .text .tablelist dl dt{color:#181818;}
.resourcesdetail .twocolumn .text p{font-size:20px;margin-top:30px;}
.resourcesdetail .infotitle{padding-bottom:10px;border-bottom:1px solid var(--brown);margin-bottom:50px;}
.resourcesdetail .info{}
.resourcesdetail .info p{font-size:20px;margin-bottom:30px;}
@media screen and (max-width: 1520px) {
  .resources .resourceslist ul{margin-right:-30px;margin-bottom:-38px;}
  .resources .resourceslist ul li{padding-right:30px;margin-bottom:38px;}
  .resourcesdetail .linetitle{margin-bottom:50px;}
  .resourcesdetailheadline{padding-bottom:30px;}
  .resourcesdetail .twocolumn{margin-bottom:30px;}
  .resourcesdetail .twocolumn .text{width:calc(48% - 50px);}
  .resourcesdetail .twocolumn .text .tablelist{margin-bottom:20px;}
  .resourcesdetail .twocolumn .text .tablelist dl:last-child{padding-bottom:30px;}
  .resourcesdetail .twocolumn .text .tablelist dl{font-size:16px;padding:15px 0;}
  .resourcesdetail .twocolumn .text p{font-size:16px;margin-top:20px;}
  .resourcesdetail .infotitle{padding-bottom:5px;margin-bottom:30px;}
  .resourcesdetail .info p{font-size:16px;margin-bottom:20px;}
}
@media screen and (max-width: 1080px) {
  .resources .resourceslist ul{margin-right:-20px;margin-bottom:-25px;}
  .resources .resourceslist ul li{padding-right:20px;margin-bottom:25px;}
  .resourcesdetail .linetitle{margin-bottom:30px;}
  .resourcesdetailheadline{padding-bottom:20px;}
  .resourcesdetail .twocolumn{margin-bottom:20px;}
  .resourcesdetail .twocolumn .text{width:calc(48% - 30px);}
  .resourcesdetail .twocolumn .text .tablelist{margin-bottom:15px;}
  .resourcesdetail .twocolumn .text .tablelist dl:last-child{padding-bottom:20px;}
  .resourcesdetail .twocolumn .text .tablelist dl{font-size:14px;padding:10px 0;}
  .resourcesdetail .twocolumn .text p{font-size:14px;margin-top:15px;}
  .resourcesdetail .infotitle{margin-bottom:20px;}
  .resourcesdetail .info p{font-size:14px;margin-bottom:15px;}
}
@media screen and (max-width: 768px) {
  .resources .resourceslist ul{margin-right:-15px;margin-bottom:-15px;}
  .resources .resourceslist ul li{width:50%;padding-right:15px;margin-bottom:15px;}
  .resourcesdetail .twocolumn{max-width:560px;margin:0 auto 20px;}
  .resourcesdetail .twocolumn .pic{width:100%;}
  .resourcesdetail .twocolumn .pic figure{max-width:380px;margin:0 auto 20px;}
  .resourcesdetail .twocolumn .text{width:100%;}
  .resourcesdetail .infotitle{max-width:560px;margin:0 auto 15px;}
  .resourcesdetail .info{max-width:560px;margin:0 auto;}
}
@media screen and (max-width: 568px) {
  .resources .resourceslist ul li{width:100%;}
  .resources .resourceslist ul li .resourcescard{max-width:380px;margin:0 auto;}
  .resourcesdetailheadline{padding-bottom:10px;}
  .resourcesdetailheadline .time{transform:translateY(0%);margin-top:5px;}
}




.review{}

.reviewlist{}
.reviewlist .layout{margin-bottom:-60px;margin-right:-60px;}
.reviewlist .layout li{margin-bottom:60px;padding-right:60px;}
@media screen and (max-width: 1520px) {
  .reviewlist .layout{margin-bottom:-35px;margin-right:-35px;}
  .reviewlist .layout li{margin-bottom:35px;padding-right:35px;}
}
@media screen and (max-width: 1080px) {
  .reviewlist .layout{margin-bottom:-20px;margin-right:-20px;}
  .reviewlist .layout li{margin-bottom:20px;padding-right:20px;}
}
@media screen and (max-width: 768px) {
  .reviewlist .layout li{width:50%;}
}
@media screen and (max-width: 568px) {
  .reviewlist .layout li{width:100%;}
}

.itemreview{border:1px solid var(--brown2);position:relative;height:100%;background:var(--white);/*position:relative;padding-bottom:80px;*/}
.itemreviewpic{position:relative;}
.itemreviewpic figure{position:relative;}
.itemreviewpic figure:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:10px solid rgba(255,255,255,0.8);border-bottom:0;}
.itemreviewpic figure:after{padding-top:70%;}
.itemreviewpic .tag{padding:10px;font-size:20px;position:absolute;left:0;bottom:0;width:38%;max-width:150px;letter-spacing:2px;}
.itemreviewtext{padding:20px;font-size:18px;}
.itemreviewparam{padding:20px;position:relative;/*display:none;*/background:#FFF;width:100%;}
.itemreviewparam:before{content:"";display:block;width:calc(100% - 38px);border-top:1px solid var(--brown2);position:absolute;top:0;left:50%;transform:translateX(-50%);}
.itemreviewparam dl{display:flex;justify-content:space-between;font-size:16px;padding:3px 0;}
.itemreviewparam dl dt{width:50%;}
.itemreviewparam dl dd{width:50%;}
.itemreviewbtn{padding:10px}
.itemreviewbtn .button{width:100%;max-width:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;font-size:20px;line-height:1;padding:12px 10px;}
.itemreviewbtn.active .button{background:#3c3835;}
.itemreviewbtn .button .arrow{display:flex;justify-content:center;align-items:center;}
.itemreviewbtn .button .arrow:before{content:"";display:block;width:20px;height:2px;background:var(--white);transform:translateX(7px);}
.itemreviewbtn .button .arrow:after{content:"";display:block;width:14px;height:14px;border:solid var(--white);border-width:2px 2px 0 0;transform:translateX(-7px) rotate(45deg);}
/*.itemreviewbot{position:relative;left:0;bottom:0;width:100%;}*/
@media screen and (max-width: 1520px) {
  .itemreviewpic .tag{font-size:18px;}
  .itemreviewtext{font-size:16px;}
  .itemreviewparam dl{font-size:14px;}
  .itemreviewbtn .button{font-size:18px;}
  .itemreviewbtn .button .arrow:before{width:16px;transform:translateX(6px);}
  .itemreviewbtn .button .arrow:after{width:12px;height:12px;transform:translateX(-6px) rotate(45deg);}
}
@media screen and (max-width: 1080px) {
  .itemreviewpic figure:before{border:5px solid rgba(255,255,255,0.8);border-bottom:0;}
  .itemreviewpic .tag{font-size:16px;}
  .itemreviewtext{padding:10px;font-size:14px;}
  .itemreviewparam{padding:10px;}
  .itemreviewparam:before{width:calc(100% - 20px);}
  .itemreviewparam dl{font-size:12px;padding:2px 0;}
  .itemreviewbtn{padding:5px;}
  .itemreviewbtn .button{font-size:16px;padding:5px;}
}
@media screen and (max-width: 768px) {

}


.linetitle{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.linetitle:after{content:"";display:block;margin-top:10px;width:100%;height:20px;background:url(img/linetitlebg.png) no-repeat;background-size:100% 100%;}
@media screen and (max-width: 1520px) {
  .linetitle:after{height:15px;}
}
@media screen and (max-width: 1080px) {
  .linetitle:after{margin-top:5px;height:10px;}
}
@media screen and (max-width: 768px) {
  .linetitle:after{height:5px;}
}
/*shop*/




.shoplink{width:100%;padding:15px;font-size:20px;display:flex;align-items:center;justify-content:center;}
@media screen and (max-width: 1520px) {
  .shoplink{padding:12px;font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .shoplink{padding:10px 5px;font-size:14px;}  
}


.shoplinkstop{justify-content:space-between;}
.shoplinkstop .avcol2{width:calc(50% - 20px);}
.shoplinkstop .avcol2 .shoplink{justify-content:flex-start;font-size:28px;font-weight:bolder;}
.shoplinkstop .avcol2 .shoplink.btnbdbrown:hover{background:var(--lightpink);color:var(--brown2);}
.shoplinkstop .avcol2 .shoplink i{display:block;width:28px;height:28px;margin-right:20px;}
.shoplinkstop .avcol2 .button:hover{background:none;color:none;border:1px solid #df779a;}
.shoplinkstop .avcol2 .shoplink:hover{background:#fff !important;color:none;border:1px solid #6e584b;}

.shoplinklist{margin-top:50px;}
.shoplinklist .layout{margin-right:-20px;margin-bottom:-20px;}
.shoplinklist .layout .avcol4{padding-right:20px;margin-bottom:20px;}
@media screen and (max-width: 1520px) {
  .shoplinkstop .avcol2{width:calc(50% - 15px);}
  .shoplinkstop .avcol2 .shoplink{font-size:24px;}
  .shoplinkstop .avcol2 .shoplink i{width:24px;height:24px;margin-right:15px;}
}
@media screen and (max-width: 1080px) {
  .shoplinkstop .avcol2{width:calc(50% - 10px);}
  .shoplinkstop .avcol2 .shoplink{font-size:18px;}
  .shoplinkstop .avcol2 .shoplink i{width:20px;height:20px;margin-right:10px;}
  .shoplinklist{margin-top:30px;}
  .shoplinklist .layout{margin-right:-15px;margin-bottom:-15px;}
  .shoplinklist .layout .avcol4{padding-right:15px;margin-bottom:15px;}

}
@media screen and (max-width: 768px) {
  .shoplinkstop .avcol2{width:calc(50% - 5px);}
  .shoplinkstop .avcol2 .shoplink{font-size:14px;}
  .shoplinkstop .avcol2 .shoplink i{width:14px;height:14px;margin-right:5px;}
  .shoplinklist .layout .avcol4{width:50%;}
}
@media screen and (max-width: 568px) {
  .shoplinkstop .avcol2{width:100%;}
  .shoplinkstop .avcol2 .shoplink{max-width:360px;margin:0 auto 20px;}

}

.shoplist{padding:35px 50px;border:1px solid #a8a8a8;margin:30px auto;}
.shoplist .layout{margin-right:-38px;margin-bottom:-38px;}
.shoplist > .layout > li{padding-right:38px;margin-bottom:38px;}
.shoplist .t3{margin-bottom:20px;font-weight:normal;padding-left:20px;}
@media screen and (max-width: 1520px) {
  .shoplist{padding:20px 35px;}
  .shoplist .layout{margin-right:-30px;margin-bottom:-30px;}
  .shoplist > .layout > li{padding-right:30px;margin-bottom:30px;}
  .shoplist .t3{margin-bottom:16px;padding-left:15px;}
}
@media screen and (max-width: 1080px) {
  .shoplist{padding:15px;}
  .shoplist .layout{margin-right:-20px;margin-bottom:-20px;}
  .shoplist > .layout > li{padding-right:20px;margin-bottom:20px;}
  .shoplist .t3{margin-bottom:15px;padding-left:10px;}
}
@media screen and (max-width: 768px) {
  .shoplist{padding:10px;max-width:540px;margin:20px auto;}
  .shoplist > .layout > li{width:100%;}
  .shoplist .t3{margin-bottom:10px;}
}

.pannal{}
.pannalhead{display:flex;justify-content:space-between;color:#FFF;transition:.3s;}
.pannalhead:hover{text-decoration:none;}
.pannaltitle{padding:10px 0 10px 20px;font-size:26px;line-height:1.2;font-weight:normal;display:flex;align-items:center;}
.pannaltitle i{display:inline-block;width:28px;height:28px;margin-right:20px;}
.pannal .button{font-size:20px;line-height:1.1;padding:12px 20px;display:flex;align-items:center;}
.pannalbody{padding:15px;}
.pannalbody .layout{margin-bottom:-10px;margin-right:-10px;}
.pannalbody .layout li{margin-bottom:10px;padding-right:10px;}
.pannalbody .layout li .tag{width:100%;height:100%;min-height:80px;padding:5px;display:flex;justify-content:center;align-items:center;line-height:1.3;}

.pannalpink{border:1px solid #df779a;color:#FFF;}
.pannalpink .pannalhead{background:#df779a;}
.pannalpink .button{background:#e5889d;border-color:#e5889d;color:#FFF;}
.pannalpink .button:hover{background:#df779a;border-color:#df779a;}

.pannalbrown{border:1px solid #907565;color:#FFF;}
.pannalbrown .pannalhead{background:#907565;}
.pannalbrown .button{background:#a39992;border-color:#a39992;color:#FFF;}
.pannalbrown .button:hover{background:#907565;border-color:#907565;}

@media screen and (max-width: 1520px) {
  .pannaltitle{font-size:22px;}
  .pannaltitle i{width:24px;height:24px;margin-right:10px;}
  .pannal .button{font-size:16px;padding:10px;}
  .pannalbody{padding:10px 5px;}
  .pannalbody .layout{margin-bottom:-7px;margin-right:-7px;}
  .pannalbody .layout li{margin-bottom:7px;padding-right:7px;}
}
@media screen and (max-width: 1080px) {
  .pannaltitle{font-size:18px;}
  .pannaltitle i{width:20px;height:20px;margin-right:5px;}
  .pannal .button{font-size:14px;padding:10px;}
  .pannalbody{padding:7px;}
  .pannalbody .layout{margin-bottom:-5px;margin-right:-5px;}
  .pannalbody .layout li{margin-bottom:5px;padding-right:5px;}
  .pannalbody .layout li .tag{padding:3px;min-height:60px;}
}
@media screen and (max-width: 768px) {
  .pannaltitle{padding:5px 0 5px 10px;}
  .pannaltitle i{width:16px;height:16px;}
.pannalpink .pannalhead:hover{background:#e5889d;}
	.pannalpink .button:hover{background:#df779a;border-color:#df779a;}
.pannalbrown .pannalhead:hover{background:#a39992;}
.pannalbrown .button:hover{background:#907565;border-color:#907565;}
}
@media screen and (max-width: 568px) {
  .pannalbody .layout li{width:33.333333%;}
}


/* page shopdetail*/
.shopdetail{}
.shopdetail .linetitle{margin-bottom:50px;}
.shopdetail .doublepinklinetitle{margin-bottom:50px;}
.shopdetail .sidewasetitle{margin-bottom:50px;}
.shopdetail .sidewasetitle h2{margin-bottom:15px;}
.shopdetail .wide{}
.shopdetail .wide figure{max-width:1000px;margin:0 auto 30px;}
.shopdetail .wide p{font-size:18px;line-height:2;margin-bottom:38px;}
.shopdetail .btnbdbrown{border:1px solid var(--brown2);border-radius:3px;padding:5px;display:flex;justify-content:center;align-items:center;max-width:500px;}
.shopdetail .btnbdbrown:hover{text-decoration:none;border:1px solid var(--themecolor);}
.shopdetail .btnbdbrown .button{width:100%;padding:10px 80px;border-radius:3px;font-size:20px;font-weight:bolder;letter-spacing:0.1em;display:flex;justify-content:center;align-items:center;}
.shopdetail .btnbdbrown .button i{width:38px;height:38px;margin-right:20px;display:block;}
.shopdetail .twocolumn{margin-bottom:50px;}
.shopdetail .twocolumn .pic{width:calc(50% - 25px);}
.shopdetail .twocolumn .text{width:calc(50% - 25px);}
.shopdetail .twocolumn .text .shoptaglist{}
.shopdetail .twocolumn .text .tablelist{}
.shopdetail .twocolumn .text .tablelist dl dt{width:180px;}
.shopdetail .twocolumn .text .tablelist dl dd{width:calc(100% - 180px);}
.shoptaglist{}
.shoptaglist .layout{margin-right:-12px;margin-bottom:-12px;}
.shoptaglist .layout .avcol4{padding-right:12px;margin-bottom:12px;}
.shoptaglist .layout .avcol4 .tag{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;font-size:24px;line-height:1.6;font-weight:bolder;cursor:pointer;}
.imgcardlist{margin-bottom:50px;}
.imgcardlist .layout{margin-bottom:-50px;margin-right:-50px;}
.imgcardlist .layout .avcol3{margin-bottom:50px;padding-right:50px;}
.shopgallerylist{}
.shopgallerylist .layout{margin-right:-50px;margin-bottom:-50px;}
.shopgallerylist .layout .avcol3{padding-right:50px;margin-bottom:50px;}
.shopreview{}
.shopreview .layout{margin-right:-50px;margin-bottom:-50px;}
.shopreview .layout .avcol3{padding-right:50px;margin-bottom:50px;}
.merrittlist{}
.merrittlist .layout{}
.merrittlist .layout .avcol4{border-right:1px solid var(--brown);padding:30px 10px;}
.merrittlist .layout .avcol4:nth-of-type(1),.merrittlist .layout .avcol4:nth-of-type(5){border-left:1px solid var(--brown);}
.merrittlist .layout .avcol4:nth-of-type(1),.merrittlist .layout .avcol4:nth-of-type(2),.merrittlist .layout .avcol4:nth-of-type(3),.merrittlist .layout .avcol4:nth-of-type(4){border-bottom:1px solid var(--brown);}
@media screen and (max-width: 1520px) {
  .shopdetail .linetitle{margin-bottom:30px;}
  .shopdetail .doublepinklinetitle{margin-bottom:30px;}
  .shopdetail .sidewasetitle{margin-bottom:30px;}
  .shopdetail .sidewasetitle h2{margin-bottom:10px;}
  .shopdetail .wide figure{max-width:800px;margin:0 auto 20px;}
  .shopdetail .wide p{font-size:16px;line-height:1.8;margin-bottom:30px;}
  .shopdetail .btnbdbrown{padding:3px;max-width:380px;}
  .shopdetail .btnbdbrown .button{padding:10px 50px;font-size:16px;letter-spacing:2px;}
  .shopdetail .btnbdbrown .button i{width:30px;height:30px;margin-right:15px;}
  .shopdetail .twocolumn{margin-bottom:30px;}
  .shopdetail .twocolumn .pic{width:calc(50% - 20px);}
  .shopdetail .twocolumn .text{width:calc(50% - 20px);}
  .shopdetail .twocolumn .text .tablelist dl dt{width:150px;}
  .shopdetail .twocolumn .text .tablelist dl dd{width:calc(100% - 150px);}
  .shoptaglist .layout{margin-right:-10px;margin-bottom:-10px;}
  .shoptaglist .layout .avcol4{padding-right:10px;margin-bottom:10px;}
  .shoptaglist .layout .avcol4 .tag{min-height:240px;font-size:20px;}
  .imgcardlist{margin-bottom:30px;}
  .imgcardlist .layout{margin-bottom:-30px;margin-right:-30px;}
  .imgcardlist .layout .avcol3{margin-bottom:30px;padding-right:30px;}
  .shopgallerylist .layout{margin-right:-30px;margin-bottom:-30px;}
  .shopgallerylist .layout .avcol3{padding-right:30px;margin-bottom:30px;}
  .shopreview .layout{margin-right:-30px;margin-bottom:-30px;}
  .shopreview .layout .avcol3{padding-right:30px;margin-bottom:30px;}
  .merrittlist .layout .avcol4{padding:20px 10px;}
}
@media screen and (max-width: 1080px) {
  .shopdetail .linetitle{margin-bottom:20px;}
  .shopdetail .doublepinklinetitle{margin-bottom:20px;}
  .shopdetail .wide figure{max-width:600px;margin:0 auto 15px;}
  .shopdetail .wide p{font-size:14px;line-height:1.6;margin-bottom:20px;}
  .shopdetail .btnbdbrown{padding:2px;max-width:300px;}
  .shopdetail .btnbdbrown .button{padding:10px 20px;font-size:14px;letter-spacing:1px;}
  .shopdetail .btnbdbrown .button i{width:20px;height:20px;margin-right:10px;}
  .shopdetail .twocolumn{margin-bottom:20px;}
  .shopdetail .twocolumn .pic{width:calc(50% - 10px);}
  .shopdetail .twocolumn .text{width:calc(50% - 10px);}
  .shopdetail .twocolumn .text .tablelist dl dt{width:100px;}
  .shopdetail .twocolumn .text .tablelist dl dd{width:calc(100% - 100px);}
  .shoptaglist .layout{margin-right:-5px;margin-bottom:-5px;}
  .shoptaglist .layout .avcol4{padding-right:5px;margin-bottom:5px;}
  .shoptaglist .layout .avcol4 .tag{min-height:200px;padding:3px;font-size:16px;}
  .imgcardlist{margin-bottom:20px;}
  .imgcardlist .layout{margin-bottom:-20px;margin-right:-20px;}
  .imgcardlist .layout .avcol3{margin-bottom:20px;padding-right:20px;}
  .shopgallerylist .layout{margin-right:-20px;margin-bottom:-20px;}
  .shopgallerylist .layout .avcol3{padding-right:20px;margin-bottom:20px;}
  .shopreview .layout{margin-right:-15px;margin-bottom:-15px;}
  .shopreview .layout .avcol3{padding-right:15px;margin-bottom:15px;}
  .merrittlist .layout .avcol4{padding:15px 10px;}
}
@media screen and (max-width: 768px) {
  .shopdetail .wide figure{max-width:380px;margin:0 auto 10px;}
  .shopdetail .twocolumn .pic{width:100%;margin:0 auto 20px;}
  .shopdetail .twocolumn .text{width:100%;}
  .shoppic figure{max-width:500px;margin:0 auto 10px;}
  .shoppic figure:after{padding-top:70%;}
  .shoptaglist .layout .avcol4 .tag{min-height:90px;}
  .imgcardlist .layout .avcol3{width:50%;}
  .shopgallerylist .layout .avcol3{width:50%;}
  .shopreview .layout .avcol3{width:50%;}
  .merrittlist .layout .avcol4{width:50%;}
  .merrittlist .layout .avcol4:nth-of-type(3),.merrittlist .layout .avcol4:nth-of-type(7){border-left:1px solid var(--brown);}
  .merrittlist .layout .avcol4:nth-of-type(5),.merrittlist .layout .avcol4:nth-of-type(6){border-bottom:1px solid var(--brown);}
}
@media screen and (max-width: 568px) {
  .shoptaglist .layout .avcol4{width:50%;}
  .imgcardlist .layout .avcol3{width:100%;}
  .imgcardlist .layout .avcol3 .imgcard{max-width:380px;margin:0 auto;}
  .shopgallerylist .layout .avcol3{width:100%;}
  .shopgallerylist .layout .avcol3 .card{max-width:380px;margin:0 auto;}
  .shopreview .layout .avcol3{width:100%;}
  .shopreview .layout .avcol3 .itemreview{max-width:380px;margin:0 auto;}
  .merrittlist .layout .avcol4{padding:10px 5px;}
}


/*shop new update*/
.saitamabanbanner{height:380px;margin-top:70px;}
.saitamabantext{color:#000;top:45%;}
.saitamabantext h2{text-shadow:1px 0 1px #FFF,-1px 0 1px #FFF,0 1px 1px #FFF,0 -1px 1px #FFF, 1.928px 2.298px 3.84px rgba(79, 32, 48, 0.5);margin-bottom:10px;}
.saitamabantext h1{text-shadow:1px 0 1px #FFF,-1px 0 1px #FFF,0 1px 1px #FFF,0 -1px 1px #FFF, 1.928px 2.298px 3.84px rgba(79, 32, 48, 0.5)}
@media screen and (max-width: 1520px) {
  .saitamabanbanner{height:260px;margin-top:50px;}
}
@media screen and (max-width: 1080px) {
  .saitamabanbanner{height:240px;margin-top:30px;}
}
@media screen and (max-width: 768px) {
  .saitamabanbanner{height:200px;}
}
@media screen and (max-width: 568px) {
  .saitamabanbanner{height:150px;}
}


.shopsaitamatop{}
.shopsaitamatop .linetitle{margin-bottom:50px;flex-direction:row; display:flex;justify-content:space-between; flex-wrap:wrap;}
.shopsaitamatop .linetitle h2{width:50%;line-height:2;}
.shopsaitamatop .linetitle .button{width:calc(50% - 20px);padding:5px;background:#ff958d;color:#FFF;border:0;transition:.3s;}
.shopsaitamatop .linetitle .button:hover{background:var(--themecolor);}
.shopsaitamatop .linetitle .button:hover .arrow{background:var(--themecolor);}
.shopsaitamatop .linetitle .button div{display:flex;justify-content:center;align-items:center;padding:20px;border:1px solid #FFF;letter-spacing:3px;font-size:28px;}
.shopsaitamatop .linetitle .button div .arrow{display:flex;justify-content:center;align-items:center;width:36px;height:36px;background:#ff958d;border-radius:50%;border:2px solid #FFF;margin-left:20px;transition:.3s;}
.shopsaitamatop .linetitle .button div .arrow:before{content:"";width:15px;border-top:2px solid #FFF;transform:translateX(8px);}
.shopsaitamatop .linetitle .button div .arrow:after{content:"";width:12px;height:12px;border:solid #FFF;border-width:2px 2px 0 0;transform:translateX(-6px) rotate(45deg);}
.shopsaitamatop .linetitle:after{margin-top:30px;}
.shopsaitamatop .wide{margin-bottom:50px;}
.shopsaitamatop .wide h2{font-size:38px;}
.shopsaitamatop .twocolumn{align-items:flex-start;}
.shopsaitamatop .twocolumn .text{width:calc(50% - 20px);}
.shopsaitamatop .twocolumn .text p{margin-bottom:35px;font-weight:bolder;line-height:2;}
.shopsaitamatop .twocolumn .pic{width:calc(50% - 80px);padding:10px;border:1px solid #dfdfdf;background:#FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07),inset 0px 0px 0px 15px rgba(255, 255, 255, 0.004);}
.shopsaitamatop .twocolumn .pic figure{width:100%;}
.shopsaitamatop .twocolumn .pic figure:after{padding-top:70%;}
@media screen and (max-width: 1520px) {
  .shopsaitamatop .linetitle{margin-bottom:30px;}
.shopsaitamatop .linetitle .button{width:calc(50% - 15px);}
.shopsaitamatop .linetitle .button div{padding:15px;letter-spacing:2px;font-size:24px;}
.shopsaitamatop .linetitle .button div .arrow{width:30px;height:30px;margin-left:15px;}
.shopsaitamatop .linetitle .button div .arrow:before{ width:8px;transform:translateX(3px);}
.shopsaitamatop .linetitle .button div .arrow:after{ width:8px;height:8px;transform:translateX(-3px) rotate(45deg);}
.shopsaitamatop .linetitle:after{margin-top:20px;}
.shopsaitamatop .wide{margin-bottom:30px;}
.shopsaitamatop .wide h2{font-size:30px;}
.shopsaitamatop .twocolumn{}
.shopsaitamatop .twocolumn .text{width:calc(50% - 15px);}
.shopsaitamatop .twocolumn .text p{margin-bottom:25px;line-height:1.8;}
.shopsaitamatop .twocolumn .pic{width:calc(50% - 30px);padding:7px;}
}
@media screen and (max-width: 1080px) {

  .shopsaitamatop .linetitle{margin-bottom:20px;}
.shopsaitamatop .linetitle .button{width:calc(50% - 10px);}
.shopsaitamatop .linetitle .button div{padding:10px;letter-spacing:1px;font-size:20px;}
.shopsaitamatop .linetitle .button div .arrow{width:20px;height:20px;margin-left:10px;}
.shopsaitamatop .linetitle .button div .arrow:before{ width:7px; }
.shopsaitamatop .linetitle .button div .arrow:after{ width:7px;height:7px; }
.shopsaitamatop .linetitle:after{margin-top:15px;}
.shopsaitamatop .wide{margin-bottom:20px;}
.shopsaitamatop .wide h2{font-size:24px;}
.shopsaitamatop .twocolumn{}
.shopsaitamatop .twocolumn .text{width:calc(50% - 10px);}
.shopsaitamatop .twocolumn .text p{margin-bottom:15px;}
.shopsaitamatop .twocolumn .pic{width:calc(50% - 20px);padding:5px;}
  
}
@media screen and (max-width: 768px) {
  .shopsaitamatop .linetitle h2{width:100%;max-width:380px;margin:0 auto 15px;text-align:center;}
  .shopsaitamatop .linetitle .button{width:100%;max-width:380px;margin:0 auto 15px;}
  .shopsaitamatop .linetitle .button div{font-size:14px;}
  .shopsaitamatop .wide h2{font-size:20px;}
  .shopsaitamatop .twocolumn{max-width:560px;margin:0 auto;}
  .shopsaitamatop .twocolumn .text{width:100%;}
  .shopsaitamatop .twocolumn .pic{width:100%;}
}


.shopsaitamaliver{}
.shopsaitamaliver .twocolumn{}
.shopsaitamaliver .twocolumn .pic{width:380px;height:380px;border-radius:50%;background:#FFF;padding:10px;border:1px solid #e1e1e1;}
.shopsaitamaliver .twocolumn .pic figure{width:100%;height:100%;border-radius:50%;}
.shopsaitamaliver .twocolumn .text{width:calc(100% - 450px);}
.shopsaitamaliver .twocolumn .text .titlegroup{margin-bottom:20px;}
.shopsaitamaliver .twocolumn .text .titlegroup .t3{margin-right:30px;}
.shopsaitamaliver .twocolumn .text .titlegroup .t2{color:#776337;font-weight:normal;}
.shopsaitamaliver .twocolumn .text p{margin-bottom:20px;line-height:1.8;}
@media screen and (max-width: 1520px) {
.shopsaitamaliver .twocolumn{}
.shopsaitamaliver .twocolumn .pic{width:300px;height:300px;padding:7px;}
.shopsaitamaliver .twocolumn .text{width:calc(100% - 350px);}
.shopsaitamaliver .twocolumn .text .titlegroup{margin-bottom:15px;}
.shopsaitamaliver .twocolumn .text .titlegroup .t3{margin-right:20px;}
.shopsaitamaliver .twocolumn .text p{margin-bottom:15px;}
}
@media screen and (max-width: 1080px) {
.shopsaitamaliver .twocolumn .pic{width:240px;height:240px;padding:5px;}
.shopsaitamaliver .twocolumn .text{width:calc(100% - 260px);}
.shopsaitamaliver .twocolumn .text .titlegroup{margin-bottom:10px;}
.shopsaitamaliver .twocolumn .text .titlegroup .t3{margin-right:15px;}
.shopsaitamaliver .twocolumn .text p{margin-bottom:10px;}
  
}
@media screen and (max-width: 768px) {
  .shopsaitamaliver .twocolumn{max-width:560px;margin:0 auto;}
.shopsaitamaliver .twocolumn .pic{width:100%;max-width:240px;height:240px;padding:3px;margin:0 auto 20px;}
.shopsaitamaliver .twocolumn .text{width:100%;}
.shopsaitamaliver .twocolumn .text .titlegroup{margin-bottom:10px;}
.shopsaitamaliver .twocolumn .text .titlegroup .t3{margin-right:10px;}
.shopsaitamaliver .twocolumn .text p{margin-bottom:10px;}
  
}
@media screen and (max-width: 568px) {
	.shopsaitamaliver .twocolumn .text .titlegroup .t3{margin-right:5px;font-size:17px;}
	.shopsaitamaliver .twocolumn .text .titlegroup .t5{font-size:14px;} 
}

.shopsaitamastudiotitle{position:relative;margin-bottom:60px;}
.shopsaitamastudiotitlepic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:1000px;}
.shopsaitamastudiotitle h2{position:relative;z-index:10;}
.shopsaitama .wide{}
.shopsaitama .wide p{font-size:24px;font-weight:bolder;}


.rewardlist{}
.rewardlist .layout{margin-right:-38px;margin-bottom:-38px;}
.rewardlist .layout .avcol3{padding-right:38px;margin-bottom:38px;}

.shopsaitamacomtit{position:relative;}
.shopsaitamacomtit:before{content:"";}
.shopsaitamacomtit:after{content:"";}
.shopsaitamacomtitpic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:600px;display:flex;justify-content:center;}
.shopsaitamacomtitpic img{width:100%;}
.shopsaitamacomtit h2{position:relative;z-index:10;}
.shopsaitamacomtit h3{position:relative;z-index:10;}
.shopsaitama .shopsaitamaflowtitle{margin-bottom:60px;}
.shopsaitama .shopsaitamaflowtitle figure{max-width:500px;margin-bottom:10px;}
.shopsaitama .shopsaitamaflowtitle h3{color:#60543c;}
.shopsaitamaflowlist{}
.shopsaitamaflowlist .layout{margin-right:-80px;margin-bottom:-80px;}
.shopsaitamaflowlist .layout .avcol3{padding-right:80px;margin-bottom:80px;}
@media screen and (max-width: 1520px) {
  .shopsaitamastudiotitle{margin-bottom:50px;}
  .shopsaitamastudiotitlepic{min-width:800px;}
  .shopsaitama .wide p{font-size:20px;}
.rewardlist .layout{margin-right:-30px;margin-bottom:-30px;}
.rewardlist .layout .avcol3{padding-right:30px;margin-bottom:30px;}

.shopsaitamacomtitpic{ min-width:500px;}

.shopsaitama .shopsaitamaflowtitle{margin-bottom:30px;}
.shopsaitama .shopsaitamaflowtitle figure{max-width:360px;margin-bottom:5px;}
.shopsaitamaflowlist .layout{margin-right:-50px;margin-bottom:-50px;}
.shopsaitamaflowlist .layout .avcol3{padding-right:50px;margin-bottom:50px;}
}
@media screen and (max-width: 1080px) {
  .shopsaitamastudiotitle{margin-bottom:30px;}
  .shopsaitamastudiotitlepic{min-width:500px;}
  .shopsaitama .wide p{font-size:16px;}
.shopsaitamarewardtitle{margin-bottom:30px;}
.rewardlist .layout{margin-right:-15px;margin-bottom:-15px;}
.rewardlist .layout .avcol3{padding-right:15px;margin-bottom:15px;}
.shopsaitamacomtitpic{min-width:300px;}
.shopsaitama .shopsaitamaflowtitle{margin-bottom:20px;}
.shopsaitama .shopsaitamaflowtitle figure{max-width:240px;}
.shopsaitamaflowlist .layout{margin-right:-20px;margin-bottom:-20px;}
.shopsaitamaflowlist .layout .avcol3{padding-right:20px;margin-bottom:20px;}
}
@media screen and (max-width: 768px) {
  .shopsaitamastudiotitlepic{min-width:320px;}
  .rewardlist .layout .avcol3{width:50%;}
  .shopsaitamacomtitpic{min-width:240px;}
  .shopsaitamaflowlist .layout .avcol3{width:50%;}
}
@media screen and (max-width: 568px) {
  .rewardlist .layout .avcol3{width:100%;}
  .shopsaitamaflowlist .layout .avcol3{width:100%;}
  .shopsaitamaflowlist .layout .avcol3 .flowitem{max-width:380px;margin:0 auto;}
}


.rewarditem{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.rewardpic{width:230px;background:#FFF;border:1px solid #dfdfdf;box-shadow: inset 0px 0px 0px 10px rgba(255, 255, 255, 0.004);padding:10px;}
.rewardpic figure{position:relative;}
.rewardpic figure:after{padding-top:80%;}
.rewardpic figcaption{position:absolute;left:0;top:0;font-size:16px;padding:7px 10px;}
.rewardprice{width:calc(100% - 240px);}
.rewardpricetitle{font-size:24px;line-height:1.5;font-style:normal;letter-spacing:0.1em;padding:0px 15px 10px 15px;}
.rewardpricenum{font-size:24px;padding:0px 15px 10px 15px;border-bottom:1px solid var(--themecolor);}
.rewardpricenum strong{font-size:200%;}
.rewardpricetext{padding:10px 15px 0;}
.rewardtext{margin-top:20px;}
.rewardtext p{margin-top:15px;}

@media screen and (max-width: 1520px) {
.rewarditem{ }
.rewardpic{width:180px;padding:7px;}
.rewardpic figcaption{font-size:14px;padding:5px 10px;}
.rewardprice{width:calc(100% - 190px);}
.rewardpricetitle{font-size:20px;padding:0px 10px 10px 10px;}
.rewardpricenum{font-size:20px;padding:0px 10px 10px 10px;}
.rewardpricenum strong{font-size:180%;}
.rewardpricetext{padding:10px 10px 0;}
.rewardtext{margin-top:10px;}
.rewardtext p{margin-top:10px;font-size:16px;}
}
@media screen and (max-width: 1080px) {
.rewardpic{width:120px;padding:5px;}
.rewardpic figcaption{font-size:12px;padding:5px;}
.rewardprice{width:calc(100% - 130px);}
.rewardpricetitle{font-size:16px;padding:0px 5px 5px 5px;}
.rewardpricenum{font-size:16px;padding:0px 5px 5px 5px;}
.rewardpricenum strong{font-size:160%;}
.rewardpricetext{padding:5px 5px 0;}
.rewardtext{margin-top:5px;}
.rewardtext p{margin-top:5px;font-size:14px;}
  
}
@media screen and (max-width: 768px) {
.rewardpic{/*width:90px;*/padding:3px;}
.rewardpic figcaption{font-size:10px;}
/*.rewardprice{width:calc(100% - 100px);}*/
.rewardpricetitle{font-size:14px;}
.rewardpricenum{font-size:14px;}
.rewardpricenum strong{font-size:150%;}
}




.flowitem{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative;border:1px solid #ebebeb;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15),inset 0px 0px 0px 10px rgba(255, 255, 255, 0.004);background:#FFF;padding:20px 15px;}
.flowitemnum{ display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:bolder;width:120px;height:120px;margin:-60px auto 0; border:1px solid #ebebeb; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);background:#FFF;border-radius:50%;}
.flowitemnum dt{text-transform:uppercase;font-weight:bolder;font-size:22px;line-height:1.1;}
.flowitemnum dd{font-weight:bolder;font-size:50px;line-height:1.1;color:var(--themecolor);}
.flowitemtitle{margin-bottom:20px;}
.flowitemtitle h3{text-transform:uppercase;font-weight:bolder;font-weight:bolder;color:var(--themecolor);text-align:center;}
.flowitemtitle h5{color:#675c46;text-align:center;font-size:28px;}
.flowitempic{width:100%;margin-bottom:20px;}
.flowitempic:after{padding-top:70%;}
.flowitemtext{}
.flowitemtext ol{list-style-type:none;}
.flowitemtext ol li{}

@media screen and (max-width: 1520px) {
  .flowitem{padding:20px 15px;}
  .flowitemnum{width:90px;height:90px;margin:-50px auto 0;}
  .flowitemnum dt{font-size:16px;}
  .flowitemnum dd{font-size:38px;}
  .flowitemtitle{margin-bottom:15px;}
  .flowitemtitle h3{}
  .flowitemtitle h5{font-size:24px;}
  .flowitempic{margin-bottom:15px;}
}
@media screen and (max-width: 1080px) {
  .flowitem{padding:20px 15px;}
  .flowitemnum{width:60px;height:60px;margin:-30px auto 0;}
  .flowitemnum dt{font-size:12px;}
  .flowitemnum dd{font-size:28px;}
  .flowitemtitle{margin-bottom:10px;}
  .flowitemtitle h3{}
  .flowitemtitle h5{font-size:20px;}
  .flowitempic{margin-bottom:10px;} 
}
@media screen and (max-width: 768px) {
  .flowitem{padding:15px 10px;}
  .flowitemnum{width:50px;height:50px;margin:-25px auto 0;}
  .flowitemnum dt{font-size:10px;}
  .flowitemnum dd{font-size:18px;}
  .flowitemtitle{margin-bottom:10px;}
  .flowitemtitle h3{}
  .flowitemtitle h5{font-size:16px;}
  .flowitempic{margin-bottom:5px;} 
}

/*shop detail*/

.btnshell{}


.imgcard{}
.imgcard figure{}
.imgcard figure:after{padding-top:70%;}
.imgcardtitle{margin-bottom:30px;font-size:20px;font-weight:bolder;text-align:center;color:var(--brown);}
@media screen and (max-width: 1520px) {
  .imgcardtitle{margin-bottom:20px;font-size:16px;}
}
@media screen and (max-width: 1080px) {
  .imgcardtitle{margin-bottom:15px;font-size:14px;} 
}

.merrittcard{display:flex;flex-direction:column;align-items:center;}
.merrittcardpic{width:100%;max-width:240px;margin:0 auto 15px;height:150px;display:flex;justify-content:center;align-items:center;}
.merrittcardtitle{text-align:center;color:var(--brown2);}
@media screen and (max-width: 1520px) {
  .merrittcardpic{max-width:200px;}
}
@media screen and (max-width: 1080px) {
  .merrittcardpic{max-width:130px;margin:0 auto 10px;} 
}
@media screen and (max-width: 768px) {
  .merrittcardpic{max-width:80px;}
}

/*slidecontact*/
.slidecontact{position:fixed;right:0;top:7%;z-index:90;width:60px;}
.slidecontact li{}
.slidecontact li a{padding:20px;background:var(--brown2);color:#FFF;font-weight:bolder;border:solid #FFF;border-width:3px 0 3px 3px;border-radius:10px 0 0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px;text-align:center;transition:.3s;}
.slidecontact li a:hover{text-decoration:none;background:var(--themecolor);}
.slidecontact li a i{display:inline-block;width:20px;height:20px;margin-bottom:10px;}
.slidecontact li a i span{display:inline-block;margin-bottom:10px;}
@media screen and (max-width: 1520px) {
	.slidecontact{top:12%;}
	.slidecontact li a{margin-bottom:2px;}
}
@media screen and (max-width: 1080px) {
  .slidecontact{width:45px;}
  .slidecontact li a{padding:10px;border-width:2px 0 2px 2px;margin-bottom:5px;}
  .slidecontact li a i{width:16px;height:16px;}
}
@media screen and (max-width: 768px) {
  .slidecontact{right:auto;top:auto;left:0;bottom:0;width:100%;display:flex;}
  .slidecontact li{width:33.333333%;}
  .slidecontact li a{flex-direction:row;border-width:1px 1px 0 1px;border-radius:0;margin-bottom:0;}
  .slidecontact li a i{margin-bottom:0;margin-right:5px;}
  .slidecontact li a i span{margin-bottom:0;}
}
@media screen and (max-width: 568px) {
  .slidecontact li a{font-size:12px;padding:10px 5px;}
  .slidecontact li a i{width:12px;height:12px;}
}
/*writing-mode:horizontal-tb;letter-spacing:1em;*/


.achievement .linetitle{margin-bottom:50px;}
.achievement .wide{margin-bottom:80px;}
.achievement .wide p{font-size:22px;margin-top:30px;font-weight:bolder;}
@media screen and (max-width: 1520px) {
  .achievement .linetitle{margin-bottom:30px;}
  .achievement .wide{margin-bottom:60px;}
  .achievement .wide p{font-size:18px;margin-top:20px;}
}
@media screen and (max-width: 1080px) {
  .achievement .linetitle{margin-bottom:20px;}
  .achievement .wide{margin-bottom:20px;}
  .achievement .wide p{font-size:16px;margin-top:15px;}
}

.compensation{position:relative;}
.compensation:after{content:"";position:absolute;left:0;top:0;width:100%;height:70%;background: url(img/pinkdottedmask.png) repeat;}
.compensationmain{position:relative;z-index:10;}
.compensation .linetitle{margin-bottom:50px;}
.compensationban{display:flex;justify-content:center;width:100%;margin:60px auto;}
.compensationban img{width:100%;}
.compensationlist{}
.compensationlist .layout{margin-bottom:-60px;margin-right:-60px;}
.compensationlist .layout .avcol3{margin-bottom:60px;padding-right:60px;}
.compensationlist .layout .avcol3 .rewardcard{background:#FFF;height:100%;}
@media screen and (max-width: 1520px) {
  .compensation .linetitle{margin-bottom:30px;}
  .compensationban{margin:50px auto;}
  .compensationlist .layout{margin-bottom:-30px;margin-right:-30px;}
  .compensationlist .layout .avcol3{margin-bottom:30px;padding-right:30px;}
}
@media screen and (max-width: 1080px) {
  .compensation .linetitle{margin-bottom:20px;}
  .compensationban{margin:30px auto;}
  .compensationlist .layout{margin-bottom:-15px;margin-right:-15px;}
  .compensationlist .layout .avcol3{margin-bottom:15px;padding-right:15px;}
}
@media screen and (max-width: 768px) {
  .compensationban{margin:20px auto;}
  .compensationlist .layout .avcol3{width:50%;} 
}
@media screen and (max-width: 568px) {
  .compensationlist .layout .avcol3{width:100%;}
}

.shopbtn{width:100%;max-width:800px;margin:50px auto;padding:5px;border-radius:999px;display:flex;justify-content:center;background:#FFF;color:#FFF;border:1px solid #907565;font-size:22px;}
.shopbtn:hover{text-decoration:none;border:1px solid #df779a;}
.shopbtn:hover .shopbtninner{background:#df779a;}
.shopbtninner{width:100%;border-radius:999px; display:flex;justify-content:center;align-items:center;background:#907565;text-align:center;padding:10px 50px;transition:.3s;}
.shopbtninner i{width:36px;height:36px;margin-right:20px;}
.shopbtninner span{}
@media screen and (max-width: 1520px) {
  .shopbtn{max-width:650px;font-size:18px;}
  .shopbtninner{padding:7px 30px;}
  .shopbtninner i{width:30px;height:30px;margin-right:15px;}
}
@media screen and (max-width: 1080px) {
  .shopbtn{max-width:450px;font-size:16px;padding:3px;}
  .shopbtninner{padding:7px 20px;}
  .shopbtninner i{width:22px;height:22px;margin-right:10px;}
}
@media screen and (max-width: 768px) {
  .shopbtn{max-width:300px;font-size:14px;padding:2px;}
  .shopbtninner{padding:5px 10px;}
  .shopbtninner i{width:16px;height:16px;margin-right:5px;}
}

.qaitem{display:flex;border-bottom:1px solid var(--pink);}
.qaiteminner{width:calc(100% - 50px);}
.qatitle{display:flex;color:var(--pink);font-size:28px;padding:20px 0;cursor:pointer;}
.qatitle:before{content:attr(data-title);font-size:28px;padding:5px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;text-align:center;background:var(--pink);color:#FFF;margin-right:20px;font-weight:bolder;flex-shrink:0;}
.qacontent{display:flex;padding:20px 0;font-size:22px;line-height:1.8;border-top:1px solid #999;}
.qacontent:before{content:attr(data-title);font-size:30px;font-weight:bolder;padding:5px;width:50px;height:50px;display:flex;justify-content:center;align-items:center;text-align:center;background:#6e9ebf;color:#FFF;margin-right:20px;flex-shrink:0;}
.plussign{display: flex;justify-content: center;align-items: center;position: relative;cursor: pointer;width:50px;padding:10px;}
.plusicon{position:relative;display: flex;justify-content: center;align-items: center;cursor: pointer;width:50px;}
.plussign:before{content: "";width: 20px;height: 2px;position: absolute;transform-origin: center center;transform: rotate(90deg);transition: .3s;}
.plussign:after{content: "";width: 20px;height: 2px;}
.plussign:before,.plussign:after{background: var(--pink);}
.plussign.callup:before{transform:rotate(0deg);}
@media screen and (max-width: 1520px) {
  .qaiteminner{width:calc(100% - 38px);}
  .qatitle{font-size:24px;padding:15px 0;}
  .qatitle:before{font-size:24px;width:38px;height:38px;margin-right:15px;}
  .qacontent{font-size:18px;}
  .qacontent:before{font-size:24px;width:38px;height:38px;margin-right:15px;}
  .plussign{width:38px;padding:7px;}
  .plusicon{width:38px;}
  .plussign:before{width: 15px;}
  .plussign:after{width: 15px;}
}
@media screen and (max-width: 1080px) {
  .qaiteminner{width:calc(100% - 30px);}
  .qatitle{font-size:18px;padding:15px 0;}
  .qatitle:before{font-size:18px;width:30px;height:30px;margin-right:10px;}
  .qacontent{font-size:14px;}
  .qacontent:before{font-size:18px;width:30px;height:30px;margin-right:10px;}
  .plussign{width:30px;padding:5px;}
  .plusicon{width:30px;}
  .plussign:before{width: 10px;}
  .plussign:after{width: 10px;}
  
}
@media screen and (max-width: 768px) {
  .qatitle{font-size:16px;padding:10px 0;}
}

.feeitem{border:1px solid #b0b0b0;border-radius:15px;padding:5px;width:100%;margin:50px auto;}
.feeitem .inner{display:flex;justify-content:space-between;flex-wrap:wrap;}
.feeitempic{width:420px;border-radius:12px 0 0 12px;overflow:hidden;}
.feeitempic figure{width:100%;border-radius:12px 0 0 12px;overflow:hidden;}
.feeitemtext{width:calc(100% - 450px);padding-top:10px;}
.feeitemtext p{font-size:16px;line-height:1.3;margin-bottom:10px;}
.feeitemtop{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #a39992;}
.feeitemtop dt{background:#a39992;display:flex;justify-content:center;align-items:center;padding:15px;position:relative;color:#FFF;text-align:center;font-weight:bolder;}
.feeitemtop dt:after{content:"";position:absolute;right:0%;top:50%;transform:translate(100%,-50%);border-left:15px solid #a39992;border-top:10px solid transparent;border-bottom:10px solid transparent;width:0;height:0;}
.feeitemtop dd{width:calc(100% - 150px);font-size:22px;font-weight:bolder;}
.feeitemtop dd strong{font-size:54px;color:var(--pink);}
.feeitemtitle{font-size:22px;font-weight:bolder;margin-bottom:20px;}
.feeitemduty{font-size:20px;font-weight:bolder;font-style:normal;margin-bottom:15px;display:block;}
@media screen and (max-width: 1520px) {
  .feeitem{border-radius:12px;margin:30px auto;}
  .feeitempic{width:320px;border-radius:10px 0 0 10px;}
  .feeitempic figure{border-radius:10px 0 0 10px;}
  .feeitemtext{width:calc(100% - 360px);}
  .feeitemtext p{}
  .feeitemtop{padding-bottom:10px;margin-bottom:20px;}
  .feeitemtop dt{padding:10px;}
  .feeitemtop dt:after{border-left:12px solid #a39992;border-top:8px solid transparent;border-bottom:8px solid transparent;}
  .feeitemtop dd{font-size:18px;}
  .feeitemtop dd strong{font-size:38px;}
  .feeitemtitle{font-size:18px;margin-bottom:10px;}
  .feeitemduty{font-size:18px;margin-bottom:10px;}
}
@media screen and (max-width: 1080px) {
  .feeitem{border-radius:10px;margin:20px auto;}
  .feeitempic{width:240px;border-radius:8px 0 0 8px;}
  .feeitempic figure{border-radius:8px 0 0 8px;}
  .feeitemtext{width:calc(100% - 260px);}
  .feeitemtext p{font-size:14px;margin-bottom:5px;}
  .feeitemtop{padding-bottom:5px;margin-bottom:10px;}
  .feeitemtop dt{padding:5px;font-size:14px;}
  .feeitemtop dt:after{border-left:10px solid #a39992;border-top:6px solid transparent;border-bottom:6px solid transparent;}
  .feeitemtop dd{font-size:16px;width:calc(100% - 80px);}
  .feeitemtop dd strong{font-size:32px;}
  .feeitemtitle{font-size:16px;margin-bottom:5px;}
  .feeitemduty{font-size:16px;margin-bottom:5px;}
}
@media screen and (max-width: 768px) {
  .feeitem{width:100%;max-width:540px;}
  .feeitempic{width:100%;border-radius:8px 8px 0 0;}
  .feeitempic figure{border-radius:8px 8px 0 0;}
  .feeitempic figure:after{padding-top:80%;}
  .feeitemtext{width:100%;}
}

.buttongroup{display:flex;}
.buttongroup .btnbd{width:calc(33.333333% - 30px);padding:5px;border-radius:10px;text-decoration:none;}
.buttongroup .btnbdgreen{border:1px solid var(--green);}
.buttongroup .btnbdorange{border:1px solid var(--orange);}
.buttongroup .btnbdbrown{border:1px solid var(--brown);}
.buttongroup .btnbd .button{width:100%;border-radius:10px;padding:20px;display:flex;justify-content:center;align-items:center;}
.buttongroup .btnbd .button i{width:38px;height:30px;margin-right:20px;} 
.buttongroup .btnbd .button span{font-weight:bolder;font-size:20px;}
.buttongroup .btnbd .button p{font-weight:bolder;font-size:32px;}
@media screen and (max-width: 1520px) {
  .buttongroup .btnbd{width:calc(33.333333% - 20px);padding:3px;border-radius:7px;}
  .buttongroup .btnbd .button{border-radius:7px;padding:15px;}
  .buttongroup .btnbd .button i{width:30px;height:24px;margin-right:15px;}
  .buttongroup .btnbd .button span{font-size:16px;}
  .buttongroup .btnbd .button p{font-size:24px;}
}
@media screen and (max-width: 1080px) {
  .buttongroup .btnbd{width:calc(33.333333% - 10px);padding:2px;border-radius:5px;}
  .buttongroup .btnbd .button{border-radius:5px;padding:15px 10px;}
  .buttongroup .btnbd .button i{width:24px;height:20px;margin-right:10px;}
  .buttongroup .btnbd .button span{font-size:14px;}
  .buttongroup .btnbd .button p{font-size:18px;}
}
@media screen and (max-width: 768px) {
  .buttongroup .btnbd{width:calc(50% - 10px);margin-top:15px;}
  .buttongroup .btnbd .button{padding:10px 5px;}
}
@media screen and (max-width: 568px) {
  .buttongroup .btnbd{width:100%;max-width:360px;margin:15px auto 0;}
}


.doublelinetitle{display:flex;justify-content:center;align-items:center;line-height:1;}
.doublelinetitle:before{content:"";background:url(img/doublelinetitleleft.png) no-repeat;background-size:contain;width:150px;height:80px;margin-right:30px;margin-top:-10px;}
.doublelinetitle:after{content:"";background:url(img/doublelinetitleright.png) no-repeat;background-size:contain;width:150px;height:80px;margin-left:30px;margin-top:-10px;}
.doublepinklinetitle{display:flex;justify-content:center;align-items:center;line-height:1;}
.doublepinklinetitle:before{content:"";background:url(img/doublepinklinetitleleft.png) no-repeat;background-size:contain;width:50px;height:80px;margin-right:30px;margin-top:-10px;}
.doublepinklinetitle:after{content:"";background:url(img/doublepinklinetitleright.png) no-repeat;background-size:contain;width:50px;height:80px;margin-left:30px;margin-top:-10px;}
.sidewasetitle{display:flex;justify-content:center;align-items:center;line-height:1;}
.sidewasetitle:before{content:"";background:url(img/sidewasetitle.png) no-repeat;background-size:contain;width:50px;height:100px;margin-right:30px;margin-top:-10px;transform:rotateY(180deg);}
.sidewasetitle:after{content:"";background:url(img/sidewasetitle.png) no-repeat;background-size:contain;width:50px;height:100px;margin-left:30px;margin-top:-10px;}
.shopsaitamarewardtitle{width:100%;max-width:100%;margin-bottom:50px;color:#8d6c52;display:flex;justify-content:center;align-items:center;white-space:nowrap;}
.shopsaitamarewardtitle:before{content:"";display:block;background:url(img/shopsaitamarewardtitle.png) repeat-x;background-size:100%;background-position:center bottom;width:50%;height:9px;margin-right:20px;}
.shopsaitamarewardtitle:after{content:"";display:block;background:url(img/shopsaitamarewardtitle.png) repeat-x;background-size:100%;background-position:center bottom;width:50%;height:9px;margin-left:20px;}
@media screen and (max-width: 1520px) {
  .doublelinetitle:before{width:100px;height:60px;margin-right:20px;}
  .doublelinetitle:after{width:100px;height:60px;margin-left:20px;}
  .doublepinklinetitle:before{width:38px;height:60px;margin-right:20px;}
  .doublepinklinetitle:after{width:38px;height:60px;margin-left:20px;}
  .sidewasetitle:before{width:38px;height:80px;margin-right:20px;}
  .sidewasetitle:after{width:38px;height:80px;margin-left:20px;}
}
@media screen and (max-width: 1080px) {
  .doublelinetitle:before{width:70px;height:38px;margin-right:10px;margin-top:-5px;}
  .doublelinetitle:after{width:70px;height:38px;margin-left:10px;margin-top:-5px;}
  .doublepinklinetitle:before{width:30px;height:38px;margin-right:10px;margin-top:-5px;}
  .doublepinklinetitle:after{width:30px;height:38px;margin-left:10px;margin-top:-5px;}
  .sidewasetitle:before{width:30px;height:60px;margin-right:10px;}
  .sidewasetitle:after{width:30px;height:60px;margin-left:10px;}
}
@media screen and (max-width: 768px) {
  .doublelinetitle:before{width:50px;height:20px;margin-right:5px;margin-top:0px;}
  .doublelinetitle:after{width:50px;height:20px;margin-left:5px;margin-top:0px;}
  .doublepinklinetitle:before{width:50px;height:20px;margin-right:5px;margin-top:0px;}
  .doublepinklinetitle:after{width:50px;height:20px;margin-left:5px;margin-top:0px;}
  .sidewasetitle:before{width:50px;height:50px;margin-right:10px;}
  .sidewasetitle:after{width:50px;height:50px;margin-left:10px;}
}
@media screen and (max-width: 568px) {
  .sidewasetitle:before{width:15px;margin-right:5px;}
  .sidewasetitle:after{width:15px;margin-left:5px;}
}




.resourcescard{padding:12px 10px;border:1px solid #dcbebb;background:#FFF;position:relative;}
.resourcescard:hover .resourcescardpic figure{transform:scale(1.1,1.1);}
.resourcescard .tag{position:absolute;top:5%;left:0;z-index:10;padding:10px 50px;font-style:normal;}
.resourcescardpic{width:100%;margin-bottom:20px;overflow:hidden;}
.resourcescardpic figure{transition:.3s;}
.resourcescardpic figure:after{padding-top:70%;}
.resourcescardtext{}
.resourcescardtext p{padding-left:15px;}
.resourcescardtime{display:block;margin-top:20px;text-align:right;}
.resourcescardtext .button{width:100%;padding:12px 30px;display:flex;justify-content:space-between;align-items:center;margin-top:15px;border:0;}
.resourcescardtext .button:hover{border:0;}
.resourcescardtext .button .iconright{width:30px;height:30px;display:flex;justify-content:center;align-items:center;}
.resourcescardtext .button .iconright:before{content:"";width:16px;height:2px;background:#FFF;transform:translateX(6px);}
.resourcescardtext .button .iconright:after{content:"";width:10px;height:10px;border:solid #FFF;border-width:2px 2px 0 0;transform:translateX(-6px) rotate(45deg);}
@media screen and (max-width: 1520px) {
  .resourcescard{padding:10px 8px;}
  .resourcescard .tag{padding:10px 30px;}
  .resourcescardpic{margin-bottom:15px;}
  .resourcescardtext p{padding-left:10px;}
  .resourcescardtime{margin-top:15px;}
  .resourcescardtext .button{padding:10px 20px;margin-top:10px;}
  .resourcescardtext .button .iconright{width:26px;height:26px;}
  .resourcescardtext .button .iconright:before{width:14px;height:2px;transform:translateX(5px);}
  .resourcescardtext .button .iconright:after{width:8px;height:8px;transform:translateX(-5px) rotate(45deg);}
}
@media screen and (max-width: 1080px) {
  .resourcescard{padding:6px 5px;}
  .resourcescard .tag{padding:7px 20px;}
  .resourcescardpic{margin-bottom:10px;}
  .resourcescardtext p{padding-left:7px;}
  .resourcescardtime{margin-top:10px;}
  .resourcescardtext .button{padding:10px;}
  .resourcescardtext .button .iconright{width:22px;height:22px;}
  .resourcescardtext .button .iconright:before{width:12px;height:1px;transform:translateX(3px);}
  .resourcescardtext .button .iconright:after{width:7px;height:7px;border:solid #FFF;border-width:1px 1px 0 0;transform:translateX(-3px) rotate(45deg);}
}

/*timeweek*/
.timeweek{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;}
.timeweekitem{width:100%;display:flex;align-items:center;justify-content:space-between; position:relative;}
.timeweekitem:before{content:"";width:calc(50% - 60px);max-width:550px;height:100px;}
.timeweekitem:nth-of-type(odd){ flex-direction:row-reverse;}
.timeweekitem:nth-of-type(odd) .timeweektext:before{content:"";position:absolute;right:-1px;top:50%;transform:translate(100%,-50%);display:block;border-left:20px solid #dcbebb;border-top:12px solid transparent;border-bottom:12px solid transparent;}
.timeweekitem:nth-of-type(odd) .timeweektext:after{content:"";position:absolute;right:1px;top:50%;transform:translate(100%,-50%);display:block;border-left:20px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent;}
.timeweekitem:nth-of-type(even) .timeweektext:before{content:"";position:absolute;left:-1px;top:50%;transform:translate(-100%,-50%);display:block;border-right:20px solid #dcbebb;border-top:12px solid transparent;border-bottom:12px solid transparent;}
.timeweekitem:nth-of-type(even) .timeweektext:after{content:"";position:absolute;left:1px;top:50%;transform:translate(-100%,-50%);display:block;border-right:20px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent;}
.timeweekdate{display:flex;justify-content:center;align-items:center;font-size:24px;text-align:center;padding:38px 10px 10px;width:100px;height:120px;background-image:url(img/timeweekdatebg.png);background-repeat:no-repeat;background-size:100%;}
.timeweekdateaxle{position:relative;}
.timeweekdateaxle:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%,-3%);width:6px;height:180%;background:#d5cdc1;}
.timeweekbody{width:calc(50% - 60px);max-width:550px;}
.timeweekitem:nth-of-type(odd) .timeweekbody{}
.timeweektext{background:#FFF;padding:38px 20px;border-radius:15px;border:1px solid #dcbebb;position:relative;}
.timeweektext p{margin-bottom:20px;}
.timeweektitle{font-size:22px;color:#402211;white-space:nowrap;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.timeweektitle:after{content:"";width:70%;margin-left:15px;border-top:1px solid var(--brown);}
@media screen and (max-width: 1520px) {
  .timeweek{max-width:900px;}
  .timeweekitem:before{width:calc(50% - 30px);max-width:360px;}
  .timeweekdate{padding:30px 10px 10px;width:80px;height:100px;font-size:20px;}
  .timeweekdateaxle:after{height:200%;}
  .timeweekbody{width:calc(50% - 30px);max-width:360px;}
  .timeweektext{padding:20px 15px;}
  .timeweektext p{font-size:16px;margin-bottom:15px;}
  .timeweektitle{font-size:18px;margin-bottom:15px;}
  .timeweektitle:after{margin-left:10px;width:60%;}
}
@media screen and (max-width: 1080px) {
  .timeweek{max-width:700px;}
  .timeweekitem:before{width:calc(50% - 20px);max-width:280px;}
  .timeweekdate{padding:20px 10px 5px;width:60px;height:80px;font-size:16px;}
  .timeweekdateaxle:after{width:3px;height:210%;transform:translate(-50%,-6%);}
  .timeweekbody{width:calc(50% - 20px);max-width:280px;}
  .timeweektext{padding:15px 10px;}
  .timeweektext p{font-size:14px;margin-bottom:10px;}
  .timeweektitle{font-size:16px;margin-bottom:10px;}
  .timeweektitle:after{margin-left:5px;width:55%;}
}
@media screen and (max-width: 768px) {
  .timeweek{max-width:580px;}
  .timeweekitem:before{width:calc(50% - 10px);max-width:240px;}
  .timeweekdate{padding:10px 5px 5px;width:38px;height:60px;font-size:14px;}
  .timeweekdateaxle:after{width:2px;height:300%;transform:translate(-50%,-8%);}
  .timeweekbody{width:calc(50% - 10px);max-width:240px;}
  .timeweektext{padding:10px;}
}
@media screen and (max-width: 620px) {
  .timeweek{max-width:100%;}
  .timeweekitem{padding-bottom:10px;}
  .timeweekitem:nth-of-type(odd){flex-direction:row;}
  .timeweekitem:nth-of-type(odd) .timeweektext:before{left:-1px;right:auto;transform:translate(-100%,-50%);display:block;border-right:15px solid #dcbebb;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:0;}
  .timeweekitem:nth-of-type(odd) .timeweektext:after{left:1px;right:auto;transform:translate(-100%,-50%);display:block;border-right:15px solid #FFF;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:0;}
  .timeweekitem:nth-of-type(even) .timeweektext:before{border-right:15px solid #dcbebb;border-top:7px solid transparent;border-bottom:7px solid transparent;}
  .timeweekitem:nth-of-type(even) .timeweektext:after{border-right:15px solid #FFF;border-top:7px solid transparent;border-bottom:7px solid transparent;}
  .timeweekitem:before{display:none;}
  .timeweekbody{width:calc(100% - 60px);max-width:100%;}
}





.archive.tag{padding:0;line-height: 1.6;display: block;text-align: left;}