@charset "utf-8";
/*
Theme Name:nenne
Theme URI:
Description:
Author:
Author URI:
Version:20220321
Text Domain:
*/




/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
iframe { max-width:100%; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
img {vertical-align: top;}

.clearfix::after { display:block; clear:both; content:""; }


html {  }
body {  font-family: "Sawarabi Mincho" !important; 
      font-size:14px; line-height:1; width:100%; position:relative; -webkit-font-smoothing:antialiased; overflow-wrap: break-word; 
      background: #6d41a1;
     
     }
.pc body.admin-bar { padding-top:32px; }
a { text-decoration:none; color:#000; }
a, a:before, a:after, input {
  -webkit-transition-property:background-color, color;
  -webkit-transition-duration:0.2s;
  -webkit-transition-timing-function:ease;
  transition-property:background-color, color;
  transition-duration:0.2s;
  transition-timing-function:ease;
}
.clear { clear:both; }
.hide { display:none; }
.post_content { word-wrap: break-word; }




#container {position:relative;height:100%;z-index: 1;overflow: hidden;}
#header.is-animation+#container {
 /* padding: 82px 0px 0px 0px; */
}
#main_contents {
  width:1130px; margin:0 auto; /*padding:0 0 150px;*/ position:relative;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#main_col {width: 100%;-webkit-box-sizing:border-box;box-sizing:border-box;background: #fff;padding: 0px 0px 110px 0px;}
#side_col { width:340px; padding: 60px 0px 60px 40px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#side_col > .inner { margin-top: -40px; height:100%; }

#main_contents {
  width:100%;
  margin:0;
  display:block;
  background: #fff;
  padding: 0px 0px 0px 0px;
}

#main_contents > .inner {
  max-width:1130px; width:100%; margin:0 auto; position:relative;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}





.archive_header_title_wrap {
  width:100%; height:80px;
}
#archive_header_title {
  width:100%; position:relative; z-index:50;
}
#archive_header_title .inner {
  max-width:1130px; width:100%; margin:0 auto;
  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#archive_header_title .image_wrap {
  padding-right:25px; height:70px; margin-top:5px; position:relative;
  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
  -ms-align-items:center; -webkit-align-items:center; align-items:center;
}
#archive_header_title .image { max-height:40px; width:auto; }
#archive_header_title .box_icon {
  width:0.9em; height:1em; transform: scale(0.7); transform-origin: left; margin-right: -20px;
}

#archive_header_title .title {
  color:#fff; font-size:30px; height:80px; line-height:80px;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:600;
}

#archive_header_title.is_fixed { position:fixed; top:0px; left:0px; z-index: 100; }

.page_header_fix .archive_header_title_wrap { position:sticky; top:0; left:0; z-index:50; }
.page_header_fix #bread_crumb { position: sticky; top:80px; left:0; z-index:50; }

.archive_desc { line-height:2.4; margin:-10px 50px 90px; text-align:center; }

#bread_crumb { position:relative; z-index:3; width:100%; background:#fff; }
#bread_crumb:after {
  content:''; display:block; width:100%; height:3px;
  position:absolute; left:0; bottom: -3px;
  background: -moz-linear-gradient(bottom, rgb(0 0 0 / 10%), rgb(0 0 0 / 1%));
  background: -webkit-linear-gradient(bottom, rgb(0 0 0 / 10%), rgb(0 0 0 / 1%));
  background: linear-gradient(to bottom, rgb(0 0 0 / 10%), rgb(0 0 0 / 1%));
}

#bread_crumb ul { width:1130px; margin:0 auto; padding:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; visibility:visible; }
#bread_crumb li { display:inline; font-size:14px; margin:0 10px 0 0; padding:0 20px 0 0; position:relative; }
#bread_crumb li:after {

  display:inline-block; line-height:60px; height:60px;
	position:absolute; right:0px; bottom:-23px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#bread_crumb li:last-of-type:after { display:none; }
#bread_crumb, #bread_crumb li.last { }
#bread_crumb li a {
	color:#000; height:60px; line-height:60px; display:inline-block;
}

#bread_crumb li.category a { display:none; }
#bread_crumb li.category a:first-of-type, #bread_crumb li.category a:only-of-type { display:inline-block; }
#bread_crumb li.home a { position:relative; width:16px; }
#bread_crumb li.home a span { opacity:0; }
#bread_crumb li.home a:before {
  display:inline-block; height:100%; line-height:1; top:0px; position:relative;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}






#news_archive { width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }

#news_archive_list .item { height:calc(355px * 0.56); position:relative; margin-bottom:20px; }
#news_archive_list .item:last-of-type { margin-bottom:0px; }
#news_archive_list .link {
  width:100%; height:100%; border-radius: 10px; overflow: hidden;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-align-items:center; -webkit-align-items:center; align-items:center;
}

#news_archive_list .image_wrap {
  width:355px; height:100%; overflow: hidden;
  border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
#news_archive_list .image { width:100%; height:100%; }
#news_archive_list .content {
  width:calc(100% - 355px); height: 100%; position: relative;
  border: 1px solid #ddd; border-left:none;
  border-top-right-radius: 10px; border-bottom-right-radius: 10px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
#news_archive_list .content > .inner {
  position: absolute; top: 50%; padding: 0 30px;
  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}

#news_archive_list .date { padding-left:20px; margin-bottom:15px; }
#news_archive_list .title { font-size:20px; font-weight:600; line-height:1.6; max-height:3.2em; }

#news_archive_list .link:hover .title { }

#news_archive_list.no_thumbnail .item { height:145px; }
#news_archive_list.no_thumbnail .content { width:100%; border-left:1px solid #ddd; border-radius: 10px; }
#news_archive_list.no_thumbnail .content > .inner { padding:0 50px; }
#news_archive_list.no_thumbnail .date { margin-bottom:10px; }
#news_archive_list.no_thumbnail .title { max-height: 1.6em; }
#news_archive_list.no_thumbnail .title span { -webkit-line-clamp: 1; }

#single_news { }
#single_news #article { }
#news_title { margin-bottom: 35px; padding-bottom: 0px; }
#news_title .meta_top {
  margin: 0 0 12px 0;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -ms-align-items:center; -webkit-align-items:center; align-items:center;
}
#news_title .date { padding-left:20px; }
#news_title .update { padding: 0 0 0 29px; }
#news_title .title { font-size:28px; line-height:1.6; }

#news_image { width:100%; height:420px; position:relative; margin:0 0 40px; }
#news_image .image { width:100%; height:100%; }


#news_next_prev_post {
  margin:45px auto 0; width:100%;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#news_next_prev_post .item {
  height:122px; width:50%; position:relative; border: 1px solid #ddd;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#news_next_prev_post .item:only-of-type { padding-left:0; }
#news_next_prev_post a { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
#news_next_prev_post .image_wrap { display:none; }
#news_next_prev_post .title_area { display:block; position:absolute; left:0px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#news_next_prev_post .title_area { padding:0 30px; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#news_next_prev_post .title {
  position:relative; padding-left:35px; font-weight:600; color:#000;
  font-size:16px; line-height:1.6; max-height:3.2em; overflow:hidden; visibility:visible;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  word-wrap:break-word; word-break:break-all;
}
#news_next_prev_post .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#news_next_prev_post .nav { display:none; }
#news_next_prev_post .next_post .title { padding:0 35px 0 0; }
#news_next_prev_post .title:after {
  z-index:10; position:absolute; left:-3px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);

  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#news_next_prev_post .prev_post .title:after { content:'\e90f'; }
#news_next_prev_post .next_post .title:after { content:'\e910'; left:auto; right:-4px;}
#news_next_prev_post .prev_post { border-right:none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#news_next_prev_post .next_post { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
#news_next_prev_post .prev_post:only-of-type { border-right:solid 1px #ddd; }
#news_next_prev_post .next_post:only-of-type { margin-left: auto; }
#news_next_prev_post a:hover .title { }

#recent_news { width:100%; margin:50px auto 0; }
#recent_news .headline {
  font-size:22px; line-height: 1.6; margin-bottom:20px;
 
}
#recent_news_list {  }
#recent_news_list .item { height:calc(230px * 0.56); position:relative; margin-bottom:20px; }
#recent_news_list .item:last-of-type { margin-bottom:0px; }

#recent_news_list .link {
  width:100%; height:100%; border-radius:10px; overflow: hidden;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-align-items:center; -webkit-align-items:center; align-items:center;
}
#recent_news_list .image_wrap {
  width:230px; height:100%; overflow: hidden;
  border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
#recent_news_list .image { width:100%; height:100%; }
#recent_news_list .content {
  width: calc(100% - 230px); height: 100%; position: relative;
  border: 1px solid #ddd; border-left:none;
  border-top-right-radius: 10px; border-bottom-right-radius: 10px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
#recent_news_list .content > .inner {
  position: absolute; top: 50%; padding: 0 30px;
  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#recent_news_list .title { font-size:20px; font-weight:600; line-height:1.6; max-height:3.2em; }
#recent_news_list .date { padding-left:20px; margin-top: 10px; }
#recent_news_list .date.sp { display:none; }


#recent_news_list.no_thumbnail .title { line-height:1; height:1em; }
#recent_news_list.no_thumbnail .title span { -webkit-line-clamp: 1; }
#recent_news_list.no_thumbnail .date.sp { display:block; margin:0 0 15px 0; }
#recent_news_list.no_thumbnail .date.pc { display:none; }
#recent_news_list.no_thumbnail .content { width:100%; border-left:1px solid #ddd; border-radius:10px; }
#recent_news_list.no_thumbnail .content > .inner { padding:0 50px; }


.post_archive_form_area { background: #f4f4f4; padding:50px 0px; }

#post_archive { padding:100px 0px 150px; }
#post_archive .inner { max-width:1130px; width:100%; margin: 0 auto; }

#post_archive .content { text-align: center; margin-bottom:60px; overflow: hidden; }
#post_archive .headline {
  font-size: 34px; line-height:1.6; 
}
#post_archive .headline span { display:block; margin:-0.3em 0; }
#post_archive .headline + .description { margin-top: 40px; }
#post_archive .description { line-height:2; overflow: hidden; }
#post_archive .description span { display:block; margin:-0.5em 0; }

#post_archive .category_list {}

#post_archive .item { width:100%; height:200px; margin-bottom: 30px; }
#post_archive .item:last-of-type { margin-bottom:0px; }

#post_archive .link {
  border-radius: 10px; border: 1px solid #ddd; height: 100%;
  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
  -ms-align-items:center; -webkit-align-items:center; align-items:center;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-sizing: border-box; box-sizing: border-box;
}

#post_archive .image_wrap {
  width:200px; height:200px;  position: relative; overflow: hidden;
  margin-top: -1px; margin-left: -1px; border-radius: 10px 0px 0px 10px;
}
#post_archive .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
#post_archive .content_wrap {
  width: calc(100% - 200px); padding:0 50px;
  -webkit-box-sizing: border-box; box-sizing: border-box;
}
#post_archive .content_wrap.no_thumbnail { width:100%; }
#post_archive .title {
  font-size:28px; line-height:1.6;
}
#post_archive .desc { color:#000; line-height:2; max-height:4em; margin-top:10px; }
#post_archive .desc.sp { display:none; }
#post_archive .link:hover .title { }


#post_category_archive { padding:100px 0px 150px; }
#post_category_archive .inner { max-width:1130px; width:100%; margin: 0 auto; }
#post_category_archive .category_group { margin-bottom:95px; }
#post_category_archive .category_group:last-of-type { margin-bottom:0px; }
#post_category_archive .content_wrap { margin-bottom: 50px; overflow: hidden; }
#post_category_archive .headline {
  font-size:28px; 
  line-height: 1.6;
  opacity:1; transition: opacity 0.3s ease;
}
#post_category_archive .headline a { display:inline-block; padding-left:20px; color:inherit; }
#post_category_archive .headline:hover { opacity:0.5; }
#post_category_archive .description { line-height: 2; padding:0px 25px; }
#post_category_archive .description span { display:block; margin:-0.5em 0; }
#post_category_archive .headline + .description { margin-top:30px; }
#post_category_archive .post_list {
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  margin: -30px 0px 0px -30px;
}
#post_category_archive .item {
  width:calc(100% / 2 - 30px); margin: 30px 0px 0px 30px; border-radius:10px;
}
#post_category_archive .item.no_desc { height:auto; }
#post_category_archive .link {
  display:block; width:100%; height:100%;
  padding:30px; border:solid 1px #ddd; border-radius: 10px;
  -webkit-box-sizing: border-box; box-sizing: border-box;
}
#post_category_archive .title { font-size: 22px; line-height: 1.6; margin:-0.3em 0; }
#post_category_archive .link:hover .title { }
#post_category_archive .desc { line-height:2.2; max-height:4.4em; margin:calc(26px - 0.6em) 0 -0.6em; }


.page_navi { margin:60px 0 0 0; z-index:10; position:relative; }
.page_navi ul { margin:0; font-size:0; text-align:center; }
.page_navi li { display:inline-block; border-radius: 50%; overflow: hidden; margin-right:8px; }
.page_navi li:last-of-type { margin-right:0px; }

.page_navi a, .page_navi a:hover, .page_navi span {
  color:#fff;font-size:14px; width:45px; height:45px; line-height:45px; display:inline-block; text-align:center;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.page_navi a:hover { color:#fff;}
.page_navi span.dots { background:none; color:#333; }
.page_navi span.current { color:#fff; border-color:#000; position:relative; }
.page_navi .next, .page_navi .prev { }
.page_navi .next span, .page_navi .prev span { display:none; }
.page_navi .next:before, .page_navi .prev:before {

  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.page_navi .prev:before { content:'\e90f'; }
.page_navi .next:before { content:'\e910'; }
.page_navi .prev:hover:before, .page_navi .next:hover:before { color:#fff; }

.page_navi a.prev, .page_navi a.next { display:none; }

#no_post { text-align:center; font-size:14px; line-height:1.6; padding:0; font-size:20px; font-weight:600; margin-top:90px; }


#post_title { margin-bottom:30px; padding-bottom: 30px;}
#post_title .category_list {
  margin-bottom: 30px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
}
#post_title .category {
  font-size:14px; color:#fff; text-align:center;
  display:block; min-width:100px; height:40px; line-height:40px; padding:0 25px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
#post_title .category.parent {
  border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-weight:600;

}
#post_title .category.parent:hover { }

#post_title .category_list.no_child .parent { border-radius: 5px; }

#post_title .category.child {
  border-top-right-radius: 5px; border-bottom-right-radius: 5px;
  background:#fff; color:#000; border: solid 1px #ccc; border-left:none;
}
#post_title .title { font-size:24px; line-height:1.6; }
#post_title .date { padding-left:20px; }
#post_title .update { font-size:14px; position:relative; padding:0 0 0 32px; color:#999; margin:0 0 0 10px; border-left:1px solid #ddd; }
#post_title .update:before {

  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#post_title .meta_top {
  margin:12px 0 0 0;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  -ms-align-items:center; -webkit-align-items:center; align-items:center;
}

#post_image_wrap {width:100%;/* padding-top:56%; *//* margin-bottom:30px; */position:relative;}
#post_image {width:100%;height:100%;/* position:absolute; *//* top:0; *//* left:0; */}
#post_image img {
    width: 100%;
}

#article .post_content { }
.post_content a, .custom-html-widget a { }
.post_content a:hover, .custom-html-widget a:hover { text-decoration:none;  }

.post_content .underline, .post_content .underline:hover { text-decoration:underline; }
.post_content .e_link {
  display: inline-block; position: relative; padding-right:1em;
}
.post_content .e_link:after {
  position: absolute; transition:none; margin-top:-0.1em;
  right:0; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.post_content img.frame {
  border: 1px solid #d2d2d2;
  -webkit-box-shadow: 0 6px 6px -6px #cccccc;
  -moz-box-shadow: 0 6px 6px -6px #cccccc;
  box-shadow: 0 6px 6px -6px #cccccc;
}
.post_content .s_table { overflow: auto; white-space: nowrap; margin-bottom: 2em; }
.post_content .s_table table { margin-bottom: 0; }

#single_share_top { margin:0 0 35px; padding:0; }
#single_share_top .share-top { margin:0; }
#single_share_bottom { margin:40px 0 0; }
#single_share_bottom .share-btm { margin-bottom:0 !important; padding:0; }
#single_share_top .mt10, #single_share_top .mt10 { margin:0 !important; }
#single_share_bottom .mb45, #single_share_bottom .mb45 { margin:0 !important; }
.share-type1 ul { text-align:left; }
.share-type3 ul { text-align:left; }
.share-type2 ul.type2 { text-align:left; }
.share-type4 ul.type4 { text-align:left; }
.sns_default_top  { text-align:left; }



.single_copy_title_url { text-align: center; }
.single_copy_title_url_btn {
  font-size:14px; background:#fff; border:3px solid #ccc; cursor:pointer; line-height:54px; min-width:300px; padding: 0 15px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  -webkit-transition-property:background-color, color; -webkit-transition-duration:0.3s; -webkit-transition-timing-function:ease;
  transition-property:background-color, color; transition-duration:0.3s; transition-timing-function:ease;
}
.single_copy_title_url_btn:hover { }
.single_copy_title_url_btn.copied { background:#ccc; color:#fff; pointer-events:none; }
#single_copy_title_url_top { margin:0 0 30px 0; }
#single_copy_title_url_bottom { margin:35px 0 0; }


#post_pagination { margin:0 0 0 -8px; padding:20px 0 0 0; clear:both; font-size:0; text-align:center; }
#post_pagination a, #post_pagination p {
  color:#fff; font-size:14px; display:inline-block; margin:0 0 0 8px; width:45px; height:45px; line-height:45px; text-align:center; text-decoration:none;
  border-radius: 50%; overflow: hidden; -webkit-box-sizing:border-box; box-sizing:border-box;
}
#post_pagination p { position:relative; color:#fff; }
#post_pagination a:hover {  color:#fff; }



#related_post {
  margin:70px 0 -40px 0; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#related_post .design_headline2 { font-size:22px; /*margin:0 -40px 70px 0 !important;*/ }
#related_post .post_list {
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#related_post .item { width:calc(100% / 3 - 10px); margin:0 15px 40px 0; position:relative; }
#related_post .item:nth-of-type(3n) { margin-right:0; }
#related_post .image_wrap { margin:0 0 15px 0; display:block; width:100%; height:140px; position:relative; z-index:1; overflow:hidden; }
#related_post .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; }
#related_post .title { font-weight:500 !important; font-size:14px; line-height:1.6; max-height:3.2em; overflow:hidden; visibility:visible; word-wrap:break-word; word-break:break-all; }
#related_post .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#related_post .category {
  font-size:12px; text-align:center; color:#fff; position:absolute; z-index:4; left:0px; top:0px;
  min-width:130px; height:40px; line-height:40px; padding:0 20px; display:inline-block;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}

#next_prev_post {
  border-top:1px solid #ddd; /*margin:40px -40px 0 0 ;*/ position:relative; padding-right:40px;
  display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
  -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#next_prev_post .item {
  height:122px; width:50%; position:relative;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#next_prev_post .item:first-of-type { border-right:1px solid #ddd; padding-right:40px; }
#next_prev_post .item:last-of-type { padding-left:40px; }
#next_prev_post .item:only-of-type { padding-left:0; }
#next_prev_post a { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
#next_prev_post .image_wrap { display:none; }
#next_prev_post .title_area { display:block; position:absolute; left:0px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#next_prev_post .title {
  position:relative; padding-left:40px; font-weight:600;
  font-size:16px; line-height:1.6; max-height:3.2em; overflow:hidden; visibility:visible;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  word-wrap:break-word; word-break:break-all;
}
#next_prev_post .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#next_prev_post .nav { display:none; }
#next_prev_post .next_post .title { padding:0 40px 0 0; }
#next_prev_post .title:after {
  z-index:10; position:absolute; left:-3px; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
  color:#000; font-size:14px; font-weight:500; display:block;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
#next_prev_post .prev_post .title:after { content:'\e90f'; }
#next_prev_post .next_post .title:after { content:'\e910'; left:auto; right:-4px;}



@media screen and (max-width: 767px) {
  .sp {
    display: block
  }
 
 
}


#return_top a { 
 background-image: linear-gradient(90deg, rgba(194, 57, 248, 1), rgba(48, 53, 97, 1));
 display:block; height:60px; width:60px; line-height:60px; text-decoration:none; z-index:100; position:relative; }
#return_top a:hover { color:#fff !important; }
#return_top span {display:block;text-align: center;color: #000;}
#return_top a:before {
  color:#fff; font-size:12px; display:block; width:12px; height:12px;
  position:absolute; left:0; right:0; top:4px; margin:auto;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#return_top {
  position:fixed;
  right:0px;
  bottom: 0;
  z-index: 99999;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
  -webkit-transition: -webkit-transform 0.35s;
  transition: all 0.35s;
}
#return_top.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }



#search_archive { padding:60px 0px 150px; }
#search_archive > .inner { max-width: 1130px; width: 100%; margin: 0 auto; }

#search_archive .headline { font-size:30px; line-height:1.6; }
#search_archive .headline span { display:block; margin:-0.3em 0; }

#search_archive .post_list { margin-top:60px; }
#search_archive .item { margin-top:30px; border-radius:10px; }
#search_archive .item:first-of-type { margin-top:0px; }

#search_archive .link { display:block; padding:30px; border:1px solid #ddd; border-radius:10px; }
#search_archive .title { font-size:22px; line-height:1; }
#search_archive .desc { line-height:1; margin-top:25px; }

#search_archive .link:hover .title { }



#archive { padding:60px 0px 150px; }
#archive > .inner { max-width: 1130px; width: 100%; margin: 0 auto; }

#archive .headline { font-size:30px; line-height:1.6; }
#archive .headline span { display:block; margin:-0.3em 0; }

#archive .item { margin-top:30px; border-radius:10px; }
#archive .item:first-of-type { margin-top:0px; }

#archive .link { display:block; padding:30px; border:1px solid #ddd; border-radius:10px; }
#archive .title { font-size:22px; line-height:1; }
#archive .desc { line-height:1; margin-top:25px; }

#archive .link:hover .title { }

#author_archive_profile > .inner { max-width:1130px; margin:0 auto; }
#author_archive_profile .author_profile { margin-top:0; }
#author_archive_profile { margin-top:60px; }

.error404 #header { height:auto; position:absolute; top:0; left:0; }
.error404 #footer { width:100%; position:absolute; bottom:0; left:0; }
.error404 #copyright { width:100%; border-top:none; }


#page_404_header { width:100%; height:100vh; min-height:300px; position:relative; background:#f4f4f4; }
#page_404_header .content {
  position:absolute; z-index:3; text-align:center; width:100%; padding:0 50px; color:#fff;
  left:50%; top:50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
  -webkit-box-sizing:border-box; box-sizing:border-box;

}
#page_404_header .catch { line-height:1.4; font-weight:500; }
#page_404_header .desc { line-height:2; margin:15px 0 0 0; }
#page_404_header .overlay { width:100%; height:100%; position:absolute; z-index:2; }
#page_404_header .bg_image { width:100%; height:100%; position:absolute; z-index:1; }

#page_404_header .catch, #page_404_header .desc { opacity:0; }
#page_404_header.animate .catch {
  -webkit-animation: opacityAnimation 1.0s ease forwards 0.5s;
  animation: opacityAnimation 1.0s ease forwards 0.5s;
}
#page_404_header.animate .desc {
  -webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
  animation: opacityAnimation 1.0s ease forwards 1.0s;
}
#page_404_button {
  opacity:0; display:block; height:60px; width:60px; line-height:60px; text-decoration:none; z-index:3;
	position:absolute; bottom:10px; right:0; left:0; margin:auto;
}
#page_404_button:before {
  color:#fff;font-size:31px; display:block;
  position:absolute; left:14px; bottom:0px; margin:auto;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  -webkit-animation: slideUpDown 1.2s ease infinite 0s;
  animation: slideUpDown 1.2s ease infinite 0s;
}

@-webkit-keyframes slideUpDown {
  0% { bottom:10px; }
  50% { bottom:0px; }
  100% { bottom:10px; }
}
@keyframes slideUpDown {
  0% { bottom:10px; }
  50% { bottom:0px; }
  100% { bottom:10px; }
}


.main_search_area {
  max-width:600px; width:100%; margin:0 auto; font-size:16px;
  border-radius:50px; overflow:hidden; position: relative;
}
.main_search_area:before {

  position: absolute; left:25px; top:17px; color:#999;
}
.main_search_area #searchform {
  height:50px; border: none;
}
.main_search_area #searchform #s {
  width: calc(100% - 170px); padding:0px 15px 0px 55px; height:50px;
}
.main_search_area #searchform #searchsubmit {
  width:100%; height:100%; text-indent: 0; color:#fff;
  -webkit-transition: -webkit-transform 0.35s; transition: opacity 0.35s ease;
}
.main_search_area #searchform #searchsubmit:hover { opacity:0.5; }
.submit_button2 {
  position: absolute; top: 0px; right: 0;
  width: 170px; height: 50px; color: #fff;

}
.main_search_area #searchform input:-ms-input-placeholder { color:#999; } /* IE */
.main_search_area #searchform input::-ms-input-placeholder { color:#999; } /* Edge */
.main_search_area #searchform ::placeholder { color:#999; }





.password_protected { text-align:center; margin:0 38px 30px; padding:10px 20px; color:#fff; background:#3db4b2; border-radius:5px; }
.password_protected p { font-size:12px; margin:0; line-height:1.6; }


.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }


.post_content p { line-height:2.4; margin:0 0 2em 0; }
.post_content p:last-child { margin:0; }
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.4; margin:0 0 15px 0; padding:0; font-weight:600; }
.post_content h1 { font-size:150%; }
.post_content h2 { font-size:140%; }
.post_content h3 { font-size:130%; }
.post_content h4 { font-size:120%; }
.post_content h5 { font-size:110%; }
.post_content h6 { font-size:100%; }


.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img
 { height:auto; max-width:100%; }


.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; }
.post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:circle outside none; margin-left:1.3em; }
.post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; }


.post_content table { margin:0 0 24px 0; width:100% !important; }
.post_content td, .post_content th { border:1px solid #ddd; padding:17px 30px; line-height:2.2; background:#fff; }
.post_content th { background:#f7f7f7; font-weight:normal; }
.post_content table.table_no_border th, .post_content table.table_no_border td { border:none; padding-left:0; }
.post_content table.table_border_horizontal th, .post_content table.table_border_horizontal td { border-left:none; border-right:none; padding-left:0; }


.post_content blockquote { margin:0 0 25px 0; padding:27px 30px; background:#fff; border:1px solid #ccc; box-shadow:0px 3px 0px 0px rgba(150,150,150,0.1); position:relative; }
.post_content blockquote:before { content: '"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; }
.post_content blockquote:after { content: '"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; }
.post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }


.post_content .wp-caption {
  margin-bottom:24px; background:#f8f8f8; border:1px solid #ccc; padding:5px; max-width:100%;
  -webkit-border-radius:5px; border-radius:5px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }

.post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0 0 24px 0; line-height:2.2; }
.post_content pre { border-left:3px solid #ccc; background:#f8f8f8; font-size:12px; margin:0 0 27px 0; line-height:1.7; padding:20px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin: 12px 0 25px; }





.p-btn {
  -webkit-box-sizing: border-box; box-sizing: border-box;
  display: inline-block; min-width: 180px; height: 50px; padding: 0 15px; border-radius: 0;
  color: #fff; font-size: 14px; line-height: 50px; text-align: center;
}
@media screen and (max-width: 768px) {
  .p-btn { height: 45px; font-size: 12px; line-height: 45px; }

}




 #header {
  width: 100%;
  transition: 0.3s all;
  overflow: hidden;
  left: 0;
  z-index: 999;
  position: fixed;
 }
 #header.is-animation{
    background: #fff;
 }
 #header.is-animation .logo{
  padding: 4px 45px 0px 0px;

  margin: 0;
 }

 .page #header .mainnav li a{
   /* color: #fff; */
 }

 
 #header.is-animation .mainnav li a{
   color: #4d4d4d;
 }
 #header.is-animation .head-reserve .tour{
   border: 2px solid #1d9bc5;
   padding: 23px 8px 24px 8px;
 } 
 #header .logo{
  display: block;
  padding: 5px 45px;

  margin: 0;
 }
 #header .logo a{
 text-decoration: none;
 position: absolute;
 left: 40px;
 top: 36px;
 }
 #header .logo img{
   width: 320px;
 }
 .top #header .logo img{
   transition: .3s all;
   width: 130px;
 }
 .page #header .logo img{
  width: 230px;
 }

 #header.is-animation .logo img{
  width: 230px;
 }
 #header .mainnav {
  float: left;
  overflow: hidden;
  padding: 0 10px 0 0;
  margin: 0;
 }
 #header .mainnav li {
  float: left;
  display: inline-block;
  line-height: 1;
  overflow: hidden;
  transition: .3s;
 }
  #header .mainnav li a {
    display: block;
    padding: 33px 16px;
    transition: 0.3s all;
    position: relative;
    font-size: 13px;
    letter-spacing: .05em;
}
  #header .mainnav li a:hover{
    opacity: 0.7;
  }


@media screen and (min-width: 769px) {
 #header .right {
  display: flex !important;
  align-items: center;
 }
}
#header .right .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
 #header .head-reserve{
  display: block;
  text-align: center;
  line-height: 1em;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  transition: .3s all;
  position: relative;
 }
  #header .head-reserve .btn-row {
    float: left;
    overflow: hidden;
  }
  #header .head-reserve a {
    color: #fff;
    display: block;
    float: left;
  }
  #header .head-reserve .tel{
    padding: 14px 40px;
  }
  #header .head-reserve .tour {
    color: #1d9bc5;
    background-color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 25px 10px;
    transition: .3s all;
    line-height: 1.2em;
    letter-spacing: .05em;
    text-decoration: none;
  }
  #header .head-reserve .join {
    color: #000;
    /* background-image: linear-gradient(90deg, rgba(194, 57, 248, 1), rgba(48, 53, 97, 1)); */
    display: block;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 100;
    padding: 33px 30px;
    transition: .3s all;
    text-decoration: none;
  }

    
@media screen and (max-width: 768px) {

 #wrap{
  padding-top: 60px;
 }
 #wrap.top{
  padding: 0;
 }
 #header {
  position: fixed;
  overflow: hidden;
  width: 100%;
  padding: 0;
  top: 0;
  transition: 0.3s all;
  z-index: 999;
 }

 .head-nav {}
 #header.is-animation .logo{
   background: #fff;

 }
 #header .container {
  padding: 0;
 }


 #header #menu {
  transition: none;
  position: relative;
  display: none;
  top: 0px;
  z-index: 9999;
  width: 100%;
  background-image: linear-gradient(90deg, rgba(194, 57, 248, 1), rgba(48, 53, 97, 1));
  margin: 0;
  padding-bottom: 60px;
  overflow-y: scroll;
  height: calc(100vh);
  -webkit-overflow-scrolling: touch;
  padding: 40px 0px 0px 0px;
}
#header #menu .inner{
  display: block;
}


#header #menu.spd .mainnav li,
#header #menu.spd .head-reserve,
#header #menu.spd .sns,
#header #menu.spd .subnav
{
  animation: headernav 1.5s cubic-bezier(.4, 0, .2, 1) forwards;
  float: none;
  display: block;
}

#header #menu.spd .mainnav li:nth-child(2) {
  -webkit-animation-delay: .05s;
  animation-delay: .05s;
}
#header #menu.spd .mainnav li:nth-child(3) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}
#header #menu.spd .mainnav li:nth-child(4) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#header #menu.spd .mainnav li:nth-child(5) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

#header #menu .head-reserve{
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  margin: 0px auto;
  width: 150px;
}
#header .head-reserve .btn-row {
    float: none;
}
#header #menu.spd .sns {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
#header #menu.spd .subnav {
  -webkit-animation-delay: .35s;
  animation-delay: .35s;
}

 #header #menu::-webkit-scrollbar {
  display: none;
 }
 #header #menu .spnav-logo {
  padding: 9px 20px;
  line-height: 0;
  height: 60px;
 }
 #header #menu .spnav-logo img {
  width: 55px;
 }
 #header #menu .mainnav {
  overflow: hidden;
  margin: 30px 0;
  float: none;
 }
 #header #menu .mainnav li a {
  display: block;
  padding: 14px 15px;
  font-size: 14px;
  text-align: center;
  color: #fff;
 }
 #header #menu .mainnav li a:after {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  z-index: 9999;
  transition: .3s all;
 }
 #header .sns {
    text-align: center;
    margin: 25px 20px 20px;
  }
  #header .sns li{
    display: inline-block;
    padding: 0 5px;
    
  }
  #header .sns a{
    font-size: 27px;
  }
    #header .sns a i{
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
    }


 #header #menu .subnav {
    margin:20px 0;
    text-align: center;
 }
 #header #menu .subnav li{
  display: inline-block;
  padding: 0 15px;
  position: relative;
 }

 #header #menu .subnav li a{
  font-size: 12px;
  color: #fff;
 }
 #header #menu .subnav li:not(:last-child):after{
  position: absolute;
  top: 2px;
  right: -4px;
  color: #fff;
  content: "|";
 }
 #header #menu .subnav li a.border-btm{
  border-bottom: 1px solid #e1e1e1;
 }
 #header .head-reserve{
  text-align: center;
  padding: 0 15px;
 }
 #header .head-reserve a{
   margin-top: 10px;
 }
 
  #header .head-reserve .join {
    color: #fff;
    background-image: linear-gradient(90deg, rgba(194, 57, 248, 1), rgba(48, 53, 97, 1));
    /* border: 1px solid #444; */
    display: block;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: normal;
    padding: 25px 15px;
    transition: .3s all;
  }
 .spmenu {
  overflow: hidden;
  cursor: pointer;
  display: block;
  top: 0;
  right: 0;
  z-index: 99999;
  position: fixed;
  margin: 0;
  padding: 23px;
  line-height: 0;
 }
 .menu-trigger, .menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
 }
 .menu-trigger {
  position: relative;
  width: 22px;
  height: 17px;
 }
 .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #111;
  transition: all 0.2s;
  border-radius: 3px;
 }
 .top .menu-trigger span {
  background-color:#fff;
 }
 .top #header.is-animation .menu-trigger span{
  background-color: #4d4d4d;
 }
 .menu-trigger span:nth-of-type(1) {
  top: 0;
 }
 .menu-trigger span:nth-of-type(2) {
  top: 7px;
 }
 .menu-trigger span:nth-of-type(3) {
  bottom: 0;
 }
 .menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
 }
 .menu-trigger.active span,
 #header.is-animation .menu-trigger.active span{
  background-color: #fff;
 }
 .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
 }
 .menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
 }
 .menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
 }



.header__main {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 20px
}
  .header__main {
    width: 1360px;
    right: 0;
    margin: auto
  }
}

@keyframes headernav {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@-webkit-keyframes headernav {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
}
	
@media(max-width:768px) {
  .header__main {
    height: 100%
  }
}



.pc_contents {
  display: block !important
}


@media (max-width: 768px) {
 #header.is-animation+#container {
  padding:0;
 }

#header .mainnav li {
    float: none;
    display: block;
}
 
  .sp_contents {
    display: block !important
  }
}







.main {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}


 .heroArea {
  width: 100%;
  height: 100vh;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
}
@media (max-width: 768px) {
   .heroArea {
    height: auto;
    padding-top: 80px;
    position: relative;
    display: block;
  }
}
 .heroArea_inner {
  width: 100%;
  margin: 0 auto;
  position: relative
}
 .heroArea_inner img {
    width: 100%;
}
@media (max-width: 768px) {
   .heroArea_inner {
    width: 100%;
    position: unset
  }
}


 .heroArea_inner--pic02 {
  max-width: 890px;
  margin: -170px auto;
}
@media (max-width: 768px) {
   .heroArea_inner--pic02 {
    width: 100%;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.7s cubic-bezier(0.24, 0.06, 0.45, 0.95) 3s;
    transition: opacity 0.7s cubic-bezier(0.24, 0.06, 0.45, 0.95) 3s
  }
}


 .newsArea {
  max-width: 730px;
  margin: 25px auto 100px;
  padding: 30px 3.28% 30px;
  background-color: #fff;
  border-radius: 3px;
  position: relative;
  z-index: 2;
  -webkit-transition: opacity 0.7s cubic-bezier(0.24, 0.06, 0.45, 0.95) 0.2s;
  transition: opacity 0.7s cubic-bezier(0.24, 0.06, 0.45, 0.95) 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 768px) {
   .newsArea {
    width: 100%;
    margin: 15px auto 40px;
    padding: 20px;
    border-radius: 0;
    display: block;
    box-sizing: border-box;
  }
}
 .newsArea.on {
  opacity: 1
}
 .newsArea_ttl {
  width: 10.2%
}
@media (max-width: 768px) {
   .newsArea_ttl {
    width: 100%;
    margin-bottom: 15px;
  }
}
 .newsArea_ttl p {

  font-weight: 500;
  font-size: .14rem;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #0D1E2F
}

   .newsArea_ttl p {
    font-size: 14px
  }

@media (max-width: 768px) {
   .newsArea_ttl p {
    font-size: 20px;
    text-align: center;
  }
}
 .newsArea_box {
  max-width: 600px;
  height: 133px;
  overflow: auto;
  display: flex;
  align-items: center;
}
.newsArea_box li {padding: 5px 0px 5px 0px;border-bottom: 1px dashed #ccc;margin: 0px 0px 10px 0px;}
.newsArea_box .info {
    display: flex;
    align-items: center;
}
.newsArea_box .info .date{
    padding: 0px 10px 0px 0px;
    font-size: 10px;
}
@media (max-width: 768px) {
   .newsArea_box {
    width: 100%;
    height: auto;
  }
}
 .newsArea_box dl {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media (max-width: 768px) {
   .newsArea_box dl {
    margin-bottom: 25px;
    display: block
  }
}
 .newsArea_box dl:last-child {
  margin-bottom: 0
}
 .newsArea_box dl dt {
  width: 12.928%
}
@media (max-width: 768px) {
   .newsArea_box dl dt {
    margin-bottom: 5px;
    width: 100%
  }
}
 .newsArea_box dl dt p {

  font-weight: 500;
  font-size: .14rem;
  letter-spacing: 0.05em;
  line-height: 1.57;
  color: #0D1E2F
}

   .newsArea_box dl dt p {
    font-size: 14px
  }

@media (max-width: 768px) {
   .newsArea_box dl dt p {
    font-size: .12rem;
    line-height: 1
  }
}
 .newsArea_box dl dd {
  width: 87.072%
}
@media (max-width: 768px) {
   .newsArea_box dl dd {
    width: 100%
  }
}
 .newsArea_box dl dd p,  .newsArea_box dl dd a {
  font-size: .14rem;
  letter-spacing: 0.05em;
  line-height: 1.57;
  color: #0D1E2F
}

   .newsArea_box dl dd p,  .newsArea_box dl dd a {
    font-size: 14px
  }

@media (max-width: 768px) {
   .newsArea_box dl dd p,  .newsArea_box dl dd a {
    font-size: .12rem;
    line-height: 1.75
  }
}
 .newsArea_box dl dd a {
  text-decoration: underline
}
 

 h2 {

  font-weight: 500;
  font-size: .60rem;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 30px
}

	
@media (max-width: 768px) {


 .aboutArea_txt h2 {
    font-size: 34px;
    margin: 0;
    text-align: left;
}
   h2 {
  font-size: 20px;
  text-align: center;
  }
}
 

 .worksArea {
  width: 60.94%;
  margin: 0 auto 160px;
  position: relative;
  z-index: 2;
}
.worksArea h2 {
 font-size:28px;
 text-align: center;
}
@media (max-width: 768px) {
   .worksArea {
    width: 100%;
    margin: 0 auto 80px
  }
}
 .worksArea.on {
  opacity: 1
}
@media (max-width: 768px) {
   .worksArea h2 {
    width: 89.33%;
    margin-left: auto;
    margin-right: auto
  }
}
 .worksArea_ttl {

  font-size: .30rem;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 15px;
  text-align: center;
}


 .worksArea_ttls {
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 15px;
  text-align: center;
}

   .worksArea_ttl {
    font-size: 30px
  }
@media (max-width: 768px) {
   .worksArea_ttl {
    width: 100%;
    font-size: 14px;
    margin: 0px 0px 50px 0px;
  }
}


footer {
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 50px 0px 0px 0px;
}

@media (max-width: 768px) {
  footer {
    padding-bottom: 83px
  }
}

footer .footerInner {
  width: 73.44%;
  margin: 0 auto;
  position: relative;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

@media (max-width: 768px) {
  footer .footerInner {
    width: 89.33%;
    padding: 0;
  }
}

footer .footerInner .footerLogo {
  width: 300px;
  margin: 0 auto 56px
}

@media (max-width: 768px) {
  footer .footerInner .footerLogo {
    width: 70.15%;
    margin: 0 auto 40px
  }
}

footer .footerInner .footerList {
  text-align: center;
  font-size: 16px;
  padding: 0px 0px 60px 0px;
}

footer .footerInner .footerList li {
  margin-bottom: 15px
}

@media (max-width: 768px) {
  footer .footerInner .footerList li {
    margin-bottom: 8px
  }
}

footer .footerInner .footerList li:last-child {
  margin-bottom: 25px
}

@media (max-width: 768px) {
  footer .footerInner .footerList li:last-child {
    margin-bottom: 12px
  }
}

footer .footerInner .footerList li p {

  font-size: .12rem;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center
}

@media (min-width: 1281px) {
  footer .footerInner .footerList li p {
    font-size: 12px
  }
}

@media (max-width: 768px) {
  footer .footerInner .footerList li p {
    font-size: .11rem;
    line-height: 1.43
  }
}

footer .footerInner .footerList li p.fontL {
  font-size: .15rem
}

  footer .footerInner .footerList li p.fontL {
    font-size: 20px;
  }

@media (max-width: 768px) {
  footer .footerInner .footerList li p.fontL {
    font-size: 20px;
  }
}

footer .footerInner .footerList li p a {
  font-size: .12rem;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  display: inline;
  text-decoration: underline
}

  footer .footerInner .footerList li p a {
    font-size: 12px
  }

@media (max-width: 768px) {
  footer .footerInner .footerList li p a {
    font-size: .11rem;
    line-height: 1.43
  }
}

footer .footerInner .footerList li p a:hover {
  text-decoration: underline
}

footer .footerInner .footerNotice {
  font-size: .10rem;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  margin-bottom: 40px
}

  footer .footerInner .footerNotice {
    font-size: 10px
  }

@media (max-width: 768px) {
  footer .footerInner .footerNotice {
    margin-bottom: 30px
  }
}

footer .footerInner .footerContact {
  font-weight: 400;
  font-size: .12rem;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  margin-bottom: 40px;
  text-decoration: underline
}

  footer .footerInner .footerContact {
    font-size: 12px
  }

@media (max-width: 768px) {
  footer .footerInner .footerContact {
    margin-bottom: 30px
  }
}

footer .footerInner .footerSns {
  margin-bottom: 0;
  position: relative;
  z-index: 999;
  padding: 100px 0px 0px 0px;
}

@media (max-width: 768px) {
  footer .footerInner .footerSns {
    margin-bottom: 20px
  }
}

footer .footerInner .footerSns p {
  font-weight: 400;
  font-size: .12rem;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center
}

  footer .footerInner .footerSns p {
    font-size: 12px
  }

@media (max-width: 768px) {
  footer .footerInner .footerSns p {
    margin-bottom: 15px;
    font-size: 19px;
  }
 footer .footerInner .footerSns p.footerCopy {
    font-size: 8px;
}
}

footer .footerInner .footerSns ul {
  color: #fff;
}

footer .footerInner .footerSns ul li {
  text-align: center;
}
footer .footerInner .footerSns ul li a{color: #fff;display: block;}
footer .footerInner .footerSns ul li a i{color: #fff;font-size: 38px;}
@media (max-width: 768px) {
  footer .footerInner .footerSns ul li {

    text-align: center;
  }
}

footer .footerInner .footerLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width: 768px) {
  footer .footerInner .footerLink {
    width: 95.52%;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit
  }
}

footer .footerInner .footerLink li {
  width: 19.15%
}

@media (max-width: 768px) {
  footer .footerInner .footerLink li {
    width: 31.25%;
    margin-right: 3.12%
  }
}

@media (max-width: 768px) {
  footer .footerInner .footerLink li:nth-child(3n) {
    margin-right: 0
  }
}

@media (max-width: 768px) {
  footer .footerInner .footerLink li:nth-child(n+4) {
    margin-top: 10px
  }
}

footer .footerInner .footerCopy {
  font-weight: 300;
  font-size: .10rem;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto
}

  footer .footerInner .footerCopy {
    font-size: 10px
  }


.fadeUp{
animation-name:fadeUpAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}



.fadeRight{
animation-name:fadeRightAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

.txt.ta-c {
    text-align: center;
}

.footimg {}
.footimg img{
    width: 100%;
}





.fadeDown{
animation-name:fadeDownAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.btn-copy {
  font-size: 14px;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}

.btn-copy:before {
  margin-right: 1rem;

  content: '＼';
}

.btn-copy:after {
  margin-left: 1rem;

  content: '／';
}


a.btn--yellow {
color: #000;
  background-color: #fff100;
}

a.btn--yellow:hover {
  color: #000;
  background: #fff20a;
}

a.btn--yellow.btn--cubic {
  border-bottom: 5px solid #ccc100;
}

a.btn--yellow.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #ccc100;
}

a.btn-c {
  font-size: 19px;
  position: relative;
  padding: 20px 40px 20px 40px;
  border-radius: 100vh;
}

a.btn-c i.fa {
  margin-right: 1rem;
}

a.btn-c:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - .8rem);
  right: 1rem;
  margin: 0;
  padding: 0;
  content: '\f054';
  font-weight: 700;
}

 
.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="text"],
.mw_wp_form textarea {
    padding: 1em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #ccc;
}
 
.mw_wp_form select {
    display: block;
    position: relative;
    width: 80%;
    height: 38px;
    font-size: 14px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 10px;
}
 
.mw_wp_form selectt:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;
}
 
 
 
.cform th {
	font-size: 15px;
	width: 25%;
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 0px 10px 15px;
	vertical-align: middle;
	text-align: right;
	font-weight: 100;
}
 
 
.cform td {
	font-size: 15px;
	line-height: 200%;
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 10px;
}
 
 
 
.cform {
	width: 94%;
	margin: auto;
}
 
 

 
 
@media only screen and (max-width:768px) {
	.cform th,
	.cform td {
		width: 100%;
		border: none;
		padding: .5em 1em;
		display: block;
		border-top: none;
		box-sizing: border-box;
		text-align: left;
	}
 .cform td input{}
}
 

 
.submit-btn input {
background-color:#EF5B9C;
border:0;
color:#ffffff;
font-size:1.3em;
font-weight:bolder;
margin:0 auto;
padding: 10px 35px;
border-radius: 3px;
cursor: pointer;
text-align:center;
}
 
.submit-btn {
text-align:center;
margin-top:20px;
　cursor: pointer;
}
 

 

.submit-backbtn input {
background-color:#bbbbbb;
border:0;
color:#ffffff;
font-size:1.3em;
font-weight:bolder;
margin:0 auto;
padding: 10px 35px;
border-radius: 3px;
cursor: pointer;
text-align:center;
}
 
.submit-backbtn {
text-align:center;
margin-top:20px;
　cursor: pointer;
}
 
.submit-backbtn input:hover {
	background: #EF5B9C;
	color: #FFFFFF;
　cursor: pointer;
}
 
.required-srt {
font-size:0.9em;
padding: 6px;
border-radius: 5px;
margin-right: 10px;
background: #ebbbbb;
color: #ffffff;
}
 
.contents {
    background: rgba(255,255,255,.85);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    position: relative;
    max-width: 90%;
    margin: 0px auto;
    padding: 90px 0px;
}

.l-lower-header {
    /* max-width: 980px; */
    margin: 0px auto;
    padding: 60px 0px 60px 0px;
    background: #f1f1f1;
    width: 100%;
}
.lower-header {
    max-width: 1170px;
    margin: 0 auto;
}

.l-lower-header h1{
    font-size: 20px;
}

.l-section {
     max-width: 980px;
    margin: 0px auto;
    padding: 0px 0px 60px 0px;
}

  
    .l-main {
        /* background-image: url(https://umeyanenne.com/wp-content/uploads/2023/11/ea5994222376be0b4c336d5a0914b46e.png); */
        padding: 90px 0px;
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: top;
    }
.page-template-about  .l-main {
 background:none;
}

.violet {
	color:#6d41a1;
}
.tax {
	font-size:12px;
}

@media (max-width: 1024px) {
 .l-main {
    background-size: 100%;
}
}

@media (max-width: 768px) {
 .l-main {
    background-size: 140%;
    padding: 70px 0px 30px 0px;
}
 .l-lower-header h1 {
    text-align: center;
    font-weight: normal;
}
	.lower-header__en {
		text-align: center;
	}
  .greetingArea h2 {
      font-size: 28px;
      margin-bottom: 15px;
      text-align: center;
 }
 .bg-01 {
    width: 90%;
    box-sizing: border-box;
    padding: 60px 30px;
}
 .bg-01 h3 {
    font-size: 17px;
}
 .bg-01 p.price {}

.bg-01 p.price span {
    font-size: 24px;
}

#main_contents {
    
    margin: 0px 0px 60px 0px;
}







 
}

@media (max-width: 425px) {
 .l-main {
    background-size: 260%;
}
}
.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    -js-display: flex;
    display: flex;
}
/*about-sec*/
.about-sec{
    position: relative;
    padding-bottom: 9.517vw;
}
.about-sec img{
    width: 100%;
}
.about-sec .flex{
    position: relative;
    justify-content: space-between;
    width: 100%;
}
.about-sec .flex .photo01{
    max-width: 700px;
    width: 39.385vw;
}
.about-sec .flex .contents_box {
    width: 60.615vw;
    padding: 8.346vw 0 0 9.151vw;
}
.about-sec .flex .contents_box .photo02{
    max-width: 507px;
    width: 37.116vw;
    margin-left: auto;
}
.about-sec .read_box {
    width: 24.89vw;
    margin-bottom: 7.321vw;
}
.about-sec .read_box h2{
    margin-bottom: 1.2vw;
    font-size: var(--fs14);
    letter-spacing: 1.9px;
}
.about-sec .read_box h1{
    margin-bottom: 4vw;
    font-size: var(--fs28);
    letter-spacing: 2.2px;
}
.about-sec .read_box .text_box{
    margin-bottom: 3.075vw;
    font-size: var(--fs14);
}
.about-sec .read_box .text_box p{
    margin-bottom: 1.2em;
    line-height: 1.8;
}
.about-sec .read_box a{
    position: relative;
    width: 100%;
    height: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    cursor: pointer;
    font-size: var(--fs18);
    border: 1px solid #000;
}
.about-sec .read_box a:after{
    position: absolute;
    content: "";
    display: block;
    width: 1.48vw;
    height: 0.355vw;
    right: 10px;
    bottom: 48%;
    background: url(../img/common/arrow_black.svg) no-repeat;
    background-size: contain;
}
@media screen and (max-width: 1024px) {
    .about-sec .read_box {
        width: 85%;
        margin-bottom: 12vw;
    }
}

@media screen and (max-width: 750px) {
    .about-sec{
        padding-bottom: 24vw;
    }
    .about-sec .flex{
        display: block;
    }
    .about-sec .flex .photo01{
        max-width: 100%;
        width: 83.467vw;
    }
    .about-sec .flex .contents_box{
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
    }
    .about-sec .read_box{
        width: 100%;
        margin-bottom: 0;
        padding: 0 9.6vw;
    }
    .about-sec .read_box h2{
        margin-bottom: 4vw;
    }
    .about-sec .read_box h1{
        margin-bottom: 12vw;
        font-size: var(--fs20);
    }
    .about-sec .read_box .text_box{
        margin-bottom: 14vw;
    }
    .about-sec .flex .contents_box .photo02{
        max-width: 100%;
        width: 69.6vw;
        padding-top: 16vw;
        padding: 16vw 0 18.667vw;
    }
    .about-sec .read_box a{
        height: 80px;
    }
    .about-sec .read_box a:after{
        width: 20px;
        height: 5px;
    }
}


.title_area h1{
    position: relative;
    text-align: center;
    font-size: 18px;
    color: #111;
}
.title_area h1 span.en{
    display: block;
    color: #000;
    font-size: 18px;
}
/*rental-sec*/
.rental-sec{
    position: relative;
    padding: 0 0 13.177vw;
}
.rental-sec .title_area{
    margin-bottom: 4.392vw;
}
.rental-sec .rental-sec__grid{
    display: flex;
    max-width: 980px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px auto;
}
.rental-sec article {
    position: relative;
    width: 32%;
    margin: 0px 0px 2% 0px;
}
.rental-sec article a{
    display: block;
    border: 1px solid #999;
    padding: 0px;
}
.rental-sec article .rental_thumb{
    overflow: hidden;
}
.rental-sec article .rental_thumb .img{
    width: 100%;
    height: 400px;
    transition: 3s;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transform: scale(1.5);
    opacity: 0;
}
.rental-sec article .rental_thumb .img img{
 width:100%;
 object-fit: cover;
 height: 430px;
 object-position: 50% 50%;/* デフォルト値。center centerと同じ */
}

.rental-sec article .rental_thumb.is-active .img{
    transform: none;
    opacity: 1;
}
.rental-sec article a:hover{
    opacity: .8;
}
.rental-sec article p{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    width: 13em;
    padding: 15px 0 15px 20px;
    text-align: left;
    font-size: var(--fs18);
}
.rental-sec article p:after{
    position: absolute;
    content: "";
    display: block;
    width: 2.322vw;
    height: 0.335vw;
    right: 10px;
    bottom: 48%;
    background: url(../img/common/arrow_black_long.svg) no-repeat;
    background-size: contain;
}

@media screen and (max-width: 750px) {
    .rental-sec{
        padding: 0px 20px;
    }
    .rental-sec .rental-sec__grid{
        /* display: block; */
    }
    .rental-sec article{
        margin-bottom: 8vw;
    }
    .rental-sec article .rental_thumb{
        height: 203px;
    }
 .rental-sec article .rental_thumb .img {
    height: 100%;
}
 .rental-sec article .rental_thumb .img img {
    height: 100%;
 }
    .rental-sec article p{
        position: relative;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    .rental-sec article p:after{
        width: 23px;
        height: 5px;
        right: auto;
        left: 160px;
    }
   .title_area h1 span.en {
  font-size: 12px;
 }

}


@-webkit-keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cloud {
  47% {
    -webkit-transform: translateX(var(--cloudX));
            transform: translateX(var(--cloudX));
  }
  53% {
    -webkit-transform: translateX(var(--cloudX));
            transform: translateX(var(--cloudX));
  }
  94% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes cloud {
  47% {
    -webkit-transform: translateX(var(--cloudX));
            transform: translateX(var(--cloudX));
  }
  53% {
    -webkit-transform: translateX(var(--cloudX));
            transform: translateX(var(--cloudX));
  }
  94% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes float {
  47% {
    -webkit-transform: translateY(var(--floatY));
            transform: translateY(var(--floatY));
  }
  53% {
    -webkit-transform: translateY(var(--floatY));
            transform: translateY(var(--floatY));
  }
}
@keyframes float {
  47% {
    -webkit-transform: translateY(var(--floatY));
            transform: translateY(var(--floatY));
  }
  53% {
    -webkit-transform: translateY(var(--floatY));
            transform: translateY(var(--floatY));
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes seasoning {
  47% {
    -webkit-transform: translateY(8px) rotate(-10deg);
            transform: translateY(8px) rotate(-10deg);
  }
  53% {
    -webkit-transform: translateY(8px) rotate(-10deg);
            transform: translateY(8px) rotate(-10deg);
  }
}
@keyframes seasoning {
  47% {
    -webkit-transform: translateY(8px) rotate(-10deg);
            transform: translateY(8px) rotate(-10deg);
  }
  53% {
    -webkit-transform: translateY(8px) rotate(-10deg);
            transform: translateY(8px) rotate(-10deg);
  }
}
@-webkit-keyframes bgLoopPc {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -750px;
  }
}
@keyframes bgLoopPc {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -750px;
  }
}
@-webkit-keyframes footer-loop-pc {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1742px 0;
  }
}
@keyframes footer-loop-pc {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1742px 0;
  }
}
@-webkit-keyframes arrow-btn-hover-text {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes arrow-btn-hover-text {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes arrow-btn-hover-icon {
  0% {
    -webkit-transform: translatex(0) translateY(0);
            transform: translatex(0) translateY(0);
  }
  50% {
    -webkit-transform: translatex(12px) translateY(-12px);
            transform: translatex(12px) translateY(-12px);
  }
  51% {
    -webkit-transform: translatex(-12px) translateY(12px);
            transform: translatex(-12px) translateY(12px);
  }
  100% {
    -webkit-transform: translatex(0) translateY(0);
            transform: translatex(0) translateY(0);
  }
}
@keyframes arrow-btn-hover-icon {
  0% {
    -webkit-transform: translatex(0) translateY(0);
            transform: translatex(0) translateY(0);
  }
  50% {
    -webkit-transform: translatex(12px) translateY(-12px);
            transform: translatex(12px) translateY(-12px);
  }
  51% {
    -webkit-transform: translatex(-12px) translateY(12px);
            transform: translatex(-12px) translateY(12px);
  }
  100% {
    -webkit-transform: translatex(0) translateY(0);
            transform: translatex(0) translateY(0);
  }
}
@-webkit-keyframes icon-btn-hover-text {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes icon-btn-hover-text {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes icon-btn-hover-icon {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes icon-btn-hover-icon {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    opacity: 0;
  }
  51% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes info-detail-off {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes info-detail-off {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes info-detail-on {
  0% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
    opacity: 1;
  }
}
@keyframes info-detail-on {
  0% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes info-text-off {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes info-text-off {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes info-text-on {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes info-text-on {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes info-corporate-thumb-off {
  0% {
    opacity: 0;
    -webkit-transform: translate(60px, 60px) rotate(10deg);
            transform: translate(60px, 60px) rotate(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes info-corporate-thumb-off {
  0% {
    opacity: 0;
    -webkit-transform: translate(60px, 60px) rotate(10deg);
            transform: translate(60px, 60px) rotate(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes info-carrier-thumb-off {
  0% {
    opacity: 0;
    -webkit-transform: translate(-60px, 20px) rotate(-10deg);
            transform: translate(-60px, 20px) rotate(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes info-carrier-thumb-off {
  0% {
    opacity: 0;
    -webkit-transform: translate(-60px, 20px) rotate(-10deg);
            transform: translate(-60px, 20px) rotate(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 2.4rem;
  font-family: 'Zen Maru Gothic', sans-serif;
  color: #059dff;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  font-weight: 900;
}
img {
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}
svg {
  width: 100%;
  height: 100%;
}
a {
  text-decoration: none;
  color: #059dff;
}
button {
  background: none;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  outline: none;
  padding: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  padding: 0;
  font-size: 1.5rem;
  line-height: 1.866666666666667;
  letter-spacing: 0.05em;
  font-family: 'Zen Maru Gothic', sans-serif;
  color: #059dff;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  box-sizing: border-box;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
  outline: 0;
}
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #9cf;
  font-size: 1.5rem;
  line-height: 2.4;
  letter-spacing: 0.05em;
  font-family: 'Zen Maru Gothic', sans-serif;
}
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder {
  color: #9cf;
  font-size: 1.5rem;
  line-height: 2.4;
  letter-spacing: 0.05em;
  font-family: 'Zen Maru Gothic', sans-serif;
}
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9cf;
  font-size: 1.5rem;
  line-height: 2.4;
  letter-spacing: 0.05em;
  font-family: 'Zen Maru Gothic', sans-serif;
}
input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #9cf;
  font-size: 1.5rem;
  line-height: 2.4;
  letter-spacing: 0.05em;
  font-family: 'Zen Maru Gothic', sans-serif;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder {
  color: #9cf;
  font-size: 1.5rem;
  line-height: 2.4;
  letter-spacing: 0.05em;
  font-family: 'Zen Maru Gothic', sans-serif;
}
@media only screen and (max-width: 767px) {
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea {
    font-size: 4.266666666666667vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 4.266666666666667vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 4.266666666666667vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 4.266666666666667vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-size: 4.266666666666667vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  input[type="text"]::placeholder,
  input[type="email"]::placeholder,
  input[type="tel"]::placeholder,
  textarea::placeholder {
    font-size: 4.266666666666667vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
}
.for-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .for-sp {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .for-pc {
    display: none;
  }
}
.wrapper {
  min-width: 1120px;
}
@media only screen and (max-width: 767px) {
  .wrapper {
    min-width: auto;
    width: 100%;
    overflow: hidden;
  }
}
.wrapper svg {
  width: 100%;
  height: 100%;
  display: block;
}
.arrow-btn {
  width: 300px;
  height: 70px;
}
.arrow-btn a,
.arrow-btn button,
.arrow-btn > span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  letter-spacing: 0.07em;
  background: #fff;
  border-radius: 35px;
  box-sizing: border-box;
}
.arrow-btn a .icon-mask,
.arrow-btn button .icon-mask,
.arrow-btn > span .icon-mask {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 12px;
  height: 13px;
  margin-top: -6px;
  overflow: hidden;
}
.arrow-btn a .icon-arrow,
.arrow-btn button .icon-arrow,
.arrow-btn > span .icon-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  fill: #ff699c;
}
@media only screen and (min-width: 768px) {
  .arrow-btn a:hover .text,
  .arrow-btn button:hover .text {
    -webkit-animation: arrow-btn-hover-text 0.2s linear;
            animation: arrow-btn-hover-text 0.2s linear;
  }
  .arrow-btn a:hover .icon-arrow,
  .arrow-btn button:hover .icon-arrow {
    -webkit-animation: arrow-btn-hover-icon 0.2s linear;
            animation: arrow-btn-hover-icon 0.2s linear;
  }
}
@media only screen and (max-width: 767px) {
  .arrow-btn {
    width: 66.66666666666666vw;
    height: 13.333333333333334vw;
  }
  .arrow-btn a,
  .arrow-btn button,
  .arrow-btn > span {
    font-size: 3.466666666666666vw;
    border-radius: 6.666666666666667vw;
  }
  .arrow-btn a .icon-mask,
  .arrow-btn button .icon-mask,
  .arrow-btn > span .icon-mask {
    right: 6.4vw;
    width: 2.666666666666667vw;
    height: 2.8vw;
    margin-top: -1.333333333333333vw;
  }
}
.menu-en-group,
.heading-group {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.menu-label-deco,
.heading-deco {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.lower-heading-container {
  position: relative;
  text-align: center;
  padding-bottom: 211px;
  margin-bottom: -48px;
  overflow: hidden;
}
.lower-heading-container .lower-heading {
  display: inline-block;
}
.lower-heading-container .lower-heading span {
  display: block;
  margin: 0 auto;
}
.lower-heading-container .lower-heading .main {
  width: 510px;
  height: 50px;
}
.lower-heading-container .lower-heading .sub {
  margin-top: 20px;
  font-size: 1.4rem;
  letter-spacing: 0.07em;
}
.lower-heading-container .lower-heading .sub-svg {
  width: 58px;
  height: 13px;
  margin-top: 24px;
  fill: #059dff;
}
.lower-heading-container .cloud-container {
  position: absolute;
  top: 0;
  left: 0;
  fill: #e3f4ff;
  width: 100%;
  height: 100%;
}
.lower-heading-container .cloud-container div {
  position: absolute;
  left: 50%;
}
.lower-heading-container .cloud-container .cloud-small-left,
.lower-heading-container .cloud-container .cloud-small-right {
  width: 278px;
  height: 28px;
}
.lower-heading-container .cloud-container .cloud-large-left,
.lower-heading-container .cloud-container .cloud-large-right {
  width: 444px;
  height: 45px;
}
.lower-heading-container .cloud-container .cloud-small-left {
  top: 180px;
  margin-left: -840px;
}
.lower-heading-container .cloud-container .cloud-small-right {
  top: 126px;
  margin-left: 176px;
}
.lower-heading-container .cloud-container .cloud-large-left {
  top: 246px;
  margin-left: -802px;
}
.lower-heading-container .cloud-container .cloud-large-right {
  top: 190px;
  margin-left: 334px;
}
@media only screen and (max-width: 767px) {
  .lower-heading-container {
    padding-bottom: 42.66666666666667vw;
    margin-bottom: -6.4vw;
  }
  .lower-heading-container .lower-heading .main {
    width: 68vw;
    height: 6.666666666666667vw;
  }
  .lower-heading-container .lower-heading .sub {
    margin-top: 2.933333333333333vw;
    font-size: 3.466666666666666vw;
  }
  .lower-heading-container .lower-heading .sub-svg {
    width: 14.399999999999999vw;
    height: 3.466666666666666vw;
    margin-top: 3.466666666666666vw;
  }
  .lower-heading-container .cloud-container .cloud-small-left,
  .lower-heading-container .cloud-container .cloud-small-right {
    width: 22.53333333333333vw;
    height: 2.266666666666667vw;
  }
  .lower-heading-container .cloud-container .cloud-large-left,
  .lower-heading-container .cloud-container .cloud-large-right {
    width: 59.199999999999996vw;
    height: 6vw;
  }
  .lower-heading-container .cloud-container .cloud-small-left {
    top: 45.33333333333333vw;
    margin-left: -64vw;
  }
  .lower-heading-container .cloud-container .cloud-small-right {
    top: 23.733333333333334vw;
    margin-left: 20.533333333333335vw;
  }
  .lower-heading-container .cloud-container .cloud-large-left {
    top: 53.333333333333336vw;
    margin-left: -85.86666666666667vw;
  }
  .lower-heading-container .cloud-container .cloud-large-right {
    top: 46.400000000000006vw;
    margin-left: 30.666666666666664vw;
  }
}
.lower-main {
  position: relative;
}
.lower-bg-white-container {
  position: relative;
}
.lower-bg-white-contents {
  position: relative;
  z-index: 2;
}
.lower-bg-white {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
}
.lower-bg-white::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 48px;
  background: url("../img/pc/lower-bg-wave.jpg?hash=8251b802de6d753e1b500b47de3ba96f") center top repeat-x;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .lower-bg-white::before {
    background: url("../img/pc/lower-bg-wave@2x.jpg?hash=3af1fa8a0f686e3adcdbec1811bdbaa7") center top repeat-x;
    background-size: 1280px 48px;
  }
}
@media only screen and (max-width: 767px) {
  .lower-bg-white::before {
    height: 6.4vw;
    background: url("../img/lower-bg-wave.jpg?hash=b329e66a40dcebace61fdc84dc069d0f") center top no-repeat;
    background-size: 100%;
  }
}
.lower-bg-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lower-bg-container .lower-bg-town-back,
.lower-bg-container .lower-bg-town-front {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lower-bg-container .lower-bg-town-back::before,
.lower-bg-container .lower-bg-town-front::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
}
.lower-bg-container .lower-bg-town {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.lower-bg-container .lower-bg-town-back,
.lower-bg-container .lower-bg-town-front {
  background: #059dff;
}
.lower-bg-container .lower-bg-town-back::before,
.lower-bg-container .lower-bg-town-front::before {
  height: 186px;
  top: -138px;
}
.lower-bg-container .lower-bg-town-back::before {
  background: url("../img/pc/lower-heading-town-back.png?hash=241bb52ddefaa1c52c88dab15fe96783") center top repeat-x;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .lower-bg-container .lower-bg-town-back::before {
    background: url("../img/pc/lower-heading-town-back@2x.png?hash=139bf390fc64991d0605f173a2de7691") center top repeat-x;
    background-size: 1280px 186px;
  }
}
.lower-bg-container .lower-bg-town-front {
  z-index: 1;
}
.lower-bg-container .lower-bg-town-front::before {
  background: url("../img/pc/lower-heading-town-front.png?hash=410c315d7a9463a4d11bed1265f0650e") center top repeat-x;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .lower-bg-container .lower-bg-town-front::before {
    background: url("../img/pc/lower-heading-town-front@2x.png?hash=0d4f107e3dd02b8b63acd5e6fd4663b8") center top repeat-x;
    background-size: 1280px 186px;
  }
}
@media only screen and (max-width: 767px) {
  .lower-bg-container .lower-bg-town-back::before,
  .lower-bg-container .lower-bg-town-front::before {
    height: 34.13333333333333vw;
    top: -27.73333333333333vw;
  }
  .lower-bg-container .lower-bg-town-back::before {
    background: url("../img/lower-heading-town-back.png?hash=f9d73cee3c1da1dbcfc0d1e8f9200a53") center top no-repeat;
    background-size: 100%;
  }
  .lower-bg-container .lower-bg-town-front::before {
    background: url("../img/lower-heading-town-front.png?hash=11cfe268412f5a1e2e8db45281ea82a6") center top no-repeat;
    background-size: 100%;
  }
}
.lower-contents {
  position: relative;
  z-index: 1;
}
.section-contact-link {
  position: relative;
}
.section-contact-link .bg-stripe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f2faff;
  background-image: linear-gradient(-90deg, #fff 50%, transparent 50%);
  background-position: top center;
  background-size: 100px 100px;
}
.section-contact-link .section-inner {
  position: relative;
  padding-top: 158px;
  padding-bottom: 292px;
}
.section-contact-link .section-heading {
  width: 530px;
  height: 82px;
  margin: 0 auto;
  position: relative;
}
.section-contact-link .arrow-btn-contact {
  margin: 16px auto 0;
  width: 160px;
  height: 44px;
  box-sizing: border-box;
}
.section-contact-link .arrow-btn-contact >span {
  background: none;
  transition: background 0.2s;
}
.section-contact-link .arrow-btn-contact .text {
  font-size: 1.4rem;
  letter-spacing: 0.07em;
  padding-right: 10px;
}
.section-contact-link .arrow-btn-contact .icon-mask {
  position: absolute;
  top: 50%;
  right: 14px;
}
.section-contact-link a {
  display: block;
}
@media only screen and (min-width: 768px) {
  .section-contact-link a:hover .arrow-btn-contact >span {
    color: #fff;
    background: #059dff;
  }
  .section-contact-link a:hover .arrow-btn-contact .icon-arrow {
    fill: #ffd737;
  }
  .section-contact-link a:hover .arrow-btn-contact .text {
    -webkit-animation: arrow-btn-hover-text 0.16s linear;
            animation: arrow-btn-hover-text 0.16s linear;
  }
  .section-contact-link a:hover .arrow-btn-contact .icon-arrow {
    -webkit-animation: arrow-btn-hover-icon 0.16s linear;
            animation: arrow-btn-hover-icon 0.16s linear;
  }
}
.section-contact-link .sp-contact-boy {
  display: none;
}
.section-contact-link .contact-boy-container {
  position: absolute;
  top: -18px;
  right: 0;
  left: 0;
  width: 607px;
  height: 219px;
  margin: 0 auto;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .section-contact-link .contact-boy-container {
    top: -2.4vw;
    width: 80.93333333333334vw;
    height: 29.2vw;
  }
}
.section-contact-link .contact-boy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: url("#contact-mask");
          clip-path: url("#contact-mask");
  -webkit-transform: translateZ(1px);
          transform: translateZ(1px);
}
@media only screen and (max-width: 767px) {
  .section-contact-link .contact-boy {
    left: -1.066666666666667vw;
  }
}
.section-contact-link .contact-boy-ill {
  position: absolute;
  right: 0;
  bottom: 12px;
  left: 0;
  width: 320px;
  height: 205px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .section-contact-link .contact-boy-ill {
    bottom: 2.133333333333333vw;
    left: -1.333333333333333vw;
    width: 42.66666666666667vw;
    height: 27.333333333333332vw;
  }
}
.section-contact-link .contact-boy-ill-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-contact-link .contact-boy-ill-hand {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 212px;
  height: 28px;
  margin-left: -111px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .section-contact-link .contact-boy-ill-hand {
    bottom: 4vw;
    margin-left: -16vw;
    width: 28.26666666666667vw;
    height: 3.733333333333334vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-contact-link .bg-stripe {
    background-size: 13.333333333333334vw 13.333333333333334vw;
  }
  .section-contact-link .section-inner {
    padding-top: 21.066666666666666vw;
    padding-bottom: 29.86666666666667vw;
    padding-right: 2.133333333333333vw;
    box-sizing: border-box;
  }
  .section-contact-link .section-heading {
    width: 70.66666666666667vw;
    height: 10.933333333333334vw;
  }
  .section-contact-link .arrow-btn-contact {
    margin-top: 3.2vw;
    width: 25.066666666666666vw;
    height: 3.2vw;
  }
  .section-contact-link .arrow-btn-contact >span {
    margin-left: 0.8vw;
  }
  .section-contact-link .arrow-btn-contact .text {
    font-size: 3.2vw;
    letter-spacing: 0.07em;
    padding-right: 4.266666666666667vw;
  }
  .section-contact-link .arrow-btn-contact .icon-mask {
    right: 0;
  }
  .section-contact-link .sp-contact-boy {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -23.200000000000003vw;
    margin-top: -1.066666666666667vw;
    width: 42.66666666666667vw;
    z-index: 1;
  }
}
.page-product .section-container,
.page-corporate .section-container,
.page-carrier .section-container {
  width: 760px;
  margin-right: 40px;
  box-sizing: border-box;
}
.page-product .section-container .section-heading,
.page-corporate .section-container .section-heading,
.page-carrier .section-container .section-heading {
  color: #ff699c;
  font-size: 1.5rem;
  -webkit-font-smoothing: auto;
}
.page-product .section:not(:last-child),
.page-corporate .section:not(:last-child),
.page-carrier .section:not(:last-child) {
  border-bottom: 1px solid #e6f5ff;
  box-sizing: border-box;
}
.page-product .page-nav-container,
.page-corporate .page-nav-container,
.page-carrier .page-nav-container {
  position: relative;
  width: 1120px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  padding-top: 26px;
}
.page-product .page-nav,
.page-corporate .page-nav,
.page-carrier .page-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  width: 280px;
  height: 700px;
  padding-top: 138px;
  box-sizing: border-box;
}
.page-product .page-nav li:not(:first-child),
.page-corporate .page-nav li:not(:first-child),
.page-carrier .page-nav li:not(:first-child) {
  margin-top: 30px;
}
.page-product .page-nav li a,
.page-corporate .page-nav li a,
.page-carrier .page-nav li a,
.page-product .page-nav li span,
.page-corporate .page-nav li span,
.page-carrier .page-nav li span {
  display: block;
}
.page-product .page-nav li a,
.page-corporate .page-nav li a,
.page-carrier .page-nav li a {
  position: relative;
  padding: 10px 10px 10px 30px;
}
@media only screen and (min-width: 768px) {
  .page-product .page-nav li a::before,
  .page-corporate .page-nav li a::before,
  .page-carrier .page-nav li a::before {
    position: absolute;
    top: 12px;
    left: 1px;
    content: "";
    opacity: 0;
    width: 16px;
    height: 16px;
    background: #059dff;
    border-radius: 50%;
    transition: 0.35s cubic-bezier(0.4, 0.8, 0.74, 1);
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  .page-product .page-nav li a.is-located::before,
  .page-corporate .page-nav li a.is-located::before,
  .page-carrier .page-nav li a.is-located::before,
  .page-product .page-nav li a:hover::before,
  .page-corporate .page-nav li a:hover::before,
  .page-carrier .page-nav li a:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .page-product .page-nav li a.is-located::before,
  .page-corporate .page-nav li a.is-located::before,
  .page-carrier .page-nav li a.is-located::before {
    transition-delay: 0.26s;
  }
}
.page-product .page-nav li .en,
.page-corporate .page-nav li .en,
.page-carrier .page-nav li .en {
  fill: #ff699c;
}
.page-product .page-nav li .ja,
.page-corporate .page-nav li .ja,
.page-carrier .page-nav li .ja {
  margin-top: 6px;
  font-size: 1.2rem;
  letter-spacing: 0.07em;
}
.page-product .page-nav li .icon-arrow,
.page-corporate .page-nav li .icon-arrow,
.page-carrier .page-nav li .icon-arrow {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-product .section-container,
  .page-corporate .section-container,
  .page-carrier .section-container {
    width: 100%;
    margin-right: 0;
    padding: 0 6.666666666666667vw;
  }
  .page-product .section-container .section-heading,
  .page-corporate .section-container .section-heading,
  .page-carrier .section-container .section-heading {
    font-size: 4.8vw;
  }
  .page-product .section:not(:last-child),
  .page-corporate .section:not(:last-child),
  .page-carrier .section:not(:last-child) {
    border-width: 0.266666666666667vw;
  }
  .page-product .page-nav-container,
  .page-corporate .page-nav-container,
  .page-carrier .page-nav-container {
    width: 100%;
    flex-direction: column;
    padding-top: 3.466666666666666vw;
  }
  .page-product .page-nav,
  .page-corporate .page-nav,
  .page-carrier .page-nav {
    position: static;
    width: 100%;
    height: auto;
    margin-top: 10.933333333333334vw;
    padding: 0 6.666666666666667vw;
  }
  .page-product .page-nav ul,
  .page-corporate .page-nav ul,
  .page-carrier .page-nav ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -6.666666666666667vw;
  }
  .page-product .page-nav li,
  .page-corporate .page-nav li,
  .page-carrier .page-nav li {
    width: 40vw;
    margin-right: 6.666666666666667vw;
    margin-bottom: 5.333333333333334vw;
  }
  .page-product .page-nav li:not(:first-child),
  .page-corporate .page-nav li:not(:first-child),
  .page-carrier .page-nav li:not(:first-child) {
    margin-top: 0;
  }
  .page-product .page-nav li a,
  .page-corporate .page-nav li a,
  .page-carrier .page-nav li a {
    padding: 5.333333333333334vw 0 5.333333333333334vw;
    border-bottom: 0.533333333333333vw solid #e3f4ff;
    border-radius: 0.266666666666667vw;
    box-sizing: border-box;
  }
  .page-product .page-nav li .ja,
  .page-corporate .page-nav li .ja,
  .page-carrier .page-nav li .ja {
    margin-top: 2.133333333333333vw;
    font-size: 2.666666666666667vw;
  }
  .page-product .page-nav li .icon-arrow,
  .page-corporate .page-nav li .icon-arrow,
  .page-carrier .page-nav li .icon-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 3.466666666666666vw;
    height: 3.2vw;
    margin-top: -1.333333333333333vw;
    fill: #ff699c;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
.footer {
  position: relative;
  background: #059dff;
  z-index: 1;
}
.footer .img {
  -webkit-animation: footer-loop-pc 40s linear infinite;
          animation: footer-loop-pc 40s linear infinite;
  position: absolute;
  top: -180px;
  left: 0;
  width: 100%;
  height: 312px;
  background: url("../img/pc/footer-img.png?hash=21bfe13f9565a8356ccd4efd524f54fb") center top repeat-x;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .footer .img {
    background: url("../img/pc/footer-img@2x.png?hash=8828b5e27d95026938e30f8611d6024f") center top repeat-x;
    background-size: 1742px 312px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .img {
    -webkit-animation-duration: 80s;
            animation-duration: 80s;
  }
}
.footer .footer-inner {
  position: relative;
  padding-top: 208px;
  padding-bottom: 142px;
}
.footer .footer-contents {
  position: relative;
  width: 1040px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
.footer .block-container {
  display: flex;
  box-sizing: border-box;
}
.footer .block-1 {
  width: 520px;
}
.footer .block-2 {
  width: 228px;
}
.footer .block-3 {
  flex: 1;
}
.footer .logo {
  position: relative;
}
.footer .logo a {
  display: inline-block;
}
.footer .logo .ja {
  position: absolute;
  top: 58px;
  left: 74px;
  display: block;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.07em;
}
.footer .nav {
  margin-top: 4px;
}
.footer .nav li:not(:first-child) {
  margin-top: 12px;
}
.footer .nav li a {
  display: flex;
  padding: 10px 0;
}
.footer .nav li span {
  display: block;
}
.footer .nav li .icon-mask {
  position: relative;
  margin-top: 2px;
  width: 12px;
  height: 13px;
  overflow: hidden;
}
.footer .nav li .icon-arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #ff699c;
}
.footer .nav li .ja {
  margin-left: 13px;
  font-size: 1.4rem;
  letter-spacing: 0.07em;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .footer .nav li a:hover .ja {
    -webkit-animation: arrow-btn-hover-text 0.2s linear;
            animation: arrow-btn-hover-text 0.2s linear;
  }
  .footer .nav li a:hover .icon-arrow {
    -webkit-animation: arrow-btn-hover-icon 0.2s linear;
            animation: arrow-btn-hover-icon 0.2s linear;
  }
}
.footer .address {
  color: #fff;
  margin-top: 12px;
}
.footer .address dt {
  font-size: 1.3rem;
  line-height: 1.692307692307692;
  letter-spacing: 0.07em;
}
.footer .address dt:not(:first-child) {
  margin-top: 16px;
}
.footer .address dd {
  font-size: 1.2rem;
  line-height: 1.666666666666667;
  letter-spacing: 0.07em;
  font-weight: 500;
}
.footer .btn-container {
  position: absolute;
  bottom: 8px;
  left: 0;
  display: flex;
}
.footer .btn {
  width: 160px;
  height: 50px;
}
.footer .btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  border-radius: 25px;
  padding-bottom: 2px;
  box-sizing: border-box;
  cursor: pointer;
}
.footer .btn span {
  display: block;
}
.footer .btn-contact a {
  background: #ff699c;
}
.footer .btn-contact .icon-mail {
  width: 14px;
  height: 10px;
  fill: #fff;
  margin-right: 5px;
  margin-top: 1px;
}
.footer .btn-contact .text {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 768px) {
  .footer .btn-contact a:hover .text {
    -webkit-animation: icon-btn-hover-text 0.2s linear;
            animation: icon-btn-hover-text 0.2s linear;
  }
  .footer .btn-contact a:hover .icon-mail {
    -webkit-animation: icon-btn-hover-icon 0.2s linear;
            animation: icon-btn-hover-icon 0.2s linear;
    -webkit-animation-delay: 0.04s;
            animation-delay: 0.04s;
  }
}
.footer .btn-access {
  margin-left: 10px;
}
.footer .btn-access a {
  border: 1px solid #fff;
  padding-left: 4px;
}
.footer .btn-access .icon-pin {
  width: 10px;
  height: 14px;
  fill: #fff;
  margin-right: 6px;
  margin-top: 1px;
}
.footer .btn-access .text {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 768px) {
  .footer .btn-access a:hover .text {
    -webkit-animation: icon-btn-hover-text 0.2s linear;
            animation: icon-btn-hover-text 0.2s linear;
  }
  .footer .btn-access a:hover .icon-pin {
    -webkit-animation: icon-btn-hover-icon 0.2s linear;
            animation: icon-btn-hover-icon 0.2s linear;
    -webkit-animation-delay: 0.04s;
            animation-delay: 0.04s;
  }
}
.footer .copyright {
  position: absolute;
  bottom: 25px;
  left: 50px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
.footer .btn-pagetop {
  position: absolute;
  bottom: 25px;
  right: 38px;
  width: 96px;
  height: 96px;
}
.footer .btn-pagetop a {
  position: relative;
  display: block;
}
@media only screen and (min-width: 768px) {
  .footer .btn-pagetop a:hover .onigiri {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
.footer .btn-pagetop .text {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: rotate 15s infinite linear;
          animation: rotate 15s infinite linear;
}
.footer .btn-pagetop .onigiri {
  position: absolute;
  top: 27px;
  left: 25px;
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@media only screen and (max-width: 767px) {
  .footer .img {
    position: absolute;
    top: -21.866666666666667vw;
    left: -11.733333333333333vw;
    width: 232.26666666666665vw;
    height: 41.6vw;
    background: url("../img/footer-img.png?hash=21bfe13f9565a8356ccd4efd524f54fb") center top repeat-x;
    background-size: 100%;
  }
  .footer .footer-inner {
    padding-top: 31.733333333333334vw;
    padding-bottom: 21.333333333333336vw;
  }
  .footer .footer-contents {
    width: 100%;
    padding: 0 6.666666666666667vw;
  }
  .footer .block-1,
  .footer .block-2 {
    width: 50%;
  }
  .footer .block-3 {
    display: none;
  }
  .footer .logo {
    width: 43.46666666666666vw;
    margin-top: 0.8vw;
  }
  .footer .logo .ja {
    position: absolute;
    top: 8.799999999999999vw;
    left: 11.200000000000001vw;
    font-size: 2.666666666666667vw;
  }
  .footer .nav {
    margin-top: 0vw;
    margin-left: 4.8vw;
  }
  .footer .nav li:not(:first-child) {
    margin-top: 0.266666666666667vw;
  }
  .footer .nav li a {
    padding: 2.666666666666667vw 0;
  }
  .footer .nav li .icon-mask {
    margin-top: 0.266666666666667vw;
    width: 2.933333333333333vw;
    height: 3.2vw;
  }
  .footer .nav li .ja {
    margin-left: 2.666666666666667vw;
    font-size: 3.2vw;
    letter-spacing: 0.1em;
  }
  .footer .nav li:first-child .ja {
    letter-spacing: 0;
  }
  .footer .btn-container {
    position: static;
    margin-top: 6.666666666666667vw;
  }
  .footer .btn {
    width: 42.66666666666667vw;
    height: 13.333333333333334vw;
  }
  .footer .btn a {
    border-radius: 6.666666666666667vw;
    padding-bottom: 0.266666666666667vw;
  }
  .footer .btn-contact .icon-mail {
    width: 3.733333333333334vw;
    height: 2.666666666666667vw;
    margin-right: 1.066666666666667vw;
    margin-top: 0.8vw;
  }
  .footer .btn-contact .text {
    margin-top: 0.533333333333333vw;
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.07em;
  }
  .footer .btn-access {
    margin-left: 1.333333333333333vw;
  }
  .footer .btn-access a {
    border-width: 0.266666666666667vw;
    padding-left: 0.533333333333333vw;
  }
  .footer .btn-access .icon-pin {
    width: 2.666666666666667vw;
    height: 3.733333333333334vw;
    margin-right: 1.333333333333333vw;
    margin-top: 0.8vw;
  }
  .footer .btn-access .text {
    margin-top: 0.533333333333333vw;
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.07em;
  }
  .footer .copyright {
    position: absolute;
    bottom: 41.333333333333336vw;
    left: 6.666666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.8;
    letter-spacing: 0.08em;
    display: inline-block;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  .footer .btn-pagetop {
    position: absolute;
    bottom: -8.933333333333334vw;
    right: 50%;
    width: 23.200000000000003vw;
    height: 23.200000000000003vw;
    margin-right: -11.600000000000001vw;
  }
  .footer .btn-pagetop .onigiri {
    position: absolute;
    top: 5.066666666666666vw;
    left: 7.199999999999999vw;
    width: 8.533333333333333vw;
  }
}
.header-logo {
  position: fixed;
  top: 38px;
  left: 40px;
  pointer-events: auto;
  mix-blend-mode: multiply;
  z-index: 2;
}
.header-logo a {
  display: block;
}
@media only screen and (max-width: 767px) {
  .header-logo {
    position: fixed;
    top: 4.266666666666667vw;
    left: 5.333333333333334vw;
    width: 37.333333333333336vw;
  }
}
.btn-menu-bg {
  position: fixed;
  top: 28px;
  right: 40px;
  display: block;
  width: 140px;
  height: 50px;
  border-radius: 25px;
  background: #059dff;
  mix-blend-mode: multiply;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .btn-menu-bg {
    position: fixed;
    top: 0;
    right: 2.666666666666667vw;
    width: 20vw;
    height: 16vw;
    border-radius: 0 0 5.333333333333334vw 5.333333333333334vw;
  }
}
.btn-menu {
  position: fixed;
  top: 28px;
  right: 40px;
  z-index: 10;
  width: 140px;
  height: 50px;
  pointer-events: auto;
}
.btn-menu button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: bold;
  border-radius: 25px;
  padding-bottom: 2px;
  padding-left: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.btn-menu span {
  display: block;
}
.btn-menu .icon-menu {
  position: relative;
  width: 17px;
  height: 15px;
  margin-right: 11px;
}
.btn-menu .icon-menu span {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
  width: 17px;
  height: 3px;
  background: #fff;
  transition: 0.3s;
  border-radius: 2px;
}
.btn-menu .icon-menu .line-1 {
  margin-top: -6px;
}
.btn-menu .icon-menu .line-3 {
  margin-top: 6px;
}
.btn-menu .text {
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.07em;
}
.btn-menu .close {
  display: none;
}
@media only screen and (min-width: 768px) {
  .btn-menu:hover .text {
    -webkit-animation: icon-btn-hover-text 0.2s linear;
            animation: icon-btn-hover-text 0.2s linear;
  }
  .btn-menu:hover .icon-menu .line-1 {
    margin-top: -8px;
  }
  .btn-menu:hover .icon-menu .line-3 {
    margin-top: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .btn-menu {
    position: fixed;
    top: 0;
    right: 2.666666666666667vw;
    width: 20vw;
    height: 16vw;
  }
  .btn-menu button {
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 0;
    padding-left: 0.533333333333333vw;
    border-radius: 0 0 5.333333333333334vw 5.333333333333334vw;
  }
  .btn-menu .icon-menu {
    width: 4vw;
    height: 3.733333333333334vw;
    margin: 2.933333333333333vw auto 0;
  }
  .btn-menu .icon-menu span {
    width: 4vw;
    height: 0.8vw;
    border-radius: 0.4vw;
  }
  .btn-menu .icon-menu .line-1 {
    margin-top: -1.333333333333333vw;
  }
  .btn-menu .icon-menu .line-3 {
    margin-top: 1.333333333333333vw;
  }
  .btn-menu .text {
    margin-top: 2.4vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.09em;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  pointer-events: none;
}
.header .header-inner {
  position: relative;
  height: 106px;
}
.header .btn {
  width: 140px;
  height: 50px;
  pointer-events: auto;
}
.header .btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: bold;
  border-radius: 25px;
  padding-bottom: 2px;
  box-sizing: border-box;
  cursor: pointer;
}
.header .btn span {
  display: block;
}
.header .btn-contact {
  position: absolute;
  top: 28px;
  right: 190px;
}
.header .btn-contact a {
  background: #ff699c;
}
.header .btn-contact .icon-mail {
  width: 14px;
  height: 10px;
  fill: #fff;
  margin-right: 5px;
  margin-top: 1px;
}
.header .btn-contact .icon-mail.for-sp {
  display: none;
}
.header .btn-contact .text {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.07em;
}
.header .btn-contact .text.for-sp {
  display: none;
}
@media only screen and (min-width: 768px) {
  .header .btn-contact a:hover .text {
    -webkit-animation: icon-btn-hover-text 0.2s linear;
            animation: icon-btn-hover-text 0.2s linear;
  }
  .header .btn-contact a:hover .icon-mail {
    -webkit-animation: icon-btn-hover-icon 0.2s linear;
            animation: icon-btn-hover-icon 0.2s linear;
    -webkit-animation-delay: 0.04s;
            animation-delay: 0.04s;
  }
}
@media only screen and (max-width: 767px) {
  .header .header-inner {
    height: 18.666666666666668vw;
  }
  .header .btn {
    width: 20vw;
    height: 16vw;
  }
  .header .btn a {
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 0;
    border-radius: 0 0 5.333333333333334vw 5.333333333333334vw;
  }
  .header .btn-contact {
    position: absolute;
    top: 0;
    right: 24vw;
  }
  .header .btn-contact .icon-mail {
    width: 5.600000000000001vw;
    height: 4vw;
    margin-right: 0;
    margin-top: 2.933333333333333vw;
  }
  .header .btn-contact .icon-mail.for-pc {
    display: none;
  }
  .header .btn-contact .icon-mail.for-sp {
    display: block;
  }
  .header .btn-contact .text {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.05em;
    margin-top: 2.133333333333333vw;
  }
  .header .btn-contact .text.for-pc {
    display: none;
  }
  .header .btn-contact .text.for-sp {
    display: block;
  }
}
.is-menu-opened .btn-menu {
  width: 50px;
  height: 50px;
  transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  mix-blend-mode: normal;
}
.is-menu-opened .btn-menu button {
  background: #059dff;
  padding: 0 8px 5px 6px;
}
.is-menu-opened .btn-menu .icon-menu {
  width: 18px;
  height: 18px;
  margin-right: 0;
}
.is-menu-opened .btn-menu .icon-menu span {
  left: 0;
  width: 20px;
}
.is-menu-opened .btn-menu .icon-menu .line-1 {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.is-menu-opened .btn-menu .icon-menu .line-2 {
  background: transparent;
}
.is-menu-opened .btn-menu .icon-menu .line-3 {
  margin-top: 0;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.is-menu-opened .btn-menu .text {
  display: none;
}
@media only screen and (min-width: 768px) {
  .is-menu-opened .btn-menu button:hover .line-1,
  .is-menu-opened .btn-menu button:hover .line-3 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .is-menu-opened .btn-menu:hover {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.is-menu-opened .header .menu {
  pointer-events: auto;
}
@media only screen and (max-width: 767px) {
  .is-menu-opened .btn-menu {
    width: 20vw;
    height: 16vw;
  }
  .is-menu-opened .btn-menu button {
    padding: 0;
  }
  .is-menu-opened .btn-menu .icon-menu {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin: 2.133333333333333vw auto 0;
  }
  .is-menu-opened .btn-menu .icon-menu span {
    width: 5.333333333333334vw;
  }
  .is-menu-opened .btn-menu .text {
    display: none;
  }
  .is-menu-opened .btn-menu .close {
    display: block;
    margin-top: 1.866666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.09em;
  }
}
.menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 9;
}
.menu .menu-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.menu .menu-wrapper {
  margin-left: auto;
  display: table;
  width: 400px;
  height: 100vh;
  background: #0586ff;
}
.menu .menu-container {
  position: relative;
  display: table-cell;
  text-align: center;
}
.menu .menu-contents {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 136px 80px 100px;
  text-align: left;
  box-sizing: border-box;
}
.menu .nav li:not(:first-child) {
  margin-top: 29px;
}
.menu .nav a,
.menu .nav span {
  display: block;
}
.menu .nav a {
  padding: 10px 0;
}
.menu .nav .en {
  fill: #fff;
  height: 24px;
}
.menu .nav .ja {
  margin-top: 15px;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.1em;
}
.menu .nav .link-about .en {
  width: 112px;
  height: 24px;
}
.menu .nav .link-about .en .menu-label-deco {
  left: -1px;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}
.menu .nav .link-about .ja {
  margin-top: 12px;
}
.menu .nav .link-product .en {
  width: 153px;
  height: 24px;
}
.menu .nav .link-product .en .menu-label-deco {
  left: -1px;
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.menu .nav .link-corporate .en {
  width: 206px;
  height: 24px;
}
.menu .nav .link-corporate .en .menu-label-deco {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.menu .nav .link-carrier .en {
  width: 148px;
  height: 25px;
}
.menu .nav .link-carrier .en .menu-label-deco {
  left: -1px;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}
.menu .btn {
  width: 240px;
}
.menu .btn-contact {
  position: static;
  margin-top: 78px;
}
.menu .btn-contact a {
  padding-left: 2px;
}
.menu .btn-contact .icon-mail {
  margin-right: 8px;
}
.menu .btn-access {
  margin-top: 20px;
}
.menu .btn-access a {
  border: 1px solid #fff;
  padding-right: 22px;
}
.menu .btn-access .icon-pin {
  width: 10px;
  height: 14px;
  fill: #fff;
  margin-right: 11px;
  margin-top: 1px;
}
.menu .btn-access .text {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0.07em;
}
@media only screen and (min-width: 768px) {
  .menu .btn-access a:hover .text {
    -webkit-animation: icon-btn-hover-text 0.2s linear;
            animation: icon-btn-hover-text 0.2s linear;
  }
  .menu .btn-access a:hover .icon-pin {
    -webkit-animation: icon-btn-hover-icon 0.2s linear;
            animation: icon-btn-hover-icon 0.2s linear;
    -webkit-animation-delay: 0.04s;
            animation-delay: 0.04s;
  }
}
@media only screen and (max-width: 767px) {
  .menu {
    width: 100%;
  }
  .menu .menu-wrapper {
    width: 100%;
  }
  .menu .menu-container {
    vertical-align: middle;
  }
  .menu .menu-contents {
    width: 100%;
    padding: 22.133333333333333vw 0 6.933333333333333vw;
    text-align: center;
  }
  .menu .menu-logo {
    position: absolute;
    top: 4.266666666666667vw;
    left: 5.333333333333334vw;
    width: 37.333333333333336vw;
  }
  .menu .nav li:not(:first-child) {
    margin-top: 6.133333333333333vw;
  }
  .menu .nav a {
    padding: 1.333333333333333vw 0;
  }
  .menu .nav .en {
    margin: 0 auto;
  }
  .menu .nav .ja {
    margin-top: 2.4vw;
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.06em;
  }
  .menu .nav .link-about .en {
    width: 30.133333333333333vw;
    height: 6.4vw;
  }
  .menu .nav .link-about .ja {
    margin-top: 2.133333333333333vw;
  }
  .menu .nav .link-product .en {
    width: 40vw;
    height: 6.666666666666667vw;
  }
  .menu .nav .link-corporate .en {
    width: 53.333333333333336vw;
    height: 6.4vw;
  }
  .menu .nav .link-corporate .ja {
    margin-top: 2.133333333333333vw;
  }
  .menu .nav .link-carrier .en {
    width: 38.4vw;
    height: 6.4vw;
  }
  .menu .btn {
    width: 60vw;
    height: 13.333333333333334vw;
    margin: 0 auto;
  }
  .menu .btn a {
    flex-direction: row;
    justify-content: center;
    border-radius: 6.666666666666667vw;
  }
  .menu .btn-contact {
    margin-top: 9.866666666666667vw;
  }
  .menu .btn-contact a {
    padding-left: 0;
    padding-bottom: 0.8vw;
  }
  .menu .btn-contact .icon-mail {
    width: 5.333333333333334vw;
    height: 4vw;
    margin-top: 0.266666666666667vw;
    margin-right: 2.133333333333333vw;
  }
  .menu .btn-contact .text {
    margin-top: 0;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.07em;
  }
  .menu .btn-access {
    margin-top: 4vw;
  }
  .menu .btn-access a {
    border-width: 0.266666666666667vw;
    padding-right: 0;
    padding-left: 0.8vw;
  }
  .menu .btn-access .icon-pin {
    width: 4vw;
    height: 5.600000000000001vw;
    margin-right: 1.6vw;
    margin-top: 0;
  }
  .menu .btn-access .text {
    margin-bottom: 0.533333333333333vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.07em;
  }
}
[data-hidden] {
  opacity: 0;
}
[data-animate-id='menu-en'],
[data-animate='heading'],
[data-subpage-head-el='heading'] {
  text-indent: 100%;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-size: 0;
}
[data-animate='base'] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media only screen and (max-width: 767px) {
  [data-animate='base'] {
    display: none !important;
  }
}
[data-animate-link] [data-animate-id] + [data-animate='base'] {
  transition: opacity 0.3s 1s;
}
[data-animate-link]:hover [data-animate-id] + [data-animate='base'] {
  opacity: 1;
  transition: opacity 0.3s 0s;
}

[data-menu] {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s, visibility 0.35s;
  visibility: hidden;
}
.is-menu-opened [data-menu] {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
@media only screen and (min-width: 768px) {
  [data-menu] {
    transition-delay: 0.35s;
  }
  .is-menu-opened [data-menu] {
    transition: opacity 0s, visibility 0s;
  }
}
@media only screen and (min-width: 768px) {
  [data-menu-body] {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    transition: -webkit-transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
  }
  .is-menu-opened [data-menu-body] {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
[data-contact-el='boy-hand'] {
  opacity: 0;
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
@media only screen and (min-width: 768px) {
  [data-contact-el='link']:hover [data-contact-el='boy-hand'] {
    transition: opacity 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;
    transition: opacity 0.5s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  }
}


*,::after,::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-size: 62.5%;
    height: 100%;
    overflow: auto
}

address,blockquote,body,dl,figure,form,iframe,ol,p,pre,ul {
    margin: 0
}

details,main {
    display: block
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0
}

ol,ul {
    padding: 0;
    list-style: none
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

a,hr {
    color: inherit
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    background-color: transparent;
    text-decoration: none
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

embed,iframe,object {
    vertical-align: bottom
}

button,input,optgroup,select,textarea {
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: 0 0;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit
}

input,optgroup,select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled] {
    cursor: default
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

select::-ms-expand {
    display: none
}

fieldset,legend,option {
    padding: 0
}

fieldset {
    margin: 0;
    min-width: 0
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.is-pc .c-switch span.-rakugo,.is-pc .-rakugo .c-switch span.-geinin,label[for] {
    cursor: pointer
}

summary {
    display: list-item
}

[contenteditable] {
    outline: 0
}

table {
    border-spacing: 0;
    width: 100%;
    margin: 0 auto 20px;
    border-collapse: collapse
}

caption {
    text-align: left
}

td,th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: 700
}

#page-dummy #page-inner .c-break,#page-dummy #page-inner .l-footer,#page-dummy #page-inner .p-index_episode,#page-dummy #page-inner .p-index_live,[hidden],template {
    display: none
}

body {
    background: #fff;
    color: #333;
    -webkit-text-size-adjust: 100%;
    font-size: calc(.16327vw + 1.33878rem);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-indent: calc(0vw + 0rem);
    letter-spacing: .05em;
    font-family: 'Noto Serif JP',serif;
    font-weight: 400
}

#page {
    position: relative;
    overflow: hidden
}

#page-dummy,#page-switch {
    background-color: #fff
}

#page-dummy.-geinin,#page-switch{
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif
}

#page-dummy.-rakugo,#page-switch.-rakugo {
    font-family: 'Noto Serif JP',serif;
    font-weight: 400
}

#page-switch {
    position: relative;
    z-index: 2
}

#page-dummy {
    z-index: 1;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    right: 0
}

#page-dummy #page-inner {
    position: relative;
    top: 0
}

a:active,a:hover,a:link,a:visited {
    text-decoration: none
}

img {
    line-height: 1;
    vertical-align: bottom;
    height: auto;
    max-width: 100%
}

img.js-lazyload,picture.js-lazyload img {
    opacity: 0;
    -webkit-transition: .4s opacity;
    transition: .4s opacity
}

picture.js-lazyload img.swiper-lazy-loaded {
    opacity: 1!important
}

img.js-lazyload.isLoaded,picture.js-lazyload img.isLoaded {
    opacity: 1
}

.-ja {
    letter-spacing: 0;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

.c-fm_stand,.c-fm_banner {
    position: relative
}

.c-fm_stand .c-wave,.c-fm_banner .c-wave,.p-index_info .c-wave,.p-index_live .c-wave,.p-index_manual .c-wave {
    position: absolute;
    left: 0;
    top: calc(-.65306vw + -7.55102px)
}

.c-fm_stand .c-wave.-reverse,.c-fm_banner .c-wave.-reverse,.p-index_info .c-wave.-reverse,.p-index_live .c-wave.-reverse,.p-index_manual .c-wave.-reverse {
    top: auto;
    bottom: calc(-.65306vw + -7.55102px)
}

.p-contact_slider__item__image {
    position: relative;
    display: block
}

.l-footer,.p-index_manual .keen-slider__slide__container .image {
    position: relative
}

.p-contact_slider__item__image::before,.p-index_manual .keen-slider__slide__container .image::before {
    content: '';
    display: block
}

.c-post .wp-block-embed__wrapper.wp-block-embed-youtube iframe,.p-contact_slider__item__image img,.p-index_manual .keen-slider__slide__container .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.l-footer {
    border-top: 1px solid #eee;
    color: #888;
    background-color: #fff
}

.l-footer {
    padding-top: calc(2.04082vw + 17.34694px);
    padding-bottom: calc(2.04082vw + 17.34694px)
}

.l-footer .c-container,.l-footer_thanks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.l-footer_thanks {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-footer_thanks__head {
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal;
    color: #203b85;
    line-height: 1.33333;
    border-bottom: 1px solid;
    padding-bottom: .25em;
    margin-right: 1em;
    font-size: calc(.2449vw + 1.10816rem)
}

.l-footer_thanks__head {
    color: #17d1d1
}

.l-footer_thanks__head .space {
    display: none
}

.l-footer_thanks__body {
    font-size: calc(.2449vw + 1.00816rem);
    line-height: 1.71429
}

.l-footer_copy {
    font-size: calc(.2449vw + .90816rem);
    margin-left: auto;
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal
}

.l-header {
    position: fixed;
    top: 0;
    left: 0;
    height: calc(2.85714vw + 54.28571px);
    z-index: 9000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(2.85714vw + 54.28571px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#page-dummy,#page-dummy .c-switch,#page-dummy .l-header {
    position: absolute
}

.is-start .l-header {
    opacity: 0;
    -webkit-transition: 1.2s;
    transition: 1.2s
}

.is-start.is-opening .l-header {
    opacity: 1
}

.l-header_logo {
    width: calc(1.22449vw + 40.40816px);
    height: calc(1.22449vw + 40.40816px)
}

.l-header_logo .link,.l-header_logo .link img,.l-header_logo a,.l-header_logo a img {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    height: 100%
}

.l-header_logo .link,.l-header_logo a {
    display: block;
    position: relative;
    -webkit-perspective: 500;
    perspective: 500
}

.l-header_logo .link img,.l-header_logo a img {
    position: absolute;
    top: 0;
    left: 0
}

.is-pc .l-header_logo a {
    -webkit-transition: .4s opacity;
    transition: .4s opacity
}

.is-pc .l-header_logo a:hover {
    opacity: .5
}

.l-header_logo .-geinin,.l-header_logo .-rakugo {
    -webkit-transition: 0s opacity .24s,.8s -webkit-transform ease;
    transition: .8s transform ease,0s opacity .24s;
    transition: .8s transform ease,0s opacity .24s,.8s -webkit-transform ease;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.is-coin-short .l-header_logo .-geinin,.is-coin-short .l-header_logo .-rakugo {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.is-coin-short .l-header_logo .-rakugo {
    -webkit-animation-name: coin;
    animation-name: coin
}

.is-coin-short .l-header_logo {
    -webkit-animation-name: nioc;
    animation-name: nioc
}

.is-coin-long .l-header_logo .-geinin,.is-coin-long .l-header_logo .-rakugo {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.is-coin-long .l-header_logo .-rakugo {
    -webkit-animation-name: coin;
    animation-name: coin
}

.is-coin-long .l-header_logo {
    -webkit-animation-name: nioc;
    animation-name: nioc
}

.-rakugo .l-header_logo .-rakugo {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1
}

.l-header_logo .-rakugo,.-rakugo .l-header.is-act .l-header_logo .-rakugo,.-rakugo .l-header_logo {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    opacity: 0
}

#page-dummy.-rakugo .l-header.is-act .l-header_logo .-rakugo,#page-dummy.-rakugo .l-header_logo .-rakugo {
    -webkit-transform: rotateY(180deg)!important;
    transform: rotateY(180deg)!important;
    -webkit-transition: 0s!important;
    transition: 0s!important;
    opacity: 0
}

.-rakugo .l-header.is-act .l-header_logo .-rakugo {
    pointer-events: none
}

.l-header.is-act .l-header_logo .-rakugo,.-rakugo .l-header.is-act .l-header_logo {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    cursor: pointer;
    opacity: 1
}

.l-header_logo {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1
}

#page-dummy.l-header.is-act .l-header_logo .-rakugo,#page-dummy.l-header_logo .-rakugo,#page-dummy.-rakugo .l-header.is-act .l-header_logo .-geinin,#page-dummy.-rakugo .l-header_logo {
    -webkit-transition: 0s!important;
    transition: 0s!important;
    -webkit-transform: rotateY(0deg)!important;
    transform: rotateY(0deg)!important;
    opacity: 1
}

#page-dummy.l-header.is-act .l-header_logo .-geinin,#page-dummy.l-header_logo {
    -webkit-transition: 0s!important;
    transition: 0s!important;
    -webkit-transform: rotateY(180deg)!important;
    transform: rotateY(180deg)!important;
    opacity: 0
}

.l-header.is-act .l-header_logo {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    pointer-events: none;
    opacity: 0
}

.l-header_menu {
    margin-left: auto;
    line-height: 1;
    font-size: calc(.32653vw + 1.07755rem);
    position: absolute;
    top: 0;
    right: calc(2.04082vw + 17.34694px);
    height: calc(3.26531vw + 47.7551px)
}

.l-header_menu__list {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.l-header_menu__item {
    height: 100%;
    margin-left: 3em
}

.l-header_menu__item:first-child {
    margin-left: 0
}

.l-header_menu__item .link,.l-header_menu__item a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.l-header_menu__item .link::before,.l-header_menu__item a::before {
    content: '';
    display: block;
    width: 1px;
    top: 0;
    position: absolute;
    left: 50%;
    height: 0%;
    background-color: #203b85
}

.is-pc .l-header_menu__item .link,.is-pc .l-header_menu__item a {
    position: relative;
    -webkit-transition: .4s color;
    transition: .4s color
}

.is-pc .l-header_menu__item .link::before,.is-pc .l-header_menu__item a::before {
    -webkit-transition: .4s height;
    transition: .4s height
}

.is-pc .l-header_menu__item .link:hover,.is-pc .l-header_menu__item a:hover,.l-header_menu__item.is-act .link,.l-header_menu__item.is-act a {
    color: #203b85
}

.is-pc .l-header_menu__item .link:hover::before,.is-pc .l-header_menu__item a:hover::before,.l-header_menu__item.is-act .link::before,.l-header_menu__item.is-act a::before {
    height: 25%
}

.d-n-max,.d-n-md,.d-n-min,.d-n-sp,.d-n-spmin,.d-n-tab,.p-contact_form__submit br {
    display: none
}

.c-break {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.c-break .js-bgmedia {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transition: 0s opacity;
    transition: 0s opacity
}

.c-break .js-bgmedia.is-in {
    opacity: 1;
    -webkit-transition: .4s opacity;
    transition: .4s opacity;
    background-image: url(https://umeyanenne.com/wp-content/uploads/2023/11/U.png) !important;
}

.c-break .break1 {
    width: calc(3.26531vw + 67.7551px);
    height: calc(3.26531vw + 67.7551px);
    position: absolute;
    bottom: calc(16.32653vw + 238.77551px);
    right: calc(24.4898vw + -91.83673px)
}

.c-break .break1 .js-svg,.c-break .break2 .js-svg {
    width: 100%;
    height: 100%;
    color: #fff
}

.c-break .break3 {
    width: calc(6.53061vw + 175.5102px);
    position: absolute;
    bottom: calc(6.12245vw + 2.04082px);
    right: calc(28.57143vw + -157.14286px);
    display: block
}

.c-break .break2 {
    position: absolute;
    top: 20%;
    display: block;
    left: calc(31.02041vw + -96.32653px);
    width: calc(6.12245vw + 52.04082px);
    height: calc(6.12245vw + 52.04082px)
}

.c-break.js-anim_elm .break1 .js-svg>*,.c-break.js-anim_elm .break2 .js-svg>* {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.c-break.js-anim_elm .break1 .js-svg>:nth-child(1) {
    -webkit-transition: .4s -webkit-transform .6s;
    transition: .4s transform .6s;
    transition: .4s transform .6s,.4s -webkit-transform .6s
}

.c-break.js-anim_elm .break1 .js-svg>:nth-child(2) {
    -webkit-transition: .4s -webkit-transform .7s;
    transition: .4s transform .7s;
    transition: .4s transform .7s,.4s -webkit-transform .7s
}

.c-break.js-anim_elm .break1 .js-svg>:nth-child(3) {
    -webkit-transition: .4s -webkit-transform .8s;
    transition: .4s transform .8s;
    transition: .4s transform .8s,.4s -webkit-transform .8s
}

.c-break.js-anim_elm .break1 .js-svg>:nth-child(4) {
    -webkit-transition: .4s -webkit-transform .9s;
    transition: .4s transform .9s;
    transition: .4s transform .9s,.4s -webkit-transform .9s
}

.c-break.js-anim_elm .break1 .js-svg>:nth-child(5) {
    -webkit-transition: .4s -webkit-transform 1s;
    transition: .4s transform 1s;
    transition: .4s transform 1s,.4s -webkit-transform 1s
}

.c-break.js-anim_elm .break1 .js-svg>:nth-child(6) {
    -webkit-transition: .4s -webkit-transform 1.1s;
    transition: .4s transform 1.1s;
    transition: .4s transform 1.1s,.4s -webkit-transform 1.1s
}

.c-break.js-anim_elm .break1 .js-svg>:nth-child(7) {
    -webkit-transition: .4s -webkit-transform 1.2s;
    transition: .4s transform 1.2s;
    transition: .4s transform 1.2s,.4s -webkit-transform 1.2s
}

.c-break.js-anim_elm .break1 .js-svg>:nth-child(8) {
    -webkit-transition: .4s -webkit-transform 1.3s;
    transition: .4s transform 1.3s;
    transition: .4s transform 1.3s,.4s -webkit-transform 1.3s
}

.c-break.js-anim_elm .break1 .js-svg>:nth-child(9) {
    -webkit-transition: .4s -webkit-transform 1.4s;
    transition: .4s transform 1.4s;
    transition: .4s transform 1.4s,.4s -webkit-transform 1.4s
}

.c-break.js-anim_elm .break1 .js-svg>:nth-child(10) {
    -webkit-transition: .4s -webkit-transform 1.5s;
    transition: .4s transform 1.5s;
    transition: .4s transform 1.5s,.4s -webkit-transform 1.5s
}

.c-break.js-anim_elm .break2 .js-svg>:nth-child(1) {
    -webkit-transition: .4s -webkit-transform 0s;
    transition: .4s transform 0s;
    transition: .4s transform 0s,.4s -webkit-transform 0s
}

.c-break.js-anim_elm .break2 .js-svg>:nth-child(2) {
    -webkit-transition: .4s -webkit-transform .1s;
    transition: .4s transform .1s;
    transition: .4s transform .1s,.4s -webkit-transform .1s
}

.c-break.js-anim_elm .break2 .js-svg>:nth-child(3) {
    -webkit-transition: .4s -webkit-transform .2s;
    transition: .4s transform .2s;
    transition: .4s transform .2s,.4s -webkit-transform .2s
}

.c-break.js-anim_elm .break2 .js-svg>:nth-child(4) {
    -webkit-transition: .4s -webkit-transform .3s;
    transition: .4s transform .3s;
    transition: .4s transform .3s,.4s -webkit-transform .3s
}

.c-break.js-anim_elm .break2 .js-svg>:nth-child(5) {
    -webkit-transition: .4s -webkit-transform .4s;
    transition: .4s transform .4s;
    transition: .4s transform .4s,.4s -webkit-transform .4s
}

.c-break.js-anim_elm .break2 .js-svg>:nth-child(6) {
    -webkit-transition: .4s -webkit-transform .5s;
    transition: .4s transform .5s;
    transition: .4s transform .5s,.4s -webkit-transform .5s
}

.c-break.js-anim_elm .break2 .js-svg>:nth-child(7) {
    -webkit-transition: .4s -webkit-transform .6s;
    transition: .4s transform .6s;
    transition: .4s transform .6s,.4s -webkit-transform .6s
}

.c-break.js-anim_elm .break2 .js-svg>:nth-child(8) {
    -webkit-transition: .4s -webkit-transform .7s;
    transition: .4s transform .7s;
    transition: .4s transform .7s,.4s -webkit-transform .7s
}

.c-break.js-anim_elm .break2 .js-svg>:nth-child(9) {
    -webkit-transition: .4s -webkit-transform .8s;
    transition: .4s transform .8s;
    transition: .4s transform .8s,.4s -webkit-transform .8s
}

.c-break.js-anim_elm .break2 .js-svg>:nth-child(10) {
    -webkit-transition: .4s -webkit-transform .9s;
    transition: .4s transform .9s;
    transition: .4s transform .9s,.4s -webkit-transform .9s
}

.c-break.js-anim_elm .break3 {
    -webkit-transition: .8s right cubic-bezier(.075,.82,.165,1) .4s;
    transition: .8s right cubic-bezier(.075,.82,.165,1) .4s;
    right: calc(-8.16327vw + -169.38776px)
}

.c-break.js-anim_elm.is-act .break1 .js-svg>*,.c-break.js-anim_elm.is-act .break2 .js-svg>* {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.c-break.js-anim_elm.is-act .break3 {
    right: calc(28.57143vw + -157.14286px)
}

.c-button {
    display: inline-block;
    background-color: #203b85;
    color: #fff;
    line-height: 1.4;
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    padding-left: 2em;
    padding-right: 2em
}

.is-pc .c-button {
    -webkit-transition: .4s opacity;
    transition: .4s opacity
}

.is-pc .c-button:hover {
    opacity: .5
}

.c-button.-large {
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.c-button.-regular {
    padding-bottom: 1.25em;
    padding-top: 1.25em
}

.c-button.-small {
    padding-bottom: 1em;
    padding-top: 1em
}

.c-button.-block {
    margin: 0 auto;
    width: calc(4.89796vw + 221.63265px);
    display: block;
    text-align: center
}

.c-button.-icon,.c-fm_stand {
    position: relative
}

.c-button.-icon .js-svg {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    left: 1em;
    width: 1em;
    height: 1em
}

.c-fm_stand {
    z-index: 5
}

.-rakugo .c-fm_stand {
    background-color: #f5f5f5
}

.c-fm_stand {
    background-color: #17d1d1;
    color: #fff
}

.c-fm_stand .c-container,.c-fm_stand__head,.c-fm_stand__head__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-fm_stand .standfm-embed-iframe {
    height: 190px
}

.c-fm_stand__head,.c-fm_stand__head__left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-fm_stand__head {
    width: 100%;
    max-width: 45%
}

.c-fm_stand__head__left {
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal;
    color: #203b85;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    font-size: calc(.16327vw + 1.13878rem);
    margin-right: 2em
}

.c-fm_stand__head__left {
    color: #fff
}

.c-fm_stand__head__ttl {
    font-size: calc(.65306vw + 2.1551rem);
    line-height: 1;
    color: #111
}


.c-fm_stand__head__txt {
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    margin-top: 1em;
    line-height: 1.4;
    font-size: calc(.16327vw + 1.33878rem);
    color: #000;
}

.c-fm_sns__item a .image img,.c-fm_stand__body,.p-index_gallery__bg .sango img,.p-info_single__eyecatch img,.p-notfound__head img {
    width: 100%
}

.c-fm_banner {
    padding-top: calc(4.08163vw + 34.69388px);
    padding-bottom: calc(2.44898vw + 40.81633px);
    z-index: 3
}

.c-fm_banner {
    background-color: #f5f5f5
}

.c-fm_banner__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: inherit;
    border: 1px solid #ebeced
}

.is-pc .c-fm_banner__container {
    -webkit-transition: .4s border-color;
    transition: .4s border-color
}

.is-pc .c-fm_banner__container:hover,.is-pc .c-fm_sns__item a:hover {
    border-color: #203b85
}

.c-fm_banner__container {
    background-size: 106px 95px;
    background-image: url(../../img/geinin/banner_bg.jpg)
}

.is-pc .c-fm_banner__container:hover,.is-pc .c-fm_sns__item a:hover {
    border-color: #d42815
}

.c-fm_banner__head {
    width: 100%;
    position: relative;
    color: #203b85
}

.c-fm_banner__head {
    color: #d42815
}

.c-fm_banner__head .mark {
    position: absolute;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    top: 0;
    left: -2.5em;
    font-size: calc(.32653vw + .87755rem);
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal
}

.c-fm_banner__head .js-bgmedia {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.is-pc .c-fm_banner__container .c-fm_banner__head .js-bgmedia {
    -webkit-transition: .4s right,.4s top,.4s left,.4s bottom;
    transition: .4s right,.4s top,.4s left,.4s bottom
}

.is-pc .c-fm_banner__container:hover .c-fm_banner__head .js-bgmedia {
    top: 1em;
    left: 1em;
    bottom: 1em;
    right: 1em
}

.c-fm_banner__body {
    width: 100%;
    max-width: calc(8.16327vw + 269.38776px);
    position: relative;
    text-align: center
}

.c-fm_banner__body .c-more-1 {
    bottom: 2em;
    right: 2em;
    position: absolute
}

.c-fm_banner__body .c-more-1 {
    color: #fff
}

.c-fm_banner__body::before {
    content: '';
    display: block;
    padding-top: 100%
}

.c-fm_banner__body__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.is-pc .c-fm_banner__body__container {
    -webkit-transition: .4s left;
    transition: .4s left
}

.is-pc .c-fm_banner__container:hover .c-fm_banner__body__container {
    left: -1em
}

.c-fm_banner__body__wave {
    position: relative;
    width: calc(.65306vw + 17.55102px);
    height: calc(.65306vw + 17.55102px);
    color: #203b85;
    margin: 0 auto 1em
}

.c-fm_banner__body__ttl,.c-fm_banner__body__wave {
    color: #fff
}

.c-fm_banner__body__wave>span {
    position: absolute;
    display: block;
    border-radius: 9999px;
    top: 50%;
    left: 50%;
    border: 2px solid
}

.c-fm_banner__body__wave>span:nth-child(1) {
    width: .5em;
    height: .5em;
    margin-top: -.25em;
    margin-left: -.25em
}

.c-fm_banner__body__wave>span:nth-child(2),.c-fm_banner__body__wave>span:nth-child(3) {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    width: 1.5em;
    height: 1.5em;
    margin-top: -.75em;
    margin-left: -.75em;
    -webkit-animation-name: denpa;
    animation-name: denpa;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.c-fm_banner__body__wave>span:nth-child(3) {
    width: 2.5em;
    height: 2.5em;
    margin-top: -1.25em;
    margin-left: -1.25em
}

.c-fm_banner__body__ttl {
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(.65306vw + 2.7551rem);
    color: #203b85
}

.c-fm_banner__body__txt {
    color: #111;
    margin-top: 1em;
    font-size: calc(.32653vw + 1.27755rem)
}

.c-fm_banner__body__txt {
    color: #fff;
    font-weight: 700
}

.c-fm_sns__item a,.c-fm_sns__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-fm_sns__list {
    margin-left: calc(-1.22449vw + -.40816px);
    margin-right: calc(-1.22449vw + -.40816px);
    font-size: calc(.32653vw + 1.27755rem);
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal
}

.c-fm_sns__item {
    width: 100%;
    margin-top: calc(2.44898vw + .81633px);
    max-width: 33.33333%;
    padding-left: calc(1.22449vw + .40816px);
    padding-right: calc(1.22449vw + .40816px)
}

.c-fm_sns__item a {
    border-color: #f5f5f5
}

.c-fm_sns__item a::after {
    background-color: #d42815
}

.c-fm_sns__item a {
    background-color: #fff;
    color: #111;
    padding: 2em 2.5em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ebeced;
    position: relative
}

.c-fm_sns__item a .image {
    width: 2.5em;
    height: 2.5em;
    margin-right: 1.5em
}
.c-fm_sns__item a .image i{
    font-size: 48px;
}
.c-fm_sns__item a .image.twiter i{
    color: #00acee;
}
.c-fm_sns__item a .image.insta i{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
}
.c-fm_sns__item a .image.youtube i{
    color:#FF0000;
}



.c-fm_sns__item a::after {
    content: '';
    display: block;
    height: 1px;
    width: 2em;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #203b85
}

.is-pc .c-fm_sns__item a {
    -webkit-transition: .4s border-color;
    transition: .4s border-color
}

.is-pc .c-fm_sns__item a::after,.is-pc .c-more-1 .link::before,.is-pc .c-more-1 a::before {
    -webkit-transition: .4s width;
    transition: .4s width
}

.is-pc .c-fm_sns__item a:hover::after,.is-pc .c-more-1 .link:hover::before,.is-pc .c-more-1 a:hover::before,.is-pc a:hover .c-more-1 .link::before {
    width: 0
}

.c-form input[type=email],.c-form input[type=tel],.c-form input[type=text],.c-form select,.c-form textarea {
    color: inherit;
    font-family: inherit;
    line-height: inherit;
    font-size: inherit;
    border-radius: .5em;
    padding: 1em;
    width: 100%;
    border: 1px solid #dedede
}

.c-form .-date select,.c-form .-tel input[type=text] {
    width: auto
}

.c-form textarea {
    min-width: 100%;
    max-width: 100%
}

.c-container {
    width: calc(68.97959vw + 116.32653px)
}

.c-container,.c-fluid {
    margin: 0 auto;
    padding: 0 calc(2.77551vw + 15.59184px)
}

.c-section-1 {
    padding-top: calc(.81633vw + 36.93878px);
    padding-bottom: calc(.81633vw + 36.93878px)
}

.c-section-2 {
    padding-top: calc(7.26531vw + 47.7551px);
    padding-bottom: calc(7.26531vw + 47.7551px);
}

.c-lower {
    margin-top: calc(6.53061vw + 95.5102px)
}

.c-lower_time {
    text-align: center;
    display: block;
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-size: calc(.4898vw + 1.01633rem);
    line-height: 1;
    margin-bottom: 1em;
    color: #888;
    font-weight: 400
}

.c-lower_label {
    text-align: center;
    margin-top: 1.5em;
    font-size: calc(.40816vw + .94694rem)
}

.c-lower_label a {
    color: #203b85
}

.is-pc .c-lower_label a:hover {
    text-decoration: underline
}



.wp-pagenavi,.wp-pagenavi>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wp-pagenavi {
    margin-top: calc(2.44898vw + 30.81633px);
    letter-spacing: 0
}

.wp-pagenavi .js-svg {
    width: 1em;
    height: 1em
}

.wp-pagenavi>* {
    width: 3em;
    height: 3em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3em;
    flex: 0 0 3em;
    margin-right: .5em;
    color: #888;
    border-radius: 9999px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wp-pagenavi>:last-child {
    margin-right: 0
}

.wp-pagenavi>.current {
    background-color: #203b85;
    color: #fff
}

.wp-pagenavi>.nextpostslink,.wp-pagenavi>.previouspostslink {
    color: #203b85
}

.is-pc .wp-pagenavi a {
    -webkit-transition: .4s background-color;
    transition: .4s background-color
}

.is-pc .wp-pagenavi a:hover {
    background-color: rgba(32,59,133,.25)
}

.c-heading-1 {
    text-align: center;
    line-height: 1.45714;
    color: #111;
    font-size: calc(1.06122vw + 1.90204rem);
    letter-spacing: 0
}

.c-heading-1 {
    font-weight: 700;
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif
}

.c-subttl-1+.c-heading-1 {
    margin-top: -.5em
}
.c-txt-1 {
    text-align: center;
}
.c-heading-2 {
    text-align: center;
    font-size: calc(.81633vw + 1.69388rem);
    position: relative;
    line-height: 1.2
}

.c-heading-2::before {
    content: '';
    display: block;
    width: 1px;
    height: 1em;
    background-color: #203b85;
    margin: 0 auto .5em
}

.c-subttl-1 {
    text-align: center;
    font-size: calc(.2449vw + 1.10816rem);
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 1.5em;
    color: #203b85
}

.c-subttl-1 {
    color: #6d41a1;
}

.is-pc .c-switch:hover>span.-rakugo,.is-pc .-rakugo .c-switch:hover>span.-geinin,.p-index_live .c-subttl-1 {
    color: #fff
}

.c-more-1,.c-txt-1 {
    font-size: calc(.16327vw + 1.33878rem)
}

.c-more-1 {
    color: #203b85;
    font-family: 'Lora',serif;
    font-weight: 500;
    font-style: normal
}

.c-more-1 {
    color: #17d1d1
}

.c-more-1,.c-more-1 .link,.c-more-1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-more-1 .link,.c-more-1 a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-more-1 .link::before,.c-more-1 a::before {
    content: '';
    display: block;
    height: 2px;
    width: 2.5em;
    margin-right: .5em;
    border-bottom: 1px solid
}

.c-txt-1 {
    line-height: 1.9375
}

.c-box,.c-post,.c-txt-1 {
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif
}

.c-box {
    background-color: #f5f5f5;
    padding: calc(2.12245vw + 18.04082px)
}

.c-box a {
    display: block;
    margin-top: 1em;
    color: #203b85;
    word-break: break-all
}

.is-pc .c-box a,.is-pc .c-post blockquote a {
    text-decoration: none
}

.c-box a,.c-post p>a,.is-pc .c-box a:hover,.is-pc .c-post blockquote a:hover {
    text-decoration: underline
}

.c-post {
    font-size: calc(.16327vw + 1.33878rem);
    line-height: 1.75;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    letter-spacing: 0
}

.c-post h2,.c-post h3,.c-post h4,.c-post h5,.c-post h6 {
    color: #111;
    line-height: 1.4;
    margin-top: 2.5em;
    font-family: 'Noto Serif JP',serif;
    font-weight: 400
}

.c-post .wp-block-embed__wrapper.wp-block-embed-youtube {
    position: relative
}

.c-post .wp-block-embed__wrapper.wp-block-embed-youtube::before {
    content: '';
    display: block;
    padding-top: 56.25%
}

.c-post p>a {
    color: #d42815
}

.c-post h2 {
    font-size: calc(.4898vw + 1.81633rem)
}

.c-post h3 {
    font-size: calc(.4898vw + 1.71633rem)
}

.c-post h4 {
    font-size: calc(.4898vw + 1.61633rem)
}

.c-post h5 {
    font-size: calc(.4898vw + 1.51633rem)
}

.c-post h6 {
    font-size: calc(.4898vw + 1.41633rem)
}

.c-post>* {
    margin-bottom: 1.5em
}

.c-post>:first-child {
    margin-top: 0
}

.c-post>:last-child {
    margin-bottom: 0
}

.c-post blockquote {
    background-color: #f5f5f5;
    padding: calc(2.12245vw + 18.04082px);
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    border: 0
}

.c-switch {
    position: fixed;
    top: 0;
    left: calc(3.67347vw + 41.22449px);
    height: calc(3.67347vw + 41.22449px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 8000;
    padding-left: 1em;
    line-height: 1;
    padding-right: 1em;
    font-size: calc(.32653vw + 1.27755rem);
    color: #888;
    cursor: default
}

.is-start .c-switch {
    opacity: 0;
    -webkit-transition: 1.2s;
    transition: 1.2s
}

.is-start.is-opening .c-switch {
    opacity: 1
}

.is-ready .c-switch {
    -webkit-transition: 0s!important;
    transition: 0s!important;
    opacity: 0!important;
    top: calc(-3.67347vw + -41.22449px)
}

.c-switch span.-rakugo {
    font-family: 'Noto Serif JP',serif;
    font-weight: 400;
    position: relative;
    z-index: 1
}

.c-switch span.-dot {
    text-align: center;
    width: 2em;
    color: transparent;
    position: relative;
    cursor: pointer
}

.c-switch span.-dot::before {
    content: '';
    display: block;
    width: .25em;
    height: .25em;
    border-radius: 9999px;
    position: absolute;
    left: 50%;
    margin-left: -.125em;
    top: 50%;
    margin-top: -.125em;
    background-color: #888;
    -webkit-transition: .2s height .2s,.2s margin-top .2s,.2s width,.2s left;
    transition: .2s height .2s,.2s margin-top .2s,.2s width,.2s left
}

.c-switch span{
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    position: relative;
    z-index: 1
}

.-rakugo .c-switch span.-rakugo {
    font-weight: 700;
    color: #203b85
}

.c-switch span{
    font-weight: 700;
    color: #d42815
}

#page-dummy.c-switch .-geinin,#page-dummy.-rakugo .c-switch .-rakugo {
    color: transparent
}

.is-pc .is-noopening .c-switch {
    opacity: 0
}

.is-pc .c-switch {
    -webkit-transition: .4s top,.4s opacity;
    transition: .4s top,.4s opacity;
    top: calc(-3.67347vw + -41.22449px)
}

.is-pc .c-switch.is-act {
    opacity: 1;
    top: 0
}

.is-pc .c-switch>span.-geinin,.is-pc .c-switch>span.-rakugo {
    -webkit-transition: .4s color;
    transition: .4s color
}

.is-pc .-rakugo .c-switch:hover>span.-dot::before {
    width: 4.25em;
    height: 2em;
    margin-top: -1em;
    -webkit-transition: .8s background-color,.2s height,.2s margin-top,.2s width .2s;
    transition: .8s background-color,.2s height,.2s margin-top,.2s width .2s;
    background-color: #d42815
}

.is-pc .c-switch:hover>span.-dot::before {
    width: 5em;
    height: 2em;
    margin-top: -1em;
    left: -4em;
    background-color: #203b85;
    -webkit-transition: .8s background-color,.2s height,.2s margin-top,.2s width .2s,.2s left .2s;
    transition: .8s background-color,.2s height,.2s margin-top,.2s width .2s,.2s left .2s
}

.c-wave {
    display: none;
    height: calc(.65306vw + 9.55102px);
    width: 100%;
    background-size: calc(2.53061vw + 38.5102px) 100%;
    background-repeat: repeat-x;
    border: 0
}

.home .c-wave {
    display: block
}

.c-wave.-reverse {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.c-wave.-blue {
    background-image: url(../../img/geinin/wave_blue.png)
}

.c-wave.-red {
    background-image: url(../../img/geinin/wave_red.png)
}

.c-wave.-gray {
    background-image: url(../../img/geinin/wave_gray.png)
}

.c-wave.-white {
    background-image: url(../../img/geinin/wave_white.png)
}

.c-wave.-yellow {
    background-image: url(../../img/geinin/wave_yellow.png)
}

.is-pc .c-wave.-blue {
    background-image: url(../../img/geinin/wave_blue.svg)!important
}

.is-pc .c-wave.-red {
    background-image: url(../../img/geinin/wave_red.svg)!important
}

.is-pc .c-wave.-gray {
    background-image: url(../../img/geinin/wave_gray.svg)!important
}

.is-pc .c-wave.-white {
    background-image: url(../../img/geinin/wave_white.svg)!important
}

.is-pc .c-wave.-yellow {
    background-image: url(../../img/geinin/wave_yellow.svg)!important
}

.p-common {
    margin-top: calc(3.26531vw + 67.7551px)
}

.p-contact_head {
    text-align: center
}

.p-contact_head .c-txt-1 {
    margin-top: 4em
}

.p-contact_body {
    margin-top: calc(6.53061vw + 35.5102px)
}

.p-contact_body .c-txt-1 {
    margin-top: 2em;
    text-align: center
}

.p-contact_body .c-container {
    width: calc(49.38776vw + 189.79592px)
}

.p-contact_slider {
    margin-top: calc(4.89796vw + 41.63265px)
}

.p-contact_slider__item {
    padding-left: calc(1.22449vw + 5.40816px);
    padding-right: calc(1.22449vw + 5.40816px)
}

.p-contact_slider__item:nth-child(odd) {
    margin-top: calc(.81633vw + 16.93878px)
}

.p-contact_slider__item .c-txt-1 {
    margin-top: 2em;
    text-align: left
}

.p-contact_slider__item__image {
    background-color: #f5f5f5
}

.p-contact_slider__item__image::before {
    padding-top: 66.66667%
}

.p-contact_slider__item__image .caption {
    position: absolute;
    top: 100%;
    background-color: #203b85;
    color: #fff;
    font-size: calc(.65306vw + 1.3551rem);
    line-height: 1;
    padding: .4em;
    margin-top: -1em
}

.p-contact_form__list {
    margin-top: calc(2.12245vw + 18.04082px);
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif
}

.p-contact_form__item {
    padding: 1.5em 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee
}

.p-contact_form__item__head {
    width: 100%;
    max-width: 35%
}

.-required .p-contact_form__item__head::after {
    content: '※';
    color: #d42815
}

.p-contact_form__item__body {
    width: 100%;
    max-width: 65%
}

.p-contact_form .c-box {
    margin-top: 2em;
    text-align: center;
    line-height: 1.4
}

.p-contact_form .c-box a {
    margin-top: 0;
    display: inline
}

.p-contact_form .c-box .mwform-checkbox-field {
    margin-top: .5em;
    display: block
}

.p-contact_form__submit {
    margin-top: calc(2.12245vw + 18.04082px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-contact_form__submit [type=submit],.p-contact_form__submit button {
    margin-right: 1em
}

.p-contact_form__submit [type=submit]:last-child,.p-contact_form__submit button:last-child {
    margin-right: 0
}

.p-contact_form__submit .-back {
    background-color: #eee;
    color: #111
}

.p-contact_form__submit .-submit {
    width: 40%;
    text-align: center;
    min-width: 200px
}

.p-info_single .c-lower,.p-info_single__eyecatch {
    margin-bottom: calc(2.12245vw + 18.04082px)
}

.p-info_single .c-container {
    width: calc(49.38776vw + 189.79592px)
}

.p-info_single__eyecatch {
    display: block
}

.p-info_single .c-box,.p-info_single .c-button {
    margin-top: calc(2.12245vw + 18.04082px)
}

.p-info_single__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: calc(2.12245vw + 18.04082px);
    padding-bottom: calc(2.12245vw + 18.04082px);
    border-bottom: 1px solid #eee
}

.p-info_single__sns__text {
    line-height: 1.4;
    color: #111;
    margin-right: 2em
}

.p-info_single__sns__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-info_single__sns__item {
    margin-right: .5em
}

.p-info_single__sns__item:last-child {
    margin-right: 0
}

.p-notfound {
    margin-top: calc(2.85714vw + 24.28571px);
    margin-bottom: calc(4.08163vw + 84.69388px)
}

.p-notfound .c-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(36.32653vw + 238.77551px)
}

.p-notfound__head {
    position: relative;
    width: 100%;
    max-width: calc(13.22449vw + 50.40816px)
}

.p-notfound__head .image {
    display: block;
    -webkit-animation-name: buruburu;
    animation-name: buruburu;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.p-notfound__head .sorry {
    position: absolute;
    top: 0;
    left: calc(-4.08163vw + -34.69388px);
    width: calc(2.04082vw + 92.34694px);
    height: calc(2.04082vw + 92.34694px);
    display: block
}

.p-notfound__head .sorry .js-svg {
    width: 100%;
    height: 100%
}

.p-notfound__head.js-anim_elm .js-svg>* {
    opacity: 0
}

.p-notfound__head.js-anim_elm .js-svg>:nth-child(1) {
    -webkit-transition: .8s opacity 0s;
    transition: .8s opacity 0s
}

.p-notfound__head.js-anim_elm .js-svg>:nth-child(2) {
    -webkit-transition: .8s opacity .2s;
    transition: .8s opacity .2s
}

.p-notfound__head.js-anim_elm .js-svg>:nth-child(3) {
    -webkit-transition: .8s opacity .4s;
    transition: .8s opacity .4s
}

.p-notfound__head.js-anim_elm .js-svg>:nth-child(4) {
    -webkit-transition: .8s opacity .6s;
    transition: .8s opacity .6s
}

.p-notfound__head.js-anim_elm .js-svg>:nth-child(5) {
    -webkit-transition: .8s opacity .8s;
    transition: .8s opacity .8s
}

.p-notfound__head.js-anim_elm .js-svg>:nth-child(6) {
    -webkit-transition: .8s opacity 1s;
    transition: .8s opacity 1s
}

.p-notfound__head.js-anim_elm .js-svg>:nth-child(7) {
    -webkit-transition: .8s opacity 1.2s;
    transition: .8s opacity 1.2s
}

.p-notfound__head.js-anim_elm .js-svg>:nth-child(8) {
    -webkit-transition: .8s opacity 1.4s;
    transition: .8s opacity 1.4s
}

.p-notfound__head.js-anim_elm.is-act .js-svg>* {
    opacity: 1
}

.p-notfound__body {
    width: 100%;
    padding-left: calc(6.12245vw + 2.04082px)
}

.p-notfound__body .c-button {
    margin-top: 2em
}

.p-index_episode {
    position: relative;
    z-index: 1
}

.p-index_episode__pagination {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: calc(2.44898vw + 10.81633px);
    bottom: 2em;
    height: 100vh;
    z-index: 10;
    font-size: calc(.40816vw + .94694rem);
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal
}

.p-index_episode__body__inner.is-first .p-index_episode__pagination {
    position: absolute;
    top: 0;
    bottom: auto
}

.p-index_episode__body__inner.is-second .p-index_episode__pagination {
    position: fixed;
    top: 0;
    bottom: auto;
    opacity: 1
}

.p-index_episode__body__inner.is-third .p-index_episode__pagination {
    position: absolute;
    top: auto;
    bottom: 0
}

.p-index_episode__pagination__list {
    position: relative
}

.p-index_episode__pagination__list .bar {
    display: block;
    position: absolute;
    right: -.5em;
    width: 1px;
    height: 1em;
    -webkit-transition: .1s top;
    transition: .1s top;
    background-color: #fff
}

.p-index_episode__pagination__item {
    margin-bottom: 2em
}

.p-index_episode__pagination__item:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.p-index_episode__head {
    text-align: center;
    padding-bottom: calc(2.44898vw + 50.81633px);
    position: relative
}

.p-index_episode__head>* {
    position: relative
}

.p-index_episode__head .sango {
    width: calc(7.83673vw + 66.61224px);
    position: absolute;
    bottom: -2em;
    left: calc(24.4898vw + -91.83673px)
}

.p-index_episode__head.js-anim_elm .sango {
    -webkit-transition: .4s -webkit-transform cubic-bezier(.175,.885,.32,1.275);
    transition: .4s transform cubic-bezier(.175,.885,.32,1.275);
    transition: .4s transform cubic-bezier(.175,.885,.32,1.275),.4s -webkit-transform cubic-bezier(.175,.885,.32,1.275);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.p-index_episode__head.js-anim_elm.is-act .sango {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-index_episode__head__ttl {
    line-height: 1.36;
    letter-spacing: -.05em;
    font-size: calc(3.06122vw + 2.60204rem)
}

.p-index_episode__head__ttl {
    font-weight: 700;
    color: #111;
    letter-spacing: 0
}

.p-index_episode__head__ttl .zero {
    display: inline-block;
    position: relative
}

.p-index_episode__head__ttl .zero::after {
    content: 'ZERO';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #203b85;
    color: #fff;
    font-family: 'Lora',serif;
    font-weight: 600;
    font-style: italic;
    top: 50%;
    position: absolute;
    height: 1.2em;
    left: 50%;
    padding-left: .25em;
    padding-right: .25em;
    line-height: 1;
    margin-top: -.6em;
    font-size: calc(.81633vw + .69388rem);
    letter-spacing: .05em
}

.p-index_episode__body,.p-index_episode__head__ttl .zero::after {
    background-color: #17d1d1
}

.p-index_episode__head__txt {
    display: inline-block;
    font-size: calc(.4898vw + 1.01633rem);
    border-bottom: 1px solid;
    line-height: 1.4;
    margin-top: 1.5em
}

.p-index_episode__body {
    color: #fff;
    background-color: #1b1e26;
    position: relative
}

.p-index_episode__body__inner {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 100%
}

.p-index_episode__section {
    position: relative;
    background-color: #243259;
    width: 100%;
    min-height: 100vh;
    padding-top: 50vh;
    padding-bottom: 50vh
}

.p-index_episode__section .c-container {
    position: relative
}

.p-index_episode__section {
    background-color: #02b8b8
}

.p-index_episode__section .js-bgmedia {
    width: 100%;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    height: 100vh;
    -webkit-transition: .8s opacity;
    transition: .8s opacity
}

.p-index_episode__section.is-first .js-bgmedia {
    position: absolute;
    top: 0;
    bottom: auto
}

.p-index_episode__section.is-second .js-bgmedia {
    position: fixed;
    top: 0;
    bottom: auto;
    opacity: .25
}

.p-index_episode__section.is-third .js-bgmedia {
    position: absolute;
    top: auto;
    bottom: 0
}

.p-index_episode__section__info {
    text-align: center;
    position: relative;
    margin-bottom: .25em;
    font-size: calc(5.06122vw + 6.10204rem)
}

.p-index_episode__section__info .number {
    display: block;
    font-family: 'Lora',serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    line-height: 1
}

.p-index_episode__section__info .label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.p-index_episode__section__info .label span {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    background-color: #fff;
    font-size: calc(.4898vw + 1.01633rem);
    color: #243259;
    padding: .25em .1em
}

.p-index_episode__section__info .label span {
    color: #17d1d1;
    font-weight: 700
}

.p-index_episode__section__container {
    margin: auto;
    width: 100%;
    -webkit-transition: .8s opacity,1.6s -webkit-transform;
    transition: .8s opacity,1.6s transform;
    transition: .8s opacity,1.6s transform,1.6s -webkit-transform;
    opacity: 0;
    -webkit-transform: translateY(calc(1.63265vw + 3.87755px));
    transform: translateY(calc(1.63265vw + 3.87755px))
}

.p-index_episode__section.is-second .p-index_episode__section__container {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.p-index_episode__section__info .label,.p-index_episode__section__inner,.p-index_episode__section__side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-index_episode__section__side {
    left: calc(2.44898vw + 10.81633px);
    height: 100vh;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(.32653vw + .87755rem);
    text-align: center;
    opacity: 0;
    -webkit-transition: .8s opacity;
    transition: .8s opacity
}

.p-index_episode__section.is-first .p-index_episode__section__side {
    position: absolute;
    top: 0;
    bottom: auto
}

.p-index_episode__section.is-second .p-index_episode__section__side {
    position: fixed;
    top: 0;
    bottom: auto;
    opacity: 1
}

.p-index_episode__section.is-third .p-index_episode__section__side {
    position: absolute;
    top: auto;
    bottom: 0
}

.p-index_episode__section__head {
    font-size: calc(.81633vw + 1.69388rem);
    line-height: 1.6;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(9.79592vw + 203.26531px);
    flex: 0 0 calc(9.79592vw + 203.26531px);
    max-width: calc(9.79592vw + 203.26531px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.p-index_episode__section__head::after {
    content: '';
    display: block;
    width: 2em;
    height: 1px;
    margin-top: .65em;
    margin-left: auto;
    background-color: #fff
}

.p-index_episode__section__head .image {
    position: absolute;
    width: calc(8.16327vw + 69.38776px);
    top: calc(4.08163vw + 84.69388px);
    left: 0
}

.p-index_episode__section__head {
    font-weight: 700
}

.p-index_episode__section__body {
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-size: calc(.16327vw + 1.33878rem);
    line-height: calc(1.14286vw + 1.97143rem);
    text-align: left;
    padding-left: 2em;
    letter-spacing: .05em
}

.p-index_episode__section__body>* {
    margin-bottom: 1.5em
}

.p-index_episode__section__body>:last-child {
    margin-bottom: 0
}

.p-index_gallery {
    padding-top: calc(73.46939vw + -175.5102px);
    padding-bottom: calc(-8.16327vw + 330.61224px);
    background-color: #fff;
    position: relative;
    z-index: 0
}

.p-index_gallery__pic {
    position: fixed;
    bottom: 0;
    right: 0
}

.p-index_gallery__pic .banana,.p-index_gallery__pic .gorilla {
    width: calc(5.71429vw + 48.57143px);
    position: absolute;
    right: calc(24.4898vw + 8.16327px);
    -webkit-transition: .4s bottom cubic-bezier(.175,.885,.32,1.275);
    transition: .4s bottom cubic-bezier(.175,.885,.32,1.275);
    bottom: calc(-11.42857vw + -97.14286px)
}

.p-index_gallery__pic .banana {
    width: calc(5.30612vw + 45.10204px);
    right: calc(18.36735vw + -43.87755px)
}

.is-out .p-index_gallery__pic .gorilla {
    bottom: calc(3.26531vw + -2.2449px)
}

.is-out .p-index_gallery__pic .banana {
    bottom: calc(6.12245vw + 52.04082px)
}

.p-index_gallery__bg {
    pointer-events: none;
    position: fixed;
    left: calc(6.12245vw + 2.04082px);
    right: calc(6.12245vw + 2.04082px);
    top: 50%;
    display: block;
    margin-top: 0;
    height: 0;
    -webkit-transition: .4s margin-top,.4s height;
    transition: .4s margin-top,.4s height
}

.p-index_gallery__bg .sango {
    overflow: hidden;
    position: absolute;
    top: -25vh;
    -webkit-transition: .4s opacity,.4s bottom,.4s -webkit-transform;
    transition: .4s opacity,.4s transform,.4s bottom;
    transition: .4s opacity,.4s transform,.4s bottom,.4s -webkit-transform;
    opacity: 0;
    width: calc(8.16327vw + 69.38776px);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.p-index_gallery__bg .bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.-rakugo .p-index_gallery__bg .bg {
    background-size: 80px 52px;
    background-image: url(../../img/rakugo/bg_gallery.png)
}

.p-index_gallery__bg .bg {
    background-color: #ffd729
}

.is-out .p-index_gallery__bg {
    margin-top: calc(-7.34694vw + -42.44898px);
    height: calc(14.69388vw + 84.89796px)
}

.is-out .p-index_gallery__bg .sango {
    bottom: 75%;
    -webkit-transition: .4s opacity,.4s bottom cubic-bezier(.175,.885,.32,1.275),.4s -webkit-transform cubic-bezier(.175,.885,.32,1.275);
    transition: .4s opacity,.4s transform cubic-bezier(.175,.885,.32,1.275),.4s bottom cubic-bezier(.175,.885,.32,1.275);
    transition: .4s opacity,.4s transform cubic-bezier(.175,.885,.32,1.275),.4s bottom cubic-bezier(.175,.885,.32,1.275),.4s -webkit-transform cubic-bezier(.175,.885,.32,1.275);
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.p-index_gallery #gallery-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: block;
    pointer-events: none
}

.p-index_gallery__list {
    margin-top: calc(4.08163vw + -115.30612px)
}

.p-index_gallery__item {
    text-align: center;
    margin-top: calc(2.04082vw + -57.65306px)
}

.p-index_gallery__item:first-child {
    margin-top: 0
}

.p-index_gallery__item.-size1 img {
    max-width: calc(32.08163vw + 254.69388px)
}

.p-index_gallery__item.-size2 img {
    max-width: calc(36.57143vw + 182.85714px)
}

.p-index_gallery__item.-size3 img {
    max-width: calc(43.10204vw + 78.36735px)
}

.p-index_game {
    -webkit-transition: .8s height;
    transition: .8s height;
    background-color: #17d1d1;
    position: relative;
    z-index: 1
}

.p-index_game .js-bgmedia {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.p-index_game #geinin-game-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.p-index_game {
    min-height: 50vh
}

.-rakugo .p-index_game {
    height: 0!important
}

.p-index_game__container {
    position: relative;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.p-index_game__item,.p-index_game__list {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.p-index_game__list {
    overflow: hidden
}

.p-index_game__item {
    opacity: 0
}

.p-index_game__item picture {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
    overflow: hidden
}

.p-index_game__item img {
    max-width: 9999px
}

.is-horizontal .p-index_game__item img {
    height: 90%;
    width: auto;
    max-width: 9999px
}

.is-vertical .p-index_game__item img {
    width: calc(59.18367vw + 53.06122px)
}

.p-index_game__item .comment {
    position: absolute
}

.p-index_game__item .comment .js-svg {
    width: 100%;
    height: 100%;
    color: #fff
}

.p-index_game__item .comment1 {
    width: calc(2.44898vw + 20.81633px);
    height: calc(2.44898vw + 20.81633px);
    bottom: calc(8.16327vw + 269.38776px);
    left: calc(32.65306vw + -72.44898px)
}

.is-vertical .p-index_game__item .comment1 {
    bottom: calc(40.81633vw + 146.93878px)
}

.p-index_game__item .comment1 .js-svg>* {
    -webkit-animation-name: comment;
    animation-name: comment;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.p-index_game__item .comment1 .js-svg>:nth-child(1) {
    -webkit-animation-delay: 2.75s;
    animation-delay: 2.75s
}

.p-index_game__item .comment1 .js-svg>:nth-child(2) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.p-index_game__item .comment1 .js-svg>:nth-child(3) {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s
}

.p-index_game__item .comment1 .js-svg>:nth-child(4) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.p-index_game__item .comment1 .js-svg>:nth-child(5) {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

.p-index_game__item .comment1 .js-svg>:nth-child(6) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.p-index_game__item .comment1 .js-svg>:nth-child(7) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.p-index_game__item .comment1 .js-svg>:nth-child(8) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.p-index_game__item .comment1 .js-svg>:nth-child(9) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.p-index_game__item .comment1 .js-svg>:nth-child(10) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.p-index_game__item .comment1 .js-svg>:nth-child(11) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.p-index_game__item .comment1 .js-svg>:nth-child(12) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.p-index_game__item .comment2 {
    width: calc(3.26531vw + 27.7551px);
    height: calc(3.26531vw + 27.7551px);
    bottom: calc(8.16327vw + 269.38776px);
    left: calc(32.65306vw + -72.44898px);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.is-vertical .p-index_game__item .comment2 {
    bottom: calc(40.81633vw + 146.93878px)
}

.p-index_game__item .comment3 {
    width: calc(8.16327vw + 69.38776px);
    height: calc(4.08163vw + 134.69388px);
    bottom: calc(8.16327vw + 69.38776px);
    left: calc(28.57143vw + -57.14286px);
    position: absolute
}

.is-vertical .p-index_game__item .comment3 {
    bottom: calc(32.65306vw + -22.44898px)
}

.p-index_game__item .comment3 .js-svg>* {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.p-index_game__item .comment3 .js-svg>:nth-child(1) {
    -webkit-transition: .2s -webkit-transform 0s;
    transition: .2s transform 0s;
    transition: .2s transform 0s,.2s -webkit-transform 0s
}

.p-index_game__item .comment3 .js-svg>:nth-child(2) {
    -webkit-transition: .2s -webkit-transform .1s;
    transition: .2s transform .1s;
    transition: .2s transform .1s,.2s -webkit-transform .1s
}

.p-index_game__item .comment3 .js-svg>:nth-child(3) {
    -webkit-transition: .2s -webkit-transform .2s;
    transition: .2s transform .2s;
    transition: .2s transform .2s,.2s -webkit-transform .2s
}

.p-index_game__item .comment3 .js-svg>:nth-child(4) {
    -webkit-transition: .2s -webkit-transform .3s;
    transition: .2s transform .3s;
    transition: .2s transform .3s,.2s -webkit-transform .3s
}

.p-index_game__item .comment3 .js-svg>:nth-child(5) {
    -webkit-transition: .2s -webkit-transform .4s;
    transition: .2s transform .4s;
    transition: .2s transform .4s,.2s -webkit-transform .4s
}

.p-index_game__item .comment3 .js-svg>:nth-child(6) {
    -webkit-transition: .2s -webkit-transform .5s;
    transition: .2s transform .5s;
    transition: .2s transform .5s,.2s -webkit-transform .5s
}

.p-index_game__item .comment3 .js-svg>:nth-child(7) {
    -webkit-transition: .2s -webkit-transform .6s;
    transition: .2s transform .6s;
    transition: .2s transform .6s,.2s -webkit-transform .6s
}

.p-index_game__item .comment3 .js-svg>:nth-child(8) {
    -webkit-transition: .2s -webkit-transform .7s;
    transition: .2s transform .7s;
    transition: .2s transform .7s,.2s -webkit-transform .7s
}

.p-index_game__item .comment3 .js-svg>:nth-child(9) {
    -webkit-transition: .2s -webkit-transform .8s;
    transition: .2s transform .8s;
    transition: .2s transform .8s,.2s -webkit-transform .8s
}

.p-index_game__item .comment3 .js-svg>:nth-child(10) {
    -webkit-transition: .2s -webkit-transform .9s;
    transition: .2s transform .9s;
    transition: .2s transform .9s,.2s -webkit-transform .9s
}

.p-index_game__item.-scene1 {
    margin-bottom: -100%
}

.-scene1 .p-index_game__item.-scene1 {
    opacity: 1;
    margin-bottom: 0;
    -webkit-transition: .8s margin-bottom cubic-bezier(.075,.82,.165,1);
    transition: .8s margin-bottom cubic-bezier(.075,.82,.165,1)
}

.-scene2 .p-index_game__item.-scene1 {
    opacity: 0
}

.-scene2 .p-index_game__item.-scene2 {
    opacity: 1;
    -webkit-animation-name: hit;
    animation-name: hit;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.-scene2 .p-index_game__item.-scene2 .comment2,.-scene3 .p-index_game__item.-scene3 .comment2 {
    -webkit-animation-name: action;
    animation-name: action;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.-scene3 .p-index_game__item.-scene2 {
    opacity: 0
}

.-scene3 .p-index_game__item.-scene3 {
    opacity: 1;
    -webkit-animation-name: hit;
    animation-name: hit;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.-scene4 .p-index_game__item.-scene3 {
    opacity: 0
}

.-scene4 .p-index_game__item.-scene4 {
    opacity: 1;
    -webkit-animation-name: hit;
    animation-name: hit;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.-scene5 .p-index_game__item.-scene4 {
    opacity: 0
}

.-scene5 .p-index_game__item.-scene5 {
    opacity: 1;
    -webkit-animation-name: hit;
    animation-name: hit;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.-scene6 .p-index_game__item.-scene5 {
    opacity: 0
}

.-scene6 .p-index_game__item.-scene6 {
    opacity: 1;
    -webkit-animation-name: hit;
    animation-name: hit;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.-scene7 .p-index_game__item.-scene6 {
    opacity: 0
}

.-scene7 .p-index_game__item.-scene7 {
    opacity: 1;
    -webkit-animation-name: buruburu;
    animation-name: buruburu;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.-scene8 .p-index_game__item.-scene7 {
    opacity: 0
}

.-scene8 .p-index_game__item.-scene8,.-scene8 .p-index_game__item.-scene8 img {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.-scene8 .p-index_game__item.-scene8 {
    opacity: 1;
    overflow: hidden;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-name: last;
    animation-name: last
}

.-scene8 .p-index_game__item.-scene8 .comment3 .js-svg>*,.p-index_live.js-anim_elm.is-act .sango img,.p-index_live.js-anim_elm.is-act .sence img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.-scene8 .p-index_game__item.-scene8 img {
    -webkit-animation-name: inner-last;
    animation-name: inner-last
}

.p-index_game__banana {
    z-index: 2;
    cursor: pointer;
    position: absolute;
    right: calc(16.32653vw + -61.22449px);
    top: 100%;
    width: calc(8.16327vw + 69.38776px);
    margin-top: calc(-4.08163vw + -34.69388px);
    height: calc(8.16327vw + 69.38776px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.p-index_game__banana img,.p-index_kv__geinin img,.p-index_kv__kazari img,.p-index_kv__sango img {
    width: 100%
}

.js-anim_elm .p-index_game__banana,.js-anim_elm.is-act .p-index_game__banana.is-ready {
    top: -100%;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.js-anim_elm.is-act .p-index_game__banana {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
    top: 100%;
    -webkit-transform: rotate(0deg) translateX(-1em) translateY(-1em);
    transform: rotate(0deg) translateX(-1em) translateY(-1em);
    -webkit-transition: .8s opacity cubic-bezier(.47,0,.745,.715) .4s,.8s top cubic-bezier(.47,0,.745,.715) .4s,.8s -webkit-transform cubic-bezier(.39,.575,.565,1) .8s;
    transition: .8s opacity cubic-bezier(.47,0,.745,.715) .4s,.8s top cubic-bezier(.47,0,.745,.715) .4s,.8s transform cubic-bezier(.39,.575,.565,1) .8s;
    transition: .8s opacity cubic-bezier(.47,0,.745,.715) .4s,.8s top cubic-bezier(.47,0,.745,.715) .4s,.8s transform cubic-bezier(.39,.575,.565,1) .8s,.8s -webkit-transform cubic-bezier(.39,.575,.565,1) .8s
}

.js-anim_elm.is-act .p-index_game__banana.is-ready {
    -webkit-transition: 0s;
    transition: 0s
}

.p-index_game__banana.is-act {
    right: 50%;
    top: 150%!important;
    width: calc(32.65306vw + 277.55102px);
    will-change: top right;
    margin-right: calc(-16.32653vw + -138.77551px);
    -webkit-transition: 1.6s top cubic-bezier(.47,0,.745,.715),1.6s width cubic-bezier(.39,.575,.565,1),1.6s margin-right cubic-bezier(.39,.575,.565,1),1.6s right cubic-bezier(.39,.575,.565,1),1.6s -webkit-filter!important;
    transition: 1.6s top cubic-bezier(.47,0,.745,.715),1.6s width cubic-bezier(.39,.575,.565,1),1.6s filter,1.6s margin-right cubic-bezier(.39,.575,.565,1),1.6s right cubic-bezier(.39,.575,.565,1)!important;
    transition: 1.6s top cubic-bezier(.47,0,.745,.715),1.6s width cubic-bezier(.39,.575,.565,1),1.6s filter,1.6s margin-right cubic-bezier(.39,.575,.565,1),1.6s right cubic-bezier(.39,.575,.565,1),1.6s -webkit-filter!important
}

.p-index_game__progress {
    position: absolute;
    height: calc(.40816vw + 8.46939px);
    bottom: calc(-.40816vw + -8.46939px);
    background-color: #ffd729;
    left: 0;
    width: 100%;
    -webkit-transition: 1.6s -webkit-transform;
    transition: 1.6s transform;
    transition: 1.6s transform,1.6s -webkit-transform;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.p-index_game__progress.is-act {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.p-index_game__progress__inner {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background-color: #d42815
}

.p-index_game__progress.is-act .p-index_game__progress__inner {
    -webkit-transition: .2s width;
    transition: .2s width
}

.p-index_kv {
    height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: 3;
    -webkit-transition: .8s height;
    transition: .8s height
}

.is-start .p-index_kv>.c-fluid::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #203b85;
    -webkit-transition: 1.2s top cubic-bezier(.455,.03,.515,.955);
    transition: 1.2s top cubic-bezier(.455,.03,.515,.955)
}

.is-start .p-index_kv>.c-fluid .p-index_kv__ttl {
    position: relative;
    opacity: 0;
    -webkit-transition: .4s opacity;
    transition: .4s opacity
}

.is-start.is-ready .p-index_kv>.c-fluid .p-index_kv__ttl {
    opacity: 1
}

.is-start.is-ready.is-opening .p-index_kv>.c-fluid::before {
    top: 100%
}

.p-index_kv #geinin-kv-canvas,.p-index_live #live-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-index_kv__geinin .banana {
    width: calc(8.65306vw + 73.55102px);
    top: 7.5%;
    left: calc(31.02041vw + -216.32653px);
    -webkit-animation-name: banana;
    animation-name: banana;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.is-vertical .p-index_kv__geinin .banana {
    left: calc(22.04082vw + -72.65306px)
}

.p-index_kv__geinin .banana,.p-index_kv__geinin .leaf,.p-index_kv__geinin .soccer,.p-index_kv__geinin .suit {
    position: absolute;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    will-change: transform
}

.p-index_kv__geinin .soccer {
    width: calc(4.08163vw + 34.69388px);
    top: 25%;
    left: calc(42.04082vw + -142.65306px);
    -webkit-animation-name: soccer;
    animation-name: soccer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.is-vertical .p-index_kv__geinin .soccer {
    top: 30%;
    width: calc(4.08163vw + 34.69388px);
    left: calc(17.95918vw + -57.34694px)
}

.p-index_kv__geinin .leaf,.p-index_kv__geinin .suit {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.p-index_kv__geinin .leaf {
    width: 17.5%;
    right: 15%;
    height: auto!important;
    -webkit-animation-name: leaf;
    animation-name: leaf;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.p-index_kv__geinin .leaf img {
    width: 100%!important;
    height: auto!important
}

.is-vertical .p-index_kv__geinin .leaf {
    top: 2.5%;
    right: 27.5%;
    bottom: auto
}

.p-index_kv__geinin .suit {
    bottom: 0;
    width: calc(9.30612vw + 79.10204px);
    -webkit-animation-name: suit;
    animation-name: suit;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

.is-ready .p-index_kv__geinin img {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.is-ready.is-loaded .p-index_kv__geinin img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s -webkit-transform cubic-bezier(.175,.885,.32,1.275) 2s;
    transition: .4s transform cubic-bezier(.175,.885,.32,1.275) 2s;
    transition: .4s transform cubic-bezier(.175,.885,.32,1.275) 2s,.4s -webkit-transform cubic-bezier(.175,.885,.32,1.275) 2s;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.p-index_kv__kazari {
    position: absolute;
    width: calc(17.95918vw + 212.65306px)
}

.p-index_kv__kazari.-left {
    bottom: 0;
    left: 0
}

.p-index_kv__kazari.-right {
    right: 0;
    top: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.p-index_kv__kazari__logo {
    position: absolute;
    opacity: .2;
    width: calc(32.65306vw + 77.55102px);
    right: calc(-2.04082vw + -17.34694px);
    top: calc(-4.08163vw + -34.69388px);
    max-width: 9999px
}


.p-index_kv__sango {
     position: absolute;
    bottom: calc(-12.01923vw + 92.30769px);
    right: calc(26.53061vw + -299.4898px);
    width: calc(25.24038vw + 446.15385px);
    max-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 100%;
}

.is-horizontal .p-index_kv__sango .leaf {
    top: calc(0vw + 20px)
}

.is-vertical .p-index_kv__sango {
  
    height: 92.5vh;
    bottom: 0;
    right: calc(16.32653vw + -161.22449px);
}

.is-vertical .p-index_kv__sango picture {
    height: 100%
}

.is-vertical .p-index_kv__sango {
    height: 100.5vh;
}

.is-ready .p-index_kv__sango {
    opacity: 0;
    right: calc(24.4898vw + -391.83673px)
}

.is-ready.is-loaded .p-index_kv__sango {
    -webkit-transition: 1.6s opacity .8s cubic-bezier(.785,.135,.15,.86),1.6s right .8s cubic-bezier(.785,.135,.15,.86);
    transition: 1.6s opacity .8s cubic-bezier(.785,.135,.15,.86),1.6s right .8s cubic-bezier(.785,.135,.15,.86);
    right: calc(26.53061vw + -299.4898px);
    opacity: 1
}

.is-vertical .is-ready .p-index_kv__sango {
    right: calc(16.32653vw + -261.22449px)
}

.is-vertical .is-ready.is-loaded .p-index_kv__sango {
    right: calc(16.32653vw + -161.22449px)
}

.p-index_kv__sango__image {
    position: relative
}

.is-ready.is-loaded .p-index_kv__bg,.p-index_kv__bg {
    right: calc(5.30612vw + 15.10204px);
    left: calc(5.30612vw + 15.10204px);
    opacity: 1
}

.p-index_kv__bg {
    position: absolute;
    top: calc(1.63265vw + 143.87755px);
    bottom: calc(1.63265vw + 143.87755px);
    overflow: hidden;
    will-change: left right;
    /* z-index: 999; */
}

.is-ready .p-index_kv__bg {
    right: calc(42.85714vw + 214.28571px);
    left: calc(-24.4898vw + 91.83673px);
    opacity: 0
}

.is-vertical .p-index_kv__bg {
    left: 0;
}

.is-ready.is-loaded .p-index_kv__bg {
    -webkit-transition: 1.6s left cubic-bezier(.785,.135,.15,.86),1.6s opacity cubic-bezier(.785,.135,.15,.86),1.6s right cubic-bezier(.785,.135,.15,.86),1.6s left cubic-bezier(.785,.135,.15,.86);
    transition: 1.6s left cubic-bezier(.785,.135,.15,.86),1.6s opacity cubic-bezier(.785,.135,.15,.86),1.6s right cubic-bezier(.785,.135,.15,.86),1.6s left cubic-bezier(.785,.135,.15,.86);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.is-vertical .is-ready.is-loaded .p-index_kv__bg {
    right: calc(5.30612vw + 15.10204px);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    left: 0
}

.p-index_kv__bg .js-bgmedia {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
 background-image: url(https://umeyanenne.com/wp-content/uploads/2023/11/PSX_20231118_152747.png);

}

.p-index_kv__bg__container {
    position: relative;
    height: 100%;
    display: inline-block
}

.is-ready .p-index_kv__bg__container {
    opacity: 0
}

.is-ready.is-loaded .p-index_kv__bg__container {
    -webkit-transition: 1.6s opacity;
    transition: 1.6s opacity;
    opacity: 1
}

.p-index_kv__bg canvas,.p-index_kv__bg__container .image {
    height: 100%;
    display: block
}

.is-vertical .p-index_kv__sango img,.p-index_kv__bg__container .image img {
    height: 100%;
    width: auto;
    max-width: 9999px
}

.p-index_kv__bg__container .text {
    position: absolute;
    bottom: 50%;
    line-height: 2;
    left: 50%;
    font-size: calc(.32653vw + 8.77551px);
    padding-left: 2em;
    padding-bottom: 1em;
    color: #fff;
    white-space: nowrap;
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal
}

.is-vertical .p-index_kv__bg__container,.p-index_kv .c-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.is-vertical .p-index_kv__bg__container .image {
    height: 85%
}

.p-index_kv .c-fluid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-index_kv__ttl {
    width: calc(1.46939vw + 22.4898px)
}

.is-vertical .p-index_kv__ttl {
    width: calc(3.42857vw + 19.14286px)
}

.p-index_kv__action {
    position: fixed;
    z-index: 1000;
    width: calc(9.79592vw + 63.26531px);
    border-radius: 9999px;
    bottom: calc(1.63265vw + 13.87755px);
    right: calc(1.63265vw + 13.87755px);
    height: calc(9.79592vw + 63.26531px);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-size: calc(.81633vw + .69388rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    -webkit-box-shadow: .5em .5em 1em 0 rgba(0,0,0,.1);
    box-shadow: .5em .5em 1em 0 rgba(0,0,0,.1);
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../../img/rakugo/button_bg.jpg)
}

.home .p-index_kv__action {
    position: absolute;
    z-index: auto
}

.is-pc .p-index_kv__action {
    -webkit-transition: .4s -webkit-transform;
    transition: .4s transform;
    transition: .4s transform,.4s -webkit-transform
}

.is-pc .p-index_kv__action:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.is-ready .p-index_kv__action,.is-start .p-index_kv__action {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.is-ready.is-loaded .p-index_kv__action {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.-rakugo.is-ready.is-loaded .p-index_kv__action {
    -webkit-transition: .8s opacity 2s,.8s -webkit-transform 2s;
    transition: .8s transform 2s,.8s opacity 2s;
    transition: .8s transform 2s,.8s opacity 2s,.8s -webkit-transform 2s
}

.-geinin.is-ready.is-loaded .p-index_kv__action {
    -webkit-transition: .8s opacity 2s,.4s -webkit-transform 2s cubic-bezier(.175,.885,.32,1.275);
    transition: .4s transform 2s cubic-bezier(.175,.885,.32,1.275),.8s opacity 2s;
    transition: .4s transform 2s cubic-bezier(.175,.885,.32,1.275),.8s opacity 2s,.4s -webkit-transform 2s cubic-bezier(.175,.885,.32,1.275)
}

.p-index_kv__action .text {
    line-height: 1.55
}

.p-index_kv__action .image {
    width: 1em;
    display: inline-block;
    height: 1em;
    margin-bottom: 1em
}

.p-index_kv__action .text+.image {
    margin-top: 1em;
    margin-bottom: 0
}

.p-index_kv__action {
    background-image: url(../../img/geinin/button_bg.jpg)
}

.p-index_live {
    color: #fff;
    padding-top: calc(4.08163vw + 84.69388px);
    padding-bottom: calc(4.08163vw + 84.69388px);
    position: relative;
    z-index: 1
}

.p-index_live #live-canvas {
    height: 75%;
    display: block;
    z-index: 1
}

.p-index_live .sango,.p-index_live .sence {
    position: absolute;
    display: block;
    z-index: 1;
    top: calc(8.97959vw + 16.32653px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.p-index_live.js-anim_elm .sango img,.p-index_live.js-anim_elm .sence img {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s -webkit-transform cubic-bezier(.175,.885,.32,1.275) .8s;
    transition: .4s transform cubic-bezier(.175,.885,.32,1.275) .8s;
    transition: .4s transform cubic-bezier(.175,.885,.32,1.275) .8s,.4s -webkit-transform cubic-bezier(.175,.885,.32,1.275) .8s
}

.p-index_live .sango {
    left: calc(18.77551vw + -60.40816px);
    width: calc(8.97959vw + 86.32653px);
    -webkit-animation-duration: 6s;
    animation-duration: 6s
}

.is-pc .p-index_live .sango {
    -webkit-animation-name: shake;
    animation-name: shake
}

.p-index_live .sence {
    width: calc(7.34694vw + 52.44898px);
    right: calc(21.63265vw + -106.12245px);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg)
}

.is-pc .p-index_live .sence {
    -webkit-animation-name: sence;
    animation-name: sence
}

.-rakugo .p-index_live {
    background-color: #300B47;
}

.p-index_live {
    background-color: #d42815;
    -webkit-transform: translate3d(-100,0,0);
    transform: translate3d(-100,0,0)
}

.p-index_live .c-container {
    position: relative;
    z-index: 2;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg)
}

.p-index_live .js-anim_elm {
    opacity: 0;
    -webkit-transform: translateY(calc(1.63265vw + 3.87755px));
    transform: translateY(calc(1.63265vw + 3.87755px));
    -webkit-transition: 1.2s opacity,1.2s -webkit-transform;
    transition: 1.2s opacity,1.2s transform;
    transition: 1.2s opacity,1.2s transform,1.2s -webkit-transform
}

.p-index_live .js-anim_elm.is-act {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.p-index_live__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.js-anim_elm .p-index_live__bg {
    -webkit-transition: 1.6s opacity;
    transition: 1.6s opacity
}

.js-anim_elm.is-act .p-index_live__bg {
    opacity: .17
}

.p-index_live__ttl {
    text-align: center;
    letter-spacing: -.05em;
    line-height: 1.45714;
    font-size: calc(2.85714vw + 2.42857rem);
    margin-bottom: 1.5em
}

.-rakugo .p-index_live__ttl {
    padding-left: .75em;
    text-indent: -.75em
}

.p-index_live__ttl {
    padding-left: .25em;
    text-indent: -.25em;
    letter-spacing: 0;
    font-weight: 700
}

.p-index_live__txt {
    text-align: center;
    font-size: calc(.16327vw + 1.33878rem);
    line-height: 2.375
}

.p-index_live__txt+.p-index_live__txt {
    margin-top: 2.375em
}

.p-index_info {
    position: relative;
    z-index: 1;
    background-color: #fff
}

.p-index_info .c-heading-1 {
    margin-bottom: 1.5em
}

.p-index_info .banana {
    display: block;
    width: calc(6.53061vw + 95.5102px);
    position: absolute;
    top: 0;
    opacity: 0;
    left: calc(23.67347vw + -78.77551px);
    margin-top: calc(-3.26531vw + -47.7551px)
}

.p-index_info.js-anim_elm .banana {
    top: -100%;
    -webkit-transition: .4s top cubic-bezier(.55,.085,.68,.53);
    transition: .4s top cubic-bezier(.55,.085,.68,.53)
}

.p-index_info.js-anim_elm.is-act .banana {
    top: 0;
    opacity: 1
}

.p-index_info__container {
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-index_info__side {
    color: #888;
    width: 50%;
    font-size: calc(.16327vw + 1.33878rem);
    max-width: calc(3.26531vw + 167.7551px)
}

.p-index_info__side__list {
    line-height: 1.2
}

.p-index_info__side__item {
    margin-bottom: 1.25em
}

.p-index_info__side__item:last-child {
    margin-bottom: 0
}

.p-index_info__side__item .link,.p-index_info__side__item .vlink,.p-index_info__side__item a {
    padding-left: 1.75em;
    position: relative;
    display: block
}

.p-index_info__side__item a::before {
    width: 0
}

.p-index_info__side__item .link::before,.p-index_info__side__item .vlink::before,.p-index_info__side__item a::before {
    content: '';
    display: block;
    height: 2px;
    top: 50%;
    left: 0;
    margin-top: -1px;
    position: absolute
}

.p-index_info__side__item .vlink::before {
    width: 0
}

.p-index_info__side__item .link,.p-index_info__side__item.-current .vlink {
    color: #203b85
}

.p-index_info__side__item .link::before,.p-index_info__side__item.-current .vlink::before {
    background-color: #203b85;
    width: 1em
}

.p-index_info__side__item a,.p-index_info__side__item:not(.-current) .vlink {
    cursor: pointer
}

.p-index_info__side__item a::before,.p-index_info__side__item:not(.-current) .vlink::before {
    background-color: #203b85
}

.p-index_info__side__item .link,.p-index_info__side__item.-current .vlink {
    color: #17d1d1
}

.p-index_info__side__item .link::before,.p-index_info__side__item.-current .vlink::before {
    background-color: #17d1d1
}

.p-index_info__side__item a::before,.p-index_info__side__item:not(.-current) .vlink::before {
    background-color: #17d1d1
}

.is-pc .p-index_info__side__item a::before,.is-pc .p-index_info__side__item:not(.-current) .vlink::before {
    -webkit-transition: .4s width;
    transition: .4s width;
    width: 0
}

.is-pc .p-index_info__side__item a:hover::before,.is-pc .p-index_info__side__item:not(.-current) .vlink:hover::before {
    width: 1em
}

.p-index_info__main {
    width: 100%;
    position: relative
}

.p-index_info__main .c-more-1 {
    position: absolute;
    right: 0;
    top: calc(-2.42248vw + -61.24031px);
    margin-bottom: -.5em
}

.p-index_info__main__list {
    margin-top: -1.5em;
    font-size: calc(.4898vw + 1.21633rem)
}

.p-index_info__main__item {
    overflow: hidden
}

.p-index_info__main__item a {
    border-bottom: 1px solid #eee;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-index_info__main__item .image {
    width: 50%;
    max-width: calc(7.02041vw + 73.67347px)
}

.p-index_info__main__item .image img {
    width: 100%
}

.p-index_info__main__item .text {
    width: 100%;
    padding-left: calc(.81633vw + 16.93878px)
}

.p-index_info__main__item .text .ttl {
    line-height: 1.42857;
    color: #111
}

.p-index_info__main__item .text .info {
    font-size: calc(.40816vw + .84694rem);
    line-height: 1.4;
    color: #888;
    margin-top: 1em
}

.is-pc .p-index_info__main__item a .ttl {
    -webkit-transition: .4s color;
    transition: .4s color
}

.is-pc .p-index_info__main__item a:hover .ttl,.p-index_manual__nav__item.is-act a .number {
    color: #203b85
}

.is-pc .p-index_info__main__item a:hover .ttl {
    color: #17d1d1
}

.p-index_manual {
    background-color: #f5f5f5;
    z-index: 3
}

.p-index_manual .c-txt-1 {
    text-align: center;
    margin-top: 2em
}

.p-index_manual,.p-index_manual .c-container {
    position: relative
}

.p-index_manual .nafuda {
    position: absolute;
    left: calc(24.4898vw + -91.83673px);
    top: calc(4.08163vw + 34.69388px);
    width: calc(6.12245vw + 52.04082px);
    height: calc(6.12245vw + 52.04082px)
}

.p-index_manual .nafuda img {
    width: 100%;
    height: 100%
}

.p-index_manual .sango {
    position: absolute;
    display: block;
    top: calc(2.04082vw + 17.34694px);
    right: calc(28.57143vw + -157.14286px);
    width: calc(7.59184vw + 64.53061px)
}

.p-index_manual .sango img,.p-index_wave__wave img {
    width: 100%
}

.p-index_manual.js-anim_elm .nafuda,.p-index_manual.js-anim_elm .sango {
    opacity: 0;
    -webkit-filter: blur(.5em);
    filter: blur(.5em);
    -webkit-transition: .4s opacity cubic-bezier(.6,.04,.98,.335),.8s -webkit-transform cubic-bezier(.6,.04,.98,.335),.4s -webkit-filter cubic-bezier(.6,.04,.98,.335);
    transition: .8s transform cubic-bezier(.6,.04,.98,.335),.4s opacity cubic-bezier(.6,.04,.98,.335),.4s filter cubic-bezier(.6,.04,.98,.335);
    transition: .8s transform cubic-bezier(.6,.04,.98,.335),.4s opacity cubic-bezier(.6,.04,.98,.335),.4s filter cubic-bezier(.6,.04,.98,.335),.8s -webkit-transform cubic-bezier(.6,.04,.98,.335),.4s -webkit-filter cubic-bezier(.6,.04,.98,.335);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.p-index_manual.js-anim_elm.is-act .nafuda,.p-index_manual.js-anim_elm.is-act .sango {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: scale(1);
    transform: scale(1)
}


.p-index_manual__nav {
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    margin-top: calc(2.85714vw + 24.28571px);
    font-size: calc(.40816vw + .94694rem);
    margin-bottom: calc(1.63265vw + 23.87755px);
    line-height: 1.4
}

.p-index_manual__nav {
    font-weight: 700
}

.p-index_manual__nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-index_manual__nav__item {
    margin-right: 1em
}

.p-index_manual__nav__item:last-child {
    margin-right: 0
}

.p-index_manual__nav__item a,.p-index_manual__nav__item a .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 9999px;
    color: #888
}

.p-index_manual__nav__item a {
    height: 100%;
    background-color: #fff;
    text-align: center;
    padding: .65em 1.5em
}

.p-index_manual__nav__item a .number {
    font-family: 'Lora',serif;
    font-weight: 400;
    font-style: normal;
    background-color: #f7f7f7;
    width: 2em;
    height: 2em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2em;
    flex: 0 0 2em;
    margin-left: 1em;
    letter-spacing: 0
}

.is-pc .p-index_manual__nav__item a,.p-index_manual__nav__item a,.p-index_manual__nav__item a .number {
    -webkit-transition: .4s background-color,.4s color;
    transition: .4s background-color,.4s color
}

.is-pc .p-index_manual__nav__item a:hover {
    background-color: #e5ecff;
    color: #203b85
}

.p-index_manual__nav__item.is-act a {
    background-color: #203b85!important;
    color: #fff!important
}

.p-index_manual__nav__item a {
    background-color: #fff
}

.p-index_manual__nav__item.is-act a {
    background-color: #17d1d1!important
}

.p-index_manual__nav__item.is-act a .number,.is-pc .p-index_manual__nav__item a:hover {
    color: #17d1d1;
    background-color: #fff
}

.p-index_manual__tab__list {
    position: relative
}

.p-index_manual__tab__item {
    height: auto;
    z-index: 0
}

.p-index_manual .keen-slider {
    margin-left: calc(-.81633vw + -6.93878px);
    margin-right: calc(-.81633vw + -6.93878px);
    overflow: visible
}

.p-index_manual .keen-slider__slide {
    overflow: visible;
    padding-right: calc(.81633vw + 6.93878px);
    padding-left: calc(.81633vw + 6.93878px)
}

.p-index_manual .keen-slider__slide__container {
    background-color: #fff;
    border-radius: .5em;
    width: 100%;
    position: relative;
    padding: calc(.81633vw + 11.93878px);
    -webkit-box-shadow: 0 .5em 1em 0 rgba(0,0,0,.05);
    box-shadow: 0 .5em 1em 0 rgba(0,0,0,.05)
}

.p-index_manual .keen-slider__slide__container .image {
    display: block;
    border: 1px solid #eee;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../../img/common/thumb_noimage.png)
}

.p-index_manual .keen-slider__slide__container .image::before {
    padding-top: 66.66667%
}

.p-index_manual .keen-slider__slide__container .number {
    font-family: 'Lora',serif;
    font-weight: 700;
    font-style: normal;
    font-size: calc(.65306vw + 2.5551rem);
    text-align: center;
    margin-top: -.5em;
    position: relative;
    line-height: 1;
    margin-bottom: .5em;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff
}

.p-index_manual .keen-slider__slide__container .number::after {
    content: '';
    display: block;
    height: 1px;
    border-bottom: 1px solid;
    width: .5em;
    margin: .25em auto 0
}

.-rakugo .p-index_manual .keen-slider__slide__container .number {
    color: transparent;
    -webkit-text-stroke: 1px #203b85;
    text-stroke: 1px #203b85
}

.p-index_manual .keen-slider__slide__container .number {
    color: transparent;
    -webkit-text-stroke: 1px #17d1d1;
    text-stroke: 1px #17d1d1
}

.p-index_manual .keen-slider__slide__container .ttl {
    text-align: center;
    color: #111;
    line-height: 1.40909;
    font-size: calc(.32653vw + 1.67755rem);
    font-weight: 700
}

.p-index_manual .keen-slider__slide__container .label,.p-index_manual .keen-slider__slide__container .txt {
    font-family: "游ゴシック","YuGothic","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif
}

.p-index_manual .keen-slider__slide__container .txt {
    color: #888;
    font-size: calc(.16327vw + 1.23878rem);
    line-height: 1.86667;
    padding: calc(.81633vw + 11.93878px)
}

.p-index_manual .keen-slider__slide__container .label {
    position: absolute;
    font-size: calc(.32653vw + .97755rem);
    right: 1em;
    top: 1em;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    white-space: nowrap
}

.p-index_manual .keen-slider__slide__container .label .item {
    background-color: #1b1e26;
    padding: .5em .25em;
    margin-left: .1em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.p-index_manual .keen-slider__slide__container .label .item {
    background-color: #d42815
}

.p-index_manual .keen-slider__slide__container .label .item:last-child {
    margin-left: 0
}

.p-index_manual .keen-slider__slide__container .c-accordion {
    margin-top: 1em
}
.c-accordion__container {
    height: 100% !important;
}

.p-index_manual .keen-slider__slide__container .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: calc(.32653vw + .87755rem);
    padding-top: 1em;
    padding-bottom: 1em;
    cursor: pointer;
    border-radius: 9999px;
    font-family: 'Lora',serif;
    font-weight: 500;
    font-style: normal;
    margin: 0 calc(.81633vw + 11.93878px);
    background: #f5f5f5
}

.is-pc .p-index_manual .keen-slider__slide__container .button {
    background: 0 0;
    -webkit-transition: .4s background-color,.4s letter-spacing;
    transition: .4s background-color,.4s letter-spacing
}

.is-pc .p-index_manual .keen-slider__slide__container .button:hover {
    background: #f5f5f5;
    letter-spacing: .2em
}

.p-index_manual .keen-slider__slide__container .button .cross {
    display: block;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex: 0 0 1em
}

.p-index_manual .keen-slider__slide__container .button .cross::after,.p-index_manual .keen-slider__slide__container .button .cross::before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    border-bottom: 1px solid;
    left: 0;
    -webkit-transition: .4s opacity,.4s -webkit-transform;
    transition: .4s transform,.4s opacity;
    transition: .4s transform,.4s opacity,.4s -webkit-transform
}

.p-index_manual .keen-slider__slide__container .button .cross::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.-rakugo .p-index_manual .keen-slider__slide__container .button {
    color: #203b85
}

.p-index_manual .keen-slider__slide__container .button {
    color: #17d1d1
}

.p-index_manual .keen-slider__slide__container .button::after {
    content: 'View more'
}

.p-index_manual .keen-slider__slide__container .c-accordion.is-open .button .cross::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
}

.p-index_manual .keen-slider__slide__container .c-accordion.is-open .button .cross::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.p-index_manual .keen-slider__slide__container .c-accordion.is-open .button::after {
    content: 'Close'
}

.p-index_wave {
    -webkit-transition: .8s height;
    transition: .8s height;
    padding-top: calc(3.26531vw + -12.2449px);
    position: relative
}

.p-index_wave {
    padding-top: 0
}

.p-index_wave__wave {
    position: absolute;
    bottom: 0;
    width: calc(40vw + 192px);
    -webkit-animation-name: wave;
    animation-name: wave;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-left: -2em;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.p-index_wave__wave.-left {
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.p-index_wave__wave.-right {
    right: 0;
    margin-left: 0;
    margin-right: -2em
}

.p-index_wave__sango {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.p-index_wave__sango img {
    width: calc(34.28571vw + 351.42857px);
    max-width: 9999px
}

@media only screen and (max-width: 3840px) and (min-width:320px) and (min-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
    .c-fm_banner__container {
        background-image:url(../../img/geinin/banner_bg@2x.jpg)
    }

    .c-wave.-blue {
        background-image: url(../../img/geinin/wave_blue@2x.png)
    }

    .c-wave.-red {
        background-image: url(../../img/geinin/wave_red@2x.png)
    }

    .c-wave.-gray {
        background-image: url(../../img/geinin/wave_gray@2x.png)
    }

    .c-wave.-white {
        background-image: url(../../img/geinin/wave_white@2x.png)
    }

    .c-wave.-yellow {
        background-image: url(../../img/geinin/wave_yellow@2x.png)
    }

    .-rakugo .p-index_gallery__bg .bg {
        background-image: url(../../img/rakugo/bg_gallery@2x.png)
    }

    .p-index_kv__action {
        background-image: url(../../img/rakugo/button_bg@2x.jpg)
    }

    .p-index_kv__action {
        background-image: url(../../img/geinin/button_bg@2x.jpg)
    }

    .p-index_manual .keen-slider__slide__container .image {
        background-image: url(../../img/common/thumb_noimage@2x.png)
    }
}

@media only screen and (max-width: 1599px) {
    .d-b-max {
        display:none
    }

    .d-n-max {
        display: block
    }
}

@media only screen and (max-width: 1299px) {
    body:not(.home) .l-footer {
        padding-bottom:calc(9.61538vw + 126.15385px)
    }

    .d-b-md {
        display: none
    }

    .d-n-md {
        display: block
    }
}

@media only screen and (max-width: 1023px) {
    .d-b-tab {
        display:none
    }

    .d-n-tab {
        display: block
    }

    .c-fm_stand .c-container {
        display: block;
        text-align: center
    }

    .c-fm_stand__head {
        display: block;
        max-width: 100%
    }

    .c-fm_stand__head__left {
        display: block;
        margin-right: 0;
        text-align: center;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        margin-bottom: 1.5em;
        color: #ccc;
    }

    .c-fm_stand__head__ttl {
        margin-bottom: 1em
    }

    .c-fm_stand__head__txt {
        margin-bottom: 2.5em
    }

    .c-fm_sns__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .c-fm_sns__item {
        max-width: 50%
    }

    .p-index_episode__section__inner {
        display: block;
        text-align: center
    }

    .p-index_episode__section__head::after {
        margin: 2em auto
    }

    .p-index_episode__section__head {
        max-width: 100%;
        display: block
    }

    .p-index_episode__section__head .image {
        top: auto;
        bottom: calc(2.85714vw + 54.28571px)
    }

    .p-index_episode__section__body {
        padding-left: 0
    }
}

@media only screen and (max-height: 899px) {
    .is-horizontal .p-index_kv__sango {
        max-height:80%
    }

    .is-horizontal .p-index_kv__sango .leaf {
        top: calc(-11.83673vw + 64.38776px)
    }
}

@media only screen and (max-height: 849px) {
    .is-horizontal .p-index_kv__sango {
        max-height:80%
    }

    .is-horizontal .p-index_kv__sango .leaf {
        top: calc(-13.46939vw + 90.5102px)
    }
}

@media only screen and (max-height: 799px) {
    .is-horizontal .p-index_kv__sango {
        max-height:70%
    }

    .is-horizontal .p-index_kv__sango .leaf {
        top: calc(-15.91837vw + 79.69388px)
    }
}

@media only screen and (max-width: 767px) {
    body:not(.home) .l-footer {
        padding-bottom:calc(5.58036vw + 82.14286px)
    }

    .l-footer {
        text-align: center
    }

    .l-footer .c-container,.l-footer_thanks {
        display: block
    }

    .l-footer_thanks__head .space {
        display: inline
    }

    .l-footer_thanks__head {
        display: inline-block;
        margin-bottom: 1em
    }

    .l-footer_copy {
        margin-top: 2em
    }

    .d-b-sp {
        display: none
    }

    .d-n-sp {
        display: block
    }

    .p-contact_form__item {
        padding-left: 0;
        padding-right: 0
    }

    .p-index_game__progress {
        -webkit-transition: 1.2s -webkit-transform;
        transition: 1.2s transform;
        transition: 1.2s transform,1.2s -webkit-transform
    }

    .p-index_kv__geinin .suit {
        -webkit-animation-duration: 4s;
        animation-duration: 4s
    }

    .p-index_wave__wave.-left {
        width: calc(71.42857vw + 251.42857px)
    }
}

@media only screen and (max-height: 749px) {
    .is-horizontal .p-index_kv__sango {
        max-height:60%
    }

    .is-horizontal .p-index_kv__sango .leaf {
        top: calc(-13.46939vw + -9.4898px)
    }
}

@media only screen and (max-height: 699px) {
    .is-horizontal .p-index_kv__sango {
        max-height:50%
    }

    .is-horizontal .p-index_kv__sango .leaf {
        top: calc(-12.65306vw + -72.55102px)
    }
}

@media only screen and (max-width: 567px) {
    .l-header_menu__item {
        margin-left:2em
    }

    .l-header_menu__item:first-child {
        margin-left: 0
    }

    .d-b-spmin,.l-header_menu__item.-home {
        display: none
    }

    .c-fm_banner__container,.d-n-spmin {
        display: block
    }

    .d-n-spmin.-i {
        display: inline
    }

    .c-fm_banner__head .mark {
        display: none
    }

    .c-fm_banner__head::before {
        content: '';
        display: block;
        padding-top: 61.41975%
    }

    .c-fm_banner__body {
        padding-top: 2em;
        padding-bottom: 2em;
        max-width: 100%
    }

    .c-fm_banner__body .c-more-1 {
        position: relative;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 2em;
        margin-right: 25px
    }

    .c-fm_banner__body::before {
        display: none
    }

    .c-fm_banner__body__container {
        position: relative
    }

    .c-fm_banner__body__wave>span {
        border-width: 1px
    }

    .c-fm_sns__list {
        margin-left: 0;
        display: block;
        margin-right: 0
    }

    .c-fm_sns__item {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%
    }

    .c-container {
        width: 100%
    }

    .c-heading-1 {
        letter-spacing: .05em
    }

    .p-contact_body .c-txt-1,.p-contact_head,.p-info_single .c-lower .c-heading-1,.p-info_single .c-lower .c-lower_label,.p-info_single .c-lower .c-lower_time {
        text-align: left
    }

    .p-contact_body .c-container,.p-info_single .c-container {
        width: 100%
    }

    .p-contact_form__item {
        display: block
    }

    .p-contact_form__item__head {
        max-width: 100%
    }

    .p-contact_form__item__body {
        margin-top: 1em;
        max-width: 100%
    }

    .p-info_single__sns {
        display: block;
        text-align: center
    }

    .p-info_single__sns__text {
        margin-right: 0;
        margin-bottom: 1em
    }

    .p-index_episode__section__body {
        padding-left: 25px;
        padding-right: 25px
    }

    .p-index_info__container {
        display: block
    }

    .p-index_info__side {
        max-width: 100%;
        width: 100%;
        margin-bottom: 2em
    }

    .p-index_info__side__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .p-index_info__side__item {
        margin-right: 1.5em
    }

    .p-index_info__side__item:last-child {
        margin-right: 0
    }

    .p-index_info__side__item .link,.p-index_info__side__item .vlink,.p-index_info__side__item a {
        padding-left: 0
    }

    .p-index_info__side__item .link::before {
        margin-bottom: 0;
        bottom: -.5em;
        top: auto
    }

    .p-index_info__side__item .vlink::before,.p-index_info__side__item a::before {
        margin-bottom: 0;
        bottom: -.5em;
        top: auto;
        width: 100%
    }

    .p-index_info__side__item .link::before,.p-index_info__side__item.-current .vlink::before {
        width: 100%
    }

    .p-index_info__side__item a::before,.p-index_info__side__item:not(.-current) .vlink::before {
        width: 0
    }

    .p-index_info__main .c-more-1 {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        top: 0;
        position: relative;
        margin-bottom: 0;
        margin-top: 2.5em
    }

    .p-index_manual .nafuda {
        top: calc(10.20408vw + -63.26531px);
        left: calc(23.67347vw + -78.77551px)
    }

    .p-index_manual .sango {
        top: calc(8.16327vw + -80.61224px);
        right: calc(23.67347vw + -78.77551px)
    }

    .p-index_manual__nav__list {
        border-radius: .25em;
        overflow: hidden
    }

    .p-index_manual__nav__item {
        margin-right: 0;
        width: 100%;
        max-width: 33.33333%;
        border-right: 1px solid #f5f5f5
    }

    .p-index_manual__nav__item:last-child {
        border-right: none
    }

    .p-index_manual__nav__item a {
        border-radius: 0
    }

    .p-index_manual__nav__item a .number {
        margin-left: .5em
    }
}

@media only screen and (max-device-width: 480px) {
    .c-fm_stand .standfm-embed-iframe {
        height:230px
    }
}

@media only screen and (max-width: 374px) {
    .d-b-min {
        display:none
    }

    .d-n-min {
        display: block
    }

    .c-container,.c-fluid {
        padding-left: 26px;
        padding-right: 26px
    }

    .p-index_info__side__item {
        margin-right: 1em
    }
}

@media all and (-ms-high-contrast:none) {
    .p-notfound__head .image {
        -webkit-animation-name: buruburu-ie;
        animation-name: buruburu-ie
    }

    .p-index_episode__head__ttl .zero::after {
        width: 3.5em
    }

    .p-index_episode__section__info .number {
        color: #fff;
        opacity: .65
    }

    .p-index_episode__section__info .label span {
        padding-right: .5em;
        padding-left: 0
    }

    .p-index_kv__geinin .soccer {
        -webkit-animation-name: soccer-ie;
        animation-name: soccer-ie
    }

    .is-horizontal .p-index_kv__sango {
        max-height: 100%
    }

    .is-horizontal .p-index_kv__sango .leaf {
        top: 2.5%
    }

    .p-index_manual__nav__item a {
        padding-bottom: .1em
    }

    .p-index_manual .keen-slider__slide__container .number {
        color: #fff
    }

    .-rakugo .p-index_manual .keen-slider__slide__container .number {
        color: #203b85
    }

    .p-index_manual .keen-slider__slide__container .number {
        color: #17d1d1
    }

    .p-index_manual .keen-slider__slide__container .label .item {
        padding-right: .5em;
        padding-left: .1em
    }
}

 .img-frame{
   position: relative;
   overflow: hidden;
   margin: 0 auto;
}

.img-frame {
    width: 88%;
    height: 130vh;
}
.img-01, .img-02, .img-03, .img-04{
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}
.img-01{
   background-image: url('https://umeyanenne.com/wp-content/uploads/2023/05/nenne.png');
   animation: slide-animation-01 10s infinite;
}
.img-02{
   background-image: url('https://umeyanenne.com/wp-content/uploads/2023/11/a2ac99aff4dd92520a6f9f3d66158814.png');
   animation: slide-animation-02 10s infinite;
}
.img-03{
   background-image: url('https://umeyanenne.com/wp-content/uploads/2023/11/c1457e5259783c672455aec57aaf0e01.png');
   animation: slide-animation-03 10s infinite;
}
              .img-04{
   background-image: url('https://umeyanenne.com/wp-content/uploads/2023/11/e26ccc61b85288bd74e063e1b366c396.png');
   animation: slide-animation-04 10s infinite;
}
@keyframes slide-animation-01 {
    0% {opacity: 1; transform: scale(1.0);}
  20% {opacity: 1;}
  30% {opacity: 0; transform: scale(1.15);}
  90% {opacity: 0}
100% {opacity: 1; transform: scale(1.0);}
}
@keyframes slide-animation-02 {
    0% {opacity: 0;}
  20% {opacity: 0; transform: scale(1.1);}
  30% {opacity: 1;}
  40% {opacity: 1;}
  50% {opacity: 0; transform: scale(1.0);}
100% {opacity: 0;}
}
@keyframes slide-animation-03 {
    0% {opacity: 0;}
  40% {opacity: 0;  transform: scale(1.0);}
  50% {opacity: 1;}
    60% {opacity: 1;}
  70% {opacity: 0;}
100% {opacity: 0; transform: scale(1.1);}
}
@keyframes slide-animation-04 {
    0% {opacity: 0;}
  60% {opacity: 0; transform: scale(1.1);}
  70% {opacity: 1;}
  80% {opacity: 1;}
    90% {opacity: 1;}
  98% {opacity: 0; transform: scale(1.0);}
100% {opacity: 0;}
}
@media only screen and (max-width: 768px) {
	.c-fm_stand__head__txt {
    font-size: 1.2rem;
}
	.p-index_live__txt+.p-index_live__txt {
		font-size: 1.2rem;
	}
.img-frame {
    height: 108vh;
    }
	.c-txt-1 {
			font-size: 1.2rem;
			width: 90%;
			margin: 0 auto;
	}
	
}


 .worksArea {
  width: 60.94%;
  margin: 0 auto 160px;
  position: relative;
  z-index: 2;
}
.worksArea h2 {
 font-size:28px;
 text-align: center;
}
@media (max-width: 768px) {
   .worksArea {
    width: 100%;
    margin: 0 auto 80px
  }
}
 .worksArea.on {
  opacity: 1
}
@media (max-width: 768px) {
   .worksArea h2 {
    width: 89.33%;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
  }
.newsArea_box .info h4 {
	font-size:1rem;
}
	
}
 .worksArea_ttl {

  font-size: .30rem;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 15px;
  text-align: center;
}


 .worksArea_ttls {
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 15px;
  text-align: center;
}

   .worksArea_ttl {
    font-size: 30px
  }
@media (max-width: 768px) {
   .worksArea_ttl {
    width: 100%;
    font-size: 14px;
    margin: 0px 0px 50px 0px;
  }
}


.bg-01 {
    padding: 60px;
    margin: 60px auto 0px auto;
    border: solid 5px #eee;
    background: #fff;
}
.bg-01 p.jirei {
    background-image: linear-gradient(90deg, rgba(194, 57, 248, 1), rgba(48, 53, 97, 1));
    padding: 3px 15px !important;
    color: #FFF;
    border-radius: 25px;
    width: 136px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.bg-01 h3 {
    margin: 0 ;
    text-align: center;
    margin-top: 30px ;
    border-bottom: none;
    font-size: 32px;
    font-weight: bold;
}
.common p.txt {
    padding-top: 20px ;
}
.bg-01 p.price {
    padding: 15px 0 ;
    text-align: center;
    margin-top: 40px ;
    margin-bottom: 50px ;
    font-size: 20px;
    font-weight: bold;
    border-bottom: solid 1px #bbb;
    border-top: solid 1px #bbb;
}

.bg-01 p.price span {
    color: #058dc7;
    font-size: 34px;
}
.bg-01 p.price span.violet {
    color: #6d41a1;
    font-size: 38px;
}
.bg-01 p.price span.tax {
    color: #6d41a1;
    font-size: 12px;
}

.bg-01 h4 {
    font-size: 20px;
    font-weight: bold;
}
.bg-01 ul.txt {
    background-color: #f6f6f6;
    line-height: 1.9;
    padding: 25px;
}
.common ul.txt li {
    list-style-type: disc;
    margin-left: 20px;
}

.works .section-content {
    position: relative;
    overflow: hidden;
    margin-top: 178px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.works .section-inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0px 0px 0px;
}
.works .section-inner .text{
}
.works .section-content .section-inner:before {
    content: "";
    background-color: #f4f4f4;
    width: 326px;
    height: 200%;
    position: absolute;
    left: 0;
    top: -170px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    z-index: -1;
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
    -webkit-transition: -webkit-clip-path 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.2s;
    transition: -webkit-clip-path 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.2s;
    transition: clip-path 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.2s;
    transition: clip-path 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.2s, -webkit-clip-path 1.5s cubic-bezier(0.475, 0.425, 0, 0.995) 0.2s;
    top: -400px;
    left: -500px;
}
.works .section-content .list-works {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all 1s ease 0.4s;
    transition: all 1s ease 0.4s;
}
.works .section-content .list-works li {
    width: 560px;
    height: 510px;
    margin-bottom: 80px;
    background-color: #fff;
    -webkit-box-shadow: 11px 13px 27px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 11px 13px 27px 6px rgba(0, 0, 0, 0.08);
}
.works .section-content .list-works li a {
    position: relative;
    text-decoration: none;
    color: #111;
    width: 100%;
    height: 100%;
    display: block;
}
.works .section-content .list-works li:hover a:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
.works .section-content .list-works li a:before {
    content: "";
    background: url(/assets/img/icon-arrow-black.png) no-repeat;
    width: 32px;
    height: 11px;
    background-size: 100%;
    position: absolute;
    z-index: 50;
    left: 32px;
    bottom: 32px;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    left: initial;
    right: 30px;
    bottom: 32px;
}
.works .section-content .list-works li .thumb {
    overflow: hidden;
}

.works .section-content .list-works li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.works .section-content .list-works li img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.works .section-content .list-works li .detail-box {
  position: relative;
  margin: 0 80px;
}

.works .section-content .list-works li .detail-box:before {
  content: "";
  background: url(/assets/img/border-yellow.png) no-repeat;
  width: 30px;
  height: 88px;
  background-size: 100%;
  position: absolute;
  left: -50px;
  top: -70px;
}

.works .section-content .list-works li .client {
    font-size: 12px;
    font-weight: bold;
    margin-top: 21px;
}
.works .section-content .list-works li .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    margin: 10px 0;
    letter-spacing: 0.6px;
}
.works .section-content .list-works li .category {
    color: #888888;
    font-size: 12px;
    font-family: "akrobat";
    line-height: 1.5;
}

.works .section-detail_work h2 {
    position: relative;
    font-size: 60px;
    letter-spacing: 8px;
    margin-bottom: 10px;
    font-family: "akrobat";
    font-size: 31px;
    letter-spacing: 0.56px;
}
.works .section-detail_work.isView h2:before {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.works .section-detail_work h2:before {
    content: "";
    position: absolute;
    left: -56px;
    top: -39px;
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    background: url(/assets/img/border-yellow.png) no-repeat;
    width: 32px;
    height: 88px;
    background-size: 100%;
    top: 0;
}
.works .section-detail_work.isView h2 span {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.works .section-detail_work h2 .text-mini {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 14px;
}
.works .section-detail_work h2 span {
    display: block;
}

.works .section-detail_work h2 .text-cat {
    margin-top: 14px;
    font-size: 12px;
    color: #888888;
}

.works .section-detail_work .url-box a {
    position: relative;
    display: inline-block;
    background-color: #888888;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1.5px;
    font-size: 12px;
    font-weight: bold;
    font-family: "akrobat";
    border-radius: 25px;
    text-align: center;
    padding: 0 14px 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.works .section-detail_work .text-box h3 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 35px;
}

.works .section-detail_work .text-box .text {
    font-size: 16px;
    line-height: 37px;
    margin-bottom: 40px;
}

.works .section-detail_work .text-box .image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.main-pict {
    text-align: center;
}
.url-box {
    padding: 30px 0px 30px 0px;
}
.text-box {}
@media only screen and (max-width: 1170px) {
    .lower-header {padding: 0px 20px;}
	.section-detail_work {
    padding: 0px 20px;
}
}
@media only screen and (max-width: 768px) {
	.bg-01 h3 {
			font-size: 2rem;
	}
	.bg-01 h4 {
			font-size: 1.5rem;
			text-align:center;
			padding: 20px 0px 20px 0px;
	}
	.bg-01 {
    padding: 20px 10px;
}

.works .section-detail_work h2 span {
    font-size: 15px;
}
	.works .section-detail_work h2 {
		font-size: 18px;
		margin: 0;
	}
	.works-info p {
		font-size: 14px;
		line-height: 21px;
	}
	.works .section-detail_work .text-box .image-box {
    display: block;
}
	.url-box {
		text-align:center;
		padding: 10px 0px 20px 0px;
	}
	.works .section-detail_work .text-box h3 {
		text-align: center;
		font-size: 14px;
	}
	.works .section-inner .text{text-align: center;}

}




.mySwiper {
  width: 100%;
  padding: 20px 0;
}
.swiper-slide {
  text-align: center;
}
.swiper-slide img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}