@charset "UTF-8";
.styleguide-sec1-child .mada {
    opacity: 1;
}
.styleguide-sec1-child .mada button {
    background: #c3c3c3 !important;
}
.styleguide-section4 .accordion-single-content p span.space {
    display: block;
    width: 100%;
    height: 15px;
}
.styleguide-section4 .accordion-single-content p span.nado {
    display: block;
    text-align: right;
    color: #807773;
}
.styleguide-section4 .accordion-single-content p span.list_span {
    color: #807773;
    position: relative;
    padding-left: 13px;
    display: block;
}
.styleguide-section4 .accordion-single-content p span.list_span>span {
    position: absolute;
    left: 0;
}
div#faq_ank {
    position: absolute;
    margin-top: -50px;
}
html {
    overflow: hidden;
}
a {
    cursor: pointer;
}
::-webkit-scrollbar {
      display: none;
      -webkit-appearance: none;
}
/* fixed-header */
.total-content {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 90px;
    width: calc(100% - 90px);
    background: #fff;
}
.total-content a,
#leftnav a,
.showcase-four .showcase-slider-content .scroll-next .scroll-content p,
.styleguide .scroll-styleguide .scroll-content p,
.showcase-four .banner-slider-controls-four .controller-wrapper span,
.showcase-four h4,
.showcase-four .bth_gr button,
.section-title .title,
.paw-button .text span,
.top05 .bth_gr button,
.widget.footer-widget ul li a,
.qry-copy,
.top-scroll-type-wrap p,
.top02 .tex_gr_move,
.top04 p.abs.yoko,
.photo-gallery .photography-slider .photo-slider-hover .photo-hover-content .photo-icon .cateogrey a,
.slick-slide a .slider_tetbox h4,
#character .tex_gr_move,
.kasou_right p.bth_gr a button,
#staff .team-text .title,
.contact_02_02 .tel {
    font-family: 'Montserrat','Noto Sans JP' !important;
}
.showcase-inner-text p,
.showcase-inner-text p em {
    margin: 0;
    font-style: normal;
}
.block_1199,
.block_1024,
.block_991,
.block_900,
.block_767,
.block_575,
.block_540,
.block_414 {
    display: none;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a,
#leftnav.social-link>ul>li>a {
    color: #333;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.block_991 {
    display: none;
}
.navbar-area.nav-style-01 {
    height: 90px;
}
.navbar-area.nav-style-01 .nav-container {
    margin: 20px 0;
    padding-left: 156px;
    min-width: 0;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {
    text-align: left;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav>li:first-child {
    margin: 0;
}
.nav-right-content.none_991 {
    margin-right: 60px;
}
.nav-right-content.none_991 a {
    background: linear-gradient(to right, #44c5d8, #12d9b4);
    padding: 16px 40px 14px 40px;
    color: #fff !important;
    line-height: 1;
    font-size: 14px;
}
#right {
    margin-left: 90px;
    margin-top: 100px;
    width: calc(100% - 90px);
    overflow-x: hidden;
}
#leftnav.social-link {
    top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: fixed;
    width: 90px;
    height: 100vh;
    z-index: 101;
    background: #fff;
    border-right: 1px solid #f4f6fa;
}
#leftnav.social-link>ul {
    padding: initial;
    list-style: none;
    margin: 0;
    position: relative;
    top: calc(50% - 55px);
    transform: translateY(-50%);
}
#leftnav.social-link>ul.leftnav {
    height: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#leftnav.social-link>ul>li>a {
    height: 35px;
    width: 35px;
    display: block;
    text-align: center;
    line-height: 1;
    border-radius: 0;
    list-style-type: none;
    color: var(--secondary-color);
}
#leftnav.social-link>ul.leftnav>li>a {
    height: 90px;
    width: auto;
    display: block;
    text-align: center;
    line-height: 90px;
}
#leftnav.social-link>ul.leftnav>li>a:hover {
    color: #01e2a0;
    transition: .3s;
}
#leftnav.social-link ul.sub-menu a:hover {
    color: #01e2a0;
    transition: .3s;
    padding-left: 10px;
}
#leftnav.social-link>ul.logo {
    top: 10px;
    transform: none;
}
#leftnav.social-link>ul.logo a.logo {
    width: 100%;
    height: auto;
    padding: 10px;
}
#leftnav.social-link ul.leftnav>li {
    transform: rotate(-90deg);
    width: auto;
    display: block;
    height: 90px;
    position: relative;
    white-space: nowrap;
}
#leftnav.social-link ul.sub-menu {
    position: absolute;
    transform: rotate(90deg);
    padding: 15px 25px;
    width: 230px;
    left: -230px;
    top: -8px;
    background: #f4f6fa;
}
#leftnav.social-link ul.sub-menu li {
    list-style: none;
    padding: 5px 0;
}
#leftnav.social-link ul.sub-menu a {
  letter-spacing: 0.05em;
}


/* slider */
/* .slick-initialized .slick-slide {
    z-index: 998 !important;
    opacity: 0 !important;
}
.slick-slide.slick-current.slick-active {
    z-index: 999 !important;
    opacity: 1 !important;
} */
/* .slick-slide {
    min-height: 730px;
} */
.side-next-img {
    display: flex;
    margin-right: calc(10% - 15px);
    margin-left: auto;
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 110px;
}
.showcase-four .showcase-slider-content .side-img, .showcase-four .showcase-slider-content .side-img-two, .showcase-four .showcase-slider-content .side-img-three {
    position: relative;
    bottom: auto;
    top: 0;
    right: auto;
    left: 0;
    margin-right: 15px;
}
.showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .inner-content-wrapper {
    background: #fff;
}
.showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .inner-content-wrapper .text {
    margin-top: -190px;
}
.showcase-four .showcase-slider-content .side-popup-vdo {
    top: 15%;
}
.showcase-four .showcase-slider-content .side-popup-vdo .popup_v_img2,
.showcase-four .showcase-slider-content .side-popup-vdo .popup_v_img3 {
    display: none;
}
.showcase-four .text p {
    line-height: 2.4;
    position: relative;
}
.showcase-four .text p.btn_kira {
    line-height: 2;
    margin-bottom: 0 !important;
    display: inline-block;
}
.showcase-four .text p.btn_kira button {
    padding: 10px 40px 8px 40px;
}
p.btn_kira .btn-splatter {
    font-weight: 500;
    letter-spacing: 0.15em;
    min-width: 162px;
    text-align: center;
}
.mfp-bg {
    background: #0b0b0b;
    background-image: none;
    opacity: .8;
}
.showcase-four h4 {
    margin-bottom: 30px;
    position: relative;
}
.showcase-four span.abs {
    width: 80px;
    height: 35px;
    bottom: -15px;
    right: -40px;
    z-index: 1;
}
.showcase-four span.abs img {
    width: 80px;
}
.showcase-four .showcase-slider-content .side-popup-vdo .popup-img .vdo-btn {
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    height: 100%;
}
.showcase-four .showcase-slider-content .side-popup-vdo .popup-img .vdo-btn a {
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.showcase-four .showcase-slider-content .side-popup-vdo .popup-img::before {
  content: none;
}
/* title animation */
.section-title .title {
    margin-bottom: 20px;
}
.section-title p {
    text-align: center;
    margin-top: 0;
}
.box_animation {
    display: inline-block;
    font-size: 45px;
    line-height: 1;
    font-weight: 600;
    color: #333333;
    display: inline-block;
    position: relative;
    padding: 3px 0;
    margin-bottom: 5px;
}
.section-title .title {
    display: inline-block;
}

.block-revealer__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: none;
    opacity: 0;
}

.showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img .showcase-inner-text {
  display: none;
}
.showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img {
    background-position: bottom right;
}




/* toppage content */
.abs {
    position: absolute;
}
.mb_0 {
  margin-bottom: 0;
}
.mb_30 {
  margin-bottom: 30px;
}
.green {
  color: #01e2a0;
}
.fl_gr::first-letter {
	color: #01e2a0;
}
.bth_gr a {
    display: inline-block;
    border-radius: 30px;
}
.bth_gr button {
    background: linear-gradient(to right, #44c5d8, #12d9b4);
    padding: 10px 50px;
    color: #fff;
    border-radius: 25px;
    display: block;
    cursor: pointer;
    border: none;
}
.bth_gr .paw-button:before {
    background: linear-gradient(to right, #44c5d8, #12d9b4);
    padding: 10px 50px;
    color: #fff;
    border-radius: 25px;
    display: block;
    cursor: pointer;
}
.paw-button:hover:before {
    background: #fff;
    border: 1px solid #44c5d8;
}
.top00.height_js {
    padding-top: 200px;
    position: relative;
}
.top00.height_js .container,
.top00.height_js .container .row {
    height: 100%;
}
.top00.height_js .col-lg-5 .top00-text-wrapper {
    position: relative;
    top: 25%;
}
.top00.height_js .abs {
    left: 0;
}
.top00.height_js .abs.typo {
    right: -45px;
    left: auto;
    bottom: 20px;
}
.top00.height_js .col-lg-5 {
    padding-left: 0;
    position: relative;
}
.top00.height_js .gradient img {
    position: relative;
    top: 40px;
    left: 70px;
}
.top00.height_js .gradient {
    display: inline-block;
    max-height: 500px;
    margin-left: -30px;
}
.gradient {
  background: linear-gradient(45deg, rgba(68, 197, 216, .6), rgba(18, 216, 179, .6),rgba(68, 197, 216, .6));
  background-size: 600% 600%;
  animation: AnimationName 2s ease infinite;
}

@keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.section-title.top00-title {
    text-align: left;
}
.section-title.top00-title .title {
    line-height: 1.3;
}






.top02 {
    position: relative;
}
.top02 .abs {
    left: -278px;
    z-index: 1;
}
.top02 .abs p {
    background: linear-gradient(45deg, #44c5d8 0%, #2bcfc5 14.28%, #2bcfc5 28.56%, #12d8b3 42.85%, #13d7a3 57.14%, #12d8b3 71.42%, #2bcfc5 85.71%, #44c5d8 100%) 0% center / 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    animation: work 3s linear infinite;
    margin: 0;
    line-height: 1;
    font-size: 200px;
    transform: rotate(90deg);
    font-weight: bold;
    letter-spacing: 0.01em;
}
@keyframes work {
  to { background-position-x: 200%; }
}

.top02 #title04 .abs.typo,
.top03 #title05 .abs.typo,
.top05 #title08 .abs.typo,
.top05-2 #title15 .abs.typo {
    left: -30px;
    top: -22px !important;
}

.service-section {
    position: relative;
    padding: 50px 0;
}
.service-section:after {
    content: "";
    background-image: url(../img2/top_service_back.png);
    width: 68%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    z-index: -1;
}
.main-slider {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.slick-slide a {
    display: block;
    position: relative;
}
.slick-slide a .onCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: .3s;
    cursor: pointer;
}
.slick-slide a:hover .onCover {
    opacity: 0.3;
}
.slick-slide a .slider_tetbox {
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: 85%;
}
.slick-slide a .slider_tetbox>* {
    color: #fff;
}
.slick-slide a .slider_tetbox h4 {
    margin: 0;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.slick-slide a .slider_tetbox p {
    margin: 0;
}
.slick-slide a .slider_tetbox span {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    letter-spacing: 0.2em;
}

.thumbnail .slick-slide {
    width: 100% !important;
}
.thumbnail .slick-slide p {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    position: relative;
    left: 50px;
    cursor: pointer;
}
.thumbnail .slick-current p {
    font-weight: 600;
    left: 70px;
    transition: .3s;
}
.thumbnail .slick-slide p:before {
    content: "";
    position: absolute;
    top: 13px;
    left: -40px;
    width: 0;
    height: 2px;
    background: #fe0;
    transition: .3s;
}
.thumbnail .slick-current p:before {
    content: "";
    position: absolute;
    top: 13px;
    left: -55px;
    width: 40px;
    height: 2px;
    background: #fe0;
}
.tex_gr {
  display: inline-block;
  color: transparent !important;
  text-fill-color: transparent !important;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(to right, #44c5d8, #12d8b3);
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
  .tex_gr {
    color: #1E67BD;
    background-image: none;
  }
}

.top03.photo-gallery .container {
    overflow: hidden;
}
.photo-gallery .photography-slider .photo-slider-hover .photo-hover-content .photo-icon a {
    font-size: 13px;
    letter-spacing: 0.15em;
}
.photo-gallery .photography-slider .photo-slider-hover .photo-hover-content .photo-icon .cateogrey a {
    font-size: 11px;
    margin-top: 4px;
}
.photo-gallery:after {
    top: 100px;
    width: 47%;
    height: 40%;
    z-index: -1;
}
.photo-gallery .photography-slider-controls {
    height: 35px;
}
.photo-gallery .photography-slider .photography-single-slider img {
    object-fit: cover;
}
.photo-gallery .photography-slider-controls .slider-nav .slick-prev i,
.photo-gallery .photography-slider-controls .slider-nav .slick-next i,
.showcase-four .banner-slider-controls-four .slider-nav .slick-prev i,
.showcase-four .banner-slider-controls-four .slider-nav .slick-next i {
    color: #31ccca;
    border: 0.5px solid #31ccca;
}
.photo-gallery .photography-slider-controls .slider-extra .slider-progress .progress-width,
.showcase-four .banner-slider-controls-four .controller-wrapper .home-slider-progressbar .home-slider-progress-active {
    background-color: #31ccca;
}
.photo-gallery .photography-slider-controls .slider-nav .slick-next i:hover,
.photo-gallery .photography-slider-controls .slider-nav .slick-prev i:hover,
.showcase-four .banner-slider-controls-four .slider-nav .slick-prev i:hover,
.showcase-four .banner-slider-controls-four .slider-nav .slick-next i:hover {
    color: #fff;
    background-color: #31ccca;
    border: 0.5px solid #31ccca;
    transition: .3s;
}
.showcase-four .banner-slider-controls-four .controller-wrapper .active-controller {
    color: #31ccca;
}
.top04 {
    position: relative;
}
.top04 .abs.typo {
    right: -85px;
    bottom: 15px;
}
.top04 .service-section {
    padding: 120px 0 140px;
    background: #f4f6fa;
}
.top04 .service-section:after {
    background-image: url(../img2/image_naname.png);
    z-index: 1;
    width: 60%;
}
.top04 .top00-text-wrapper {
    width: 50%;
}
.top04 p.abs {
    font-size: 100px;
    font-weight: bold;
    margin: 0;
}
.top04 p.abs.yoko {
    color: #f4f6fa;
    top: -2px;
    line-height: 1;
    height: 120px;
    font-size: 120px;
    letter-spacing: 0.01em;
}
.top04 p.abs.tate {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
    -moz-text-orientation: upright;
    -ms-text-orientation: upright;
    line-height: 1.6;
    top: -20px;
    right: 10%;
    color: #333;
    font-size: 80px;
    letter-spacing: 0.05em;
    z-index: 2;
}
.top04 p.abs.tate.fl_gr::first-letter {
    font-size: 110px;
    margin-bottom: 8px;
}
.top04 .col-md-12 {
    position: relative;
    z-index: 2;
}

.top05.photo-gallery:after {
    height: 50%;
}
.top05 .team-section .team-text {
    position: relative;
    padding: 0 0 15px;
    background: transparent;
}
.top05 .team-section .team-text p::after {
    background-color: #01e2a0;
}
.abs.bg_gradiate {
    background: linear-gradient(45deg, rgba(68, 197, 216, .6), rgba(18, 216, 179, .6),rgba(68, 197, 216, .6));
    background-size: 600% 600%;
    animation: AnimationName 2s ease infinite;
    width: 50%;
    height: 100%;
    top: 20px;
    right: -20px;
    z-index: -1;
}
.top05.creative-team-two .team-section .team-img-cont {
    display: inline-block;
    position: relative;
    overflow: visible;
}
.top05.creative-team-two .team-section .team-text .title {
    padding-top: 40px;
}
.top05 .team-section:hover .team-text .title {
    color: #01e2a0;
}
.top05.photo-gallery .btn-wrapper {
    padding-top: 15px;
}
.photo-gallery.top05.officer .team-section {
    padding-right: 15px;
}
.top05.creative-team-two .team-section .team-text .title,
.top05.creative-team-two .team-section .team-text p {
    text-align: left;
}
.news .container .flex {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.news .container .flex .section-title h2 {
    margin: 0;
}
.news .container .flex .section-title {
    width: 30%;
}
.news .container .flex .news_right {
    width: calc(100% - 30%);
}

/* news_php */
/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
div#newsWrap {
    max-height: 300px;
    overflow-y: scroll !important;
    width: 100% !important;
    display: block;
}
ul#newsList{
	margin:0;
	padding:0;
}
ul#newsList li {
    font-size: 14px;
    margin: 0;
    padding: 25px 0;
    border-bottom: 1px solid #ccc;
    line-height: 120%;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
ul#newsList li:last-child {
    border: none;
}
ul#newsList li span {
    display: block;
    line-height: 2;
    letter-spacing: 0.05em;
}
ul#newsList li .title {
    width: calc(100% - 230px);
    padding-left: 30px;
}
.up_ymd {
    width: 150px;
    font-family: 'Montserrat','Noto Sans JP' !important;
}
.catName {
    padding: 2px 5px 2px;
    border: 1px solid #00e2a0;
    font-size: 12px;
    margin: 0 2px;
    color: #00e2a0;
    width: 70px;
    text-align: center;
    font-family: 'Montserrat','Noto Sans JP' !important;
    text-indent: -0.05em;
}
ul#newsList li span.newMark {
    background: #00e2a0;
    color: #fff;
    margin-left: 10px;
    display: inline-block;
    font-family: 'Montserrat','Noto Sans JP' !important;
    border: 0px solid #00e2a0;
    padding: 0px 12px 0px;
    font-size: 11px;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}
ul#newsList li .title a:hover {
    color: #00e2a0;
    transition: .3s;
}

.maparea {
  height: 450px;
  width: 100%;
  background: #f3f3f3;
}
.top06 {
    background-image: url(../img2/footer.png);
    background-repeat: no-repeat;
    background-position: top 45px center;
    background-size: cover;
}
.top06 .col-md-6:nth-child(even) {
    padding-left: 35px;
}
.top06 .col-md-6:nth-child(odd) {
    padding-right: 35px;
}
.top06 .col-md-6:nth-child(even) .top00-text-wrapper {
    position: relative;
    top: 20%;
}
.top06 .typo {
    top: -45px;
    left: 0;
}

/* text YOKO animation */
.top-scroll-type-wrap {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 240px;
    z-index: 0;
    top: 100px;
}
.top-scroll-type-wrap p {
    margin: 0;
    letter-spacing: 0.01em;
}
.top-scroll-type-first {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 240px;
  color: #ebeff6;
  font-size: 240px;
  font-weight: 900;
  line-height: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation: bg-animation-first 90s 0s linear infinite normal;
          animation: bg-animation-first 90s 0s linear infinite normal;
  opacity: 0.55;
}

.top-scroll-type-second {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 240px;
  color: #ebeff6;
  font-size: 240px;
  font-weight: 900;
  line-height: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation: bg-animation-second 90s -45s linear infinite normal;
          animation: bg-animation-second 90s -45s linear infinite normal;
  opacity: 0.55;
}
@-webkit-keyframes bg-animation-first {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes bg-animation-first {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}


@-webkit-keyframes bg-animation-second {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes bg-animation-second {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}





/* gradient btn */

.btn-splatter {
    position: relative;
    user-select: none;
    transition: background-color 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28), box-shadow 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.btn-splatter:focus {
  outline: 0;
}

.btn-splatter:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transform: translateY(0.5em);
  transition:
    background-color 150ms ease-out,
    box-shadow 150ms ease-out,
    transform 150ms ease-out;
}
.line_s2 p.blank a:hover,.line_s4 p.blank a:hover {
    transform: translateY(0.5em);
    transition:
      background-color 150ms ease-out,
      box-shadow 150ms ease-out,
      transform 150ms ease-out;
}
.line_s2 p.blank a,.line_s4 p.blank a {
    padding: 10px 15px;
    color: #fff;
    line-height: 35px;
    user-select: none;
    max-width: 300px;
    width: 100% !important;
    transition: background-color 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28), box-shadow 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.splatter {
  position: absolute;
  top: 0;
  left: 0;
}

.splatter-round, .splatter-ring, .splatter-star {
  position: absolute;
}

.splatter-round {
  width: 1em;
  height: 1em;
  background-color: #12d9b4;
  border-radius: 50%;
}

.splatter-ring {
  width: 0.8em;
  height: 0.8em;
  border: solid 0.35em #44c5d8;
  border-radius: 50%;
}

.splatter-star {
  width: 1.8em;
  height: 1.8em;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="%23f9f569" viewBox="0 0 24 24"%3E%3Cpath%20d%3D%22M12%2C17.27L18.18%2C21L16.54%2C13.97L22%2C9.24L14.81%2C8.62L12%2C2L9.19%2C8.62L2%2C9.24L7.45%2C13.97L5.82%2C21L12%2C17.27Z%22%3E%3C%2Fpath%3E%3C/svg%3E');
}

.bth_gr button>div {
    z-index: 100;
}




/* btn neko */
.btn_neko {
    text-align: center;
    padding-top: 45px;
}
.paw-button {
    height: 48px;
  --background: #fff;
  --background-active: #FEE8F4;
  --border: #F1ECEB;
  --border-active: #EEC2DB;
  --text: #000;
  --number: #9C9496;
  --number-active: #000;
  --heart-background: #fff;
  --heart-background-active: #FEA5D7;
  --heart-border: #C3C2C0;
  --heart-border-active: #2B2926;
  --heart-shadow-light: #FEE0F2;
  --heart-shadow-dark: #EA5DAF;
  --paw-background: #fff;
  --paw-border: #201E1B;
  --paw-shadow: #EEEDED;
  --paw-inner: var(--heart-background-active);
  --paw-shadow-light: var(--heart-shadow-light);
  --paw-shadow-dark: var(--heart-shadow-dark);
  /* --paw-clap-background: #FEF0A5; */
  --paw-clap-background: #333333;
  --paw-clap-border: var(--paw-border);
  /* --paw-clap-shadow: #FED75C; */
  --paw-clap-shadow: #454545;
  --circle: #df3dce;
  --circle-line: #000;
  display: inline-flex;
  position: relative;
  line-height: 19px;
  padding: 12px 16px;
  min-width: 182px;
  border-radius: 25px;
  cursor: pointer;
}
.paw-button:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    transition: background 0.45s, border-color 0.45s;
    background: linear-gradient(to right, #44c5d8, #12d9b4);
    color: #fff;
    border-radius: 25px;
    display: block;
    cursor: pointer;
}
.paw-button svg {
  display: block;
}
.paw-button .text {
  position: relative;
  backface-visibility: hidden;
  transform: translateZ(0);
  z-index: 3;
  transition: width 0.25s;
  width: var(--w, 150px);
}
.paw-button .text span,
.paw-button .text svg {
  transition: transform 0.15s ease-out, opacity 0.2s;
  opacity: var(--o, 1);
}
.paw-button .text span {
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    transform: translateY(var(--y, 0));
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.paw-button .text svg {
  --background: var(--heart-background);
  --border: var(--heart-border);
  --shadow-light: transparent;
  --shadow-dark: transparent;
  width: 21px;
  height: 19px;
  transform: translateX(var(--x));
}
.paw-button > span {
  display: block;
  position: relative;
  backface-visibility: hidden;
  transform: translateZ(0);
  z-index: 2;
  color: var(--number);
}
.paw-button .paws {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48px;
  z-index: 2;
}
.paw-button .paws svg {
  position: absolute;
  bottom: 0;
  transition: transform 0.3s ease-out, opacity 0.2s;
  opacity: var(--o, 0);
  transform: translate(var(--x, 0), var(--y, 0));
}
.paw-button .paws svg.paw {
  --x: -24px;
  width: 30px;
  height: 37px;
  /* left: 32px; */
  left: 50%;
}
.paw-button .paws svg.paw-clap {
    /* --x: 16px; */
    --x: -50%;
    --y: 34px;
    --o: 1;
    width: 29px;
    height: 34px;
    /* left: 34px; */
    left: 50%;
}
.paw-button .paws .paw-effect {
    /* left: 26px; */
    left: 68px;
    /* top: 12px; */
    top: 2px;
    width: 44px;
    height: 44px;
    position: absolute;
}
.paw-button .paws .paw-effect:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--circle);
  transform: scale(var(--s, 0));
  opacity: var(--o, 1);
  transition: transform 0.15s ease 0.16s, opacity 0.2s linear 0.25s;
}
.paw-button .paws .paw-effect div {
  width: 2px;
  height: 6px;
  border-radius: 1px;
  left: 50%;
  bottom: 50%;
  margin-left: -1px;
  position: absolute;
  background: var(--circle-line);
  transform: translateY(-24px) scaleX(0.7) scaleY(var(--s, 0));
}
.paw-button .paws .paw-effect div:before, .paw-button .paws .paw-effect div:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: translate(var(--x, -22px), var(--y, 4px)) rotate(var(--r, -45deg)) scaleX(0.8) scaleY(var(--s, 0));
}
.paw-button .paws .paw-effect div:after {
  --x: 22px;
  --r: 45deg;
}
.paw-button .paws .paw-effect div,
.paw-button .paws .paw-effect div:before,
.paw-button .paws .paw-effect div:after {
  opacity: var(--o, 1);
  transform-origin: 50% 100%;
  transition: transform 0.12s ease 0.17s, opacity 0.18s linear 0.21s;
}
.paw-button i {
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -2px;
  opacity: var(--o, 0);
  background: var(--b);
  transform: translate(var(--x), var(--y)) scale(var(--s, 1));
}
.paw-button:not(.confetti):hover .text {
  --o: 0;
  --x: 12px;
  --y: 8px;
}
.paw-button:not(.confetti):hover .paws svg.paw {
  --o: 1;
  --x: 0;
  left: 50%;
  transform: translateX(-50%);
}
.paw-button.animation .text {
  --o: 0;
}
.paw-button.animation .text svg {
  --background: var(--heart-background-active);
  --border: var(--heart-border-active);
  --shadow-light: var(--heart-shadow-light);
  --shadow-dark: var(--heart-shadow-dark);
}
.paw-button.animation .paws svg.paw {
  --x: 0;
  --o: 1;
  transition-delay: 0s;
  animation: paw 0.45s ease forwards;
}
.paw-button.animation .paws svg.paw-clap {
  animation: paw-clap 0.5s ease-in forwards;
}
.paw-button.animation .paws .paw-effect {
  --s: 1;
  --o: 0;
}
.paw-button.confetti i {
  animation: confetti 0.6s ease-out forwards;
}
.paw-button.confetti .paws svg.paw {
  --o: 0;
  transition: opacity 0.15s linear 0.2s;
}
.paw-button.liked {
  --background: var(--background-active);
  --border: var(--border-active);
}
.paw-button.liked .text {
  --w: 21px;
}
.paw-button.liked .text svg {
  --o: 1;
}
.paw-button.liked > span {
  --number: var(--number-active);
}

@keyframes confetti {
  from {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes paw {
  0% {
    transform: translateX(var(--x));
  }
  35% {
    transform: translateX(-16px);
  }
  55%, 70% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-12px);
  }
}
@keyframes paw-clap {
  50%, 70% {
    transform: translate(0, 0);
  }
}




/* for egge */
.ie_alert {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ie_alert p {
    margin: 0;
    text-align: center;
    line-height: 2.4;
}
.ie_alert p a {
    color: #1f44ff;
    cursor: pointer;
}



/* 下層ここから kasou */
.overflow-x-hidden {
  overflow-x: hidden;
}
.billing-title .section-title .title {
    margin: 0;
    font-size: 44px;
}
.kasouheader .section-title .title::first-letter {
    color: #00d9b2;
}
.kasouheader .section-title .title span.abs {
    width: 70px;
    bottom: -20px;
    right: -45px;
}
.tate {
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
    -moz-text-orientation: upright;
    -ms-text-orientation: upright;
}
.kasou_right section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.kasou_right section.photo-gallery:after {
  content: none;
}
.kasouheader {
    padding: 165px 0 145px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.kasouheader.kasouheader_aboutus {
    background-image: url(../img2/about_us_top.jpg);
}
.aboutus_last.top06 {
    background-image: url(../img2/footer_.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    padding-top: 100px;
    padding-bottom: 600px;
}
.kasou_right .aboutus_ancer {
    padding-bottom: 0;
}
.aboutus_ancer .container:last-child {
    padding-top: 100px;
}
.aboutus_ancer span {
    font-size: 28px;
    display: inline-block;
    letter-spacing: 0.07em;
}
.aboutus_ancer .col-lg-4 {
    border-right: 1px solid #00d9b2;
}
.aboutus_ancer .col-md-4 a.anc {
    display: block;
}
.aboutus_ancer .col-lg-8 {
    padding-left: 30px;
}
.aboutus_ancer a.anc p {
    text-align: center;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 40px;
    position: relative;
}
.aboutus_ancer .col-md-4 a.anc p:after {
    content: "\02228";
    display: block;
    font-size: 15px;
    text-align: center;
    position: absolute;
    bottom: -40px;
    width: 100%;
    height: 39px;
    line-height: 39px;
    transition: .3s;
}
.aboutus_ancer .col-md-4 a.anc:hover p:after {
    bottom: -50px;
}
.aboutus_ancer .col-md-4:nth-child(1) a.anc p {
    border-color: #00e39e;
}
.aboutus_ancer .col-md-4:nth-child(1) a.anc p::after {
    color: #00e39e;
}
.aboutus_ancer .col-md-4:nth-child(2) a.anc p {
    border-color: #00d5ba;
}
.aboutus_ancer .col-md-4:nth-child(2) a.anc p::after {
    color: #00d5ba;
}
.aboutus_ancer .col-md-4:nth-child(3) a.anc p {
    border-color: #0ad2c1;
}
.aboutus_ancer .col-md-4:nth-child(3) a.anc p::after {
    color: #0ad2c1;
}
.aboutus_ancer .col-md-4:nth-child(4) a.anc p {
    border-color: #2ec9d2;
}
.aboutus_ancer .col-md-4:nth-child(4) a.anc p::after {
    color: #2ec9d2;
}
.aboutus_ancer .col-md-4:nth-child(5) a.anc p {
    border-color: #3bc5da;
}
.aboutus_ancer .col-md-4:nth-child(5) a.anc p::after {
    color: #3bc5da;
}
.aboutus_ancer .col-md-4:nth-child(6) a.anc p {
    border-color: #3dbad8;
}
.aboutus_ancer .col-md-4:nth-child(6) a.anc p::after {
    color: #3dbad8;
}
.section_text_left .progress-bar p,
.section_text_right .progress-bar p {
    margin: 0;
    letter-spacing: 0.15em;
}
.counterarea {
    background: #fff;
    padding: 15px 25px;
    border: 15px solid;
    top: 0;
    left: -310px;
    width: 180px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.counterarea.package_counter {
    border-color: #0ad2c1;
}
.counterarea.character_counter {
    border-color: #00d9b2;
}
.counterarea p.count-num {
    font-size: 55px;
    text-align: center;
    line-height: 1;
    letter-spacing: 0;
    color: #333333;
    font-family: 'Montserrat','Noto Sans JP' !important;
    font-weight: 700;
}
.counterarea h4 {
    font-family: 'Montserrat','Noto Sans JP' !important;
    font-weight: bold;
    font-size: 18px;
}
.after_right,
.after_left {
    position: relative;
}
.container.after_right_container,
.container.after_left_container {
    position: relative;
    z-index: 1;
}
.after_right:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 92%;
    height: 350px;
    z-index: 0;
    background-color: #f4f6fa;
}
.after_left:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 92%;
    height: 400px;
    z-index: 0;
    background-color: #f4f6fa;
}
.pg-bar-area::before {
    width: 56%;
}
.section_text_right .pg-bar-area::before {
    left: 0;
}
.section_text_left .pg-bar-area::before {
    left: auto;
    right: 0;
}
.motion .pg-bar-area::before {
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
}
#character .pg-bar-area::before {
    background-image: url(../img2/chara_image.jpg);
}
#stylebuide .pg-bar-area::before {
    background-image: url(../img2/styleguide.jpg);
}
#package .pg-bar-area::before {
    background-image: url(../img2/package_image.jpg);
}
#web .pg-bar-area::before {
    background-image: url(../img2/web_image.jpg);
}
#motion .pg-bar-area::before {
    background-image: url(../img2/motion_image.jpg);
}
.progress-bar {
    padding-top: 0;
    padding-right: 0;
    padding-left: 130px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: #fff;
}
.pg-bar-area:after {
    content: none;
}
#character .progress-bar,
#package .progress-bar {
    padding-left: 220px;
}
.text-item {
    position: relative;
}
.text-item p span.abs {
    top: 8px;
    left: -70px;
    font-size: 22px;
    height: 110%;
    display: block;
    letter-spacing: 0.05em;
    color: #222222;
}
.section_text_right .text_color,
.section_text_right .fl_color,
.section_text_right .btn {
    text-align: right;
}
.text_color.ao_3bc5da {
    color: #3bc5da;
}
.fl_3bc5da::first-letter {
  color: #3bc5da;
}
.fl_00d9b2::first-letter {
  color: #00d9b2;
}
.fl_color {
    display: block;
}
.text_color.ao_2ec9d2 {
    color: #2ec9d2;
}
.fl_2ec9d2::first-letter {
  color: #2ec9d2;
}
.text_color.ao_0ad2c1 {
    color: #0ad2c1;
}
.fl_0ad2c1::first-letter {
  color: #0ad2c1;
}
.text_color.ao_00d5ba {
    color: #00d5ba;
}
.fl_00d5ba::first-letter {
  color: #00d5ba;
}
.text_color.ao_00e39e {
    color: #00e39e;
}
.fl_00e39e::first-letter {
  color: #00e39e;
}
.text-item .btn_line {
    margin: 0;
    padding: 0;
    padding-top: 40px;
    text-align: right;
}
.text-item .btn_line a {
    position: relative;
    display: inline-block;
    padding-left: 65px;
}
.text-item .btn_line a:hover {
    padding-left: 50px;
    transition: .3s;
}
.text-item .btn_line a:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    left: 0;
    top: 50%;
}
.text-item .btn_line.ao_3bc5da a:hover {
    color: #3bc5da;
}
.text-item .btn_line.ao_3bc5da a:before {
    background: #3bc5da;
}

.text-item .btn_line.ao_2ec9d2 a:hover {
    color: #2ec9d2;
}
.text-item .btn_line.ao_2ec9d2 a:before {
    background: #2ec9d2;
}

.text-item .btn_line.ao_0ad2c1 a:hover {
    color: #0ad2c1;
}
.text-item .btn_line.ao_0ad2c1 a:before {
    background: #0ad2c1;
}

.text-item .btn_line.ao_0ad2c1 a:hover {
    color: #00d5ba;
}
.text-item .btn_line.ao_0ad2c1 a:before {
    background: #00d5ba;
}

.text-item .btn_line.ao_00e39e a:hover {
    color: #00e39e;
}
.text-item .btn_line.ao_00e39e a:before {
    background: #00e39e;
}

.text-item .btn_line.ao_00d5ba a:hover {
    color: #00d5ba;
}
.text-item .btn_line.ao_00d5ba a:before {
    background: #00d5ba;
}
.section_text_right .justify-content-center .col-md-4,
.section_text_left .justify-content-center .col-md-4 {
    padding-bottom: 60px;
}
.section_text_right .justify-content-center .col-md-4 a,
.section_text_left .justify-content-center .col-md-4 a {
    display: block;
}
.section_text_right .justify-content-center .col-md-4 p,
.section_text_left .justify-content-center .col-md-4 p {
    margin: 0;
    padding: 7px 15px;
    font-size: 15px;
    background: #fff;
    letter-spacing: 0.05em;
}
.section_text_right .justify-content-center .col-md-4 video {
    width: 100%;
}
#motion.section_text_right p.title {
    padding-top: 0;
    padding-bottom: 0;
    background: transparent;
    text-align: center;
}
.section_text_right .progress-bar .progress-title {
    text-align: right;
}

.section_text_left .progress-bar {
    padding-right: 70px;
    padding-left: 0;
}
.section_text_left .text_color,
.section_text_left .fl_color,
.section_text_left .btn {
    text-align: left;
}
.section_text_right .progress-title h4 {
    position: relative;
    left: 100%;
    transform: translateX(-100%);
}
.section_text_right .progress-title h4,
.section_text_left .progress-title h4 {
    margin: 0;
}
#motion.section_text_right .progress-title h4.title {
    left: 0;
    transform: none;
}
.section_text_right .progress-title h4 span,
.section_text_left .progress-title h4 span {
    font-size: 90px;
    display: inline-block;
    letter-spacing: 0.02em;
}
.section_text_left .text-item {
    padding-left: 65px;
}
.section_text_left .text-item .tate.abs {
    left: 0;
}
.aboutus_last.top06.creative-team-two .team-section {
    font-size: 0;
}
.aboutus_service.aboutus_last.top06 .team-text {
    padding: 0 30px;
}
.aboutus_last.top06 .section-title p {
    color: #666;
}
.aboutus_service.aboutus_last.top06 .team-text h4.title {
    font-size: 18px;
}
.aboutus_service.aboutus_last.top06 .team-text p {
    font-size: 12px;
    color: #666666;
}
#character .btn-wrapper {
    padding-top: 35px;
}
#character .btn-wrapper .btn_kira {
    text-align: center;
}
#character .wrpper_abs_tex_gr_move {
    position: relative;
}
#character .abs_tex_gr_move {
    left: -386px;
    z-index: 1;
}
#character .abs_tex_gr_move p {
    margin: 0;
    line-height: 1;
    font-size: 200px;
    transform: rotate(90deg);
    font-weight: bold;
    letter-spacing: 0.01em;
    color: #f4f6fa;
}
.kasou_right section.section_text_right,
.kasou_right section.section_text_left {
    position: relative;
    padding-top: 140px;
    padding-bottom: 60px;
}
.section_text_right:before {
    content: "";
    position: absolute;
    width: 87%;
    height: 28%;
    background: #f4f6fa;
    display: block;
    bottom: 0;
    right: 0;
}
.section_text_left:before {
    content: "";
    position: absolute;
    width: 87%;
    height: 28%;
    background: #f4f6fa;
    display: block;
    bottom: 0;
    left: 0;
}
.kasou_right #motion.section_text_right {
    padding-bottom: 100px;
}
#motion.section_text_right:before {
  content: none;
}
#character.section_text_right:before {
  height: 32%;
}

/* staff */
.kasouheader.kasouheader_staff {
    background-image: url(../img2/staff_top.jpg);
}
.section_staff.aboutus_ancer .container:last-child {
    padding-top: 0 !important;
}
#staff {
    padding-bottom: 60px;
}
#staff.after_right .section-title .title {
    font-size: 60px;
    margin: 0;
}
#staff.after_right .section-title .title span {
    left: 0;
    top: -10px;
    height: 34px;
}
#staff.after_right .section-title .title span img {
    display: block;
    width: 56px;
}
#staff.after_right:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 0;
    background-color: #fff;
}
#staff.after_right:after {
    height: 100%;
    bottom: 0;
    top: auto;
    z-index: -1;
}
#staff .shop-menu {
    border-bottom: 1px solid #00d9b2;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
    margin: 0 0 45px 0;
}
#staff .shop-menu li span {
    font-size: 14px;
}
#staff .shop-menu li .box_lottieobj {
    max-width: 130px;
}
#staff .shop-menu li {
    opacity: .5;
    transition: .3s;
}
#staff .shop-menu li.active {
    opacity: 1;
    border-bottom: none;
    color: #00d9b2;
}
#staff .col-lg-3.masonry-item.md1 {
    margin-bottom: 50px;
}
#staff .team-text .title {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 700;
}
#staff .team-text .work {
    font-size: 14px;
    position: relative;
    padding-left: 30px;
}
#staff .team-text .work:before {
    content: "";
    width: 20px;
    height: 1px;
    background: #00d9b2;
    position: absolute;
    left: 0;
    top: 50%;
}
#staff .about_works2 a {
    display: block;
}
#staff a .single-work-item .thumb {
    height: auto;
    font-size: 0;
}
.thumb video {
    max-width: 100%;
}
#staff .masonry-item a:hover .work {
    padding-left: 50px;
    color: #00d9b2;
    transition: .3s;
}
#staff .masonry-item a:hover .work:before {
    width: 38px;
    transition: .3s;
}
#staff a:hover .single-work-item .thumb {
    border: 1px solid #00d9b2;
    box-shadow: 10px 10px 15px #d8d8d8;
    border-radius: 15px;
}
.section_staff_last.aboutus_last.top06.officer .typo {
    top: -10px;
    left: -45px;
}
.section_staff_last.aboutus_last.top06.officer .typo img {
    display: block;
}


/* works */
#staff.about_works2 .section-title .title span {
    left: -15px;
}
.about_works.top00.height_js .gradient img {
    z-index: 1;
}
.about_works.top00.height_js .col-lg-5 {
    position: relative;
    padding-left: 200px;
}
.about_works.top00.height_js .col-lg-5:after {
    position: absolute;
    content: "";
    background-image: url(../img2/work_text.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 145px;
    width: 150px;
    height: 100%;
    left: 0;
    top: 8%;
    z-index: 1;
}
.about_works.top00.height_js .col-lg-5 .top00-text-wrapper {
    top: auto;
    height: 100%;
    bottom: auto;
}
.about_works.top00.height_js .col-lg-5 .top00-text-wrapper  .top00-text {
    position: absolute;
    bottom: -40px;
}
.about_works .top00-text img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}
.about_works.top00.height_js .col-lg-5 .about_works p {
    font-size: 18px;
    color: #333;
    letter-spacing: 0.15em;
    font-weight: bold;
    padding-left: 35px;
    position: relative;
}
.about_works.top00.height_js .col-lg-5 .about_works p:before {
    position: absolute;
    content: "";
    background-image: url(../img2/work_tyuui.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 25px;
    width: 25px;
    height: 25px;
    top: 4px;
    left: 0;
}
#staff.after_right.about_works2:after {
    height: 80%;
    bottom: auto;
    top: 0;
}
#staff.about_works2 {
    padding-bottom: 500px
}
#staff.about_works2 a:hover .single-work-item .thumb {
    border: none;
    box-shadow: none;
    border-radius: 0;
}
#staff.about_works2.aboutus_last.top06 .team-text .title {
    margin: 0;
    font-size: 14px;
    padding: 12px 15px 10px;
    color: #666666;
}
.about_works2.aboutus_last.top06 .team-text {
    padding: 0;
    background: #fff;
}
#staff.about_works2 .shop-menu {
  flex-wrap: wrap;
}
#staff.about_works2 .shop-menu li {
    width: calc(100% / 4);
    margin: 0;
}
#staff .shop-menu li span {
    padding: 10px 0 15px;
}
#staff .shop-menu li img,
#staff .shop-menu li span {
    display: block;
    margin: 0 auto;
}

/* contact */
.kasouheader.kasouheader_contact {
    background-image: url(../img2/contact_top.jpg);
}
form#validate {
    padding-top: 30px;
}
#staff.after_right.contact::before,
#staff.after_right.contact::after {
  content: none;
}
form#validate dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
form#validate dl div {
    width: calc(50% - 30px);
}
form#validate dl div.full {
    width: 100%;
}
form#validate dl div dd {
    margin-bottom: 35px;
    height: 40px;
}
form#validate dl .full.form_comment dd {
    height: auto;
    margin-bottom: 50px;
}
form#validate dl div input,
form#validate dl div textarea {
    width: 100%;
    border: 1px solid #ccc;
}
form#validate dl div textarea {
    min-height: 150px;
    border-color: #ccc;
    padding: 5px 10px;
}
form#validate dl div dd input {
    height: 100%;
    padding: 0 10px;
}

label.error {
    font-size: 13px;
    color: #ff1d1d;
    letter-spacing: 0.05em;
}
.kasou_right .contact_01 {
    padding-top: 70px;
    padding-bottom: 0 !important;
}
.contact.contact_00, .contact.contact_00 p {
    padding-bottom: 0;
    margin: 0;
}
.contact.contact_00 .container:after {
    content: none;
}

.contact .container {
    position: relative;
}
.contact .container:after {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - 40px);
    background: #f4f6fa;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.contact_01 .container .row:last-child .col-lg-12 {
    display: flex;
    justify-content: space-around;
}
.contact_01 .container .row:last-child .col-lg-12>div {
    width: 40%;
}
.contact_01 .container .row:last-child .col-lg-12 .contact_02_02 {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.contact_01 .container .row:last-child .col-lg-12 .contact_02_02 img {
    display: block;
    margin-right: 15px;
    width: 55px;
    height: 55px;
}
.contact_01 .container .row:last-child .col-lg-12,
.contact_02 .container .row:last-child .col-lg-12 {
    padding-bottom: 60px;
}
.contact_02 .container .row:last-child .col-lg-12>div {
    width: 90%;
    margin: 0 auto;
}
p.contact_subtitle {
    font-size: 22px;
    letter-spacing: 0.15em;
    color: #333;
    font-weight: bold;
}
p.contact_subtitle span {
    display: inline-block;
    margin-right: 1px;
}
.contact_02_02 .tel {
    font-weight: 800;
    font-size: 28px;
    color: #333;
    line-height: 1;
    margin-bottom: 3px;
}
.contact_01 .contact_02_01 p:last-child,
.contact_02_02 p {
    margin: 0;
}
form#validate dl div#btn_block input {
    background: linear-gradient(to right, #44c5d8, #12d9b4);
    padding: 16px 0;
    color: #fff !important;
    line-height: 1;
    font-size: 14px;
    border-radius: 50px;
    border: none;
    width: 200px;
    cursor: pointer;
    position: relative;
    top: 0;
}
form#validate dl div#btn_block input:hover {
    top: 5px;
    transition: .3s;
}
form#validate dl div#btn_block input:focus {
    outline: none;
}
.contact .testi-title {
    padding-left: 20px;
    padding-right: 20px;
}
#staff.contact_02 {
    background-size: 100%;
    background-position: bottom;
}
form.confirm_php dl {
    margin: 0;
    padding: 0;
}
form.confirm_php dl dt {
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    margin-bottom: 5px;
    display: inline-block;
    width: 220px;
    color: #333;
    vertical-align: top;
}
form.confirm_php dl dd {
    display: inline-block;
    width: calc(100% - 225px);
}
.confirm_php div#btn_block {
    display: flex;
    justify-content: center;
    padding-top: 35px;
}
.confirm_php div#btn_block input {
    width: 200px;
    background: linear-gradient(to right, #44c5d8, #12d9b4);
    padding: 16px 40px 14px 40px;
    color: #fff !important;
    line-height: 1;
    font-size: 14px;
    border: none;
    border-radius: 20px;
    margin: 0 10px;
    cursor: pointer;
    position: relative;
    bottom: 0;
}
.confirm_php div#btn_block input:first-child {
    background: linear-gradient(to right, #44c5d8, #12d9b4);
    opacity: .6;
}
.confirm_php div#btn_block input:focus {
    outline: none;
}
.confirm_php div#btn_block input:hover {
    position: relative;
    bottom: -5px;
    transition: .3s;
}
.complite_php h2 {
    font-size: 18px;
    text-align: center;
}
.complite_php p {
    margin: 0;
    text-align: center;
    font-size: 14px;
}
input[type="tel"], input[type="email"], input[type="text"], textarea {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background-image: -webkit-linear-gradient(left, #ffffff, #ffffff);
	-webkit-appearance: none;
  border-radius: 0;
}



/* character / aboutus */
.kasouheader.chara_top {
    background-image: url(../img2/chara_top.jpg);
}
#character.character_aboutus00.section_text_right:before,
.character_aboutus01.creative-team-two .team-section:hover .team-img-cont::after,
.character_aboutus03 .service-section:after,
.character_aboutus03 .thumbnail .slick-current p:before,
.character_aboutus01.creative-team-two .team-section .team-text P::after {
    content: none;
}
#character.character_aboutus00 .abs_tex_gr_move {
    left: auto;
    right: -386px;
    z-index: 1;
}
.character_aboutus01 {
    position: relative;
    z-index: -1;
}
.character_aboutus01 .justify-content-center {
    padding-top: 25px;
}
.character_aboutus01 h2 span.abs {
    left: -40px;
    top: -25px;
}
.character_aboutus01 .abs.bg_gradiate {
    top: -25px;
}
.character_aboutus01.top05.creative-team-two .team-section .team-text .title {
    padding-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    text-align-last: center;
    line-height: 1.6;
}
.character_aboutus01.creative-team-two .team-section .team-text P,
.character_aboutus01.creative-team-two .team-section:hover .team-text P {
    padding-left: 0;
    text-align: justify;
}
.character_aboutus01.top05 .team-section:hover .team-text .title {
    color: #484848;
}
.character_aboutus02 {
    background: #f4f6fa;
}
.character_aboutus02 .team-section {
    background: #fff;
    padding: 30px 20px;
    box-shadow: 2px 2px 10px #ddd;
    height: 100%;
}
.character_aboutus02 .team-section img {
    display: block;
    margin: 0 auto;
}
.character_aboutus02 .team-section p.title {
    text-align: center;
    margin: 15px 0;
    color: #484848;
    font-size: 16px;
    font-weight: 700;
}
.character_aboutus02 .team-section p.text {
    text-align: justify;
    margin: 0;
}
.character_aboutus03 .section-title .title,
.character_aboutus04 .section-title .title {
    margin-left: 15px;
}
.character_aboutus03 .section-title .title span.abs,
#staff.character_aboutus04 .section-title .title span.abs {
    left: -15px;
    top: -30px;
}
.character_aboutus03 .section-title p {
    max-width: 100%;
    text-align: justify;
}
.character_aboutus03 #tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.character_aboutus03 #tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 230px;
}
.character_aboutus03 #tabs li {
    display: block;
    margin-left: 0;
    margin-bottom: 5px;
    position: relative;
}
.character_aboutus03 #tabs li a {
    display: block;
    padding: 15px 15px 18px 55px;
    background: #f4f6fa;
    position: relative;
}
.character_aboutus03 #tabs li a.active {
    color: #fff;
}
.character_aboutus03 #tabs li a.active:after {
    content: "\025b6";
    position: absolute;
    top: 11px;
    right: -20px;
    width: 24px;
    height: 36px;
    text-align: left;
    font-size: 24px;
}
.character_aboutus03 #tabs li.tab_1 a.active {
    background: #12d8b3;
}
.character_aboutus03 #tabs li.tab_1 a.active:after {
    color: #12d8b3;
}
.character_aboutus03 #tabs li.tab_2 a.active {
    background: #1ad5b9;
}
.character_aboutus03 #tabs li.tab_2 a.active:after {
    color: #1ad5b9;
}
.character_aboutus03 #tabs li.tab_3 a.active {
    background: #22d2bf;
}
.character_aboutus03 #tabs li.tab_3 a.active:after {
    color: #22d2bf;
}
.character_aboutus03 #tabs li.tab_4 a.active {
    background: #2bcfc5;
}
.character_aboutus03 #tabs li.tab_4 a.active:after {
    color: #2bcfc5;
}
.character_aboutus03 #tabs li.tab_5 a.active {
    background: #34cbcc;
}
.character_aboutus03 #tabs li.tab_5 a.active:after {
    color: #34cbcc;
}
.character_aboutus03 #tabs li.tab_6 a.active {
    background: #3cc8d2;
}
.character_aboutus03 #tabs li.tab_6 a.active:after {
    color: #3cc8d2;
}
.character_aboutus03 #tabs li.tab_7 a.active {
    background: #44c5d8;
}
.character_aboutus03 #tabs li.tab_7 a.active:after {
    color: #44c5d8;
}

.character_aboutus03 #panel1 .tab_box h4,
.character_aboutus03 #panel1 .tab_box h4 span,
.character_aboutus03 .tab_1 a {
    color: #12d8b3;
}
.character_aboutus03 #panel2 .tab_box h4,
.character_aboutus03 #panel2 .tab_box h4 span,
.character_aboutus03 .tab_2 a {
    color: #1ad5b9;
}
.character_aboutus03 #panel3 .tab_box h4,
.character_aboutus03 #panel3 .tab_box h4 span,
.character_aboutus03 .tab_3 a {
    color: #22d2bf;
}
.character_aboutus03 #panel4 .tab_box h4,
.character_aboutus03 #panel4 .tab_box h4 span,
.character_aboutus03 .tab_4 a {
    color: #2bcfc5;
}
.character_aboutus03 #panel5 .tab_box h4,
.character_aboutus03 #panel5 .tab_box h4 span,
.character_aboutus03 .tab_5 a {
    color: #34cbcc;
}
.character_aboutus03 #panel6 .tab_box h4,
.character_aboutus03 #panel6 .tab_box h4 span,
.character_aboutus03 .tab_6 a {
    color: #3cc8d2;
}
.character_aboutus03 #panel7 .tab_box h4,
.character_aboutus03 #panel7 .tab_box h4 span,
.character_aboutus03 .tab_7 a {
    color: #44c5d8;
}

.character_aboutus03 #tabs .panel {
    display: none;
    box-shadow: 2px 2px 10px #ddd;
}
.character_aboutus03 #tabs li a span.mon {
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 15px;
    width: 30px;
}
.character_aboutus03 #tabs li a img.white {
    display: none;
}
.character_aboutus03 #tabs li a.active img.color {
    display: none;
}
.character_aboutus03 #tabs li a.active img.white {
    display: inline-block;
}

/* active中身 */
.mon {
  font-family: 'Montserrat','Noto Sans JP' !important;
}
.character_aboutus03 .tab_box h4 span img {
    height: 45px;
}
.character_aboutus03 #tabs .panelarea {
    display: block;
    width: calc(100% - 230px);
    padding-left: 40px;
}
.character_aboutus03 #tabs .panel .tab_box {
    padding: 35px 40% 40px 40px;
}
.character_aboutus03 .tab_box h4,
.character_aboutus03 .tab_box h4 span {
    display: block;
    margin-bottom: 25px;
}
.character_aboutus03 .tab_box h4 {
    font-size: 24px;
}
.character_aboutus03 .tab_box h4 span {
    font-size: 42px;
    margin-bottom: 10px;
}
.character_aboutus03 .panel:after {
    content: "";
    position: absolute;
    width: 800px;
    height: 85%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
    bottom: 0;
    left: calc(100% - 320px);
    z-index: 10;
}
.character_aboutus03 #tabs .tab_box p {
    margin: 0;
}
.character_aboutus03 #tabs .tab_box ul {
    width: 100%;
    padding-top: 20px;
    display: block;
}
.character_aboutus03 #tabs .tab_box ul li {
    color: #666;
    font-size: 14px;
    padding-left: 20px;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
}
.character_aboutus03 #tabs .tab_box ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 2px;
    background-size: 4px;
    position: absolute;
    left: 2px;
    top: 8px;
}
.character_aboutus03 .tab-content-1:after {
    background-image: url(../img2/chara_flow_1.jpg);
}
.character_aboutus03 .tab-content-2:after {
    background-image: url(../img2/chara_flow_2.jpg);
}
.character_aboutus03 .tab-content-3:after {
    background-image: url(../img2/chara_flow_3.jpg);
}
.character_aboutus03 .tab-content-4:after {
    background-image: url(../img2/chara_flow_4.jpg);
}
.character_aboutus03 .tab-content-5:after {
    background-image: url(../img2/chara_flow_5.jpg);
}
.character_aboutus03 .tab-content-6:after {
    background-image: url(../img2/chara_flow_6.jpg);
}
.character_aboutus03 .tab-content-7:after {
    background-image: url(../img2/chara_flow_7.jpg);
}

#staff.about_works2.character_aboutus04 {
    padding-top: 30px;
    position: relative;
}
.character_aboutus04 .section-title .title {
    margin-bottom: 0;
}
.character_aboutus04 .wrpper_abs_tex_gr_move {
    position: relative;
}
.character_aboutus04 .abs_tex_gr_move {
    left: -593px;
    z-index: 1;
}
.character_aboutus04 .abs_tex_gr_move p {
    margin: 0;
    line-height: 1;
    font-size: 200px;
    transform: rotate(90deg);
    font-weight: bold;
    letter-spacing: 0.01em;
    color: #f4f6fa;
}
.character_aboutus04:after {
    content: "";
    position: absolute;
    top: 60px;
    right: 0;
    width: 85%;
    height: calc(100% - 400px) !important;
    z-index: -1;
    background-color: #f4f6fa;
}
span.min {
    display: block;
    font-size: 13px;
    padding-top: 14px;
}


/* recruit */
.hiden {
  position: absolute;
  z-index: -100;
  opacity: 0;
}
.recruitpage .nav-right-content.none_991 a {
    background: #f2a265;
}
.recruitpage .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a:hover,
.recruitpage #leftnav.social-link>ul>li>a:hover,
.recruitpage .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover>a,
.recruitpage .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover a,
.recruitpage .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a,
.styleguidepage #leftnav.social-link>ul>li>a:hover,
.styleguidepage #nav_js #leftnav .nav_js_nav li.current-menu-item >a,
.styleguidepage #nav_js #leftnav .nav_js_nav li.current-menu-item li.current-menu-item a,
.styleguidepage .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
    color: #f2a265 !important;
}
.recruit_top .slider-content,
.styleguide .slider-content {
    padding-right: 100px;
}
.recruit_top .showcase-four .showcase-slider-content .scroll-next,
.styleguide .scroll-styleguide {
    right: 0%;
}
.recruit_top p {
    color: #807672;
}
.styleguide p {
    color: #807773;
}
.recruit_top .section-title p,
.styleguide .section-title p {
    padding-top: 30px;
    max-width: 100%;
    font-weight: 600;
}
.recruit_top .recruit_06 .section-title p,
.recruit_top .recruit_08 .section-title p {
    text-align: justify;
}
.recruit_top .showcase-four .showcase-slider-content,
.styleguide .showcase-four .showcase-slider-content {
    margin: 0;
}
.recruit_top .showcase-slider,
.styleguide .showcase-slider {
    display: block !important;
}
.recruit_top .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner,
.styleguide .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner {
    height: calc(100vh - 190px);
}
.recruit_top .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* padding-bottom: 70px; */
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.styleguide .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    /* padding-bottom: 70px; */
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* .recruit_top .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 70px;
    display: block;
    bottom: 0;
    background: url(../img2/back_nami_bottom.png);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 100%;
} */
.recruit_top .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img .showcase-inner-title {
    padding-top: 70px;
    padding-left: 100px;
}
.recruit_top .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img img {
    margin: 0 auto;
}
.recruit_top .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img img:first-child {
    margin-bottom: 40px;
}
.recruit_top .showcase-four .showcase-slider-content .slider-content .showcase-slider-section-four .showcase-inner .showcase-img img:last-child {
    max-width: 450px;
}
.recruit_00 .top-scroll-type-second,.recruit_00 .top-scroll-type-first {
    color: #ffffe7;
    opacity: 1;
}
.recruit_00 {
  position: relative;
}
.recruit_00.work-section .work-img::before {
    background-color: #ffffe7;
    border-radius: 15px;
}
.recruit_00.work-section .work-img {
    height: auto;
}
.recruit_00.work-section .work-img img {
    padding-top: 0;
}
.recruit_00.work-section .work-text-wrapper p::before {
    content: none;
}
.recruit_00 .top-scroll-type-wrap {
    top: 50px;
}
.recruit_00.work-section .work-text-wrapper {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.recruit_00.work-section .work-text-wrapper .work-text {
    padding-top: 45px;
}
.recruit_top .bth_gr button {
    background: #f2a265;
}
.line_s2 p.blank a, .line_s4 p.blank a, .styleguide .bth_gr button {
    background: #5ebf9f;
    width: 300px;
    height: 55px;
    border-radius: 50px;
}
.recruit_00 .p_img img,
.recruit_01 .p_img img {
    display: block;
    margin-left: auto;
}
.recruit_00 .p_img img.block_414 {
    display: none;
}
.recruit_00 .work-text p,
.recruit_01 .work-text p {
    line-height: 2.4;
}
.recruit_00 .work-text p.mb_0,
.recruit_01 .work-text p.mb_0 {
    margin-bottom: 0;
    display: block;
}
.recruit_01 {
  position: relative;
}
.recruit_01 .recruit01_img {
    bottom: 100px;
}
.recruit_01 .work-text p {
    padding-right: 70px;
    max-width: 500px;
}
.recruit_01 .work-text p.p_img {
    padding: 0;
}
.recruit_01.work-section .work-img img {
    padding: 0;
    padding-left: 60px;
    padding-right: 45px;
}
.recruit_01.work-section .work-img::before {
    content: none;
}
.recruit_01.work-section .work-text-wrapper {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-end;
}
.recruit_01.work-section .work-text-wrapper .work-text {
    padding-top: 0;
    width: 100%;
}
.recruit_03 {
    background: url(../img2/back.png);
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: top center;
    position: relative;
}

.recruit_03 .owl-carousel .owl-stage {
    display: flex;
}
.recruit_03 .owl-slide2 li.item,
.recruit_03 .owl-slide2 li.item .slide {
    height: 100%;
}

.recruit_04 img {
    width: 100%;
}
.recruit_05 .container {
    position: relative;
}
.recruit_05 .container:before,
.recruit_05 .container:after {
    content: "";
    height: 150px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    bottom: -15px;
    z-index: 1;
}
.recruit_05 .container:before {
    background-image: url(../img2/hotaru_left2.png);
    width: 190px;
    left: -25px;
}
.recruit_05 .container:after {
    background-image: url(../img2/kaede_right2.png);
    width: 145px;
    right: 35px;
}

.recruit_05_2 {
    background: #ffffe7;
    position: relative;
}
.recruit_05_2 .bg.abs {
    bottom: -60px;
    left: 0;
    width: 100%;
}
.recruit_05_2 .bg.abs img,
.recruit_07 .bg.abs img {
    width: 100%;
}
.recruit_06 .graf_warpper,
.recruit_07,
.recruit_09,
.recruit_11 {
    background: #ffffe7;
    position: relative;
}
.recruit_06 .graf_warpper {
    border-radius: 15px;
    padding: 50px;
    margin-top: 50px;
    width: 100%;
}
.recruit_06 .chartjs-render-monitor {
    pointer-events: none;
}
.recruit_06 .graf_warpper .counter_warpper,
.recruit_06 .graf_warpper .chart_warpper {
    display: flex;
    justify-content: space-between;
}
.recruit_06 .graf_warpper .counter_warpper .counter {
    padding: 45px 30px;
    background: #fff;
    width: calc(50% - 25px);
    text-align: center;
}
.recruit_06 .graf_warpper .chart_warpper {
    padding: 45px 60px;
    background: #fff;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    /* flex-wrap: wrap; */
    display: block;
    position: relative;
}
.recruit_06 .graf_warpper p.count-num {
    display: inline-block;
    font-size: 60px;
    font-weight: 700;
    margin: 30px 0px;
    line-height: 1;
    color: #f2a265;
    letter-spacing: 0.1em;
}
.recruit_06 .graf_warpper p.ushiro {
    display: inline-block;
    margin: 0;
    font-size: 26px;
    margin-left: 5px;
    color: #f2a265;
}
.recruit_06 .graf_warpper .chart_warpper .graf_title {
    width: 100%;
}
.recruit_06 .graf_warpper .chart_warpper .chart {
    padding-top: 30px;
}
.recruit_06 .graf_warpper .chart_warpper .chart_2 {
    width: 80%;
    display: block;
    margin: 0 auto;
    position: relative;
}
.recruit_06 .graf_warpper .chart_warpper .chart_2 img {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 32px);
}
.recruit_06 .graf_warpper .chart_warpper .chart_1,
.recruit_06 .graf_warpper .chart_warpper .chart_3 {
    width: 20%;
    position: absolute;
    left: 60px;
    bottom: 45px;
}
.recruit_06 .graf_warpper .chart_warpper .chart_3 {
    left: auto;
    right: 60px;
}
.recruit_06 .graf_warpper .chart_warpper .chart .graf_img img {
    max-width: 160px;
    display: block;
    margin: 0 auto;
}
.recruit_06 .graf_warpper .chart_warpper .chart_1 p {
    color: #9CCBE5;
}
.recruit_06 .graf_warpper .chart_warpper .chart_3 p {
    color: #f2a265;
}
.recruit_06 .graf_warpper .chart_warpper .chart_text p {
    text-align: center;
    font-size: 15px;
}
.recruit_06 .graf_warpper .chart_warpper p.count-num.mon {
    margin: 0;
    margin-bottom: 30px;
}
.recruit_06 .graf_warpper .graf_title {
    max-width: 280px;
    margin: 0 auto;
    width: 100%;
}

.recruit_07 .testi-title {
    position: relative;
}
.recruit_07 .testi-title:before,
.recruit_07 .testi-title:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: 75px;
    background-position: bottom;
    bottom: 50px;
}
.recruit_07 .testi-title:before {
    background-image: url(../img2/hotaru_left3.png);
    left: 50%;
    transform: translateX(calc(-50% - 230px));
}
.recruit_07 .testi-title:after {
    background-image: url(../img2/kaede_right3.png);
    right: 50%;
    transform: translateX(calc(-50% + 315px));
}
.recruit_07 .bg.abs:first-child {
    top: 0;
    background: #fff;
}
.recruit_07 .bg.abs:last-child {
    bottom: 0;
    background: #fff;
}
.recruit_07 .skill_4box {
    background: #fff;
    border-radius: 15px;
    text-align: center;
    padding: 30px 15px 25px;
    margin-bottom: 30px;
    margin-right: 30px;
}
.recruit_07 .skill_4box p {
    margin: 0;
    text-align: center;
    padding-top: 10px;
    letter-spacing: 0.15em;
}
.recruit_07 .skill_4box img {
    width: 65px;
}
.recruit_07 h5 {
    color: #f2a265;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.8;
}
.recruit_07 h5.mb_40 {
    margin-bottom: 35px;
}
.recruit_07 h5.mt_40 {
    margin-top: 35px;
}
.recruit_07 p.skill_text {
    margin-bottom: 0;
    letter-spacing: 0.15em;
}
.recruit_08 table.recruit_table {
    width: 50%;
    border-left: 2px solid #f2a265;
    padding-left: 30px;
    display: block;
}
.recruit_08 table.recruit_table.table_1 {
    padding-right: 70px;
    width: calc(50% + 30px);
}
.recruit_08 table.recruit_table.table_2 {
    width: calc(50% - 40px);
}
table.recruit_table tbody,
.recruit_08 table.recruit_table tbody tr {
    width: 100%;
}
table.recruit_table tbody {
    display: block;
}
.recruit_08 {
    background: url(../img2/back_white.png);
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: top center;
    position: relative;
}
.recruit_08 table.recruit_table tbody tr {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 35px;
}
.recruit_08 table.recruit_table tbody tr td:first-child {
    display: block;
    width: 120px;
}
.recruit_08 table.recruit_table tbody tr td:last-child {
    width: calc(100% - 120px);
}
.recruit_08 table.recruit_table tbody tr td p {
    margin-bottom: 0;
    letter-spacing: 0.17em;
}
.recruit_08 table.recruit_table tbody tr td p.mt_20 {
    margin-top: 20px;
}
.recruit_08 table.recruit_table tbody tr td p.mt_10 {
    margin-top: 10px;
}
.recruit_08 table.recruit_table tbody tr td:first-child p {
    color: #534741;
    font-weight: bold;
}
.recruit_09 .flow {
    background: #fff;
    border-radius: 15px;
    height: 100%;
    padding: 25px 20px;
}
.recruit_09 .flow p {
    margin-bottom: 0;
    letter-spacing: 0.15em;
}
.recruit_09 .flow .flow_title {
    text-align: center;
    color: #f2a265;
    font-size: 16px;
    margin: 15px 0 10px;
    font-weight: 700;
}
.recruit_11 .row .contact_02_01 {
    width: 100%;
    margin: 0 auto;
    padding: 60px 50px;
    background: #fff;
    text-align: center;
    margin-top: 45px;
}
.text_color.rec_f2a265 {
    color: #f2a265;
}
.recruit_11 {
    padding-bottom: 180px;
}
.recruit_11 .row .contact_02_01 p.contact_subtitle {
    text-align: center;
    margin-bottom: 30px;
    display: block;
    color: #333;
}
.recruit_11 .row .contact_02_01 p.contact_subtitle_2 {
    display: inline-block;
    margin-left: -60px;
}
.recruit_11 form#validate dl div label {
    display: block;
    text-align: left;
}
.recruit_11 form#validate dl div#btn_block {
    width: 100%;
}
.recruit_11 form#validate dl div p {
    text-align: center;
}
.recruit_11 form#validate dl div#btn_block input {
    background: #f2a265;
}
.fl_f2a265::first-letter {
    color: #f2a265;
}
.recruit_11 .testi-title {
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}
.recruit_11 .testi-title h2 {
    font-size: 70px;
}
.recruit_11 .abs.bottom,
.styleguide-section4 .abs.bottom {
    z-index: 1;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}
.recruit_top input[type="text"]:focus,
.recruit_top input[type="email"]:focus,
.recruit_top input[type="url"]:focus,
.recruit_top input[type="password"]:focus,
.recruit_top input[type="search"]:focus,
.recruit_top input[type="tel"]:focus,
.recruit_top input[type="number"]:focus,
.recruit_top input[type="button"]:focus,
.recruit_top input[type="reset"]:focus,
.recruit_top input[type="submit"]:focus,
.recruit_top input:focus, textarea:focus,
.recruit_top select:focus {
    outline: 1px solid #f2a265;
}
.recruitpage .back-to-top {
    background-color: #f3a265;
}

.recruit_11 .row .contact_02_01:before {
    position: absolute;
    width: calc(100% - 70px);
    height: calc(100% - 70px);
    background: #fff;
    /* content: ""; */
    left: 35px;
    top: 70px;
    opacity: 0.8;
    z-index: 10;
}
.recruit_11 .row .contact_02_01:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 30px;
    color: #666666;
    font-weight: bold;
    z-index: 11;
}
.recruit_11 form#validate * {
    /* pointer-events: none;
    cursor: none; */
}





ul.owl-carousel {
    padding: 0;
    margin: 0;
}
ul.owl-slide1,
ul.owl-slide1 .owl-stage-outer,
ul.owl-sg,
ul.owl-sg .owl-stage-outer {
    padding: 0;
    margin-bottom: 50px;
}
.owl-slide1 li.item.ham .slide_img {
    position: relative;
}
.owl-slide1 li.item.ham .abs {
    width: 45px;
    right: -35px;
    bottom: 0;
    transform: rotate(25deg);
    z-index: -1;
}
.owl-slide1 .owl-dots,
.owl-sg .owl-dots {
    display: flex;
    justify-content: center;
    width: 100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.owl-slide1 .owl-dots .owl-dot,
.owl-sg .owl-dots .owl-dot {
    margin: 0 5px;
}
.owl-slide1 .owl-dots>div span,
.owl-sg .owl-dots>div span {
    width: 14px;
    height: 20px;
    background: #e5e5e5;
    display: block;
    border-radius: 3px;
}
.styleguide .owl-sg .owl-dots>div span {
    background: #ffffff;
}
.owl-slide1 .owl-dots>div.active span,
.owl-sg .owl-dots>div.active span {
    background: #f2a265;
}
.styleguide .owl-sg .owl-dots>div.active span {
    background: #5ebf9f;
}
.owl-slide1 .owl-nav,
.owl-sg .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 300px;
    left: 50%;
    transform: translateX(-50%);
}
.fa::before {
    color: #f2a265;
}
.styleguide .fa::before {
    color: #5ebf9f;
}
.owl-nav > div,
.owl-dots span {
    cursor: pointer;
}
.owl-nav>div:hover {
    opacity: 0.7;
}
.owl-carousel li.item {
    list-style: none;
}
.owl-slide1 li.item {
    position: relative;
    padding-top: 20px;
    padding-right: 40px;
}
.owl-sg li.item {
    padding: 7px;
    background-color: #fff;
    border-radius: 5px;
    border: 3px solid #666666;
}
.owl-sg li.item .slide.slide_1 {
    padding: 50px;
    border-radius: 5px;
    border: 1px solid #666666;
    /* min-height: 575px; */
}
.owl-slide1 li.item:after {
    position: absolute;
    content: "";
    width: 30%;
    height: 40%;
    top: 0px;
    right: 15px;
    background: #f2a265;
    z-index: -1;
    border-radius: 15px;
    opacity: .7;
}
.owl-sg .slide_title {
    padding: 30px 0 25px;
}
.slide_title {
    padding: 20px 0 15px;
}
.slide_title img {
    max-width: 450px;
    display: block;
    margin: 0 auto;
}
.slide p {
    margin: 0;
}
.owl-sg .slide p {
    font-size: 13px;
    min-height: 104px;
    min-height: 0 !important;
}
.slide p a {
    display: block;
    color: #f2a265;
}
.owl-slide1 .slide_title img,
.owl-sg .slide_title img {
    max-width: 335px;
}
ul.owl-slide1,
ul.owl-sg {
    position: relative;
}
ul.owl-slide1:before,
ul.owl-slide1:after {
    content: "";
    width: 115px;
    height: 215px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    bottom: 60px;
}
ul.owl-slide1:before {
    background-image: url(../img2/hotaru_left.png);
    left: -215px;
}
ul.owl-slide1:after {
    background-image: url(../img2/kaede_right.png);
    right: -205px;
}
ul.owl-slide2 {
    width: calc(100% + 5px);
}
.owl-slide2 .slide_time span {
    font-size: 20px;
    color: #534741;
    font-weight: 700;
    letter-spacing: 0.1em;
}
.owl-slide2 .slide_time img {
    display: inline-block;
    width: 30px;
    margin-right: 15px;
    vertical-align: bottom;
}
.owl-slide2 li.item {
    padding-top: 120px;
}
.owl-slide2 li.item .slide {
    background: #fff;
    padding: 50px 25px 25px;
    border-radius: 15px;
}
.owl-slide2 li.item .slide .slide_img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.owl-slide2 li.item .slide .slide_title {
    padding: 10px 0 5px;
}
.owl-slide2 li.item .slide .slide_title p,
.owl-slide3 li.item .slide .slide_title p {
    font-size: 16px;
    color: #f2a265;
}
.owl-slide2 li.item .slide .slide_title p {
    text-align: center;
    font-weight: 700;
}
.recruit_03 .owl-slide2 li.item .slide .slide_title p {
    text-align: left;
}
.owl-slide3 li.item .slide .slide_title p {
    font-size: 18px;
    color: #f2a265;
}
.owl-slide2 .owl-controls,
.owl-slide3 .owl-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
.owl-slide2_2 .owl-controls {
    top: 35%;
}
.owl-slide2 .owl-controls .owl-prev,
.owl-slide2 .owl-controls .owl-next,
.owl-slide3 .owl-controls .owl-prev,
.owl-slide3 .owl-controls .owl-next {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: -70px;
    background: #f2a265;
    text-align: center;
}
.owl-slide2 .owl-controls .owl-next,
.owl-slide3 .owl-controls .owl-next {
    left: auto;
    right: -70px;
}
.owl-slide2 .fa::before,
.owl-slide3 .fa::before {
    color: #fff;
}
ul.owl-carousel.owl-slide3 {
    padding: 0 55px;
}
.owl-slide3 li.item .slide {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.owl-slide3 li.item .slide .slide_left {
    width: 65%;
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.owl-slide3 li.item .slide .slide_right {
    width: 35%;
    padding-top: 20px;
    position: relative;
    padding-left: 45px;
}
.owl-slide3 li.item .slide .slide_right .slide_img img {
    z-index: 1;
    position: relative;
}
.owl-slide3 li.item .slide .slide_right .slide_img:after {
    position: absolute;
    content: "";
    width: 45%;
    height: 65%;
    background: #f2a265;
    top: 0;
    right: 10px;
    z-index: 0;
    opacity: .7;
}
.owl-slide3 li.item .slide .slide_left .slide_title {
    padding-top: 0;
}
.owl-slide3 li.item .slide .slide_right {
    width: 35%;
    padding-top: 20px;
    position: relative;
}
.owl-slide3 li.item .slide .slide_left p.name {
    text-align: right;
    display: block;
    width: 100%;
}
.owl-slide3 li.item .slide .slide_left p.name span {
    display: block;
    color: #afafaf;
    letter-spacing: 0.01em;
}
.owl-slide2_2.owl-carousel .owl-stage {
    display: flex;
}
.owl-slide2_2 .owl-item {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 10px #ddd;
    border-radius: 15px;
    overflow: hidden;
}
.owl-slide2_2 li.item .slide .slide_title,
.owl-slide2_2 li.item .slide >p {
    padding-left: 20px;
    padding-right: 20px;
}
.owl-slide2_2 li.item .slide .slide_title {
    padding-top: 0;
}
.owl-slide2_2 li.item .slide >p {
    padding-bottom: 20px;
}
.owl-slide2_2 li.item .slide .slide_img {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
}
.owl-slide2_2 li.item {
    padding-top: 0;
    height: 100%;
}
.owl-slide2_2 li.item .slide {
    background: #fff;
    padding: 0;
    border-radius: 15px;
    height: 100%;
}
.owl-slide2_2 .owl-controls .owl-prev,
.owl-slide2_2 .owl-controls .owl-next {
    background: #fff;
}
.owl-slide2_2 .fa::before {
    color: #f2a265;
    font-size: 36px;
}




.recruit_03_bg:after,
.recruit_07_to_bg:after {
    background-image: url(../img2/back_nami_top2.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 117px ,80px;
    content: "";
    width: 100%;
    height: 80px;
    display: block;
}
.recruit_top .slick-slider .slick-track:after,
.styleguide .slick-slider .slick-track:after,
.recruit_05_2_bg,
.recruit_07_bottom_bg:after {
    background-image: url(../img2/back_nami_bottom2.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 117px ,80px;
    content: "";
    width: 100%;
    height: 80px;
    display: block;
    /* transform: rotate(180deg);
    -webkit-transform: rotate(180deg); */
}
p.recruit_complete00 {
    padding-top: 15px;
}
a.link_service {
  display: block;
}


/* bg */
.price_table_wrapper {
    background: #fff;
    box-shadow: 2px 2px 10px #ddd;
    padding: 30px;
}
.price_table_wrapper table, .price_table_wrapper tbody {
    display: block;
    width: 100%;
}
.price_table_wrapper tbody tr {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #01e2a0;
    padding: 0 20px 20px;
    margin-bottom: 20px;
}
.price_table_wrapper tbody tr:last-child {
    margin-bottom: 10px;
}
.price_table_wrapper tbody tr th, .price_table_wrapper tbody tr td {
    width: calc(100% / 3);
}
.price_table_wrapper tbody tr th {
    color: #01e2a0;
}


/*--------------------------------------------------------------
# ここから上島追記分
--------------------------------------------------------------*/
.kasouheader {
    padding: 165px 0 145px;
}
section.company_message h4.title {
    margin-bottom: 0;
}
section.company_message h4.title .box_animation {
    font-size: 27px;
    display: inline-block;
}
section.company_message p {
    margin-bottom: 0;
    padding-left: 15px;
}
section.company_message p:before {
    content: "";
    background: linear-gradient(to bottom, #44c5d8, #12d9b4);
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
}
section#company_para1 {
    background: url(../img2/para_1.jpg);
    position: relative;
    padding: 175px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
}
section#company_para2 {
    background: url(../img2/para_2.jpg);
    position: relative;
    padding: 175px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
section.company_outline_ac,
section.company_outline_ao {
    position: relative;
    padding-top: 70px;
}
section.company_outline_ac .sec-title,
section.company_outline_ao .sec-title {
    position: absolute;
    top: -80px;
    margin: 0;
    padding-top: 40px;
    background: #fff;
    left: 0;
    height: 80px;
    padding-right: 160px;
}
section.company_outline_ac table,
section.company_outline_ao table {
    line-height: 1.5em;
    border-left: 2px solid rgb(18, 217, 180);
    width: 100%;
}
section.company_outline_ao table {
    border-left: 2px solid #3bc5da;
}
section.company_outline_ac table th,
section.company_outline_ao table th {
    width: 30%;
    padding: 15px 15px 15px 30px;
    font-size: 15px;
    vertical-align: top;
    color: #333;
}
section.company_outline_ac table td,
section.company_outline_ao table td {
    width: 70%;
    padding: 15px;
    font-size: 14px;
}
section.company_outline_ac .sec-title h2,
section.company_outline_ao .sec-title h2 {
    margin-bottom: 0;
}
section.company_outline_ac .maparea,
section.company_outline_ao .maparea {
    height: 350px;
    margin-top: 50px;
}
.kasouheader_company .section-title .title span.abs {
    width: 70px;
    bottom: -20px;
    right: -45px;
}
.kasouheader.kasouheader_company {
    background-image: url(../img2/company_top.jpg);
}
.kasouheader_company .section-title .title::first-letter {
    color: #00d9b2;
}
.company_last h2#title01::first-letter {
    color: #00d9b2;
}
.company_last.top06 {
    background-image: url(../img2/footer_.png);
    background-repeat: no-repeat;
    background-position: top 45px center;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 600px;
}
.top06.company_last .typo {
    top: -20px;
    left: -65px;
    right: auto;
}
.company_last.creative-team-two .team-section .team-text {
    width: 100%;
    position: relative;
}
.company_last.creative-team-two .team-section .team-text .title {
    color: #484848;
    font-size: 15px;
    font-family: var(--body-font);
    font-weight: 600;
    padding: 20px 0;
    margin-bottom: 0;
    letter-spacing: 0.05em;
    text-align-last: center;
}
section.company_outline_ac h4 span, section.company_outline_ao h4 span {
    font-size: 42px;
}
section.company_outline_ac .sec-title p, section.company_outline_ao .sec-title p {
    color: #333;
    margin-bottom: 0;
    font-weight: 600;
}
section.company_outline_ac h4 span::first-letter {
    color: #00d9b2;
}
section.company_outline_ao h4 span::first-letter {
    color: #3bc5da;
}
#company .wrpper_abs_tex_gr_move {
    position: relative;
}
#company .abs_tex_gr_move {
    left: -435px;
    /* z-index: 1; */
    z-index: -1;
    /* top: 415px; */
    top: 1000px;
}
#company .abs_tex_gr_move p {
    margin: 0;
    line-height: 1;
    font-size: 180px;
    transform: rotate(90deg);
    font-weight: bold;
    letter-spacing: 0.01em;
    color: #f4f6fa;
}
#company .tex_gr_move {
    font-family: 'Montserrat','Noto Sans JP' !important;
}
.kasou_right section#company {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}
section.company_outline_ac {
    z-index: 2;
}


/* nav */
#nav_js #leftnav .nav_js_nav li.current-menu-item >a,
#nav_js .nav_js_nav li.current-menu-item li.current-menu-item a {
    color: #01e2a0 !important;
}
div#a_group {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 100px;
    margin-top: -100px;
}

/* mada */
.mada {
    cursor: auto;
    pointer-events: none !important;
    opacity: .8;
}
.mada.mada_opa {
    opacity: 1;
}
.no_link.photo-gallery .photography-slider .photo-slider-hover .photo-hover-content .photo-icon .title:after {
  content: none;
}
.no_link.photo-gallery .photography-slider .slick-list .slick-slide:before {
    height: 50px;
}
.photo-gallery .photography-slider .photo-slider-hover .photo-hover-content {
    padding-top: 50px;
    padding-left: 33px;
}

/* map */
.gm-style .gm-style-iw-c {
    padding: 12px 12px 10px 12px !important;
}
.gm-style-pbt {
    text-align: center;
    color: #fff !important;
}


/* modal */
body.fixed {
	position: fixed;
	width: 100%;
	/* height: 100%; */
	left: 0;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content {
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    max-width: 800px;
    min-width: 290px;
    text-align: center;
}
.modal__content p {
    text-align: center;
    font-size: 18px;
    color: #666666;
    margin-bottom: 25px;
}
.modal__content a {
    font-size: 14px;
    border-bottom: 1px solid #666666;
    display: inline-block;
    padding: 5px;
    margin-bottom: 1px;
}

.instagram-feed {
position: relative;
width: 100%;
height: 0;
    padding-top: 49%;
}

.instagram-feed iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
padding-left: 15px;
padding-right: 15px;
}



.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 800px;
  padding: 50px;
  background-color: #fff;
  z-index: 2;
  text-align: center;
    border-radius: 15px;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
    position: absolute;
    right: -50px;
    top: -50px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  z-index: 1;
  cursor: pointer;
}
.sp_add {
    display: none;
}
.popup-inner h3.popup-inner-title {
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 1.3em;
    letter-spacing: 0.05em;
    display: inline-block;
}
.popup-inner h3.popup-inner-title:after {
    content: "";
    display: block;
    width: 35px;
    height: 2px;
    background-color: #333;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
}
.popup-inner p.popup-inner-title {
    font-size: 15px;
    margin-bottom: 30px;
}
.row.d-flex.a-center {
    align-items: center;
}
.popup-inner a.popup-inner-btn {
    background: linear-gradient(to right, #44c5d8, #12d9b4);
    color: #FFF;
    padding: 13px 15px 15px;
    font-size: 14px;
    line-height: 1em;
    min-width: 140px;
    display: inline-block;
    border-radius: 20px;
    transition: background-color 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28), box-shadow 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 300ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.popup-inner a.popup-inner-btn:hover {
    transform: translateY(0.5em);
    transition: background-color 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out;
    opacity: 0.8;
}
.popup-inner a.popup-inner-btn:last-child {
    margin-left: 15px;
}
div.hotarukaede {
    position: absolute;
    bottom: 0;
    width: 160px;
    margin: 0 auto;
    right: 17%;
}
.row.d-flex.a-center .col-md-6:last-child {
    padding-bottom: 60px;
}
.styleguide-inner {
    background-color: #fffef7;
    padding: 120px 0 50px;
}
.styleguide-main img.main-visual {
    max-height: 702px;
}
.bg-rightyellow {
    background-color: #fffef7;
}
.styleguide-section1 {
    padding: 50px 0 110px;
    background-image: url(../img2/about_back.png);
    background-repeat: no-repeat;
    background-position: left 0 top 20px;
    background-size: 247px;
}
img.about_back {
    width: 247px;
    right: 5%;
    margin-top: -110px;
}
.styleguide-section1_2 {
    padding: 90px 0 120px;
    background-image: url(../img2/nami_cf.png),url(../img2/nami_cf2.png), url(../img2/line_back_dot.png);
    background-repeat: no-repeat,no-repeat, repeat;
    background-size: 100%,100%, 34px;
    background-position: top -1px center,center bottom, center;
}
.styleguide-sec1-inner.styleguide-section1_2-inner {
    max-width: 100%;
}
.styleguide-section1_2-inner p.flow1_image_text_p {
    background-image: none;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    font-size: 14px;
    padding-bottom: 0;
    line-height: 2.3;
}
.flow1_image_text_box {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
}
.styleguide-section1_2-inner .flow1_image_text_box p {
    background-image: none;
    font-size: 16px;
    letter-spacing: .1em;
    text-indent: .1em;
}
img.asiato1 {
    position: absolute;
    top: -100px;
    max-height: 173px;
    right: calc(50% + 580px);
}
img.asiato2 {
    position: absolute;
    top: -100px;
    max-height: 173px;
    right: calc(50% - 850px);
}
.n-section-title {
    margin-bottom: 50px;
    position: relative;
}
.n-section-title > img {
    max-width: 628px;
}
.n-section-title > img.abs1 {
    max-height: 46px;
    position: absolute;
    left: calc(50% - 450px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.n-section-title > img.abs2 {
    max-height: 46px;
    position: absolute;
    right: calc(50% - 450px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
img.flow1_image {
    max-width: 916px;
    margin: 0 auto;
    display: block;
    margin-bottom: 45px;
}
.styleguide-sec1-inner p {
    text-align: center;
    color: #807773;
    font-weight: 600;
    font-size: 18px;
    /* border-bottom: 1px dashed #534741; */
    padding-bottom: 5px;
    margin-bottom: 15px;
    letter-spacing: 0.25em;
    text-indent: 0.25em;
    background-image: linear-gradient(to right, #534741 6px, transparent 6px);
    background-size: 12px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;
    display: inline-block;
}
.styleguide-sec1-inner p.block_991 {
    display: none;
}
.styleguide-sec1-inner p span {
    color: #f2a266;
}
.styleguide-sec1-inner {
    max-width: 955px;
    margin: 0 auto;
    text-align: center;
}
.styleguide-sec1-inner p:last-child {
    margin-bottom: 0;
}
.styleguide-sec1-inner2 {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.styleguide-sec1-child {
    position: relative;
    width: calc(50% - 30px);
    background-color: #fff;
    border: 1px dashed #534741;
    border-radius: 10px;
    padding: 60px 50px;
    text-align: center;
}
.styleguide-sec1-child img:nth-child(2) {
    max-height: 27px;
    margin: 35px 0 30px;
}
.styleguide-sec1-child p {
    color: #807773;
    margin-bottom: 0;
    line-height: 2.2;
}
.styleguide-sec1-child img:last-child {
    position: absolute;
    top: -27px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    max-height: 53px;
}
.styleguide-section2 {
    padding: 90px 0 125px;
    background-color: #cee9e0;
    position: relative;
}
.styleguide-section3 {
    position: relative;
    padding: 130px 0 360px;
    background-image: url(../img2/green_nami.png), url(../img2/flow_hearing_back.png), url(../img2/line_back_dot.png);
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 100%, 100%, 34px;
    background-position: center top, center bottom, center;
}
.styleguide-sec3_1-inner {
    background: #fff;
    margin-top: 40px;
    position: relative;
    border-radius: 10px;
    padding: 35px;
    border-radius: 10px;
    border: 1px dashed #000;
    /* background-image: repeating-linear-gradient(90deg, #000000, #000000 12px, transparent 12px, transparent 16px), repeating-linear-gradient(180deg, #000000, #000000 12px, transparent 12px, transparent 16px), repeating-linear-gradient(90deg, #000000, #000000 12px, transparent 12px, transparent 16px), repeating-linear-gradient(180deg, #000000, #000000 12px, transparent 12px, transparent 16px); */
    /* background-position: left top, right top, left bottom, left top; */
    /* background-repeat: repeat-x, repeat-y, repeat-x, repeat-y; */
    /* background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; */
}
.styleguide-sec3_1-inner:last-child {
    padding: 65px 40px;
    margin-top: 60px;
}
.styleguide-sec3_1-inner img.abs2 {
    width: 90px;
    position: absolute;
    right: 3%;
    bottom: -20px;
}
.styleguide-sec3_1-inner img.abs1 {
    width: 112px;
    position: absolute;
    left: 2%;
    bottom: -20px;
}
.styleguide-sec3_1-inner img.title {
    max-width: 320px;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
}
.styleguide-sec3_1-inner p {
    margin-bottom: 0;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 2.35;
}
.styleguide-sec3_1-inner img.flow_list_ul.none_767 {
    max-width: 888px;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 60px;
}
.styleguide .styleguide-section3 .section-title p {
    max-width: 100%;
    letter-spacing: .1em;
    line-height: 2.35;
}
.styleguide .styleguide-section3 .section-title p span.orange {
    color: #F2A266;
}
.styleguide-section3 > img.abs1 {
    position: absolute;
    top: -70px;
    max-height: 137px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.styleguide-sec3-inner {
    margin-top: 50px;
    position: relative;
}
.styleguide-section2 .section-title img,
.styleguide-section3 .section-title img,
.styleguide-section4 .section-title img {
    max-height: 108px;
}
.styleguide-section2 .section-title img.flow_step_subtitlw {
    max-width: 580px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}
.styleguide-section2 .btn-wrapper {
    display: block;
    width: 100%;
    margin-top: 35px;
}
.styleguide-section2 .btn-wrapper p {
    text-align: center;
}
.styleguide-sec3-inner img.abs1 {
    position: absolute;
    bottom: 30px;
    left: -185px;
    max-height: 230px;
}
.styleguide-sec3-inner img.abs2 {
    position: absolute;
    bottom: 30px;
    right: -170px;
    max-height: 194px;
}
.styleguide-section4 {
    padding: 120px 0 180px;
    background-color: #fffef7;
    position: relative;
}
.styleguide-section4.vm-section {
    padding: 0 0 150px;
    background-image: url(../img2/nami_cf2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom -1px;
}
/* .styleguide-section4.vm-section .section-title p br {
    display: block;
} */
.styleguide-section4.vm-section .mb_130 {
    margin-bottom: 130px;
}
.illustration_touch:not(:last-child) {
    margin-bottom: 50px;
}
.vm_sec_child {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.vm_sec_child .vm_sec_child_item {
    width: calc(50% - 30px);
    background: #fff;
    position: relative;
    margin-top: 70px;
    border: 3px solid #534741;
    border-radius: 5px;
}
.vm_sec_child .vm_sec_child_item_l {
    width: 100%;
    background: #fff;
    position: relative;
    margin-top: 80px;
    border: 3px solid #534741;
    border-radius: 5px;
}
.vm_sec_child .vm_sec_child_item .vm_sec_child_item_inner,
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_inner {
    border: 1px solid;
    margin: 7px;
    border-radius: 4px;
}
.vm_sec_child .vm_sec_child_item_inner img.abs {
    max-width: 340px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: -26px;
}
.vm_sec_child .vm_sec_child_item .vm_sec_child_item_inner .vm_sec_child_item_detail {
    padding: 60px 45px 40px;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_inner .vm_sec_child_item_detail {
    padding: 70px;
}
.vm_sec_child .vm_sec_child_item .vm_sec_child_item_inner .vm_sec_child_item_detail_img {
    margin-bottom: 35px;
}
.vm_sec_child .vm_sec_child_item .vm_sec_child_item_inner .vm_sec_child_item_detail_title img {
    max-width: 390px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.vm_sec_child .vm_sec_child_item .vm_sec_child_item_inner p.vm_sec_child_item_detail_text,
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_inner p.vm_sec_child_item_detail_text {
    margin-bottom: 0;
    line-height: 2.2;
    letter-spacing: .1em;
    font-weight: 500;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail .vm_sec_child_item_l_detail1,
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail .vm_sec_child_item_l_detail4 {
    align-items: initial;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_l_detail1>div,
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_l_detail2>div,
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_l_detail3>div {
    width: calc(50% - 40px);
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_l_detail4>div {
    width: calc(100% / 3 - 55px);
}
.vm_sec_child_item_l_detail1 .vm_sec_child_item_detail_text_outer img:nth-child(1) {
    max-width: 373px;
    margin-bottom: 20px;
}
.vm_sec_child_item_l_detail1 .vm_sec_child_item_detail_text_outer img:nth-child(2) {
    max-width: 456px;
    margin-bottom: 30px;
    width: 100%;
}
.vm_sec_child_item_l_detail1 .vm_sec_child_item_detail_text_outer img:nth-child(3) {
    max-width: 151px;
    margin-bottom: 20px;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail .vm_sec_child_item_l_detail2 {
    border-bottom: 1px solid #807773;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail .vm_sec_child_item_l_detail3 {
    border-bottom: 1px solid #807773;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail>div:not(:last-child) {
    margin-bottom: 40px;
    padding-bottom: 40px;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail>div.vm_sec_child_item_l_detail1 {
    padding-bottom: 0;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail>div img.cn {
    height: 20px;
    margin-bottom: 20px;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail>div:not(.vm_sec_child_item_l_detail3) img.cn {
    margin-top: 30px;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail>div:not(:first-child) p.vm_sec_child_item_detail_text {
    line-height: 1.8;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail .vm_sec_child_item_l_detail2>div:not(:last-child),
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail .vm_sec_child_item_l_detail4>div:not(:last-child) {
    position: relative;
}
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail .vm_sec_child_item_l_detail2>div:not(:last-child):after,
.vm_sec_child .vm_sec_child_item_l .vm_sec_child_item_detail .vm_sec_child_item_l_detail4>div:not(:last-child):after {
    content: "";
    width: 1px;
    height: 100%;
    background: #807773;
    position: absolute;
    top: 0;
    right: -40px;
}
.line_s4 .n-section-title > img.abs1 {
    max-height: 46px;
    position: absolute;
    left: calc(50% - 335px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.line_s4 .n-section-title > img.abs2 {
    max-height: 46px;
    position: absolute;
    right: calc(50% - 340px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.line_s4 {
    padding: 120px 0 180px;
    position: relative;
}
.line_s4 .n-section-title > img {
    max-width: 460px;
}
.line_s4 .n-section-title {
    margin-top: 70px;
}
.line_s4 .styleguide-sec1-inner2 {
    position: relative;
    margin-top: 70px;
}
.line_s4 img.abs_l {
    position: absolute;
    top: -157px;
    width: 133px;
    left: 0;
}
.line_s4 img.abs_r {
    position: absolute;
    top: -149px;
    width: 109px;
    right: 0;
}
.line_s4 .styleguide-sec1-child {
    position: relative;
    width: calc(50% - 30px);
    padding: 7px;
    background-color: #fff;
    border-radius: 5px;
    border: 3px solid #666666;
}
.line_s4 .styleguide-sec1-child-child {
    padding: 45px;
    border-radius: 5px;
    border: 1px solid #666666;
    text-align: center;
}
.line_s4 .styleguide-sec1-child.mb_70 {
    margin-bottom: 70px;
}
.line_s4 .styleguide-sec1-child img:last-child {
    max-height: 54px;
}
.line_s4 .styleguide-sec1-child p.bth_gr {
    margin-top: 30px;
    text-align: center;
}
.line_s4 .styleguide-sec1-child p:not(.bth_gr) {
line-height: 2.3;
font-size: 14px;
letter-spacing: .1em;
text-align: justify;
font-feature-settings: "palt" 1;
}
.line_s4 p.btn_kira a,
.line_s4 p.btn_kira .btn-splatter {
    letter-spacing: 0.05em;
}
.line_s4 > img.abs1 {
    position: absolute;
    top: -100px;
    max-height: 173px;
    right: calc(50% + 580px);
}
.line_s4 > img.abs2 {
    position: absolute;
    top: -100px;
    max-height: 173px;
    right: calc(50% - 850px);
}
.styleguide .scroll-styleguide {
    bottom: 100px;
}
.styleguide-section4.vm-section .section-title p {
    max-width: 100%;
    line-height: 2.35;
    letter-spacing: .1em;
}
.illstrationtouch-section .section-title p {
    text-align: justify;
    line-height: 2.3;
}
.styleguide-section4 .accordion-single-item {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 0 rgb(242 162 102 / 20%);
    position: relative;
    top: 0;
    left: 0;
    transition: all .3s;
    border: 2px solid #ffefe0;
}
.styleguide-section4 .accordion-single-item:not(:last-child) {
    margin-bottom: 30px;
}
.styleguide-section4 .accordion-single-item h2 {
    border: none;
    margin-bottom: 0;
    text-align: justify;
    position: relative;
    padding: 30px;
    letter-spacing: 0.2em;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 700;
    cursor: pointer;
}
.styleguide-section4 .accordion-single-item.js-acc-item h2.accordion-single-title:before {
    content: "" !important;
    width: 26px;
    height: 18px;
    position: absolute;
    top: 50%;
    /* right: 30px; */
    right: 40px;
    background-image: url(../img2/yajirushi.png);
    transition: all .3s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 26px;
    transform: translateY(-50%);
}
.styleguide-section4 .accordion-single-item.js-acc-item.is-open h2.accordion-single-title:before {
    transform: rotate(180deg);
    top: calc(50% - 10px);
}
.styleguide-section4 img.textimg {
    width: 35px;
    position: absolute;
    top: 31px;
    left: 35px;
}
.styleguide-section4 .accordion-single-item h2 span {
    display: block;
    padding-left: 55px;
    padding-right: 45px;
    color: #f2a266;
}
.styleguide-section4 .accordion-single-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out;
}
.styleguide-section4 .accordion-single-item.is-open .accordion-single-content {
    /* max-height: 150px; */
    max-height: none;
}
.styleguide-section4 .accordion-single-content-inner {
    padding: 0 40px 40px 30px;
    position: relative;
}
.styleguide-section4 .accordion-single-content p {
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 0.2em;
    display: block;
    padding-left: 55px;
    border-top: 1px solid #f2a266;
    padding-top: 30px;
    line-height: 2;
    font-size: 15px;
    color: #807773;
}
.styleguide-section4 .accordion-single-content p span {
    color: #f2a266;
}
.styleguide-section4 .accordion-single.js-acc-single {
    margin-top: 50px;
    position: relative;
}
.styleguide-section4 .accordion-single.js-acc-single img.abs1 {
    position: absolute;
    max-height: 172px;
    top: -172px;
    left: 150px;
}
.styleguide-section4 .accordion-single.js-acc-single img.abs2 {
    position: absolute;
    max-height: 172px;
    top: -172px;
    right: 180px;
}
.styleguide-section4 > img.abs1 {
    position: absolute;
    top: -100px;
    max-height: 173px;
    right: calc(50% + 580px);
}
.styleguide-section4 > img.abs2 {
    position: absolute;
    top: -100px;
    max-height: 173px;
    right: calc(50% - 850px);
}
.styleguide-section2 .row_owl {
    padding: 0 60px;
    margin-top: 50px;
}
.styleguide-section2.line_s2 .owl-sg li.item {
    margin-top: 40px;
}
.styleguide-section2.line_s2 .owl-carousel .owl-item .item>img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    max-height: 98px;
    width: auto;
}
.owl-sg .slide p span.hidden {
    opacity: 0;
    pointer-events: none;
    color: #fff;
}
ul.owl-sg .owl-controls {
    line-height: 1em;
}

@media (min-width: 992px) {
.instagram-feed iframe.tb-instaframe {
    display: none;
}
}

@media (max-width: 991px) {
.popup-inner {
    max-width: 690px;
    padding: 40px;
    width: 100%;
}
.popup-inner a.popup-inner-btn {
    padding: 13px 10px 15px;
    font-size: 13px;
    min-width: 130px;
}
.popup-inner p.popup-inner-title {
    font-size: 14px;
}
.close-btn {
    right: 0;
}
div.hotarukaede {
    width: 140px;
    right: 16%;
}
.row.d-flex.a-center .col-md-6:last-child {
    padding-bottom: 50px;
}
.popup-inner p.popup-inner-title {
    margin-bottom: 20px;
}
.instagram-feed iframe.pc-instaframe {
    display: none;
}
.instagram-feed {
    padding-top: 96%;
}
section.photo-gallery.creative-team-two.padding-top-100.padding-bottom-170.top05-2.officer {
    padding-top: 0;
    padding-bottom: 120px;
}
section.photo-gallery.creative-team-two.padding-top-100.padding-bottom-170.top05-2.officer:after {
    top: 0;
}
.top05 .container {
    padding-right: 15px;
}
}

@media (max-width: 767px) {
.popup-inner {
    max-width: 500px;
    padding: 30px;
}
.popup-inner h3.popup-inner-title {
    font-size: 22px;
    margin-bottom: 30px;
    margin-top: 15px;
}
.popup-inner h3.popup-inner-title:after {
    width: 30px;
    bottom: -15px;
}
.popup-inner p.popup-inner-title {
    font-size: 14px;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}
.popup-inner img {
    width: 80%;
}
div.hotarukaede {
    width: 160px;
    right: 0;
    left: 0;
}
.row.d-flex.a-center .col-md-6:last-child {
    padding-bottom: 65px;
}
.instagram-feed {
    padding-top: 95%;
}
section.photo-gallery.creative-team-two.padding-top-100.padding-bottom-170.top05-2.officer {
    padding-bottom: 100px;
}
}

@media (max-width: 575px) {
section.photo-gallery.creative-team-two.padding-top-100.padding-bottom-170.top05-2.officer {
    padding-top: 20px;
}
section.photo-gallery.creative-team-two.padding-top-100.padding-bottom-170.top05-2.officer:after {
    top: 20px;
}
}

@media (max-width: 540px) {
.close-btn {
    right: 0;
}
.pc_add {
  display: none;
}
.sp_add {
  display: block;
}
.popup-inner {
    width: 75%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.popup-inner img {
    width: 100%;
}
div.hotarukaede {
    width: 130px;
}
}

@media (min-width: 480px) {
.instagram-feed iframe.sp-instaframe {
    display: none;
}
}

@media (max-width: 479px) {
.popup-inner h3.popup-inner-title {
    font-size: 20px;
}
.popup-inner p.popup-inner-title {
    font-size: 13px;
    letter-spacing: 0.1em;
}
.popup-inner a.popup-inner-btn {
    padding: 12px 10px 14px;
    font-size: 12px;
    min-width: 120px;
}
.popup-inner a.popup-inner-btn:last-child {
    margin-left: 10px;
}
.instagram-feed iframe.tb-instaframe {
    display: none;
}
.instagram-feed {
    padding-top: 141%;
}
}

@media (max-width: 440px) {
.popup-inner {
    width: 80%;
}
}

@media (max-width: 414px) {
.popup-inner a.popup-inner-btn {
    padding: 8px 6px 10px;
    min-width: 110px;
}
.popup-inner {
    width: 75%;
    padding: 25px;
}
.popup-inner p.popup-inner-title {
    line-height: 1.5em;
    margin-bottom: 10px;
}
.close-btn {
    width: 20px;
    height: 20px;
    top: -35px;
}
div.hotarukaede {
    width: 110px;
}
.row.d-flex.a-center .col-md-6:last-child {
    padding-bottom: 50px;
}
}

@media (max-width: 375px) {
.instagram-feed {
    padding-top: 140%;
}
.popup-inner a.popup-inner-btn:last-child {
    margin-left: 5px;
}
.popup-inner a.popup-inner-btn {
    padding: 8px 6px 10px;
    min-width: 100px;
}
.popup-inner {
    padding: 20px;
}
.row.d-flex.a-center .col-md-6:last-child {
    padding-bottom: 55px;
}
}

@media (max-width: 340px) {
.popup-inner {
    padding: 15px;
    width: 80%;
}
.instagram-feed {
    padding-top: 139%;
}
.row.d-flex.a-center .col-md-6:last-child {
    padding-bottom: 60px;
}
}

@media (max-width: 320px) {
.popup-inner h3.popup-inner-title {
    font-size: 18px;
    margin-bottom: 20px;
}
.popup-inner h3.popup-inner-title:after {
    width: 25px;
    bottom: -10px;
}
.popup-inner p.popup-inner-title {
    font-size: 12px;
}
.row.d-flex.a-center .col-md-6:last-child {
    padding-bottom: 50px;
}
div.hotarukaede {
    width: 95px;
}
.close-btn {
    width: 15px;
    height: 15px;
    top: -30px;
}
}

@media (max-width: 1499px) {
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {
    margin-left: 30px;
}
}

@media (max-width: 1199px) {
.nav-right-content.none_991 a {
    padding: 16px 30px 14px;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {
    margin-left: 20px !important;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav>li:first-child {
    margin: 0 !important;
}
}

@media (max-width: 991px) {
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {
    margin-left: 40px !important;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav>li:first-child {
    margin-left: 40px !important;
}
}

@media (max-width: 414px) {
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {
    margin-left: 30px !important;
}
.navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav>li:first-child {
    margin-left: 30px !important;
}
}