@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Josefin+Sans:wght@200&family=Nanum+Gothic+Coding&family=Sunflower:wght@500&display=swap');


html {box-sizing: border-box;font-size: 12pt;}
body {margin:0;}
img {width: 100%;vertical-align: bottom;}


a {transition: color 0.4s;}


#container {width: 100%;overflow:hidden;}

#index-header-sp {display: none;}

#index-header {margin: 0 auto;}
#index-header-main {width: 100%; padding: 20px 0; background-color: #f492a5;z-index: 10;}
.index-header-logo {margin: 0px auto;text-align: center;}
.index-header-logo img {width: 20%;}
.index-header-navi {font-size: 0.8em;text-align: center;}
.index-header-navi li {display: inline;margin: 0 10px;font-family: 'Sunflower', sans-serif;font-size: 1.5em;}
.index-header-navi a {text-decoration-line: none;}
.index-header-navi a:link {color:white;text-decoration:none;}
.index-header-navi a:visited {color:white;}
.index-header-navi a:hover {color:darkred;text-decoration:none;}


/* TOP Slide start */
#top-slide {position: relative;}
.top-slide-main {}
.top-slide-title {position: absolute;z-index: 5;margin: 0 auto;}
.top-slide-title img {width: 20%;margin: 100px auto 20px;display: block;}
.slide-title01 {text-align: center;font-size: 3em;color: white;font-family: 'Black Han Sans', sans-serif;}
.slide-title01 br {display: none;}
.slide-text01 {text-align: center;font-size: 2em;color: white;font-family: 'Black Han Sans', sans-serif;}
.batsu {font-family: 'Black Han Sans', sans-serif; color:deeppink;}
.slide {margin: 0 auto;z-index: 1;
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}

.slide-image {
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: slider-1 18s linear infinite;
}

.slide-image:nth-child(1) {
  background-image: url("../img/slidebg-01.jpg");
  animation-delay: 0s;
	background-position: center;
}

.slide-image:nth-child(2) {
  background-image: url("../img/slidebg-04.jpg");
  animation-delay: 4s;
	background-position: center;
}

.slide-image:nth-child(3) {
  background-image: url("../img/slidebg-02.jpg");
  animation-delay: 8s;
	background-position: center;
}

.slide-image:nth-child(4) {
  background-image: url("../img/slidebg-03.jpg");
  animation-delay: 12s;
	background-position: center;
}

@keyframes slider-1 {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  4.16% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  41.66% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 0;
  }
}
/* TOP Slide end */



.top-title-main {width: 60%; margin: 0 auto;text-align: center;}
.top-title-main p {line-height: 0;}
.top-title-main img {width: 30%;}
.top-title-title {font-family: 'Josefin Sans', sans-serif;font-size: 5em;color: deeppink;}



/* TOP Intro start */

#top-introduce {margin: 20px auto;}
.top-introduce-main {display: flex;width: 80%; margin: 0 auto;}
.top-intro-text {width: 60%;margin-top:80px;}
.top-intro-text img {margin: 0 auto; }
.top-intro-title {font-size: 1.5em; font-family: 'Sunflower', sans-serif;text-align: center;}
.top-intro-title br {display: none;}
.top-intro-textbox {display: block; margin: 10px auto 0; background-color: #f492a5; color: white; padding: 10px;font-size: 1.5em; font-family: 'Sunflower', sans-serif;text-align: center;border-radius: 10px;}
.top-intro-small-text {font-family: 'Nanum Gothic Coding', monospace; text-align: center;}
.top-intro-small-text br {display: block; content: "";margin: 10px 0;}
.top-intro-photo {width: 40%;padding-top: 100px;}
.top-intro-photo img {width: 80%;}
.top-intro-point {color: deeppink;}

/* TOP Intro end */




/* TOP News start */
#top-news {margin: 0 auto;padding: 80px 0;}
.top-news-text {width:80%;  display: block; margin: 80px auto 0;font-family: 'Nanum Gothic Coding', monospace;font-size: 1.2em;line-height: 2em;}
.top-news-day {color: deeppink;}


.tab-001 {margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    width: 70%;
}
.tab-001 img {width: 50%;display: block;margin: 0 auto;}

.tab-001 > label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: .7em 1em .5em;
    border: 1px solid #f492a5;
    background-color: #ffe1e7;
    color: #535353;
	font-family: 'Sunflower', sans-serif;
	font-size: 1.3em;
    text-align: center;
    cursor: pointer;
}

.tab-001 > label:hover {
    opacity: .8;
}

.tab-001 input {
    display: none;
}

.tab-001 > div {height: 500px;
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
	font-family: 'Nanum Gothic Coding', monospace;
	border-left: 1px solid #f492a5;
	border-right: 1px solid #f492a5;
	border-bottom: 1px solid #f492a5;
}

.tab-001 label:has(:checked) {
    background-color: #fff;
    border-color: #f492a5 #f492a5 #fff;
    border-style: solid;
    border-width: 6px 1px 1px;
    color: #333333;
	font-family: 'Sunflower', sans-serif;
	font-size: 1.3em;
}

.tab-001 label:has(:checked) + div {
    display: block;
}


/* TOP News end */



.jigyo-team {margin: 80px auto;}
.jigyo-team-main {width: 80%;display: block; margin: 0 auto;}
.jigyo-team-title {width: 100%;display: block; margin: 50px auto;text-align: center;font-family: 'Kaisei Decol', serif; font-size: 1.5em; background-color: #FF6969; padding: 10px; color: white;}
.jigyo-team-text {width: 100%; display:block;margin: 0 auto; padding: 0 20px; font-family: 'M PLUS 1p', sans-serif;}
.jigyo-team-small-title {width: 60%; display:block;margin: 50px auto 0;font-family: 'Kaisei Decol', serif;font-size: 1.5em;text-align: center; color: #FF6969;}
.jigyo-team-box { display: block; margin: 0 auto;}
.jigyo-team-box-flex { display: flex; }
.CEO-photo {width: 40%; display: block;padding: 20px;}
.jigyo-team-box-flex2 {display: flex;}
.jigyo-team-box2 {width: 45%;display: block;margin: 0 auto; }
.jigyo-team-box3 {width: 45%;display: block;margin: 0 auto; }



/* TOP Work start */
#top-work {display: flex; flex-wrap: wrap;background-color: #FFE4EF;}
.work-title-area {padding-top: 80px; }
.top-work-main01 {width: 50%; padding: 100px 0;background-image: url("../img/top-box-01.jpg");background-position: center; background-repeat: no-repeat;background-size: cover;}
.top-work-main02 {width: 50%;padding: 100px 0;background-image: url("../img/top-box-02.jpg");background-position: center; background-repeat: no-repeat;background-size: cover;}
.top-work-main03 {width: 50%;padding: 100px 0;background-image: url("../img/top-box-03.jpg");background-position: top; background-repeat: no-repeat;background-size: cover;}
.top-work-main04 {width: 50%;padding: 100px 0;background-image: url("../img/simplyo-photo01.jpg");background-position: center; background-repeat: no-repeat;background-size: cover;}
.top-work-bg {width: 80%; display: block; margin: 0 auto; padding: 20px 0; text-align: center;background-color: rgba(255,255,255,0.8);}
.top-work-titlearea {}
.top-work-title {font-family: 'Black Han Sans', sans-serif; font-size: 3em;}
.top-work-subtitle {font-size: 1.5em; font-family: 'Sunflower', sans-serif;}
.top-work-textarea {}
.top-work-text {width: 70%; margin: 0 auto;font-size: 1em; font-family: 'Sunflower', sans-serif;}
.top-work-text a {text-decoration-line: none;}
.top-work-text a:link {color:deeppink;text-decoration:none;}
.top-work-text a:visited {color:deeppink;}
.top-work-text a:hover {color:steelblue;text-decoration:none;}

/* TOP Work end */




/* TOP Brand start */
#top-brand {margin: 50px auto;padding-top: 150px;background-image: url("../img/BK-tokki.png"); background-repeat: no-repeat;background-position: left top;background-size: 15%;}
.top-brand-photo {display: flex;margin: 0 auto;}
.top-brand-banner {width: 33.333333%;margin: 10px;}
.top-brand-banner h2 {width: 90%;display: block; margin: 10px auto;font-family: 'Sunflower', sans-serif;color: #106553;}
.top-brand-banner p {width: 90%;display: block; margin: 0 auto;font-family: 'Nanum Gothic Coding', monospace;line-height: 2em;}
/* TOP Brand end */




/* TOP Shopping channel start */
#top-channel {margin: 50px auto;padding-top: 150px;background-image: url("../img/WT-tokki.png"); background-repeat: no-repeat;background-position: right top;background-size: 15%;}
.top-channel-link {width: 100%;  margin: 0 auto; background-color: #FFFFFF;}
.top-channel-link p {font-family: 'Sunflower', sans-serif;font-size: 1.2em;}
.top-channel-banner {width: 45%;margin: 0 auto;}
a.btn_26 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 50%;
	margin:0 auto;
	padding: 1rem 4rem;

	color: #fff;
	background: #f492a5;;
}
a.btn_26:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad26 1.5s infinite;
	color: #fff;
}
@keyframes shad26 {
	0% {box-shadow: 0 0 0 0 #f492a5;;}
	70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}
}
/* TOP Shopping channel end */



/* PAGE About start */
#page-about {margin: 0 auto;padding-top: 100px;}
.page-about-title {text-align: center;}
.page-about-title-big {font-family: 'Josefin Sans', sans-serif; font-size: 3em;}
.page-about-title-small {font-family: 'Sunflower', sans-serif;font-size: 1.5em;color:steelblue;}
.page-about-main {width: 50%;margin: 80px auto;line-height: 2em;}
.page-about-main-text {font-family: 'Nanum Gothic Coding', monospace;}
.page-about-cinderella {margin: 180px auto;}
.page-about-cinderella-main {width: 60%; display: flex;margin: 80px auto;}
.page-about-cinderella a {text-decoration-line: none;}
.page-about-cinderella a:link {color:deeppink;text-decoration:none;}
.page-about-cinderella a:visited {color:deeppink;}
.page-about-cinderella a:hover {color:steelblue;text-decoration:none;}
.page-about-contect-link {text-align: center;font-family: 'Sunflower', sans-serif;font-size: 2em;margin-bottom: 150px;}
.cinderella-photo {width: 50%;}
.cinderella-logo {display: block;margin: 0 auto;}
.cinderella-text {width: 50%; padding: 30px;line-height: 2em;font-family: 'Nanum Gothic Coding', monospace;}
.cinderella-text img {width: 40%;}
.page-about-company {font-family: 'Nanum Gothic Coding', monospace;}
.page-about-company-main {width: 50%;margin: 100px auto;}
/* PAGE About end */




/* PAGE Cinderella start */
#container-cinderella {padding-top: 80px;padding-bottom: 80px;}
#c-top-title-area {}
.c-top-title-main {width: 70%; margin: 0 auto;}
.c-title-logo {width: 50%;display: block; margin: 0 auto;}
#c-top-intro {margin-top: 50px;}
.c-top-intro-main {width: 70%;margin: 0 auto;}
.c-introphoto-01 {display: block;margin: 0 auto;}
.c-top-intro-title {text-align: center;font-family: 'Sunflower', sans-serif;font-size: 2em;color: steelblue;}
.c-top-intro-text {text-align: center;font-family: 'Nanum Gothic Coding', monospace;font-size: 1.2em;line-height: 2em;}
.c-intro-contactbt {width: 30%; display: block;margin: 0 auto;}
.c-intro-contactbt:hover {opacity: 0.5;transition: 1.2s;}
#c-youtube {width: 50%; margin: 80px auto 0;display: block;}
.c-youtube-main{margin: 0 auto;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.c-youtube-main iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* PAGE Cinderella end */


/* PAGE Tenpo start */
#container-tenpo {}
#tenpo-header {background-image: url("../img/simplyo-photo01.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat;background-color:rgba(255,255,255,0.7);background-blend-mode:lighten;padding: 100px;}
#tenpo-header h1 {text-align: center;font-family: 'Sunflower', sans-serif;font-size: 3em;}
#tenpo-header h3 {text-align: center;font-family: 'Nanum Gothic Coding', monospace;}
#tenpo-main {background-color: #ffeaf1; width: 70%; display: flex; flex-wrap: wrap;margin: 80px auto;}
.tenpo-main-textarea {width: 70%;text-align: center;padding-top: 80px;}
.tenpo-main-textarea a {text-decoration-line: none;}
.tenpo-main-textarea a:link {color:steelblue;text-decoration:none;}
.tenpo-main-textarea a:visited {color:steelblue;}
.tenpo-main-textarea a:hover {color:deeppink;text-decoration:none;}
.tenpo-text-01 {font-family: 'Sunflower', sans-serif;font-size: 2em;color: deeppink;}
.tenpo-text-02 {font-family: 'Sunflower', sans-serif;font-size: 1.2em;}
.tenpo-text-03 {font-family: 'Nanum Gothic Coding', monospace;}
.tenpo-text-04 {font-family: 'Nanum Gothic Coding', monospace;}
.tenpo-text-05 {font-family: 'Sunflower', sans-serif;font-size: 1.5em;}
.tenpo-main-photoarea {width: 30%;}
video {width: 100%;display: block;}

/* PAGE Tenpo end */




/* footer start */
#footer {background-color: #f492a5;width: 100%;}
#footer-main {width: 90%; margin: 0 auto; padding: 20px;display: flex;}
.footer-box {width: 45%;margin: 100px 30px;}
.footer-box-title {border-bottom: thin solid #ffffff;  padding-bottom: 10px;}
.footer-box-title p {font-size: 1.2em;font-family: 'Nanum Gothic Coding', monospace;color:white;}
.footer-box-text {}
.footer-box-text p {font-size: 0.8em;font-family: 'Nanum Gothic Coding', monospace;color:white;}
#footer a {text-decoration-line: none;}
#footer a:link {color:white;text-decoration:none;}
#footer a:visited {color:white;}
#footer a:hover {color:darkred;text-decoration:none;}

#sns-icon {margin: 0 auto;text-align: center;}
.sns-icon-main {width: 20%; display: flex;margin: 0 auto;}
.sns-box {width: 200px; display: block; margin: 0 auto;}
.sns-icon-main i {font-size: 5em;margin: 0 auto;}
.sns-icon-main p {margin: 0 auto 100px;font-family: 'Josefin Sans', sans-serif;}


#footer-sign {clear: both; margin: 0 auto; padding: 20px; font-family: 'Josefin Sans', sans-serif; color: white;text-align: center;background-color:#106553;}

/* footer end */