@charset "UTF-8";
@import "../css/base.css";
@import "../css/fonts.css";
@import "../css/normalize.css";
/*@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&display=swap');*/
body {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    color: #333;
}
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
    font-size: 160%;
    -webkit-text-size-adjust: none;
}
header, section, footer, aside, nav, main, article, figure {
    display: block;
}
img {
    vertical-align: bottom;
}
a {
    color: blue;
}
a:active {
    text-decoration: none;
}
table {
    width: 100%;
}
p {
    margin: 0 0 1.5em;
}
p, dd, td, th, li {
    line-height: 1.8em;
}
.image-l {
    float: left;
    margin: 0 35px 8px 0;
}
.image-r {
    float: right;
    margin: 0 0 8px 35px;
}
.ovh {
    overflow: hidden;
}
.mb80 {
	margin-bottom: 80px;
}
#totop {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#totop a {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../images/totop.jpg);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#totop.active {
    opacity: 1;
    visibility: visible;
}
.bold {
    font-weight: bold;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/
#wrapper {
    min-width: 1260px;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.container {
    width: 980px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    max-width: 100%;
    height: auto;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex_b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex_center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.inner {
    width: 1300px;
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
p:last-child {
    margin-bottom: 0 !important;
}
/*.f_noto {
    font-family: "Noto Sans JP", sans-serif;
}*/
.f_noto p {
    line-height: 2.18;
}
figure {
    margin: 0;
    padding: 0;
}
a:not([target*=_blank]) {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
a:not([target*=_blank]):hover {
    opacity: 0.8;
    text-decoration: none;
}
.h_logo a:hover, .nav_logo a:hover, .ft_logo a:hover {
    opacity: 1;
}
/*==========================================================================*/
/*                           Header - Footer                                */
/*==========================================================================*/
.hamburger-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #333;
    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;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
}
.hamburger-btn .button-toggle {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: inherit;
}
#nav-icon {
    width: 20px;
    height: 16px;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
#nav-icon span {
    background-color: #333;
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
#nav-icon span:nth-child(1) {
    top: 0;
}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
    top: 8px;
}
#nav-icon span:nth-child(4) {
    top: 16px;
}
#nav-icon.open span:nth-child(1) {
    top: 8px;
    width: 0%;
    left: 50%;
}
#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
    top: 8px;
    width: 0%;
    left: 50%;
}
.menu_toggle {
    background-color: #8FC31F;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 60px 0px 0px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 9;
}
.menu_toggle.active {
    opacity: 1;
    visibility: visible;
}
.menu_toggle ul li {
    position: relative;
    overflow: hidden;
}
.menu_toggle p {
    margin-bottom: 0;
}
.menu_toggle.active .inside > ul > li a, .menu_toggle.active .inside > ul > li p {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.menu_toggle .inside {
    padding: 0 30px 60px 30px;
    -webkit-overflow-scrolling: touch;
    /* Lets it scroll lazy */
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 100%;
    overflow: auto;
}
.menu_toggle .inside > ul {
    width: 100%;
    margin: 15px 0 0;
}
.menu_toggle .inside > ul > li:first-child > a::before, .menu_toggle .inside > ul > li:first-child > a::after, .menu_toggle .inside > ul > li:first-child > p::before, .menu_toggle .inside > ul > li:first-child > p::after {
    display: none;
}
.menu_toggle .inside > ul > li span, .menu_toggle .inside > ul > li > a, .menu_toggle .inside > ul > li > p.title {
    cursor: pointer;
    padding: 15px 20px 15px 0;
    display: block;
    position: relative;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    text-decoration: none;
}
.menu_toggle .inside > ul > li span span, .menu_toggle .inside > ul > li > a span, .menu_toggle .inside > ul > li > p.title span {
    display: block;
    font-size: 80%;
    color: #fff;
    letter-spacing: 2px;
}
.menu_toggle .inside > ul > li > a::before {
    position: absolute;
    top: 50%;
    left: 8px;
    border: 4px solid #ffffff;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    -webkit-transform: translateY(-50%) scaleX(1.4);
    transform: translateY(-50%) scaleX(1.4);
}
.menu_toggle .inside > ul > li > p.title::before, .menu_toggle .inside > ul > li > p.title::after {
    content: "";
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 2px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
}
.menu_toggle .inside > ul > li > p.title::before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.menu_toggle .inside > ul > li > p.title::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}
.menu_toggle .inside > ul > li > p.title.rotate::before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.menu_toggle .inside > ul > li > p.title.rotate::after {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.menu_toggle .sub_menu {
    text-align: center;
}
.menu_toggle .sub_menu > span {
    display: block;
    cursor: pointer;
    position: relative;
}
.menu_toggle .sub_menu > span:before, .menu_toggle .sub_menu > span:after {
    content: "";
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 2px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
}
.menu_toggle .sub_menu > span:after {
    right: 5px;
    top: 52%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}
.menu_toggle .sub_menu.active {
    border-bottom: 1px solid #fff;
}
.menu_toggle .sub_menu.active > span::after {
    display: none;
}
.menu_toggle .sub_menu ul {
    display: none;
    margin-left: 30px;
}
.menu_toggle .sub_menu li a {
    text-align: left;
    display: block;
    position: relative;
    color: #fff;
    font-size: 13px;
    padding: 15px 0;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
.menu_toggle .sub_menu li:last-child a {
    border-bottom: none;
}
.menu_toggle .toggle_logo {
    text-align: center;
}
.menu_toggle .toggle_logo img {
    width: 100%;
    max-width: 331px;
}
.toggle_banner {
    margin-top: 30px;
}
.menu_toggle .toggle_banner .ttl {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-weight: 600;
    border-bottom: 2px solid #fff;
    font-size: 15px;
    color: #fff;
}
.menu_toggle .toggle_banner .list_banner {
    margin: 0 auto;
}
.menu_toggle .toggle_banner .list_banner, .menu_toggle .toggle_banner .list_banner.col3 {
    margin: 0 -5px;
}
.menu_toggle .toggle_banner .list_banner > li, .menu_toggle .toggle_banner .list_banner.col3 > li {
    width: calc(100% / 4 - 10px);
    max-width: 250px;
    margin: 5px;
}
.menu_toggle .ft_banner_spec .list_banner li {
    max-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu_toggle .ft_banner_spec {
    margin-top: 15px;
}
/* .menu_toggle .toggle_banner .list_banner .ft_link_ins a {
  background: linear-gradient(103deg, rgba(253,217,29,1) 0%, rgba(226,32,50,1) 50%, rgba(164,58,148,1) 100%);
}
.menu_toggle .toggle_banner .list_banner .ft_link_twitter a {
  background-color: #1d98ed;
}
.menu_toggle .toggle_banner .list_banner li a {
  width: 100%;
  height: 58px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.menu_toggle .toggle_banner .list_banner li a:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.menu_toggle .toggle_banner .list_banner .ft_link_twitter a{
  padding-left: 20px;
}
.menu_toggle .toggle_banner .list_banner .ft_link_ins a{padding-left: 30px;}
.menu_toggle .toggle_banner .list_banner .ft_link_twitter a::before {
  background-image: url(../images/idx_icon_twitter_white.png);
  max-width: 28px;
}
.menu_toggle .toggle_banner .list_banner .ft_link_ins a::before {
  background-image: url(../images/idx_icon_instagram_white.png);
  max-width: 26px;
} */
/*

.menu_toggle .toggle_banner .list_banner li a{
  width: 100%;
  height: 65px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.menu_toggle .toggle_banner .list_banner li a::before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.menu_toggle .toggle_banner .list_banner .ft_link_ins a {
  background: linear-gradient(103deg, rgba(253,217,29,1) 0%, rgba(226,32,50,1) 50%, rgba(164,58,148,1) 100%);
}
.menu_toggle .toggle_banner .list_banner .ft_link_ins a span{
  padding-left: 34px;
}
.menu_toggle .toggle_banner .list_banner .ft_link_ins a::before {
  background-image: url(../images/idx_icon_instagram_white.png);
  max-width: 23px;
}
.menu_toggle .toggle_banner .list_banner .ft_link_youtube a{
  background-color: #e41f21;
}
.menu_toggle .toggle_banner .list_banner .ft_link_youtube a span{
  padding-left: 30px;
}
.menu_toggle .toggle_banner .list_banner .ft_link_youtube a::before {
  background-image: url(../images/idx_icon_youtube_white.png);
  max-width: 24px;
}
.menu_toggle .toggle_banner .list_banner .ft_link_twitter a {
  background-color: #1d98ed;
}
.menu_toggle .toggle_banner .list_banner .ft_link_twitter a span{
  padding-left: 28px;
}
.menu_toggle .toggle_banner .list_banner .ft_link_twitter a::before {
  background-image: url(../images/idx_icon_twitter_white.png);
  max-width: 27px;
}
.menu_toggle .toggle_banner .list_banner .ft_link_line a {
  background-color: #00c300;
}
.menu_toggle .toggle_banner .list_banner .ft_link_line a span{
  padding-left: 10px;
}
.menu_toggle .toggle_banner .list_banner .ft_link_line a::before {
  background-image: url(../images/idx_icon_line.png);
  max-width: 33px;
  margin-top: -1px
}

.menu_toggle .toggle_banner .list_banner {justify-content: flex-start;}
 */
@media screen and (max-width: 480px) {
    .menu_toggle .toggle_banner .list_banner > li, .menu_toggle .toggle_banner .list_banner.col4 > li, .menu_toggle .toggle_banner .list_banner.col3 > li {
        width: calc(100% / 4 - 6px);
        margin: 3px;
    }
}
header {
    padding: 16px 0 0 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}
header .h_logo img {
    max-width: 220px;
}
.h_main {
    padding: 15px 0;
    border-bottom: 4px solid #8FC31F;
}
.h_main.active {
    padding: 9px 0;
}
.h_main .h_social {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
}
.h_main .inner {
    width: 80%;
    max-width: 1710px;
    margin: 0 auto;
    padding: 0 0 0 10px;
    justify-content: center;
    align-items: center;
	flex-wrap: nowrap;
}
/* .h_main .logo_scroll {
  display: none;
} */
.h_main .h_menu {
    width: 60%;
    max-width: 1000px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.h_main .h_menu li {
    text-align: center;
    position: relative;
}
.h_main .h_menu > li {
    width: 16%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.h_main .h_menu li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 26px;
    background: #8FC31F;
}
.h_main .h_menu li:nth-of-type(3) {
    width: 20%;
}
/* .h_main .h_menu li:nth-of-type(1) {
  width: 16%;
}
.h_main .h_menu li:nth-of-type(2) {
  width: 18%;
}
.h_main .h_menu li:nth-of-type(3) {
  width: 28%;
}
.h_main .h_menu li:nth-of-type(4) {
  width: 17%;
}
.h_main .h_menu li:nth-of-type(5) {
  width: 21%;
} */
.h_main .h_menu a, .h_main .h_menu span {
    width: 100%;
    font-weight: 500;
    color: #595757;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 19px;
    display: block;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    padding: 0 20px;
}
.h_main .h_menu a:hover, .h_main .h_menu span:hover {
    opacity: 1;
    color: #8FC31F;
}
.h_main .h_social {
    width: 20%;
    max-width: 116px;
    align-items: center;
}
.h_main .h_social .so_twitter img {
    max-width: 34px;
}
.h_main .h_social .so_ins img {
    max-width: 33px;
}
.h_main .h_social .so_line img {
    max-width: 33px;
}
.h_main .h_social .so_tiktok img {
    max-width: 33px;
}
.bnr_head {
	width: 11%;
	margin-bottom: 0;
}
footer {
    padding: 90px 0 0 0;
    background: #8FC31F;
    margin-top: 30px;
}
footer .inner {
    width: 1100px;
}
footer .ft_main {
    padding-bottom: 35px;
}
footer .ft_main .col_l {
    width: 39%;
    padding-right: 20px;
}
footer .ft_main .col_r {
    width: 61%;
    max-width: 650px;
    margin-top: 95px;
}
footer .ft_logo {
    display: table;
    margin: 0 auto 30px;
}
footer .ft_logo img {
    width: 100%;
    max-width: 330px;
}
footer .ft_logo:hover {
    opacity: 1;
}
footer .ft_menu li {
    margin-bottom: 5px;
}
footer .ft_menu a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}
footer .ft_menu a:hover {
    opacity: 0.8 !important;
}
footer .ft_menu a:not(:last-child) {
    margin-bottom: 10px;
}
footer .ft_banner:not(:last-child) {
    margin-bottom: 50px;
}
footer .ft_banner .ttl {
    padding-bottom: 10px;
    margin-bottom: 19px;
    color: #fff;
    font-weight: 600;
    border-bottom: 2px solid #fff;
    font-size: 18px;
}
footer .ft_banner .list_banner {
    align-items: center;
}
footer .ft_banner .list_banner.col4 li {
    width: 24%;
    max-width: 180px;
    margin: 0;
}
footer .ft_banner .list_banner.col3 li {
    width: 32%;
    max-width: 202px;
}
footer .ft_banner .list_banner.col2 li {
    width: calc(100% / 2 -20px);
    max-width: 314px;
}
footer .ft_copyright {
    padding: 37px 0 34px 0;
    border-top: 2px solid #fff;
}
footer .ft_copyright p {
    margin: 0;
    color: #fff;
}
footer .ft_copyright .copy_txt {
    width: 50%;
    font-weight: 500;
    font-size: 14px;
}
footer .ft_copyright .copy_link {
    width: 50%;
    padding-left: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
footer .ft_copyright .copy_link a {
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    position: relative;
}
footer .ft_copyright .copy_link a:not(:first-child) {
    padding-left: 20px;
}
footer .ft_copyright .copy_link a:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 15px;
    background: #fff;
    margin-top: -3px;
}
footer .ft_copyright .copy_link a:not(:last-child) {
    padding-right: 20px;
}
footer .ft_list_menu {}
footer .ft_list_menu .ttl {
    width: 100%;
}
footer .ft_list_menu .ft_menu:nth-child(1) {
    width: 18%;
}
footer .ft_list_menu .ft_menu:nth-child(2) {
    width: 15%;
}
footer .ft_list_menu .ft_menu:nth-child(3) {
    width: 22%;
}
footer .ft_list_menu .ft_menu:nth-child(4) {
    width: 20%;
}
footer .ft_list_menu .ft_menu:nth-child(5) {
    width: 20%;
}
footer .ft_list_banner .ft_banner {
    width: 70%;
}
footer .ft_list_banner .banner_pet {
    width: 19%;
}
footer .ft_list_banner .banner_pet li {
    max-width: 180px;
}
footer .ft_banner_spec .list_banner.col4 li {
    max-width: 40px;
    margin: 10px;
}
@media screen and (min-width: 751px) {
    .h_main {
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
    }
    .h_main .h_menu li.sub_menu ul {
        position: absolute;
        z-index: 10;
        width: 350px;
        top: 60px;
        left: 50%;
        display: none;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #f1ffd2;
    }
    .h_main .h_menu li.sub_menu li {
        width: 100%;
        padding: 0 10px;
    }
    .h_main .h_menu li.sub_menu li:not(:last-child) {
        border-bottom: 1px solid #8FC31F;
    }
    .h_main .h_menu li.sub_menu li:not(:last-child)::after {
        display: none;
    }
    .h_main .h_menu li.sub_menu li:hover {
        background: #8FC31F;
    }
    .h_main .h_menu li.sub_menu li:hover a {
        color: #fff;
    }
    .h_main .h_menu li.sub_menu li a {
        color: #595757;
        text-decoration: none;
        position: relative;
        display: block;
        padding: 15px 0;
        width: 100%;
        height: 100%;
    }
    .h_logo, .h_main .h_menu, .h_main .logo_scroll {
        -webkit-transition: 0.5s all;
        transition: 0.5s all;
    }
    .h_main .logo_scroll a:hover {
        opacity: 1;
    }
    .h_main {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 4;
    }
    .h_main .logo_scroll {
        max-width: 220px;
        width: 18%;
        margin: 0;
    }
    .h_main.active .logo_scroll:hover {
        opacity: 1;
    }
}
@media screen and (max-width: 1440px) and (min-width: 751px) {
    .h_main.active .h_menu {
        padding: 0 0px;
    }
}
/*==========================================================================*/
/*==========================================================================*/
/*==========================================================================*/
/*                                INDEX                                     */
/*==========================================================================*/
.idx_key {
    width: 100%;
    height: 780px;
    position: relative;
    z-index: 0;
    margin-top: 94px;
}
.idx_key .key_bg {
    width: 100%;
    height: 100%;
}
.idx_key .key_bg .slick-list li {
    width: 100%;
    height: 780px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.idx_key .key_bg .slick-list li a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 0.3s all;
}
 .idx_key .key_bg .slick-list li:nth-of-type(1) {
    background-image: url(../images/idx_key_bg06.jpg);
}
/*.idx_key .key_bg .slick-list li:nth-of-type(1) {
    background-image: url(../images/idx_key_bg07.jpg);
}*/
.idx_key .key_bg .slick-list li:nth-of-type(1) a:hover{
    background: none;
}
.idx_key .key_bg .slick-list li:nth-of-type(2) {
    background-image: url(../images/idx_bg_main_01.jpg);
}
.idx_key .key_bg .slick-list li:nth-of-type(2) a:hover {
    background: transparent;
}

.idx_key .key_bg .slick-list li:nth-of-type(3) {
    background-image: url(../images/idx_key_bg03.jpg);
}
.idx_key .key_bg .slick-list li:nth-of-type(4) {
    background-image: url(../images/idx_key_bg02.jpg);
}
.idx_key .key_bg .slick-list li:nth-of-type(5) {
    background-image: url(../images/idx_key_bg01.jpg);
}
.idx_key .key_bg .slick-list li:nth-of-type(6) {
    background-image: url(../images/idx_key_bg04.jpg);
}
.idx_key .key_bg .slick-dots {
    position: absolute;
    bottom: -10px;
    left: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
}
.idx_key .key_bg .slick-dots li.slick-active button {
    background: #8FC31F;
}
.idx_key .key_bg .slick-dots button {
    width: 20px;
    height: 20px;
    margin-right: 20px;
    background: #595757;
    border-radius: 50%;
    border: none;
    font-size: 0;
    cursor: pointer;
}
.idx_key .key_bg .slick-dots button:hover {
    background: #46610d;
}
.idx_key .key_text {
    text-align: center;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1200px;
    justify-content: center;
    z-index: 2;
}
/* .idx_key .key_text .col_l {
  width: 60%;
  max-width: 770px;
  padding: 0 20px 0 158px;
  margin-top: 78px;
}
.idx_key .key_text .col_r {
  width: 40%;
  padding-right: 6%;
} */
.idx_key .key_text h2, .idx_key .key_text p {
    margin: 0;
    color: #fff;
}
.idx_key .key_text h2 {
    margin-bottom: 20px;
    line-height: 1.35;
    letter-spacing: 0.05em;
    font-weight: 600;
    font-size: 75px;
    font-feature-settings: "palt";
}
.idx_key .key_text h2 span {
    display: block;
}
.idx_key .key_text h2 span:nth-of-type(2) {
    margin-top: 9px;
}
.idx_key .key_text .border {
    margin-right: 15px;
    padding: 5px 10px 2px 15px;
    border: 2px solid #fff;
    font-style: normal;
    font-size: 88%;
}
.idx_key .key_text .txt {
    padding-right: 33px;
    /*font-family: "Noto Sans JP", sans-serif;*/
    line-height: 2.3;
}
.idx_key .key_text .txt01 {
    margin-bottom: 22px;
    letter-spacing: 0.04em;
    font-size: 18px;
}
.idx_key .key_text .txt02 {
    font-weight: 300;
    letter-spacing: 0;
    font-size: 16px;
}
.idx_key .key_text .eng {
    text-transform: uppercase;
    /*font-family: "Roboto", sans-serif;*/
    line-height: 1;
    font-weight: bold;
    letter-spacing: -0.02em;
    font-size: 30px;
}
.idx_key .key_text .eng .num {
    margin: 0 12px;
    font-size: 120%;
}
@media screen and (min-width: 751px) and (max-width: 1440px) {
    .idx_key .key_text .col_l {
        padding-left: 90px;
    }
    .idx_key .key_text .eng {
        font-size: 44px;
    }
    .idx_key, .idx_key .key_bg .slick-list li {
        height: 560px;
    }
}
@media screen and (max-height: 900px) and (min-width: 751px) {
    .idx_key .key_text .col_l {
        margin-top: 0;
    }
}
.idx_h3 {
    margin-bottom: 9px;
    color: #595757;
    font-weight: 600;
    line-height: 1.5;
    font-size: 52px;
}
.idx_h3 span {
    display: block;
}
.idx_h3 .eng {
    margin-bottom: 1px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: -0.05em;
    font-size: 77%;
}
.idx_h3.center {
    text-align: center;
}
.idx_h4 {
    margin-bottom: 27px;
    font-weight: 600;
    line-height: 1.45;
    color: #595757;
    font-size: 36px;
}
.idx_btn {
    width: 100%;
    max-width: 330px;
    height: 80px;
    padding: 10px;
    color: #595757;
    background: #FFC800;
    border-radius: 40px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 24px;
    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;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.idx_btn::before, .idx_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.idx_btn::before {
    border-top: 3px solid #595757;
    border-right: 3px solid #595757;
    width: 12px;
    height: 12px;
    right: 35px;
    top: 48%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    z-index: 0;
}
.idx_btn::after {
    border-radius: 50%;
    background: #fff;
    width: 30px;
    height: 30px;
    right: 20px;
    z-index: -1;
}
.idx_btn.cl_w {
    background: #fff;
    color: #595757;
}
.idx_btn.cl_w::after {
    background: #FFC800;
}
.idx_btn.bg_b {
    background: #595757;
    color: #fff;
}
.idx_btn.bg_b::before {
    border-top-color: #fff;
    border-right-color: #fff;
}
.idx_btn.bg_b::after {
    background: #8FC31F;
}
.idx_btn.bg_b:hover {
    background: #FFC800;
    color: #595757;
}
.idx_btn.bg_b:hover::before {
    border-top-color: #595757;
    border-right-color: #595757;
}
.idx_btn.bg_b:hover::after {
    background: #fff;
}
.idx_btn:hover {
    background: #595757;
    color: #fff;
    opacity: 1 !important;
}
.idx_box_btn > a {
    width: calc(50% - 60px);
    margin: 0 30px;
    max-width: 330px;
}
.idx01 {
    padding: 140px 0 0;
}
.idx01 .idx_h3 {
    color: #8FC31F;
    font-size: 60px;
}
.idx01 .inner {
    padding: 50px 100px 130px;
    position: relative;
}
.idx01 .inner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    background: url(../images/idx01_img02.png) bottom left no-repeat;
    background-size: contain;
}
.idx01 .inner .txt {
    color: #595757;
    font-weight: 600;
    line-height: 2;
    font-size: 18px;
}
.idx01 .inner .txt .cl {
    color: #8FC31F;
    position: relative;
    z-index: 0;
}
.idx01 .inner .txt .cl:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #ffe97c;
    z-index: -1;
}
.idx01 .idx01_eng {
    text-transform: uppercase;
    color: #8FC31F;
    -ms-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    white-space: nowrap;
    line-height: 1;
    letter-spacing: 0;
    /*font-family: "Roboto", sans-serif;*/
    font-weight: bold;
    font-size: 159px;
}
.idx01 .col_l {
    width: 160px;
}
.idx01 .col_r {
    width: calc(100% - 160px);
    padding-left: 40px;
}
.idx01 .idx01_box01 .col_infor {
    width: 62%;
}
.idx01 .idx01_box01 .col_img {
    width: 34%;
    max-width: 302px;
}
.idx01 .idx01_box02 {
    align-items: flex-end;
}
.idx01 .idx01_box02 .col_img {
    width: 26%;
    max-width: 230px;
    text-align: center;
}
.idx01 .idx01_box02 .col_img img {
    max-width: 170px;
    margin-bottom: -20px;
}
.idx01 .idx01_box02 .col_infor {
    width: 74%;
    padding-left: 40px;
}
.idx01 .idx01_bottom {
    width: 95%;
    max-width: 1778px;
    text-align: right;
    position: relative;
    z-index: 0;
}
.idx01 .idx01_bottom::before {
    content: "";
    position: absolute;
    left: -17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/idx01_img05.png) left center no-repeat;
    background-size: contain;
    width: 95%;
    height: 100%;
    max-height: 12px;
    z-index: -1;
}
.idx11 .box_in {
    max-width: 1100px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
.idx11 .p_banner {
    display: table;
    margin: 0 auto;
}
.idx11 .p_banner a {
    text-decoration: none;
    color: #000;
    font-weight: 700;
    font-size: 22px;
    border: 2px solid #ff0000;
    border-radius: 10px;
    padding: 17px 20px 15px 60px;
    background: url(../images/p_icon_banner.svg) no-repeat left 20px top 16px/27px auto;
    background-color: #fff;
    transition: 0.3s all;
    display: block;
}
.idx11 .p_banner a:hover {
    background-color: #fff2f2;
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
    .idx01 .inner {
        width: 1200px;
    }
}
@media screen and (max-width: 1170px) and (min-width: 751px) {
    .idx01 .idx_h3 {
        font-size: 53px;
    }
}
.idx02 {
    padding: 180px 0 0;
    background: #8FC31F;
}
.idx02 .inner {
    width: 1600px;
    margin: 0 0 0 auto;
    padding: 0;
}
.idx02 .idx_h3 {
    margin: 34px 0 0;
    color: #8FC31F;
}
.idx02 .idx_h3 .eng {
    color: #595757;
}
.idx02_main {
    padding: 20px;
    background: #fff;
}
.idx02_main .col_l {
    width: 38.5%;
    max-width: 600px;
    padding-right: 10px;
}
.idx02_main .col_l .box_img img {
    width: calc(50% - 10px);
    max-width: 285px;
}
.idx02_main .col_l .box_img img:nth-of-type(1) {
    margin-right: 10px;
}
.idx02_main .col_l .box_img img:nth-of-type(2) {
    margin-left: 10px;
}
.idx02_main .col_r {
    width: 61.5%;
    padding-left: 9px;
}
.idx02_main .col_r .box_img img:nth-of-type(1) {
    width: calc(33% - 10px);
    max-width: 300px;
    margin-right: 10px;
}
.idx02_main .col_r .box_img img:nth-of-type(2) {
    width: calc(67% - 7px);
    margin-left: 7px;
}
.idx02_infor {
    width: 50%;
    max-width: 730px;
    padding: 52px 108px 30px 100px;
    position: relative;
}
.idx02_infor::after {
    content: "";
    position: absolute;
    right: -331px;
    top: -55px;
    background: url(../images/idx02_img05.png) right top no-repeat;
    background-size: contain;
    width: 50%;
    height: 100%;
    max-width: 303px;
    max-height: 315px;
}
.idx02_infor .txt {
    font-weight: 600;
    line-height: 2;
    font-size: 18px;
}
.idx02_infor .idx_btn {
    margin-top: 94px;
}
.idx02_bottom {
    width: 95%;
    max-width: 1778px;
    margin-top: -52px;
    text-align: right;
    position: relative;
    z-index: 0;
}
.idx02_bottom::before {
    content: "";
    position: absolute;
    left: -17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/idx02_img07.png) left center no-repeat;
    background-size: contain;
    width: 95%;
    height: 100%;
    max-height: 12px;
    z-index: -1;
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
    .idx02 .idx_h3 {
        font-size: 43px;
    }
}
.idx03 {
    padding: 100px 0 0;
    border-bottom: 4px solid #fff;
    position: relative;
    z-index: 1;
}
.idx03::before {
    content: '';
    position: absolute;
    bottom: -83px;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 80px 960px 0 960px;
    border-color: #fff transparent transparent transparent;
}
/* .idx03::after {
  content: "";
  position: absolute;
  left: -9px;
  bottom: -2px;
  background: url(../images/idx03_img03.png) left bottom no-repeat;
  background-size: contain;
  width: 50%;
  height: 100%;
  max-width: 424px;
  max-height: 390px;
  z-index: -1;
} */
.idx03 .idx_h3 .eng, .idx03 .txt .cl {
    color: #8FC31F;
}
.idx03 .txt {
    text-align: center;
    font-weight: 600;
    line-height: 2;
}
.idx03_box {
    margin-top: 85px;
}
.idx03 .idx03_box:not(:last-child) {
    margin-bottom: 40px;
}
.idx03 .idx03_box.revert .col_img {
    order: 2;
}
.idx03 .idx03_box.revert .col_infor {
    padding: 0 40px 0 0;
    order: 1;
}
.idx03 .idx03_box .col_img {
    width: 45%;
}
.idx03 .idx03_box .col_img img {
    border-radius: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.idx03 .idx03_box .col_infor {
    width: 55%;
    padding: 0 0 0 40px;
}
.idx03 .idx03_box .col_infor .flex {
    align-items: center;
}
.idx03 .idx03_box h4 {
    color: #8FC31F;
    font-weight: 600;
    font-size: 36px;
    width: 240px;
    margin-bottom: 20px;
}
.idx03 .idx03_box .hashtag {
    margin: 0 0 30px 40px;
    width: calc(100% - 290px);
}
.idx03 .idx03_box .hashtag p {
    font-size: 18px;
    color: #8FC31F;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 10px;
}
.idx03 .idx03_box .hashtag span.line {
    position: relative;
    z-index: 0;
}
.idx03 .idx03_box .hashtag span.line:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #ffe97c;
    z-index: -1;
}
.idx03 .idx03_box .text {
    color: #595757;
    font-weight: 600;
    line-height: 2;
    font-size: 18px;
}
.idx03 .idx03_box .idx_btn {
    margin-top: 30px;
}
.idx03 .img_center {
    text-align: center;
    margin-bottom: -30px;
    position: relative;
}
.idx03 .idx03_tl {
    background-image: url(../images/idx03_tl_bg01.png), url(../images/idx03_tl_bg02.png);
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: auto;
}
.idx03 .bnr_instagram {
    text-align: center;
    display: table;
    background-color: #8fc320;
    margin: 0 auto 80px;
}
.idx03 .bnr_instagram a {
    transition: 0.3s all;
}
.idx03 .bnr_instagram a:hover {
    opacity: 0.85;
}
@media screen and (max-width: 1900px) and (min-width: 751px) {
    /* .idx03 {
    margin-top: -1px;
    padding-bottom: 200px;
  } */
    .idx03::after {
        max-width: 212px;
        max-height: 195px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
    .idx03 .inner {
        width: 1200px;
    }
}
.idx04 {
    padding: 80px 0 0;
    background-color: #8FC31F;
    position: relative;
    z-index: 0;
}
.idx04 .inner {
    width: 1140px;
    position: relative;
    z-index: 0;
}
.idx04::after {
    content: "";
    position: absolute;
    bottom: 5%;
    right: 5%;
    background: url(../images/idx04_img11.png) top right no-repeat;
    background-size: contain;
    width: 14%;
    height: 100%;
    max-width: 210px;
    max-height: 274px;
    z-index: -1;
}
.idx04 .idx_h3 {
    margin-bottom: 83px;
}
.idx04_box {
    justify-content: center;
}
.idx04_box .item {
    width: calc(20% - 40px);
    max-width: 180px;
    margin: 0 20px 59px 20px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    position: relative;
}
.idx04_box .item a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.idx04_box .item p {
    margin-bottom: 0;
}
.idx04_box .item .ttl {
    margin-top: 15px;
    padding: 1px 5px 0 5px;
    color: #000;
    background-color: #FFC800;
    border-radius: 20px;
    text-align: center;
    font-weight: 600;
    line-height: 1.6;
    font-size: 18px;
}
.idx04_box .item .atten {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9px;
    right: -9px;
    color: #fff;
    background-color: #BE272D;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 18px;
    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;
    z-index: 2;
}
.idx04_box .item .img {
    width: 136px;
    height: 136px;
    margin: 0 auto;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #fff;
    text-align: center;
    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;
    position: relative;
}
.idx04_box .item .img::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    right: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 6px solid #8FC31F;
    border-radius: 50%;
}
.idx04_box .item .img img {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.idx04_box .item.img01 .img img {
    max-width: 68px;
}
.idx04_box .item.img02 .img img {
    max-width: 70px;
}
.idx04_box .item.img03 .img img {
    max-width: 61px;
}
.idx04_box .item.img04 .img img {
    max-width: 73px;
}
.idx04_box .item.img07 .img img {
    max-width: 72px;
}
.idx04_box .item.img05 .img img, .idx04_box .item.img08 .img img {
    max-width: 66px;
}
.idx04_box .item.img06 .img img {
    max-width: 49px;
}
.idx04_box .item.img09 .img img {
    max-width: 55px;
}
.idx04_box .item:hover .img img {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
@media screen and (max-width: 1400px) and (min-width: 751px) {
    .idx04::after {
        right: 0%;
    }
}
.idx05 {
    padding: 0 0 182px 0;
    margin-top: -12px;
    background-color: #8FC31F;
    position: relative;
    z-index: 0;
}
.idx05::before, .idx05::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
}
.idx05::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: -2px;
    background-image: url(../images/idx05_img06.png);
    background-position: right bottom;
    background-size: contain;
    width: 50%;
    height: 100%;
    max-width: 290px;
    max-height: 242px;
    z-index: -1;
}
.idx05::before {
    background-image: url(../images/idx05_img07.png);
    background-position: left bottom;
    width: 100%;
    height: 100%;
    max-height: 10px;
    bottom: 0;
    left: 0;
    z-index: -2;
}
.idx05_h3 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    /*font-family: "Roboto", sans-serif;*/
    line-height: 1;
    font-weight: bold;
    font-size: 159px;
}
.idx05 .inner {
    width: 100%;
    max-width: 1660px;
}
.idx05_box {
    margin-top: -66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.idx05_box .item {
    width: calc(25% - 40px);
    max-width: 410px;
    margin: 0 20px;
    padding: 35px 0 20px 0;
    text-decoration: none;
    z-index: 2;
    overflow: unset;
}
.idx05_box .item:first-child .flag,
.idx05_box .item:nth-of-type(2) .flag,
.idx05_box .item[data-slick-index="0"] .flag,
.idx05_box .item[data-slick-index="1"] .flag,
.idx05_box .item .flag {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.idx05_box .thumb {
    border-radius: 10px;
    -webkit-box-shadow: 6px 8px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 6px 8px 8px rgba(0, 0, 0, 0.3);
}
.idx05_box p {
    margin-bottom: 0;
}
.idx05_box .img {
    width: 100%;
    height: 280px;
    background: #fff;
    position: relative;
}
.idx05_box .img img {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
}
.idx05_box .cat {
    width: 90%;
    max-width: 200px;
    padding: 5px 5px 2px 5px;
    color: #fff;
    text-align: center;
    background: #595757;
    font-weight: 600;
    font-size: 18px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.idx05_box .flag {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #BE272D;
    color: #fff;
    text-transform: uppercase;
    /*font-family: "Roboto", sans-serif;*/
    font-weight: bold;
    font-size: 24px;
    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;
    position: absolute;
    top: -35px;
    left: 20px;
    display: none;
}
.idx05_box .infor {
    min-height: 150px;
    padding: 14px 24px 38px 24px;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    z-index: 1;
}
.idx05_box .infor::before, .idx05_box .infor::after {
    content: "";
    position: absolute;
}
.idx05_box .infor::before {
    border-top: 2px solid #8FC31F;
    border-right: 2px solid #8FC31F;
    width: 8px;
    height: 8px;
    right: 25px;
    bottom: 18px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    z-index: 0;
}
.idx05_box .infor::after {
    border-radius: 50%;
    background: #595757;
    width: 20px;
    height: 20px;
    right: 15px;
    bottom: 15px;
    z-index: -1;
}
.idx05_box .ttl, .idx05_box .txt {
    color: #595757;
    font-weight: 600;
}
.idx05_box .ttl {
    margin-bottom: 11px;
    line-height: 1.5;
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.idx05_box .txt p {
    line-height: 1.5;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.idx05_box.slick-slider {
    opacity: 0;
    visibility: hidden;
}
.idx05_box.slick-initialized {
    opacity: 1;
    visibility: visible;
}
.idx05 .idx_box_btn {
    margin-top: 80px;
}
.idx05 .idx_box_btn .idx_btn_spec img {
    max-width: 220px;
}
.idx05 .idx_box_btn .idx_btn_spec:hover {
    background: #fff;
}
.idx05_line_slide {
    height: 8px;
    width: calc(100% - 40px);
    margin: 50px 20px 0 20px;
    background: #fff;
}
.idx05_line_slide .line {
    width: 0;
    height: 100%;
    background: #595757;
}
.idx05 .idx_box_btn .idx_btn:nth-of-type(1) {
    font-size: 20px;
}
@media screen and (max-width: 1250px) and (min-width: 751px) {
    .idx05 .inner {
        width: 1250px;
    }
}
.idx06 {
    padding: 178px 0 183px 0;
}
.idx06 .idx_h3 {
    margin-bottom: 14px;
}
.idx06 .idx_h3 .eng {
    margin-bottom: 17px;
    color: #8FC31F;
    line-height: 1.25;
}
.idx06_main {
    width: 100%;
    max-width: 1520px;
}
.idx06_main .col_l {
    width: 60%;
    max-width: 900px;
}
.idx06_main .col_r {
    width: 40%;
    max-width: 700px;
    margin-top: -6px;
    padding: 0px 35px 0 78px;
}
.idx06_main .col_r .txt {
    font-weight: 600;
    line-height: 2;
    color: #000;
    font-size: 18px;
}
.idx06_main .col_r .idx_btn {
    margin-top: 52px;
}
.idx06_main .img_list {
    margin-top: 15px;
}
.idx06_main .img_list img {
    width: 33%;
    max-width: 290px;
}
.idx06 .inner {
    width: 1100px;
}
.idx06_list {
    margin-top: 90px;
}
.idx06_list .item {
    width: 33%;
    max-width: 281px;
    text-align: center;
}
.idx06_list .item:nth-of-type(2) .ttl {
    margin-top: 35px;
}
.idx06_list .ttl {
    margin-top: 23px;
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
    font-size: 30px;
}
@media screen and (max-width: 1440px) and (min-width: 751px) {
    .idx06 .idx_h3 {
        font-size: 46px;
    }
}
@media screen and (max-width: 1170px) and (min-width: 751px) {
    .idx06 .idx_h3 {
        font-size: 43px;
    }
}
.idx07 {
    padding: 0 0 180px 0;
}
.idx07_img {
    width: 95%;
    max-width: 1600px;
    position: relative;
}
.idx07_img::after {
    content: "";
    position: absolute;
    bottom: -113px;
    right: 245px;
    background: url(../images/idx07_img02.png) bottom right no-repeat;
    background-size: contain;
    width: 50%;
    height: 100%;
    max-width: 164px;
    max-height: 421px;
}
.idx07 .inner {
    width: 1100px;
    position: relative;
}
.idx07_link {
    width: 90%;
    max-width: 520px;
    height: 200px;
    padding: 46px 24px 10px 57px;
    margin-top: -200px;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.idx07 .idx_h3 {
    line-height: 1.4;
}
.idx07 .idx_h3 .eng {
    color: #8FC31F;
}
.idx07 .idx_h3 .jp {
    padding-right: 70px;
    position: relative;
    z-index: 1;
}
.idx07 .idx_h3 .jp::before, .idx07 .idx_h3 .jp::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.idx07 .idx_h3 .jp::before {
    border-top: 4px solid #595757;
    border-right: 4px solid #595757;
    width: 15px;
    height: 15px;
    right: 40px;
    top: 47%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    z-index: 0;
}
.idx07 .idx_h3 .jp::after {
    border-radius: 50%;
    background: #FFC800;
    width: 40px;
    height: 40px;
    right: 20px;
    z-index: -1;
}
@media screen and (max-width: 1280px) and (min-width: 751px) {
    .idx07_link {
        margin-top: -199px;
    }
}
.idx08 {
    padding: 179px 0 180px 0;
    background: #8FC31F;
}
.idx08_box {
    width: 98%;
    max-width: 1600px;
    margin-left: auto;
}
.idx08_box .col_l {
    width: 45%;
    padding-right: 115px;
    margin-top: -6px;
}
.idx08_box .col_r {
    width: 55%;
    max-width: 880px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
.idx08_box .box_list {
    width: 28%;
    max-width: 240px;
}
.idx08_box .box_list a {
    width: 100%;
    height: 120px;
    text-align: center;
    color: #fff;
    background: #595757;
    border-bottom: 2px solid #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 30px;
    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;
    position: relative;
}
.idx08_box .box_list a::after {
    content: "";
    position: absolute;
    right: 29px;
    top: 49%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    width: 15px;
    height: 15px;
}
.idx08_box .box_list a:hover {
    background: #FFC800;
    color: #595757;
    opacity: 1;
}
.idx08_box .box_list a:hover::after {
    border-top-color: #595757;
    border-right-color: #595757;
}
.idx08_box .box_list a:last-child {
    border-bottom: none;
}
.idx08_box .box_img {
    width: 73%;
    max-width: 640px;
    background: url(../images/idx08_img01.jpg) center no-repeat;
    background-size: cover;
}
.idx08_list {
    width: 100%;
    max-width: 605px;
    margin: 31px auto 0 auto;
}
.idx08_list > a {
    width: calc(25% - 10px);
    max-width: 140px;
    margin: 0 5px;
}
.idx08_list > a:last-child {
    margin-right: 0;
}
.idx08_list > a:hover {
    opacity: 1;
}
.idx08 .txt {
    color: #000;
    font-weight: 600;
    line-height: 2;
    font-size: 18px;
}
.idx08 .idx_h3 {
    margin-bottom: 19px;
}
.idx08 .idx_h4 {
    margin-bottom: 28px;
    color: #fff;
    line-height: 1.7;
}
.idx08 .idx_h4 .dot {
    margin-left: -18px;
}
@media screen and (max-width: 1900px) and (min-width: 751px) {
    .idx08_box .box_img {
        width: 72%;
    }
    .idx08 .idx_h4 {
        font-size: 34px;
    }
}
@media screen and (max-width: 1440px) and (min-width: 751px) {
    .idx08 .idx_h4 {
        font-size: 32px;
    }
    .idx08_box .col_l {
        padding-right: 30px;
    }
    .idx08_box .box_list a::after {
        right: 20px;
    }
    .idx08 .txt {
        font-size: 17px;
    }
}
.idx09 {
    padding: 175px 0 120px 0;
}
.idx09 .inner {
    width: 1100px;
}
.idx09_main {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.idx09_main img {
    width: 49%;
    max-width: 522px;
    margin-bottom: 5px;
}
.idx09_h3 {
    width: 51%;
    padding-right: 10px;
    font-weight: 600;
    font-size: 30px;
}
.idx09_h3 span {
    display: block;
}
.idx09_h3 .eng {
    margin-bottom: 29px;
    color: #595757;
    letter-spacing: -0.09em;
    line-height: 0.94;
    font-size: 433.33%;
}
.idx09_h3 .jp {
    color: #595757;
}
.idx09_list {
    margin: 62px 0 60px 0;
}
.idx09_list > a {
    width: 33%;
    max-width: 341px;
    border-radius: 10px;
    text-decoration: none;
    position: relative;
    z-index: 0;
}
.idx09_list > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 4px solid #8FC31F;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.idx09_list > a:hover {
    background: #8FC31F;
    opacity: 1;
}
.idx09_list > a:hover .ttl {
    color: #fff;
}
.idx09_list .img {
    width: 100%;
    height: 221px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #e2e5ee;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.idx09_list .img::before, .idx09_list .img::after {
    content: "";
    position: absolute;
}
.idx09_list .img::before {
    border-top: 3px solid #595757;
    border-right: 3px solid #595757;
    width: 12px;
    height: 12px;
    right: 32px;
    bottom: 23px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    z-index: 1;
}
.idx09_list .img::after {
    border-radius: 50%;
    background: #8FC31F;
    width: 30px;
    height: 30px;
    right: 16px;
    bottom: 18px;
    z-index: 0;
}
.idx09_list .img img {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.idx09_list .ttl {
    margin: 0;
    padding: 13px 20px;
    text-align: center;
    font-weight: 600;
    color: #595757;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 30px;
}
.idx09 .idx_btn {
    max-width: 420px;
    margin: 0 auto;
}
.idx09 .idx_btn span {
    margin-left: -39px;
}
.idx10 {
    padding: 53px 0 45px 0;
    background: #8FC31F;
}
.idx10 .inner {
    width: 100%;
    max-width: 1100px;
    text-align: center;
}
.idx11 {
    padding: 158px 0;
    position: relative;
    z-index: 0;
}
.idx11::after {
    content: "";
    position: absolute;
    right: -9px;
    top: 54%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/idx11_img01.png) right center no-repeat;
    background-size: contain;
    width: 50%;
    height: 100%;
    max-width: 310px;
    max-height: 605px;
    z-index: -1;
}
.idx11 .inner {
    width: 1100px;
}
.idx11 .idx_h3 {
    margin-bottom: 43px;
    font-size: 36px;
}
.idx11 .idx_h3 .eng {
    margin-bottom: 9px;
    color: #8FC31F;
    font-size: 194.44%;
}
.idx11 .idx_h3 .jp {
    color: #333;
}
.idx11_box {
    max-height: 525px;
    margin-bottom: 57px;
    overflow: auto;
}
.idx11_box .item {
    padding: 35px 30px 35px 40px;
    background-color: #fff;
    background-image: url(../images/idx11_imgline.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 2px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.idx11_box .item.notice {
    background-color: #ddedbc;
}
.idx11_box .item:hover {
    background-color: #cce892;
    background-image: none;
    opacity: 1;
}
.idx11_box .item:nth-of-type(1) {
    padding: 35px 30px 21px 40px;
}
.idx11_box p {
    margin: 0;
    font-weight: 600;
}
.idx11_box .note {
    width: 100%;
    padding: 1px 0 1px 41px;
    margin-bottom: 10px;
    background: url(../images/idx11_img02.png) left center no-repeat;
    background-size: auto 30px;
    color: #595757;
}
.idx11_box .date {
    width: 140px;
    color: #8FC31F;
}
.idx11_box .cat {
    width: 220px;
    margin: 0 70px 0 10px;
    padding: 6px 10px 5px 10px;
    color: #fff;
    background: #8FC31F;
    border-radius: 30px;
    text-align: center;
}
.idx11_box .ttl {
    width: calc(100% - 440px);
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}
.idx11 .idx_btn {
    margin: 0 auto;
}
@media screen and (max-width: 1440px) and (min-width: 751px) {
    .idx11::after {
        width: 14%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: -100px;
    }
}
.idx12 {
    padding: 26px 0 180px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.idx12 .col_l {
    width: 23%;
    padding: 0 30px;
    margin-top: -51px;
    position: relative;
}
.idx12 .col_r {
    width: 77%;
    max-width: 1460px;
}
.idx12 .col_r a {
    width: 100%;
    max-width: 320px;
    height: 320px;
    margin: 0 10px;
    display: block;
}
.idx12_h3 {
    margin: 3px auto 34px auto;
    text-align: center;
    color: #8FC31F;
    font-weight: 600;
    font-size: 25px;
    display: table;
}
.idx12_h3 span {
    margin-left: -1px;
    padding: 10px 0 10px 75px;
    background: url(../images/idx_icon_instagram_green.png) left center no-repeat;
    background-size: auto 45px;
}
.idx12 .idx_btn {
    max-width: 300px;
    height: 60px;
    margin: 0 auto;
    color: #8FC31F;
    border: 1px solid #8FC31F;
    background: #fff;
    border-radius: 0;
    font-size: 18px;
    position: relative;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}
.idx12 .idx_btn::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #8FC31F transparent;
    border-radius: 0;
    width: auto;
    height: auto;
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.idx12 .idx_btn::before {
    display: none;
}
.idx12 .idx_btn:hover {
    opacity: 1;
}
.idx12 .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #8FC31F;
    border: none;
    cursor: pointer;
    font-size: 0;
    position: absolute;
    bottom: 60px;
}
.idx12 .slick-arrow::before {
    content: "";
    position: absolute;
    top: 38%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 10px;
    height: 10px;
}
.idx12 .slick-arrow.slick-prev {
    left: -19%;
}
.idx12 .slick-arrow.slick-prev::before {
    left: calc(50% - 2px);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.idx12 .slick-arrow.slick-next {
    left: -14.8%;
}
.idx12 .slick-arrow.slick-next::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: calc(50% - 7px);
}
.idx12 .slick-arrow:hover {
    background: #46610d;
}
@media screen and (max-width: 1280px) and (min-width: 751px) {
    .idx12 .slick-arrow.slick-next {
        left: -13.8%;
    }
}
.idx_trans_eng {
    /* position: fixed;
  top: 34px;
  right: 40px; */
    z-index: 4;
    transition: 0.3s all;
    padding-left: 10px;
}
/* .idx_trans_eng.active{
  top: 37px;
  right: 122px;
} */
.idx_trans_eng a {
    padding-left: 23px;
    text-decoration: none;
    color: #595757;
    /*font-family: "Roboto", sans-serif;*/
    background: url(../images/idx_icon_global.png) left center no-repeat;
    background-size: auto 17px;
    font-weight: bold;
    font-size: 20px;
    transition: 0.3s all;
}
.idx_trans_eng a:hover {
    color: #8FC31F;
    background-image: url(../images/idx_icon_global_hover.png);
}
/* @media screen and (max-width: 1900px) and (min-width: 751px) {
  .idx_trans_eng a {
    font-size: 14px;
  }
} */
.idx_fixed_banner {
    width: 74px;
    position: fixed;
    right: 0;
    top: 115px;
    z-index: 1;
}
.idx_fixed_banner .item {
    height: 220px;
    margin-bottom: 20px;
    border: 3px solid;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: none;
    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;
    text-decoration: none;
}
.idx_fixed_banner .item p {
    margin: 0;
    margin-top: -10px;
    padding-top: 60px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 50px;
    font-weight: 600;
    line-height: 1.4;
    font-size: 20px;
}
.idx_fixed_banner .item i {
    font-style: normal;
}
.idx_fixed_banner .item01 {
    background: #006837;
    border-color: #006837;
}
.idx_fixed_banner .item01 p {
    padding-top: 61px;
    background-image: url(../images/idx_banner_fixed01.png);
}
.idx_fixed_banner .item01 p span {
    color: #FFC800;
}
.idx_fixed_banner .item02 {
    background: #8FC31F;
    border-color: #8FC31F;
}
.idx_fixed_banner .item02 p {
    background-image: url(../images/idx_banner_fixed02.png);
}
.idx_fixed_banner .item02 p span {
    color: #333333;
}
.idx_fixed_banner .item03 {
    height: 200px;
    margin-bottom: 0;
    background: #fff;
    border-color: #8FC31F;
}
.idx_fixed_banner .item03 p {
    margin-top: -3px;
    padding-top: 0;
    /* padding-top: 72px;
  color: #1A1A1A;
  background-image: url(../images/idx_banner_fixed03.png);
  background-size: auto 60px;
  font-size: 24px; */
}
@media screen and (min-width: 751px) {
    .idx_fixed_banner .item p {
        -ms-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: tb-rl;
        white-space: nowrap;
    }
}
@media screen and (max-height: 900px) and (min-width: 751px) {
    .idx_fixed_banner .item {
        height: 170px;
    }
    .idx_fixed_banner .item p {
        background-size: auto 40px;
        font-size: 17px;
    }
    .idx_fixed_banner .item03 p {
        margin-top: 0;
        background-size: auto 50px;
        font-size: 20px;
    }
    .idx_fixed_banner .item02 p {
        background-position: top 11px center;
    }
}
@media screen and (max-height: 630px) and (min-width: 751px) {
    .idx_fixed_banner .item {
        height: 150px;
        margin-bottom: 10px;
    }
    .idx_fixed_banner .item p {
        padding-top: 45px;
        background-size: auto 30px;
        font-size: 14px;
    }
    .idx_fixed_banner .item02 p {
        padding-top: 50px;
        background-position: top 9px center;
    }
    .idx_fixed_banner .item03 {
        height: 150px;
    }
    .idx_fixed_banner .item03 img {
        max-height: 120px;
    }
    .idx_fixed_banner .item03 p {
        padding-top: 0;
        background-size: auto 40px;
        font-size: 16px;
    }
}
/*==========================================================================*/
/*==========================================================================*/
/*==========================================================================*/
/*                                Under                                     */
/*==========================================================================*/
.image-c {
    text-align: center;
}
@media screen and (min-width: 751px) {
    .under .idx_fixed_banner {
        top: 140px;
    }
    .m_cont p, .m_cont dt, .m_cont dd, .m_cont td, .m_cont th, .m_cont li, .m_cont a {
        font-size: 17px;
        line-height: 2;
    }
    .under #content .inner {
        width: 1100px;
    }
}
/* @media screen and (max-width: 1820px) and (min-width: 751px) {
  .idx_trans_eng {
    right: 10px;
  }
  .h_main .inner {
    width: 81%;
    margin: 0 8% 0 auto;
  }
  .h_main .h_social {
    max-width: 100px;
  }
  .h_main .h_menu {
    padding-right: 20px;
  }
} */
@media screen and (max-width: 1820px) and (min-width: 751px) {
    .h_main .inner {
        width: 100%;
        padding: 0;
    }
}
@media screen and (max-width: 1500px) and (min-width: 751px) {
    .h_main .h_social {
        width: 15%;
    }
    .h_main .h_social .so_twitter img, .h_main .h_social .so_ins img, .h_main .h_social .so_line img, .h_main .h_social .so_tiktok img {
        max-width: 30px;
    }
    .h_main .logo_scroll {
        width: 13%;
    }
    .idx_trans_eng a {
        font-size: 14px;
    }
    .h_main .h_menu a, .h_main .h_menu span {
        font-size: 17px;
    }
    .h_main .h_menu {
        width: 58%;
    }
    .idx_key {
        margin-top: 87px;
    }
    .h_main .h_menu > li:nth-of-type(3) {
        width: 22%;
    }
    .h_main .h_menu > li {
        width: 15%;
    }
}
@media screen and (max-width: 1300px) and (min-width: 751px) {
    .h_main .h_menu a, .h_main .h_menu span {
        font-size: 16px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 751px) {
    .h_main .h_menu a, .h_main .h_menu span {
        font-size: 15px;
    }
    .h_main .h_social .so_twitter img, .h_main .h_social .so_ins img, .h_main .h_social .so_line img {
        max-width: 25px;
    }
}
.under .m_cont p, .under .m_cont dt, .under .m_cont dd, .under .m_cont td, .under .m_cont th, .under .m_cont li, .under .m_cont a {
    font-weight: 600;
}
.under .m_cont a {
    color: #FFC800;
}
.under #content {
    margin-bottom: 110px;
}
.under .mainvisual {
    height: 420px;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/under_mainvisual_bg.jpg);
    position: relative;
    z-index: 0;
    margin-top: 94px;
}
.under .mainvisual:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.3);
    z-index: -1;
}
.under .mainvisual .inner {
    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;
    height: 100%;
}
.under .mainvisual h2 {
    font-size: 45px;
    line-height: 1.6;
    font-weight: bold;
    color: #fff;
    /*font-family: "Noto Sans JP", sans-serif;*/
    letter-spacing: 0.1em;
    margin-top: -15px;
    text-align: center;
    text-shadow: 0px 0px 5px rgb(0 0 0 / 20%), 0px 0px 5px rgb(0 0 0 / 20%), 0 0 15px rgb(0 0 0 / 20%), 0 0 20px rgb(0 0 0 / 20%), 0 0 25px rgb(0 0 0 / 20%);
}
.under#philosophy .mainvisual {
    background-image: url(../images/philosophy_mainvisual_bg.jpg);
}
.under#about .mainvisual {
    background-image: url(../images/about_mainvisual_bg.jpg);
}
.under#corporate-history .mainvisual {
    background-image: url(../images/corporate_history_mainvisual_bg.jpg);
}
.under#development .mainvisual {
    background-image: url(../images/development_mainvisual_bg.jpg);
}
.under#business-history .mainvisual {
    background-image: url(../images/business-history_mainvisual_bg.jpg);
}
.under#privacy-policy .mainvisual {
    background-image: url(../images/privacy-policy_mainvisual_bg.jpg);
}
.under#terms .mainvisual {
    background-image: url(../images/terms_mainvisual_bg.jpg);
}
.under.lineupall .mainvisual {
    background-image: url(../images/lineupall_mainvisual_bg.jpg);
}
.under#lineup-post .mainvisual {
    background-image: url(../images/lineup-post_mainvisual_bg.jpg);
}
.under.project .mainvisual {
    background-image: url(../images/project_mainvisual_bg.jpg);
    background-position: right center;
}
.under#project-post .mainvisual {
    background-image: url(../images/project-post_mainvisual_bg.jpg);
}
.under.news .mainvisual {
    background-image: url(../images/news_mainvisual_bg.jpg);
}
.under#news-post .mainvisual {
    background-image: url(../images/news-post_mainvisual_bg.jpg);
}
.under#qa .mainvisual {
    background-image: url(../images/qa_mainvisual_bg.jpg);
}
.under#contact-personal .mainvisual {
    background-image: url(../images/contact-personal_mainvisual_bg.jpg);
}
.under#contact-business .mainvisual {
    background-image: url(../images/contact-business_mainvisual_bg.jpg);
    background-position: right center;
}
.under#voicecard .mainvisual {
    background-image: url(../images/voicecard_mainvisual_bg.jpg);
    background-position: right center;
}
.under#product .mainvisual {
    background-image: url(../images/product_mainvisual_bg.jpg);
}
.under#project-post .image-c img {
    max-height: 500px;
}
.under#lineupall-cate1 .mainvisual {
    background-image: url(../images/lineupall_cate1.jpg);
}
.under#lineupall-cate3 .mainvisual {
    background-image: url(../images/lineupall_cate3.jpg);
}
.under#lineupall-cate4 .mainvisual {
    background-image: url(../images/lineupall_cate4.jpg);
}
.under#lineupall-cate5 .mainvisual {
    background-image: url(../images/lineupall_cate5.jpg);
}
.under#lineupall-cate7 .mainvisual {
    background-image: url(../images/lineupall_cate7.jpg);
}
.under#lineupall-cate8 .mainvisual {
    background-image: url(../images/lineupall_cate8.jpg);
    background-position: left center;
}
.under#lineupall-cate9 .mainvisual {
    background-image: url(../images/lineupall_cate9.jpg);
}
.under#lineupall-cate10 .mainvisual {
    background-image: url(../images/lineupall_cate10.jpg);
}
.under#lineupall-cate11 .mainvisual {
    background-image: url(../images/lineupall_cate11.jpg);
}
.under#lineupall-cate12 .mainvisual {
    background-image: url(../images/lineupall_cate12.jpg);
}
/* .under#contact-personal .mainvisual, .under#contact-business .mainvisual, .under#product .mainvisual {
  background-color: #7eaf19;
  background-image: none;
}
.under#contact-personal .mainvisual::before, .under#contact-business .mainvisual::before, .under#product .mainvisual::before {
  display: none;
} */
.under#news-post .image-c img {
    max-height: 600px;
}
.under .topic_path ul {
    margin: 53px auto 21px;
}
.under .topic_path .inner {
    width: 1100px;
}
.under .topic_path li {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    line-height: 1;
    color: #333333;
    position: relative;
    padding: 10px 0;
    /*font-family: "Noto Sans JP", sans-serif;*/
    font-weight: bold;
}
.under .topic_path li:first-child {
    padding-left: 0;
}
.under .topic_path li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.under .topic_path li:not(:last-child):before {
    content: ">";
    position: absolute;
    -webkit-transform: scaleY(1.5);
    transform: scaleY(1.5);
    padding: 3px;
    right: -11px;
    top: 50%;
    margin-top: -3px;
    line-height: 0;
}
.under .topic_path li a {
    display: inline-block;
    margin-right: 5px;
    color: #333333;
    position: relative;
    text-decoration: none;
}
.under .topic_path li a:hover {
    text-decoration: underline;
}
.under h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.67;
    color: #8fc31f;
    text-align: center;
    margin-bottom: 32px;
    letter-spacing: 0.1em;
}
.under h4 {
    font-size: 30px;
    line-height: 1.63;
    font-weight: 600;
    background-color: #8fc31f;
    margin-right: 40px;
    padding: 8px 27px 3px 19px;
    margin-bottom: 52px;
    letter-spacing: 0.1em;
    position: relative;
}
.under h4:after {
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    width: 40px;
    height: 100%;
    background-color: #8fc31f;
    -webkit-clip-path: polygon(100% 0%, 22px 50%, 100% 100%, -25% 100%, -25% 0%);
    clip-path: polygon(100% 0%, 22px 50%, 100% 100%, -25% 100%, -25% 0%);
}
.under h5 {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 700;
    border-left: 18px solid #ffc800;
    border-bottom: 2px solid #ffc800;
    padding: 5px 10px 5px 16px;
    margin-bottom: 52px;
    letter-spacing: 0.1em;
}
.under h6 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;
}
.under h6::first-letter {
    color: #FFC800;
}
.under .box_h4 {
    margin-top: 80px;
}
.under .section {
    padding-top: 90px;
}
.under .box_h5 {
    margin-top: 60px;
}
.under .box_h6 {
    margin-top: 30px;
}
.under section {
    padding-top: 100px;
}
.under section:first-child {
    padding-top: 60px;
}
.under .p_content {
    margin-bottom: 80px;
}
.under .txt_right {
    text-align: right;
}
.under table th {
    background-color: #edf5db;
    color: #8fc31f;
}
.under table td, .under table th {
    border: 1px solid #b3d768;
}
.under .tbl_center th, .under .tbl_center td {
    text-align: center;
}
.under .tbl_note {
    display: none;
    color: #8fc31f;
    font-size: 12px;
    margin-top: 5px;
}
.under .ud_list > li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 17px;
}
.under .ud_list > li:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #8fc31f;
}
.under .list_v2 > li {
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative;
}
.under .list_v2 > li:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #FFC800;
    border-radius: 50%;
}
.under .box_index .tl {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    border-bottom: 4px solid #8fc31f;
    padding-bottom: 12px;
    display: table;
    margin: 0 auto 58px;
}
.under .box_index .list_index {
    margin: 0 -10px 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.under .box_index .list_index li {
    width: calc(33.3333333333% - 20px);
    margin: 30px 10px 29px;
    max-width: 320px;
}
.under .box_index .list_index li a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    border: 2px solid #8fc31f;
    padding: 11px 20px;
    text-align: center;
    color: #8fc31f;
    position: relative;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    z-index: 0;
}
.under .box_index .list_index li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #8fc31f transparent;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    z-index: -1;
}
.under .box_index .list_index li a:hover {
    color: #fff;
    background-color: #8fc31f;
}
.under .box_index .list_index li a:hover:after {
    border-color: transparent transparent #fff transparent;
}
.under .list_box {
    margin: 0 -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.under .list_box .item {
    width: calc(33.3333333333% - 60px);
    margin: 30px 30px 29px;
    max-width: 320px;
    padding: 22px 25px 25px;
    background-color: #f1f1f1;
}
.under .list_box .item .tl {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.under .list_box .item .img {
    margin-bottom: 27px;
}
.under .image-r, .under .image-l {
    max-width: 500px;
    margin-top: 8px;
}
.under .image-r.image450, .under .image-l.image450 {
    max-width: 450px;
}
.under .pickup_sec {
    background-color: #8fc31f;
    padding: 120px 0;
    margin-top: 100px;
}
.under .pickup_box {
    background-color: #fff;
    padding: 50px 50px;
    position: relative;
}
.under .pickup_box h4 {
    background-color: #ffc800;
}
.under .pickup_box h4:after {
    background-color: #FFC800;
}
.under .pickup_box .image-l, .under .pickup_box .image-l {
    max-width: 450px;
}
.under .pickup_txt {
    position: absolute;
    top: -69px;
    left: -5px;
    /*font-family: "Roboto", sans-serif;*/
    font-size: 80px;
    font-weight: bold;
    line-height: 1;
}
.under .list_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px 80px;
}
.under .list_link li {
    width: calc(100%/4 - 20px);
    margin: 28px 10px 26px;
}
.under .list_link.col2 li {
    width: calc(100%/2 - 20px);
}
.under .list_link li a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    border: 2px solid #8fc31f;
    padding: 11px 20px;
    text-align: center;
    color: #8fc31f;
    position: relative;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    z-index: 0;
}
.under .list_link li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #8fc31f transparent;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    z-index: -1;
}
.under .list_link li a:hover {
    color: #fff;
    background-color: #8fc31f;
}
.under .list_link li a:hover:after {
    border-color: transparent transparent #fff transparent;
}
.under .btn_link {
    max-width: 300px;
    width: 100%;
    margin: 20px auto;
}
.under .btn_link a {
    width: 100%;
    text-decoration: none;
    border: 2px solid #8fc31f;
    padding: 20px;
    text-align: center;
    color: #8fc31f;
    position: relative;
    font-size: 18px;
    display: block;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    z-index: 0;
}
.under .btn_link a:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #8fc31f transparent;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    z-index: -1;
}
.under .box_frame {
    padding: 40px;
    border-radius: 20px;
    border: 2px solid #8fc31f;
    margin-top: 60px;
}
.under .box_frame dl:not(:last-child) {
    margin-bottom: 30px;
}
.under .box_frame dt {
    font-weight: 700;
    font-size: 20px;
    color: #8fc31f;
    margin-bottom: 10px;
}
.under .box_frame .ud_list > li {
    margin-bottom: 1.5em;
}
.under .b_info {
    margin-top: 0;
    border-width: 5px;
    background-color: rgba(143, 195, 31, 0.05);
}
.under .b_info .ttl {
    font-size: 24px;
    text-align: center;
    margin-top: 40px;
    padding: 7px 10px;
    background-color: rgba(143, 195, 31, 0.2);
}
.under .b_info dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.under .b_info dl dt {
    width: 135px;
}
.under .b_info dl dd {
    width: calc(100% - 145px);
    padding-top: 4px;
}
.under .b_info .btn_gm {
    border-radius: 20px;
    background-color: #FFC800;
    padding: 5px 15px;
    text-decoration: none;
    color: #333;
    margin-left: 10px;
    display: inline-block;
}
.under .b_info .ud_map {
    width: 100%;
    height: 350px;
}
.under .b_info .ud_map iframe {
    width: 100%;
    height: 100%;
}
.under .b_chart {
    margin-bottom: 20px;
}
.under .b_chart .chart_tl {
    max-width: 290px;
    text-align: center;
    margin: 0 auto 30px;
}
.under .b_chart .chart_part {
    border-bottom: 2px solid #fff;
}
.under .b_chart .chart_part:nth-child(2) {
    background-color: rgba(143, 195, 31, 0.1);
}
.under .b_chart .chart_part:nth-child(3) {
    background-color: rgba(143, 195, 31, 0.2);
}
.under .b_chart .chart_part:nth-child(4) {
    background-color: rgba(143, 195, 31, 0.3);
}
.under .b_chart .chart_part:nth-child(5) {
    background-color: rgba(143, 195, 31, 0.4);
}
.under .b_chart .chart_part.open .chart_img:after {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.under .b_chart .chart_img {
    text-align: center;
    margin-bottom: 0;
    padding: 0 20px;
    position: relative;
}
.under .b_chart .chart_img:before, .under .b_chart .chart_img:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #8fc31f;
    top: 0;
    bottom: 0;
    margin: auto;
}
.under .b_chart .chart_img:before {
    width: 4vw;
    height: 2px;
    right: 2vw;
}
.under .b_chart .chart_img:after {
    height: 4vw;
    width: 2px;
    right: calc(4vw - 2px);
    opacity: 1;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}
.under .b_chart .chart_cont {
    padding: 15px 10vw;
    display: none;
}
.under .b_chart .chart_cont .tl {
    font-size: 4vw;
    font-weight: 700;
    margin-bottom: 10px;
    border-bottom: 2px solid #ffc800;
    display: table;
    padding: 5px 10px;
}
.under .b_chart .chart_cont p {
    font-size: 2vw;
}
.under .box_step {
    margin-top: 70px;
}
.under .box_step .step_it {
    background-color: rgba(143, 195, 31, 0.05);
    border-radius: 30px;
    border: 5px solid #8fc31f;
    padding: 30px 40px 40px;
}
.under .box_step .step_it:not(:last-child) {
    margin-bottom: 80px;
    position: relative;
}
.under .box_step .step_it:not(:last-child):before {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 45px 0 45px;
    border-color: #FFC800 transparent transparent transparent;
}
.under .box_step .step_it h5, .under .box_step .step_it h4 {
    border-left: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-color: #8fc31f;
    margin-bottom: 40px;
	background: none;
}
.under .box_step .step_it h4 {
	font-size: 24px;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
	border-bottom: 2px solid #8fc31f;
margin-right: 0;
}
.under .box_step .step_it h4::after {
	display: none;
}
.under .box_step .step_num {
    font-size: 20px;
    color: #fff;
    background-color: #FFC800;
    padding: 10px 10px;
    margin-right: 20px;
    border-radius: 50%;
    font-size: 15px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 1;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*font-family: "Roboto", sans-serif;*/
}
.under .box_step .step_num span {
    font-size: 30px;
    margin-left: 5px;
    display: block;
}
.under .box_step .step_cont {
    border-radius: 30px;
}
.under .box_step .step_cont .image-r, .under .box_step .step_cont .image-l {
    max-width: 450px;
}
.under .circle_chart {
    margin-top: 70px;
}
.under .circle_chart .chart_tl {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    border-bottom: 2px solid #FFC800;
    display: table;
    margin: 0 auto 0;
    line-height: 1.2;
    padding: 0 10px 5px;
    margin-bottom: 50px;
}
.under .circle_chart .chart_tl .num {
    font-size: 50px;
    display: block;
    line-height: 1;
    color: #8fc31f;
}
.under .circle_chart .b_circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.under .circle_chart .b_circle .item {
    width: calc(33.3333333333% - 10px);
    margin: 0 5px;
}
.under .circle_chart .b_circle .item .img {
    margin-bottom: 20px;
}
.under .circle_chart .b_circle .item p {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}
.under .ud_btn {
    width: 100%;
    max-width: 330px;
    display: table;
    margin: 50px auto 0;
}
.under .ud_btn.w500 {
    max-width: 500px;
}
.under .ud_btn.btn_open a {
    cursor: pointer;
}
.under .ud_btn a {
    width: 100%;
    padding: 20px 37px 20px 15px;
    color: #595757;
    background: #FFC800;
    border-radius: 40px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
    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;
    position: relative;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    z-index: 1;
}
.under .ud_btn a:before, .under .ud_btn a:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.under .ud_btn a:before {
    border-top: 3px solid #595757;
    border-right: 3px solid #595757;
    width: 12px;
    height: 12px;
    right: 35px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    z-index: 0;
}
.under .ud_btn a:after {
    border-radius: 50%;
    background: #fff;
    width: 30px;
    height: 30px;
    right: 20px;
    z-index: -1;
}
.under .ud_btn a:not([target*=_blank]):hover, .under .ud_btn a.hover:hover {
    background-color: #595757;
    color: #fff;
}
.under .gr_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 80px;
}
.under .gr_btn .ud_btn {
    margin: 10px;
}
.btn_modal {
    cursor: pointer;
}
.under .modal {
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
    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;
}
.under .modal.modal_open {
    z-index: 99999;
    opacity: 1;
}
.under .modal_inner {
    overflow: auto;
    max-height: 750px;
    padding: 40px 80px;
}
.under .modal_content {
    background-color: #fefefe;
    margin: auto;
    border: 3px solid #8fc31f;
    width: 70%;
    position: relative;
    padding-bottom: 20px;
}
.under .modal_content h5 {
    border-left: 0;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 27px;
}
.under .modal .btn_close {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.under .modal .btn_close:hover {
    opacity: 0.8;
}
.under .modal .btn_close:before, .under .modal .btn_close:after {
    content: "";
    display: block;
    background-color: #7cb429;
    position: absolute;
}
.under .modal .btn_close:before {
    width: 30px;
    height: 4px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.under .modal .btn_close:after {
    height: 30px;
    width: 4px;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.under .modal .btn_close:hover, .under .modal .btn_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.under .modal .bg_overlay {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: background 0.15s linear;
    transition: background 0.15s linear;
    z-index: -1;
}
.under .box_contact {
    border: 2px solid #8fc31f;
    border-radius: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 50px auto 50px;
    overflow: hidden;
}
.under .box_contact > div {
    width: 50%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    padding: 40px 20px;
}
.under .box_contact > div p {
    margin-bottom: 0;
}
.under .box_contact .tel {
    background-color: #8fc31f;
    color: #fff;
}
.under .box_contact .tel span {
    font-size: 20px;
    display: block;
}
.under .box_contact .tel a {
    color: #fff;
    text-decoration: none;
    font-size: 50px;
    line-height: 1;
}
.under .box_contact .mail p {
    font-size: 30px;
    line-height: 1;
}
.under .box_contact .mail a {
    font-size: 18px;
}
.under .ud_bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
}
.under .ud_bnr.mb80 {
    margin-bottom: 80px;
}
.under .ud_bnr_it {
    width: 48%;
    margin: 1%;
    height: 220px;
    border: 2px solid #8fc31f;
    position: relative;
    z-index: 0;
}
.under .ud_bnr_it a {
    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;
    height: 100%;
    width: 100%;
    text-decoration: none;
    font-size: 30px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}
.under .ud_bnr_it a:before, .under .ud_bnr_it a:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}
.under .ud_bnr_it a:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.under .ud_bnr_it a:after {
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #8fc31f transparent;
}
.under .ud_bnr_it a:hover {
    opacity: 1;
}
.under .ud_bnr_it a:hover:before {
    background-color: rgba(0, 0, 0, 0.7);
}
.under .ud_bnr .bnr_personal {
    background-image: url(../images/bnr_personal_bg.jpg);
}
.under .ud_bnr .bnr_business {
    background-image: url(../images/bnr_business_bg.jpg);
}
.under .no_hover:hover {
    opacity: 1;
}
.under .list_post > li {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px dotted #333;
}
.under .list_post > li.notice_cl {
    background: #ddedbc;
}
.under .list_post > li .notice {
    width: 100%;
    padding: 1px 0 1px 41px;
    margin-bottom: 10px;
    background: url(../images/idx11_img02.png) left center no-repeat;
    background-size: auto 30px;
    color: #595757;
}
.under .list_post a {
    text-decoration: none;
    color: #333;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    width: 100%;
    margin-top: 5px;
}
.under .list_post a:hover {
    color: #8fc31f;
}
.under .list_post .date {
    margin-right: 30px;
    font-weight: 700;
}
.under .cate {
    padding: 4px 20px;
    color: #fff;
    background-color: #8fc31f;
    border-radius: 5px;
    font-size: 14px;
}
.under .date {
    font-size: 18px;
    font-weight: 700;
    margin-right: 20px;
}
.under .list_project {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.under .list_project_it {
    width: calc(33.3333333333% - 20px);
    margin: 20px 10px;
    background-color: #fff;
    overflow: hidden;
    padding: 20px 16px;
    position: relative;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    border: 3px solid #8fc31f;
    border-radius: 20px;
}
.under .list_project_it:hover {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
}
.under .list_project_it a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.under .list_project_it .img {
    text-align: center;
    background-color: #fff;
    margin-bottom: 15px;
    height: 200px;
    position: relative;
    background-color: #f5f5f5;
    overflow: hidden;
}
.under .list_project_it .img img {
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}
.under .list_project_it p {
    margin-bottom: 0;
    line-height: 1.6;
}
.under .list_project_it .tl {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
}
.under .list_project_it .date {
    margin-top: 15px;
    color: #b3b3b3;
}
.under .list_project_it .cate {
    margin-bottom: 15px;
    padding: 4px 15px;
    font-size: 14px;
    color: #fff;
    display: table;
    background-color: #142474;
}
.under .list_project_it .cate02 {
    background-color: #3b78d3;
}
.under .list_project_it .cate03 {
    background-color: #238c3c;
}
.under #img_thumb {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #7f7f7f;
}
.under #img_thumb li {
    height: 450px;
}
.under #img_thumb li.movie {
    display: flex;
    justify-content: center;
    align-items: center;
}
.under #img_thumb li img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
}
.under #img_thumb:hover .prev-arrow, .under #img_thumb:hover .next-arrow {
    opacity: 1;
}
.under #img_thumb .prev-arrow, .under #img_thumb .next-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: auto;
    z-index: 1;
}
.under #img_thumb .prev-arrow:hover, .under #img_thumb .next-arrow:hover {
    opacity: 0.8;
}
.under #img_thumb .next-arrow {
    background-image: url(../images/arrow_right.png);
    right: -1.5%;
}
.under #img_thumb .prev-arrow {
    background-image: url(../images/arrow_left.png);
    left: -1.5%;
}
.under #img_nav .slick-track {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 20px) !important;
}
.under #img_nav .slick-track .slick-slide {
    width: calc(33.3333333333% - 20px) !important;
    height: 130px;
    margin: 10px;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    border: 1px solid #d1d1d1;
}
.under #img_nav .slick-track .slick-slide img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
}
.under #img_nav .slick-track .slick-slide:hover {
    opacity: 0.9;
}
.under #img_nav .slick-track .slick-slide.slick-current {
    border: 1px solid rgba(143, 195, 31);
    box-shadow: rgba(143, 195, 31) 0px 0px 2px;
}
.under #img_nav .slick-track .slick-slide.slick-current:hover {
    opacity: 1;
}
.under .post_img {
    width: 50%;
}
.under .post_content {
    width: 45%;
}
.under .box_post {
    position: relative;
    margin-top: 50px;
    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;
}
.under .box_post h3 {
    margin-bottom: 10px;
}
.under .box_tab {
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ccc;
}
.under .tabpanel {
    background: #fff;
    width: 100%;
    padding: 0 16px 8px;
    display: none;
    visibility: hidden;
}
.under .tabpanel.active {
    display: block;
    visibility: visible;
}
.under .txt_price {
    text-align: right;
    font-size: 24px;
    font-weight: bold;
    /*font-family: "Roboto", sans-serif;*/
    margin-bottom: 10px;
}
.under .tab_cont .hide_cont {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 48px;
}
.under .tab_cont .more {
    text-align: right;
    margin-top: 10px;
}
.under .tab_cont .more a {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    position: relative;
    padding-right: 20px;
    cursor: pointer;
    color: #333;
}
.under .tab_cont .more a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    width: 15px;
    margin: auto;
    background-color: #333;
}
.under .tab_cont .more a:hover {
    color: #FFC800;
}
.under .tab_cont .more a:hover:before {
    background-color: #FFC800;
}
.under .tab_cont .more a.open:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    height: 15px;
    width: 2px;
    margin: auto;
    background-color: #333;
}
.under .tab_cont .more a.open:hover:after {
    background-color: #FFC800;
}
.under .tablist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(143, 195, 31, 0.2);
}
.under .tablist li {
    padding: 10px 20px;
    font-size: 18px;
    width: 50%;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.under .tablist li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #8fc31f;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.under .tablist li:not(.active):hover {
    color: #8fc31f;
}
.under .tablist li.active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.under .list_bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.under .list_bnr li {
    width: calc(33.3333333333% - 20px);
    margin: 10px;
}
.under .box_order {
    margin: 60px 0 40px;
}
.under .box_order > div {
    max-width: 200px;
    width: 100%;
    margin: 0 10px;
    overflow: hidden;
    border-bottom: 3px solid white;
}
.under .box_order select {
    border: 1px solid #333333;
    border-radius: 10px;
    padding: 10px 25px 10px 20px;
    font-weight: 600;
    width: 100%;
    outline: 0;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    background-size: 25px auto;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}
.list_color {
    display: none;
}
.under .box_order select:active, .under .box_order select:focus {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17,14.94l-5-5-5,5Z' transform='translate(-0.03 0.06)'/%3E%3Cpath d='M0-.06H24v24H0Z' transform='translate(-0.03 0.06)' style='fill:none'/%3E%3C/svg%3E");
    border-radius: 10px 10px 0 0;
}
.under .box_order select option {
    font-size: 15px;
}
.under .box_order select option:not(:checked) {
    margin-top: 1px;
    background-color: #fff;
}
.under .lineup_flag {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #BE272D;
    color: #fff;
    text-transform: uppercase;
    /*font-family: "Roboto", sans-serif;*/
    font-weight: bold;
    font-size: 18px;
    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;
    position: absolute;
    top: -25px;
    left: 10px;
    z-index: 1;
}
.under#lineup-post .lineup_flag {
    font-size: 22px;
    height: 65px;
    width: 65px;
}
.under .list_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.under .list_product .product_item {
    width: calc(25% - 20px);
    margin: 20px 10px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.under .list_product .product_item > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.under .list_product .product_item a:hover {
    opacity: 1;
}
.under .list_product .product_content {
    padding: 20px 20px 60px 20px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.under .list_product .product_content > a {
    text-decoration: none;
    color: #333;
}
.under .list_product .product_item:hover .product_tl {
    color: #8fc31f;
}
.under .list_product .product_tl {
    margin-bottom: 0px;
}
.under .list_product .product_price {
    text-align: right;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    /*font-family: "Roboto", sans-serif;*/
}
.under .list_product .product_img {
    margin-bottom: 0;
    height: 155px;
    position: relative;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}
.under .list_product .product_img img {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.under .list_product .product_btn {
    display: table;
    margin-left: auto;
    position: absolute;
    bottom: 20px;
    right: 10px;
    z-index: 2;
    line-height: 1;
}
.under .list_product .product_btn a {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 5px;
}
.under .list_product .product_btn .cart {
    background-color: #8fc31f;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-image: url(../images/btn_cart.svg);
}
.under .list_product .product_btn .favorite {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-image: url(../images/heart.svg);
}
/* .under .list_product .product_btn .favorite:hover {
  background-color: rgb(242, 242, 242);
} */
.under .list_product .product_btn .favorite.active {
    background-image: url(../images/heart_active.svg);
    background-size: 24px auto;
}
.under .product_tl {
    display: flex;
    justify-content: center;
    align-items: center;
}
.under .product_tl .img {
    max-width: 195px;
    margin-right: 20px;
}
.under .list_cate {
    margin-top: 80px;
    justify-content: center;
}
.under .list_cate .item {
    width: calc(20% - 20px);
    max-width: 200px;
    margin: 0 10px 59px 10px;
    text-decoration: none;
    display: block;
}
.under .list_cate .item:not(:nth-child(1), :nth-child(6)) .atten {
    display: none;
}
.under .list_cate .item p {
    margin-bottom: 0;
}
.under .list_cate .item .ttl {
    margin-top: 15px;
    padding: 3px 9px 0 9px;
    color: #000;
    background-color: #FFC800;
    border-radius: 20px;
    text-align: center;
    font-weight: 600;
    line-height: 1.6;
    font-size: 17px;
}
.under .list_cate .item .atten {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9px;
    right: -9px;
    color: #fff;
    background-color: #BE272D;
    border-radius: 50%;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-size: 18px;
    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;
    z-index: 2;
}
.under .list_cate .item .img {
    width: 136px;
    height: 136px;
    margin: 0 auto;
    border-radius: 50%;
    border: 6px solid #8fc31f;
    background: #fff;
    text-align: center;
    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;
    position: relative;
}
.under .list_cate .item .img img {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    max-width: 70px;
}
.under .list_cate .item:nth-of-type(1) .img img {
    max-width: 58px;
}
.under .list_cate .item:nth-of-type(3) .img img {
    max-width: 55px;
}
.under .list_cate .item:nth-of-type(4) .img img {
    max-width: 73px;
}
.under .list_cate .item:nth-of-type(5) .img img, .under .list_cate .item:nth-of-type(8) .img img, .under .list_cate .item:nth-of-type(9) .img img {
    max-width: 66px;
}
.under .list_cate .item:hover .img img {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
.under .lineup_desc .ud_btn {
    max-width: 300px;
    margin-right: 0;
    margin-top: 20px;
}
.under .lineup_desc .ud_btn a {
    font-size: 15px;
    padding: 15px 50px 15px 20px;
    line-height: 1.4;
}
.under .lineup_desc .ud_btn a:before {
    width: 9px;
    height: 9px;
    right: 33px;
}
.under .lineup_desc .ud_btn a:after {
    width: 27px;
    height: 27px;
}
.under .lineup_desc .lineup_img {
    margin-top: 50px;
}
.under .box_gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
}
.under .box_gallery .ud_btn {
    max-width: 200px;
}
.under .box_gallery .img_large {
    width: 35%;
    margin-bottom: 0;
}
.under .box_gallery .img_large img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.under .box_gallery.b_right .img_large {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.under .box_gallery.b_right .box_img_right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.under .box_gallery .box_img_right {
    width: 62%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.under .box_gallery .box_img_right .b_item {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.under .box_gallery .box_img_right .b_item.w_full {
    width: 100%;
}
.under .box_gallery .box_img_right .b_item:nth-child(2n+1) .b_item_img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;
}
.under .box_gallery .box_img_right .b_item:nth-child(2n+1) .b_item_cont {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 20px;
}
.under .box_gallery .box_img_right .b_item_img {
    margin-top: 20px;
    text-align: center;
}
.under .box_gallery .box_img_right .b_item h4 {
    font-size: 22px;
    margin-bottom: 20px;
}
.under .post_rel li {
    margin: 10px;
    height: 160px;
    position: relative;
    background-color: #f3f3f3;
}
.under .post_rel li img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
}
.under .post_rel .prev-arrow, .under .post_rel .next-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: auto;
    z-index: 1;
}
.under .post_rel .prev-arrow:hover, .under .post_rel .next-arrow:hover {
    opacity: 0.8;
}
.under .post_rel .next-arrow {
    background-image: url(../images/icon_next.png);
    right: -1.5%;
}
.under .post_rel .prev-arrow {
    background-image: url(../images/icon_prev.png);
    left: -1.5%;
}
.under .box_tl {
    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;
    margin-bottom: 30px;
}
.under .box_tl h4 {
    margin-bottom: 0;
}
.under .box_tl .ud_btn {
    max-width: 300px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.under .box_tl .ud_btn a {
    font-size: 15px;
    line-height: 1.4;
}
.under .box_tl .ud_btn a:before {
    width: 9px;
    height: 9px;
    right: 33px;
}
.under .box_tl .ud_btn a:after {
    width: 27px;
    height: 27px;
}
.under .txt_link a {
    color: #333;
    text-decoration: underline;
}
.under .txt_link a:hover {
    color: #FFC800;
    text-decoration: none;
}
/* pagination */
.paging_detail {
    border: double 3px #ddd;
    padding: 10px;
    margin: 50px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f5f5f5;
}
.paging_detail a {
    display: inline-block;
    padding: 5px 10px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    width: 100px;
    text-align: center;
    border-radius: 3px;
}
.paging_detail a:not(.disable):hover {
    opacity: 0.8;
}
.paging_detail a.disable {
    background: #ccc;
    cursor: default;
}
ul.pagination {
    text-align: center;
    padding: 30px 0 0 0;
}
ul.pagination li {
    display: inline-block;
    margin-bottom: 10px;
    border: 0;
    margin-left: -1px;
    margin-right: -1px;
}
ul.pagination li a {
    padding: 5px 16px 7px;
    text-decoration: none;
    display: block;
    color: #333 !important;
    border-bottom: 1px solid rgba(51, 51, 51, 0.3);
    line-height: 26px;
}
ul.pagination li a:hover {
    border-bottom: 1px solid #8fc31f;
    color: #8fc31f !important;
    cursor: pointer;
    opacity: 1;
}
ul.pagination li.active a, ul.pagination li.active a:hover {
    border-bottom: 1px solid #8fc31f;
    color: #333 !important;
    cursor: pointer;
}
ul.pagination li.disabled a {
    display: none;
}
ul.pagination li.enabled a {
    display: inline-block;
    color: #8fc31f !important;
}
.box_comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #ccc;
}
.box_comment:last-child {
    border-bottom: 1px solid #ccc;
}
.box_comment .box_thumb {
    width: 20%;
    text-align: center;
    padding: 20px;
    position: relative;
}
.box_comment .box_thumb:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-color: #ccc;
    height: calc(100% - 40px);
    width: 1px;
}
.box_comment .box_thumb .avatar {
    width: 100px;
    height: 100px;
    margin: auto;
    position: relative;
    padding: 10px;
}
.box_comment .box_thumb .avatar img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 80px;
    max-height: 100%;
}
.box_comment .box_thumb .user_name {
    margin-top: 10px;
    font-weight: 500;
}
.box_comment .box_thumb .user_name span {
    color: #000;
    font-weight: 700;
}
.box_comment .comment_content {
    width: 75%;
    padding: 20px;
}
.box_comment .comment_content .cmt_tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.box_comment .comment_content .cmt_cont {
    margin-bottom: 20px;
}
.box_comment .rating {
    margin-bottom: 20px;
}
.box_comment .rating li {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/star_md_off.gif) no-repeat center/contain;
}
.box_comment .rating li.active {
    background-image: url(../images/star_md_on.gif);
}
/*==========================================================================*/
/*==========================================================================*/
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align: auto) {
    .selector {
        property: value;
    }
}
@media screen and (max-width: 1300px) and (min-width: 751px) {
    .inner {
        padding: 0 10px;
    }
}
.under .catch_text {
    font-size: 19px;
}
.under .contact_text_catch {
    color: #8fc31f;
}
.under#news-post .mainvisual h2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.under .under_box_anchor_link {
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 1400px) and (min-width: 751px) {
    .under .mainvisual {
        margin-top: 87px;
    }
}
@media screen and (min-width: 751px) {
    .under#qa .box_index .list_index {
        margin: 0 -10px 80px;
    }
    .under#qa .box_index .list_index li a {
        font-size: 16px;
    }
}
.under#lineupall .box_h4 {
    overflow: hidden;
    position: relative;
    padding-bottom: 80px;
}
.under#lineupall .box_h4 .ud_btn {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.under#lineupall .lineup_desc .lineup_img {
    margin-top: 8px;
}
.under#news-post .ud_btn a {
    background: #8fc31f;
    padding: 10px;
    color: #fff;
}
.under#news-post .gr_btn {
    margin-top: 40px;
}
.under#news-post .ud_btn a:after {
    display: none;
}
.under#news-post .ud_btn a:before {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    right: 25px;
}
.under#news-post .gr_btn .ud_btn {
    margin: 5px 10px;
}
.under#pet .mainvisual {
    background-image: url(../images/under_key_bg_pet.jpg);
}
.under#pet .circle_chart .b_circle .item {
    width: calc(25% - 20px);
    margin: 0 10px;
    max-width: 260px;
}
.under#pet .circle_chart .b_circle .item .img {
    background: #8fc31f;
    border-radius: 50%;
    width: 30vw;
    height: 30vw;
    max-width: 250px;
    max-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.under#pet .circle_chart .b_circle .item .img img {
    width: 100%;
    max-width: 100px;
}
.under#pet .circle_chart .b_circle .item .num {
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px;
    background: #595757;
    border-radius: 50%;
    color: #fff;
    /*font-family: "Roboto", sans-serif;*/
    line-height: 1;
    font-size: 44px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.under#pet .circle_chart .b_circle .item p {
    font-size: 22px;
}
.under#pet .pet_cl {
    color: #FFC800;
}
.under#pet .pet_line {
    margin: 0 auto;
    padding: 0 30px;
    text-align: center;
    position: relative;
    /*font-family: 'Hachi Maru Pop', cursive;*/
	font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","MS P明朝",MS PMincho,serif;
    font-size: 22px;
    display: table;
}
.under#pet .pet_line::before, .under#pet .pet_line::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    height: 100%;
    max-width: 23px;
}
.under#pet .pet_line::before {
    left: 0;
    background-image: url(../images/pet_img06.png);
    background-position: left center;
}
.under#pet .pet_line::after {
    right: 0;
    background-image: url(../images/pet_img05.png);
    background-position: right center;
}
.under#pet .box_pet02 {
    position: relative;
}
.under#pet .pet_sign {
    width: 140px;
    height: 140px;
    color: #ed8188;
    border: 2px solid #ed8188;
    border-radius: 50%;
    text-align: center;
    line-height: 1.5;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 5%;
    top: -20px;
    transform: rotate(20deg);
}
.under#pet .pet_sign::before {
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    left: 4px;
    bottom: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #ed8188;
    border-radius: 50%;
}
.under#pet .pet_box_banner {
    margin-top: 50px;
    padding: 10px 15px;
    position: relative;
}
.under#pet .pet_box_banner .thumb {
    padding: 40px;
    border: 4px dotted #595757;
    border-radius: 5px;
    position: relative;
}
.under#pet .pet_box_banner::before, .under#pet .pet_box_banner::after, .under#pet .pet_box_banner .thumb::before, .under#pet .pet_box_banner .thumb::after {
    content: '';
    position: absolute;
    background: #70ad47;
    border-radius: 5px;
}
.under#pet .pet_box_banner::before, .under#pet .pet_box_banner::after {
    width: 97%;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
}
.under#pet .pet_box_banner .thumb::before, .under#pet .pet_box_banner .thumb::after {
    height: 99%;
    width: 4px;
    top: 50%;
    transform: translateY(-50%);
}
.under#pet .pet_box_banner::before {
    top: 0;
}
.under#pet .pet_box_banner::after {
    bottom: 0;
}
.under#pet .pet_box_banner .thumb::before {
    left: -15px;
}
.under#pet .pet_box_banner .thumb::after {
    right: -15px;
}
.under#pet .pet_box_banner .ttl {
    padding-bottom: 50px;
    text-align: center;
    font-size: 22px;
    position: relative;
}
.under#pet .pet_box_banner .ttl::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: #70ad47 transparent transparent transparent;
}
.under#pet .pet_box_banner .ttl a {
    text-decoration: none;
    font-size: 100%;
}
.under#pet .pet_box_banner .ttl .cl01 {
    color: #ff00ff;
}
.under#pet .pet_box_banner .ttl .cl02 {
    color: #14b6f1;
}
.under#pet .pet_box_banner .ttl .cl03 {
    color: #70ad47;
}
.under#pet .pet_box_banner .col_banner {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.under#pet .pet_box_banner .col_banner .item {
    width: calc(100% / 2 - 40px);
    max-width: 315px;
    margin: 0 20px;
}
.under#pet .pet_box_banner .txt {
    text-align: center;
    font-size: 18px;
}
.under#pet .pet_box_banner .txt .fz {
    font-size: 80%;
}
.under .box_step .step_it .ttl {
    width: calc(100% - 80px);
}
.under#qa .box_h5 .accBtn {
    cursor: pointer;
    margin-bottom: 0;
}
.under .accContainer {
    overflow: hidden;
}
.under .accBlock {
    padding-top: 30px;
}
.under#qa .box_h5 .accBtn:hover {
    opacity: 0.8;
}
.under .box_step .step_cont {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.under .box_step .step_cont .col_l {
    width: 55%;
    padding-right: 40px;
}
.under .box_step .step_cont .col_r {
    width: 45%;
}
.under#contact-business .modal_inner, #contact-businesss .modal_inner {
    height: 910px;
    max-height: 90%;
}
.under#contact-business .modal_content, #contact-businesss .modal_content {
    width: 95%;
}
.under .scene {
    width: 45%;
    height: 90%;
    margin: 5% 5% 5% 50%;
    height: 695px;
    perspective: 1000px;
}
.under#contact-business .scene, #contact-businesss .scene {
    margin: 0 5% 0 50%;
    height: 875px;
    width: 617px;
}
.under .book {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}
.under .page {
    position: absolute;
    color: black;
    width: 100%;
    height: 100%;
    transform-origin: left;
    transition: 0.5s ease-in-out;
    transform-style: preserve-3d;
    visibility: hidden;
}
.under .page:not(.show) .back:not(.show) {
    background: none !important;
}
.under .page.show, .under .page.mid {
    visibility: visible;
}
.under .front, .under .back {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10% 5% 5%;
    box-sizing: border-box;
    transition: all .5s;
    backface-visibility: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    background-color: white;
}
.under .back {
    transform: rotateY(-180deg);
}
.under .page.book_active {
    z-index: 1;
}
.under .page.show {
    z-index: 3;
}
.under .page.mid {
    z-index: 2;
}
.under .page.book_active > div, .under .page.flipped > div, .under .page.mid > div, .under .page.show > div {
    box-shadow: -2px 2px 15px -2px rgba(0, 0, 0, 0.2);
}
/* .under .page:hover {
    box-shadow: -2px 2px 15px -2px rgba(0, 0, 0, 0.5);
} */
.under .page.flipped {
    transform: rotateY(180deg);
}
.under .page.flipped:last-of-type {
    z-index: 1;
}
.book_btn > p {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto !important;
    z-index: 2;
    background-position: center;
    background-size: contain;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 3;
    transition: all .7s;
}
.book_btn > p:hover {
    opacity: 0.6;
}
p.book_prev , p.book_prev02 ,
.book_next.ac, .book_next02.ac{
    display: block !important;
}
.under .book_btn > p.book_prev,.under .book_btn > p.book_prev02 {
    left: calc(-100% - 14px);
    background-image: url(../images/icon_prev.png)
}
.under .book_btn > p.book_next,.under .book_btn > p.book_next02 {
    background-image: url(../images/icon_next.png);
    right: -14px;
}
.under .front a, .under .back a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
/* .under .page.flipped .front {
  z-index: 0;
  visibility: hidden;
} */
.under .page.flipped .back {
    z-index: 1;
}
.under .book_txt {
    text-align: center;
}
.under .book_txt a {
    cursor: pointer;
}
.under .qr {
    margin: 50px auto;
    max-width: 50%;
}
.under .qr img {
    display: block;
}
#list_book3 .page.page_2 {
    display: none !important;
}
@media screen and (max-width: 1500px) and (min-width: 1301px) {
    .under#contact-business .scene, #contact-businesss .scene {
        height: 59vw;
        width: 50%;
    }
}
@media screen and (max-width: 1300px) and (min-width: 751px) {
    .under#contact-business .modal_inner, #contact-businesss .modal_inner {
        padding: 40px 30px;
        height: 810px;
    }
    .under#contact-business .scene, #contact-businesss .scene {
        height: 700px;
        width: 45%;
    }
}
@media screen and (min-width: 751px) {
    .under#contact-business .book_btn > .book_next.ac, #contact-businesss .book_btn > .book_next.ac {
        right: calc(100% - 14px)
    }
    .under .book_btn > .book_prev.ac ,
    .under .book_btn > p.book_prev02.ac{
        left: -14px;
    }
    .under .page:not(.show) .front:not(.show) {
        background: none !important;
    }
    .under#contact-business .modal_inner, #contact-businesss .modal_inner {
        padding: 40px 50px;
    }
    .under#contact-business .p_content, #contact-businesss .p_content {
        margin-bottom: 40px;
    }
    .under#contact-business .page.book_active.page_46 .front, #contact-businesss .page.book_active.page_44 .front {
        display: none;
    }
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .under .scene {
        width: 90%;
        height: 90%;
        margin: 5%;
    }
}
#list_book2 {
    display: none;
}
@media screen and (max-width: 750px) {
    .under .page {
        visibility: visible;
    }
    #list_book {
        display: none;
    }
    #list_book2 {
        display: block;
        height: 100%;
    }
    .under .book_txt {
        margin-top: 25px;
    }
    .under .scene {
        width: 70%;
        height: 92vw;
        margin: 0 auto;
    }
    .under#contact-business .scene, #contact-businesss .scene {
        width: 95%;
        height: 120vw;
        margin: 0 auto;
    }
    .under#contact-business .modal_inner, #contact-businesss .modal_inner {
        height: 128vw;
    }
    .under .page {
        transform-origin: center;
        opacity: 0;
    }
    .under .page.book_active {
        opacity: 1;
    }
    .under .page.flipped .front, .under .page.flipped .back {
        opacity: 0;
        z-index: 2;
    }
    .under .page.flipped .front {
        opacity: 1;
    }
    .under .page.flipped {
        transform: none;
    }
    #list_book .page:first-child .back {
        opacity: 0;
    }
    .book_btn > p {
        width: 30px;
        height: 30px;
        transform: rotate(180deg);
    }
    .under .book_btn > p.book_prev,.under .book_btn > p.book_prev02 {
        left: auto;
        right: -14px;
    }
    .under .book_btn > p.book_next,.under .book_btn > p.book_next02 {
        left: -14px;
        right: auto;
    }
}
@media screen and (max-width: 450px) {
    .under#contact-business .scene, #contact-businesss .scene {
        height: 114vw;
    }
    .under#contact-business .modal_inner, #contact-businesss .modal_inner {
        height: 125vw;
    }
}
.under .image-c {
    text-align: center;
}
.under .product_box_check {
    margin-top: 40px;
    padding: 40px;
    background-color: rgba(143, 195, 31, 0.2);
    border-radius: 40px;
}
.under .product_box_youtube {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.under .product_box_youtube .col_l {
    width: 40%;
    padding-right: 40px;
}
.under .product_box_youtube .col_r {
    width: 60%;
    max-width: 600px;
}
.under .product_box_youtube .you {
    font-size: 0;
}
.under .product_box_check .eng {
    margin: 0 auto 15px auto;
    text-transform: uppercase;
    display: table;
    text-align: center;
    font-weight: bold;
    color: #71a700;
    border-bottom: 3px dotted #71a700;
    line-height: 1.5;
    font-size: 20px;
    position: relative;
    z-index: 0;
}
.under .product_box_check .ttl {
    text-align: center;
    color: #71a700;
    font-size: 20px;
    margin-top: 10px;
}
.under .product_box_check iframe {
    height: 335px;
}
.under .under_col_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.under .under_col_img .col {
    width: 48%;
    max-width: 500px;
    margin-top: 20px;
}
.under .under_col_img .col .align_left {
    text-align-last: left;
}
.under .under_col_img .col:nth-child(1), .under .under_col_img .col:nth-child(2) {
    margin-top: 0;
}
.under .under_col_img .note {
    color: #8fc31f;
    border-bottom: 2px solid #8fc31f;
    display: table;
}
.under .product_box_check.col4 {
    padding: 40px 40px 10px 40px;
}
.under .product_box_check.col4 .under_col_img .col {
    margin-bottom: 30px;
}
.under .product_box_table {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.under .product_box_table .col {
    width: 48%;
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
}
.under .product_box_table .ttl {
    margin-bottom: 15px;
    text-align: center;
    color: #8fc31f;
    font-size: 20px;
}
.under .product_box_table .note span {
    margin-right: 10px;
}
.under .product_box_table .col .tbl {
    flex: 1 1 auto;
    margin-bottom: 10px;
}
.under .product_box_table table {
    table-layout: fixed;
}
.under .product_box_table table th, .under .product_box_table table td {
    padding: 10px 20px;
    border: 1px solid #b3d768;
}
.under .product_box_table table th {
    background-color: #edf5db;
    color: #8fc31f;
}
.under .product_box_table .note {
    text-align: center;
}
.under .product_label {
    background-color: #ffc800;
    text-align: center;
    display: table;
    color: #fff;
    padding: 9px 17px 8px;
    margin-bottom: 10px;
    border-radius: 20px;
    line-height: 1;
    position: relative;
}
.under .product_box_txt {
    margin-top: 30px;
}
.under .product_label:after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #ffc800 transparent transparent transparent;
}
.under .product_box_flow {
    padding: 40px;
    margin-top: 40px;
    border: 2px solid #8fc31f;
    border-radius: 40px;
}
.under .product_box_flow .box_flow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.under .product_box_flow .item {
    width: calc(100% / 3 - 26px);
    position: relative;
}
.under .product_box_flow .ttl {
    margin-bottom: 15px;
    color: #8fc31f;
    text-align: center;
    font-size: 20px;
}
.under .product_box_flow .txt {
    margin: 10px 0 0;
    text-align: center;
}
.under .product_chart {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.under .product_chart .col {
    width: 48%;
    padding: 20px;
    border-radius: 30px;
    background: #ffc800;
}
.under .product_chart p {
    margin: 0;
    color: #fff;
    text-align: center;
    line-height: 1.5;
}
.under .product_chart .ttl {
    margin: 0 auto 15px auto;
    border-bottom: 2px dotted #fff;
    font-size: 24px;
    display: table;
}
.under .product_box_flow .item .img {
    position: relative;
    margin: 0;
    font-size: 0;
}
.under .product_box_flow .item .img::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -31px;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 30px 0 30px 20px;
    border-color: transparent transparent transparent #8fc31f;
}
.under .product_box_flow .item:last-child .img::after {
    display: none;
}
.under .product_chart .ttl {
    color: #fff;
}
.under .product_chart .col {
    max-width: 230px;
}
.under.news .box_index .list_index li, .under#qa .box_index .list_index li {
    width: calc(100%/4 - 20px);
    margin: 10px;
}
@media screen and (min-width: 751px) {
    body#corporate-history {
        min-width: 1260px;
        position: relative;
    }
    .under#lineupall section {
        padding-top: 0;
    }
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
    .under#corporate-history #colorbox {
        left: 50% !important;
        transform: translateX(-50%);
    }
}
@media screen and (min-width: 751px) {
    .txt_l {
        width: calc(100% - 535px);
        display: table;
    }
}
.link_back a {
    text-decoration: none;
    font-size: 14px;
}
.link_back a {
    color: #333 !important;
}
.link_back a:hover {
    text-decoration: underline;
}
.btn_pdf {
    max-width: 350px;
    width: 100%;
    display: table;
}
.btn_pdf a {
    background-color: #8FC31F;
    color: #fff !important;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 60px;
    transition: 0.3s all;
}
.btn_pdf a:hover {
    background-color: #a7d04e;
}
.showroom {
    position: relative;
    max-width: 1000px;
    margin: 0 auto 40px;
}
.showroom a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: url(../images/showroom_icon.png) no-repeat center/100px auto;
}
.showroom a:hover {
    opacity: 0.9;
}
.under#lineup-post .m_cont td, .under#lineup-post .m_cont th, .under#lineup-post .m_cont td p {
    font-size: 15px;
}
.under.no_mainvisual #main {
    margin-top: 100px;
}
.under.lineupall-cate .lineup_content {
    margin-top: 60px;
}
.under#lineupall .box_index .list_index {
    margin-bottom: 50px;
}
.under .bousai_cont {
    margin-bottom: 40px;
}
.under .bousai_btn > p {
    margin-top: 55px;
}
.under .bousai_cont .bousai_cont_btn a:hover {
    opacity: 0.6;
}
@media screen and (min-width: 751px) {
    .under table.tbl_lineup th {
        width: 30%;
    }
}
.under .box_privacy {
    background-color: #f6f6f6;
    padding: 50px 0;
}
.under .box_privacy .box_frame {
    border-color: transparent;
    height: 350px;
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 0;
}
.under .box_privacy .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}
.txt_link {
    color: #FFC800;
    text-decoration: underline;
    position: relative;
}
.txt_link:hover {
    text-decoration: none;
}
.txt_link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tbl_lineup .space:first-child {
    display: none;
}
.list_color optgroup, .list_cat optgroup {
    background-color: #f5f5f5;
}
.under .m_cont a.idx_btn {
    color: #595757;
    font-size: 20px;
}
.under .m_cont a.idx_btn:hover {
    color: #fff;
}
.under .m_cont .btn_cen a.idx_btn {
    margin: 0 auto;
    height: auto;
}
.fix_pt50 {
    padding-top: 50px;
}
.idx03.pb50:before {
    display: none;
}
#current_cate {
    display: none;
}
.movie-item span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.movie-item span:before {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 7px solid transparent;
    top: 50%;
    left: 50%;
    position: absolute;
    content: '';
    z-index: 100;
    transform: translate(-50%, -50%);
}
.movie-item span:after {
    background: #333;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    position: absolute;
    content: '';
    z-index: 99;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    opacity: .9;
}
.movie-item.movie {
    position: relative;
}
.movie-item.movie:before {
    background: #333;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: 98;
}
@media screen and (max-width: 750px) {
    .under .m_cont .btn_cen a.idx_btn {
        padding: 20px 37px 20px 15px
    }
    .fix_pt50 {
        padding-top: 10vw !important;
    }
    .videoWrapper {
        width: 100%;
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
    }
    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}
.qa-list-content {
    padding: 40px;
    background: #f6faec;
    border-radius: 10px;
    border: 2px dotted #8fc31f;
    max-width: 640px;
    margin: 20px auto 40px;
}
.qa-text {
    max-width: 420px;
    margin: auto;
}
.txt-line {
    text-decoration: underline;
}
.qa-list-content p.img {
    width: 420px;
    margin: 0 auto 20px;
}
.h_main .h_social a {
	width: 33%;
	margin-bottom: 5px;
}
@media(min-width: 751px) {
    .qa-item {
        max-width: 920px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        padding: 60px 0 0;
    }
    .qa-item p.img {
        order: 2;
    }
    p.desc-qa {
        font-size: 24px;
    }
}
.head-title {
    background: #333;
    color: #fff;
    max-width: 920px;
    margin: auto;
    padding: 15px;
    font-size: 24px !important;
}




@media(min-width: 751px) {
	.fix_h682 {
		height: 682px !important;
	}
}