@charset "utf-8";
@charset "utf-8";
@charset 'UTF-8';
@charset "utf-8";

 html{
height:initial;
max-height:initial;
}
h1, h2, h3, h4, h5, h6, .wvc-font-dark h1:not(.wvc-service-title), .wvc-font-dark h2:not(.wvc-service-title), .wvc-font-dark h3:not(.wvc-service-title), .wvc-font-dark h4:not(.wvc-service-title), .wvc-font-dark h5:not(.wvc-service-title) .wvc-font-dark h6:not(.wvc-service-title), .wvc-font-dark strong, .wvc-font-dark b, .wvc-font-dark .wvc-counter, .wvc-font-dark .wvc-bigtext-link, .wvc-font-dark .wvc-fittext-link, .wvc-font-dark .wvc-pie-counter, .wvc-font-dark .wvc-icon-color-default, .sku, .wvc-font-dark .wvc-counter-text, .wvc-font-dark .wvc-list-has-icon ul li .fa, .wvc-font-dark .wvc-process-number.wvc-text-color-default, .wvc-font-dark .wvc-process-number.wvc-text-color-default:before, .wvc-font-dark .blockquote:before, .wvc-font-dark blockquote, .post-extra-meta, .comment-reply-title, .comment-reply-link {
color: #111111;
}
h1, h2, h3, h4, h5, h6, .post-title, .entry-title, h2.entry-title > .entry-link, h2.entry-title, .widget-title, .wvc-counter-text, .wvc-countdown-period, .event-date, .logo-text, .wvc-interactive-links, .wvc-interactive-overlays, .heading-font, .wvc-tabs-menu li a, .woocommerce-tabs ul.tabs li a, .wvc-process-number, .wvc-button, .wvc-svc-item-title, .button, .onsale, .category-label, .product-loop-cat, .entry-post-grid_classic .sticky-post, .entry-post-metro .sticky-post, input[type=submit], .wvc-mailchimp-submit, .nav-next, .nav-previous, .wvc-embed-video-play-button, .wvc-ati-title, .wvc-team-member-role, .wvc-svc-item-tagline, .entry-metro insta-username, .wvc-testimonial-cite, .theme-button-special, .theme-button-special-accent, .theme-button-special-accent-secondary, .theme-button-solid, .theme-button-outline, .theme-button-solid-accent, .theme-button-outline-accent, .theme-button-solid-accent-secondary, .theme-button-outline-accent-secondary, .theme-button-text, .wvc-wc-cat-title, .wvc-pricing-table-button a, .view-post, .wolf-gram-follow-button, .wvc-pie-counter, .work-meta-label, .comment-reply-link, .logo-text, .date-block, .menu-button-primary a, .menu-button-secondary a, .single-post-nav-item > a, .post-nav-title, .related-posts .entry-title, .woocommerce-Price-amount, td.product-name, .cart_totals table.shop_table th, .widget .product-title, .wolf-share-link-text {
font-family: "Noto Sans JP", sans-serif!important;
}
h1:not(.wvc-bigtext), h2:not(.wvc-bigtext), h3:not(.wvc-bigtext), h4:not(.wvc-bigtext), h5:not(.wvc-bigtext), .post-title, .entry-title, h2.entry-title > .entry-link, h2.entry-title, .widget-title, .wvc-counter-text, .wvc-countdown-period, .location-title, .logo-text, .wvc-interactive-links, .wvc-interactive-overlays, .heading-font, .wvc-tabs-menu li a, .woocommerce-tabs ul.tabs li a, .wvc-process-number, .wvc-svc-item-title, .wvc-wc-cat-title, .logo-text, .onsale, .category-label, .product-loop-cat, .single-post-nav-item > a, .post-nav-title, .woocommerce-Price-amount, .widget .product-title {
letter-spacing: 0.05em;
}
h1:not(.wvc-bigtext), h2:not(.wvc-bigtext), h3:not(.wvc-bigtext), h4:not(.wvc-bigtext), h5:not(.wvc-bigtext), .post-title, .entry-title, h2.entry-title > .entry-link, h2.entry-title, .widget-title, .wvc-counter-text, .wvc-countdown-period, .location-title, .logo-text, .wvc-interactive-links, .wvc-interactive-overlays, .heading-font, .wvc-tabs-menu li a, .woocommerce-tabs ul.tabs li a, .wvc-process-number, .wvc-svc-item-title, .wvc-wc-cat-title, .logo-text, .onsale, .category-label, .product-loop-cat, .single-post-nav-item > a, .post-nav-title, .woocommerce-Price-amount, .widget .product-title{
font-weight:500;
}
dl, ol, ul {
margin: 0;
}
ol, ul {
padding-left: 0px;
}
ul li {
list-style-type: none;
}
p {
margin-top: 0;
margin-bottom: 0em;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0px;
}
body {
width: 100% !important;
color: #111111;
overflow: hidden;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: "Noto Sans JP", sans-serif!important;
font-size: clamp(1.6rem,1.3vw,1.8rem);
line-height: 2;
letter-spacing: 0.05em;
font-weight: 500;
background: #fff;
}
body.about{
background:#F7F7F7;
}
.marc{
font-family: "Marcellus", serif!important;
font-weight: 400;
}
.sans{
font-family: "Noto Sans JP", sans-serif!important;
}
.fade{
transition: 1.5s;
transform: translate(0px, 50px);
opacity: 0;
}
.active.fade,
.active .fade{
transform: translate(0px, 0px);
opacity: 1;
}
.late1{
transition-delay:0.5s;
}
.late2{
transition-delay:1s;
} .white{
color: #ffffff!important;
}
.blue{
color: #1D3D86;
}
.red{
color: red;
}
.green{
color: green;
}
.yellow{
color: yellow;
}
.black{
color: #111111;
}
.gray{
color: #313131;
}
.bgwh{
background: #ffffff;
}
.bgblu{
background: #1D3D86;
}
.bgbla{
background:#111111;
}
.bgred{
background: red;
}
.bggre{
background: green;
}
.bgyel{
background: yellow;
}
.bggray{
background: #313131;
} a {
text-decoration: none;	
}
a:link {
color: #111111;
}
a:visited {
color: #111111;
}
a:active {
color: #111111;
}
a:hover {
opacity: 0.7;
}
a:hover img {
opacity: 1;
}
.hLogo a:hover{
opacity: 1;
}
:has( > .lista){
position: relative;
}
.lista{
position: absolute;
left: 0;
top:0;
width:100%;
height:100%;
z-index: 1;
}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
} .pc,.pc2 {
display: block;
}
.sp,.sp2, .spTel {
display: none;
}
.pcTel {
display: inline;
} header {
padding: 0;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
left: 0;
right: 0;
z-index: 9999;
transition: .4s;
}
header.headerScroll{
background: #1111113b;
}
.hLogo{
max-width: 488px;
width: 35%;
margin-left: 40px;
padding-top: 2.28%;
transition: .4s;
}
header.headerScroll .hLogo{
padding:0;
}
.logo a:hover img {
opacity: 1;
}
.headerUl{
width: 40%;
display: flex;
justify-content: flex-end;
}
.off_img{
display:block;
}
.on_img{
display:none;
}
.headerScroll .off_img{
display:none;
}
.headerScroll .on_img{
display:block;
} table {
border-collapse: separate;
}
th {
background: #555;
color: #fff;
}
td {
background: #ddd;
color: #555;
} .pc_nav{
width: 72%;
display: flex;
max-width: 881px;
align-items: center;
justify-content: flex-end;
}
.nav_list1{
display: flex;
justify-content: flex-end;
max-width: 421px;
width: 50%;
}
.nav_list1 li {
margin-left:auto;
}
.nav_list1 li:first-child{
margin:0;
}
.nav_list1 a {
display: block;
text-decoration: none;
font-size: 1.8rem;
color:#fff;
}
.headerScroll .nav_list1 a {
color:#111111;
}
.sns_list{
display:flex;
justify-content:space-between;
margin: 22px auto 0;
}
.hd_link{
display:flex;
width: 100%;
}
.hd_link_btn1{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
height: 96px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.16667;
transition: .4s;
}
.hd_link_btn1.bgwh:hover{
background: #dadada;
opacity:1;
}
.hd_link_btn1 span{
width: 34px;
height:34px;
display:flex;
align-content:center;
justify-content:center;
}
.pc_hd{
max-width: 192px;
width: 75%;
list-style-type: none;
}
.menuBtn {
width: 40%;
display: flex;
align-items: center;
justify-content: center;
max-width: 96px;
background: #111111;
} .menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 48px;
height: 32px;
z-index: 9999;
cursor: pointer;
}
.menu-trigger:hover{
opacity:0.7;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #fff;
border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: 15px;
width: 38px;
margin-left: auto;
left: auto;
right: 0;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
width: 28.8px;
margin-left: auto;
left: auto;
right: 0;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(20px) rotate(-45deg);
transform: translateY(14px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-20px) rotate(45deg);
transform: translateY(-14px) rotate(45deg);
width: 48px;
} .gnav{
background: #111111;
display: block;
height: auto;
position: fixed;
width: 100%;
z-index: 999;
transition: 0.6s;
right: -200px;
top: 96px;
max-width: 192px;
}
.gnav.active{right: 0;}
.gnav__menu{
display: block;
width: 100%;
height: 100%;
padding: 65px 0 41px;
}
.gnav.active .gnav__wrap{
right:0;
}
.gnav__wrap{
align-items:center;
display: flex;
height: auto;
justify-content: center;
position: fixed;
width: 100%;
top: 96px; max-width: 192px;
right: -200px;
background: #111111;
transition: 1s;
}
nav .gnav__menu__item{
margin: 0px auto 24px;
width: 95%;
max-width: 75px;
}
.gnav__menu__item a{
color: #fff;
font-size: 1.6rem;
padding: 0;
text-decoration: none;
transition: .5s;
background: none;
width: 100%;
display: block;
}
nav .gnav__menu__item a.btn03{
padding: 0 5%;
font-size: 2rem;
} #modal {
display: none;
} #cover {
width: 100%;
margin: 0px auto 0;
background: #111111c9;
height: 50vw;
min-height: 700px;
display: flex;
align-items: center;
justify-content: center;
}
.cov-div{
max-width:1264px;
width: 95%;
color: #fff;
min-width: 625px;
}
.cov-div .title{
font-size: clamp(3.4rem,4vw,8rem);
font-weight:500;
line-height:1.45;
margin-bottom:39px;
color: #fff;
}
.cov-div .text{
position:relative;
font-size: clamp(1.7rem,4vw,3.2rem);
padding-left:56px;
line-height:1.25;
margin-bottom:72px;
}
.cov-div .text:before{
position:absolute;
content:"";
width:40px;
height:1px;
background:#fff;
left:0;
top:0;
bottom:0;
margin:auto;
}
.btn_flex{
display:flex;
justify-content:space-between;
max-width:696px;
width:100%;
}
.btn1{
display:flex;
align-items:center;
justify-content:center;
border:1px solid #fff;
max-width:336px;
width:49%;
height:70px;
background:transparent;
transition:.4s;
font-size: clamp(1.6rem,2.6vw,1.8rem);
}
.btn1:hover{
opacity:1;
background:#111111;
border:1px solid #111;
}
.btn1 img{
margin-right:8px;
} .bg_movie{
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index:-1;
}
.bg_movie iframe {
box-sizing: border-box;
height: 57.25vw!important;
left: 50%!important;
min-height: 101%;
min-width: 100%;
position: absolute;
top: 50%!important;
transform: translate(-50%, -50%);
width: 177.777778vh!important;
border: none!important;
max-width: initial;
}
#main {
width: 100%;
margin: 0px auto 0; }
.flex{
display: flex;
justify-content: space-between;
}
.website .inner,
.about.article .inner{
width: 56.7%;
}
.website .inner2,
.about.article .inner2{
width: 76%;
}
.website footer .inner,
.about.article footer .inner{
width: 97%;
}
.inner{
width: 97%;
max-width: 1088px;
margin: 0 auto;
}
.inner2{
width: 97%;
max-width: 1440px;
margin: 0 auto;
}
.inner3{
width: 97%;
max-width: 1840px;
margin: 0 auto;
}
.mainTit1{
line-height: 1.4464;
font-weight: 500;
font-size: clamp(2.8rem,3vw,5.6rem);
position:relative;
text-align:center;
z-index:1;
}
.subTit1{
font-size: clamp(7rem,8vw,16rem);
line-height:1.25625;
color:#fff;
position:absolute;
bottom:0;
left:0;
right:0;
text-align:center;
z-index:-1;
}
.mainTit2{
line-height: 1.45;
font-weight:500;
font-size: clamp(2.2rem,3vw,4rem);
position: relative;
}
.subTit2{
font-size: clamp(5rem,9vw,12rem);
line-height:1.25833;
color:#313131;
}
.mainTit3{
line-height: 1.4464;
font-weight: 500;
font-size: clamp(3.2rem,4vw,6.4rem);
position:relative;
text-align:center;
z-index:1;
}
.ft56{
font-size: clamp(2.4rem,3vw,5.6rem);
line-height:1.4464;
font-weight:500;
}
.content01{
color: #fff;
background:#fff;
position:relative;
z-index:1;
padding: 115px 5% 120px;
}
.content01:before{
background: linear-gradient(to top, #111 0%, #111 73%,#1110 92%, #1110 100%);
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
z-index:-1;
}
.content01 .title_area {
margin-bottom:64px;
}
.content01 .title_area .title{
margin-bottom:24px;
text-align:center;
color: #fff;
}
.content01 .title_area .sub_text{
line-height:1.6;
display:flex;
align-items:center;
justify-content:center;
position: relative;
max-width:409px;
width:100%;
margin:0 auto;
}
.content01 .title_area .sub_text:before,
.content01 .title_area .sub_text:after{
position:absolute;
content:"";
width:18%;
height:1px;
background:#fff;
top:0;
bottom:0;
margin:auto;
max-width:72px;
}
.content01 .title_area .sub_text:before{
left:0;
}
.content01 .title_area .sub_text:after{
right:0;
}
.service02_title{
font-size: clamp(2rem,2vw,2.4rem);
margin-bottom:16px;
}
.content01 .text1{
font-size: clamp(1.6rem,1.8vw,2rem);
text-align:center;
}
.co1_list{
display:flex;
justify-content:space-between;
margin-top:64px;
}
.co1_list li{
width:32%;
border:1px solid;
max-width:336px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
padding:30px 2%;
font-size: clamp(1.6rem,1.2vw,2.4rem);
line-height:1.5;
}
.co1_list li .img{
margin-bottom:16px;
}
.content01 .text2{
text-align:center;
margin-top:40px;
font-size: clamp(1.4rem, 1.3vw, 1.8rem);
}
.content02{
background: #111;
color: #fff;
padding: 80px 5% 160px;
}
.content02 .mainTit2{
z-index:1;
}
.content02 .subTit2{
position:absolute;
bottom:0;
left:0;
z-index:-1;
}
.content02 .img1{
max-width: 700px;
margin:70px auto 70px;
width:100%;
}
.co2_list{
display:flex;
justify-content:space-between;
}
.co2_list li{
width:32%;
max-width: 453px;
}
.co2_list li .img{
margin-bottom:24px;
}
.co2_list li .title{
font-size: clamp(1.4rem,1.3vw,2.2rem);
margin-bottom: 16px;
color: #fff!important;
}
.co2br2{
display:none;
}
.co2_list li .text{
font-size: clamp(1.3rem,1.2vw,1.8rem);
}
.co2_list li:nth-child(2){
margin-top:40px;
}
.co2_list li:nth-child(3){
margin-top:80px;
}
.bg_movie_blank{
height:500px;
}
.content03{
padding: 205px 5% 160px;
background:#F7F7F7;
position: relative;
z-index: 1;
}
.content03:before{
position:absolute;
content:"";
width:100%;
height:100%;
max-height:1336px;
background: url(//funusual.co.jp/wp-content/themes/herion/assets2/img/top/bg3.png)no-repeat bottom;
bottom: 12.8%;
left:0;
right:0;
margin:auto;
background-size:contain;
z-index: -1;
}
.co3_div1 .text1{
font-size: clamp(1.8rem,2vw,2.4rem);
display:flex;
align-items:center;
justify-content:center;
margin:34px auto 62px;
text-align:center;
}
.co3_list1{
display:flex;
justify-content:space-between;
margin-top:62px;
}
.co3_list1 li{
width:49%;
max-width:896px;
position: relative;
z-index:1;
border: none;
margin: 0;
}
.co3_list1 li:hover:before{
opacity:0.3;
}
.co3_list1 li .lista{
z-index:9;
}
.co3_list1 li:before{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#111111;
opacity:0.8;
z-index:1;
content:"";
transition:.4s;
}
.co3_list1_div:hover:before{
opacity:0.3;
}
.co3_list1_div{
position:relative;
}
.co3_list1 li .lista{
z-index:9;
}
.co3_list1_div:before{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#111111;
opacity:0.8;
z-index:1;
content:"";
transition:.4s;
}
.co3_list1 li .bg_img{
width:100%;
height: 28vw;
max-height: 487px;
}
.works_div2 .co3_list1 li:before{
display:none;
}
.co3_list1 li .bg_img img{
width:100%;
height:100%;
object-fit:cover;
}
.co3_list1 li .content{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction: column;
padding: 0 3.614% 32px;
}
.co3_list1 li .content .img{
max-width: 483px;
width: 50%;
text-align: center;
margin: 0 auto 40px;
}
.co3_list1 li:last-child .content .img{
max-width:727px;
width: 85%;
}
.co3_list1 li .content .text_area{
display:flex;
justify-content:space-between;
width: 100%;
align-items: flex-end;
}
.co3_list1 li .content .text_area .left{
width: 73%;
}
.co3_list1 li .content .text_area .right{
flex-shrink:0;
}
.co3_list1 li .content .text_area .left .text{
margin-bottom:14px;
padding:8px 16px;
width:100%;
max-width:max-content;
border:1px solid;
line-height:1.6;
font-size: clamp(1.4rem, 1.2vw, 1.8rem);
}
.co3_list1 li .content .text_area .left .title{
font-size: clamp(1.4rem,1.2vw,2.2rem);
font-weight:500;
line-height:1.4375;
}
.co3_list1 li .text2{
color:#111111!important;
font-size: 1.6rem;
line-height: 2;
font-weight: 500;
margin-top: 28px;
}
.co3_list1 li .text2:before{
display:none;
}
.btn2{
font-size:1.4rem;
padding-right:22px;
padding-bottom:11px;
border-bottom:2px solid;
position:relative;
display: flex;
max-width: max-content;
line-height: 1.2857;
transition: .4s;
}
.btn2:before{
transition:.4s;
}
.btn2:hover:before{
right:-5px;
}
.arrow1{
position:relative;
}
.arrow1:before{
position:absolute;
content:"";
width:14px;
height:14px;
background: url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_bla.svg)no-repeat center;
background-size:contain;
right:0;
top: 2px;
}
.arrow1.white:before{
background: url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_wh.svg)no-repeat center;
background-size:contain;
}
.co3_div2{
margin-top:144px;
}
.co3_div2 .text1{
margin:16px auto 39px;
text-align:center;
}
.co3_list2{
display:flex;
justify-content:space-between;
margin-bottom: 64px;
}
.co3_list2 li{
width:32%;
max-width:453px;
}
.co3_list2 li .img{
margin-bottom: 22px;
}
.co3_list2 li .img a{
transition:.4s;
}
.co3_list2 li .text{
line-height:1.6;
margin-bottom:16px;
}
.co3_list2 li .title{
font-size: clamp(1.8rem,2.4vw,2.4rem);
margin-bottom:24px;
line-height: 1.458333;
font-weight: 500;
}
.btn3{
display:flex;
align-items:center;
justify-content:center;
border:1px solid;
max-width:342px;
margin:0 auto;
height:64px;
transition:.4s;
}
.btn3:hover{
background:#111;
opacity:1;
color:#fff!important
}
.btn3.white:hover{
background:#fff;
color:#111!important
}
.btn3:before{
top:0%;
bottom:0;
margin:auto;
right:8px;
}
.btn3:hover:before{
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_wh.svg)no-repeat center;
background-size:contain;
}
.btn3.white:hover:before{
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_bla.svg)no-repeat center;
background-size:contain;
}
.btn3:hover:before{
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_wh.svg)no-repeat center;
background-size:contain;
}
.backarrow{
position:relative;
}
.backarrow:before{
position:absolute;
content:"";
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_bla_back.svg)no-repeat center;
background-size:contain;
top:0%;
bottom:0;
margin:auto;
left:8px;
width:14px;
height:14px;
right: auto;
}
.backarrow:hover:before{
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_wh_back.svg)no-repeat center;
background-size:contain;
}
.ma1920{
max-width:1920px;
width:100%;
margin:0 auto;
}
.content04{
background: #262626;
position:relative;
padding: 120px 5%;
z-index: 1;
}
.content04 .inner{
width:97%;
}
.content04 .ab_text{
font-size: clamp(4rem,10vw,12rem);
line-height:1.25833;
position:absolute;
right:0;
top:0;
color: #000000;
z-index: 0;
text-align: right;
width: 97%;
max-width: 1840px;
margin: 0 auto;
left: 0;
z-index: -1;
}
.content04 .text1{
margin-top:24px;
font-size: clamp(1.6rem,1.6vw,2.4rem);
color:#fff;
margin-bottom:64px;
}
.video_list{
display:flex;
flex-wrap:wrap;
margin-bottom:24px;
}
.video_list li{
width: 23.859%;
color:#fff;
margin-bottom:56px;
margin-right:1.5213333%;
transition: .4s;
}
.video_list li:nth-child(4n+4){
margin-right:0;
}
.video_list li:hover{
opacity:0.7;
}
.video_list li .img{
width:100%;
height: 12.865vw;
position:relative;
margin-bottom: 16px;
}
.video_list li .img:before{
position:absolute;
content:"";
width:55px;
height:55px;
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/icon_start.svg)no-repeat;
background-size:contain;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
}
.video_list li .img img{
width:100%;
height:100%;
object-fit: cover;
}
.video_list li .cate{
margin-bottom:8px;
font-size: clamp(1.4rem,1.2vw,1.6rem);
font-weight:500;
padding:4px 8px;
background:#FFFFFF;
max-width:max-content;
color:#111;
border:1px solid #CCCCCC;
}
.content05{
padding: 120px 0 110px;
background:#F7F7F7;
}
.top_title_area{
display:flex;
align-items: center;
}
.mainTit4{
line-height: 1.25;
font-size: clamp(3.2rem,4vw,6.4rem);
}
.top_title_area .text{
font-size: clamp(1.8rem,2.4vw,2.4rem);
line-height:1.45833;
margin-left:32px;
}
.slider1_area{
margin-top: 30px;
}
.sld1{
margin:0 auto;
width:90%;
padding:10px 0;
max-width: 275px;
}
.sld1 img{
box-shadow:0 0 5px #00000029;
}
.content06{
padding: 180px 0 60px;
background: #262626;
}
.content06 .subTit1{
color:#000000;
}
.content06 .text1{
font-size: clamp(1.8rem,2vw,2.4rem);
line-height:1.45833;
margin:16px auto 64px;
display:flex;
align-items:center;
justify-content:center;
}
.slider2_area{
margin-bottom:64px;
}
.sld2{
max-width:323px;
width:95%;
margin:0 auto;
}
.sld2 .img{
width:100%;
height:19.054vw;
margin-bottom: 16px;
max-height: 323px;
}
.sld2 .img img{
width:100%;
height:100%;
object-fit:cover;
}
.sld2 .img a{
transition:.4s;
}
.sld2 .text{
font-size: clamp(1.4rem,1.3vw,1.6rem);
margin-bottom:4px;
line-height:1.8;
}
.sld2 .name{
font-size: clamp(1.4rem, 1.4vw, 1.8rem);
line-height:1.45833;
margin-bottom:16px;
}
.content07{
padding: 60px 5% 157px;
background: #262626;
}
.content07 .top_title_area{
width: 95%;
max-width: 1088px;
margin: 0 auto 80px;
}
.media_list{
display:flex;
justify-content:space-between;
margin:0 auto 120px;
}
.media_list li{
width: 19.5%;
max-width:336px;
position: relative;
padding-bottom: 31px!important;
border: none;
margin-bottom: 0;
}
.media_list li .img{
margin-bottom:16px;
position:relative;
width: 100%;
height: 13vw;
max-height: 232px;
}
.media_list li .img img{
width:100%;
height:100%;
object-fit:cover;
}
.media_list li .img a{
transition:.4s;
}
.media_list li .img .cate{
position:absolute;
top:0;
left:0;
background:#FFFFFF;
font-size:1.4rem;
padding:4px 8px;
line-height:1.42857;
color: #111!important;
}
.media_list li .date{
font-size:1.4rem;
margin-bottom:8px;
line-height:1.42857;
}
.media_list li .title{
margin-bottom: 7%;
font-size: clamp(1.4rem, 1.4vw, 1.8rem);
}
.media_list li .btn2{
position:absolute;
bottom:0;
left:0;
}
.link_area{
display:flex;
}
.link_cont{
width:50%;
position:relative;
}
.link_cont:before{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
background:#1D3D86;
opacity:0.85;
transition:.4s;
}
.link_cont.gray_link:before{
background:#313131;
}
.link_cont:hover:before{
opacity:0.3;
}
.link_cont:after{
position:absolute;
content:"";
width:72px;
height:72px;
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_wh_big.svg)no-repeat;
background-size:contain;
right: 4.204%;
top:0;
bottom:0;
margin:auto;
}
.link_cont .bg_img{
width:100%;
height: 314px;
}
.link_cont .bg_img img{
width:100%;
height:100%;
}
.link_cont .text_area{
position:absolute;
left: 4.204%;
top: 18%;
width: 80%;
}
.link_cont .text_area .title{
display: flex;
align-items: center;
line-height: 1.444;
margin-bottom: 24px;
}
.link_cont .text_area .text{
font-size: clamp(1.5rem,1.1vw,1.8rem);
}
.link_cont .text_area .title span{
line-height: 1.25;
font-size: clamp(3.2rem, 4vw, 6.4rem);
margin-right: 32px;
} footer {
margin: 0px auto 0;
padding: 120px 5% 0px;
background: #F7F7F7;
}
footer .inner {
border-bottom: 1px solid #CCCCCC;
padding: 0 0 120px;
}
footer .flex .left{
max-width: 350px;
width:63%;
}
footer .flex .right{
max-width:223px;
width:35%;
}
footer .logo {
max-width: 217px;
width: 100%;
height: initial;
padding: 0;
margin-bottom: 0;
}
.link:after, .page-entry-content td a:after, p:not(.attachment):not(.wp-block-cover-text)>a:not(.no-link-style):not(.button):not(.button-download):not(.added_to_cart):not(.button-secondary):not(.menu-link):not(.filter-link):not(.entry-link):not(.more-link):not(.wvc-image-inner):not(.wvc-button):not(.wvc-bigtext-link):not(.wvc-fittext-link):not(.ui-tabs-anchor):not(.wvc-icon-title-link):not(.wvc-icon-link):not(.wvc-social-icon-link):not(.wvc-team-member-social):not(.wolf-tweet-link):not(.author-link):after {
background: currentColor;
color: inherit;
content: '';
display: none;
height: 1px;
left: 0;
position: absolute;
top: 100%;
width: 100%;
}
footer .add{
margin-top: 59px;
}
.ft_text1{
font-size: 1.4rem;
font-weight: 400;
}
.tel_btn{
margin-top: 24px;
display: flex;
align-items: center;
font-size: 1.6rem;
line-height: 1.25;
}
.tel_btn span{
margin-left: 8px;
font-size: clamp(1.8rem,2.4vw,2.4rem);
line-height:1.25;
}
.fax{
font-size:1.2rem;
line-height:1.25;
margin-top: 8px;
}
.fax span{
font-size: clamp(1.6rem,2.4vw,1.8rem);
line-height:1.277778;
margin-left: 8px;
}
.ft_text2{
margin-top: 8px;
font-size: 1.2rem;
line-height: 1.4166667;
}
.ft_list li{
font-size:1.6rem;
line-height:1.25;
margin-bottom: 16px;
}
.ft_list li.child{
font-size:1.4rem;
line-height:1.2857;
padding-left:16px;
position:relative;
}
.ft_list li.child:before{
position:absolute;
content:"";
width:8px;
height:1px;
background:#1D3D86;
left:0;
top:0;
bottom:0;
margin:auto;
}
.copyright {
text-align: center;
padding: 40px 0;
color: #313131;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.41667;
margin: 0;
}  .pankuzu {
width: 95%;
margin: 0 auto;
font-size: 12px;
padding: 16px 0 0;
max-width: 1080px;
}
.media_pan{
max-width:1296px;
}
.pankuzu li {
margin: 0 0 0 10px;
display: inline;
}
.pankuzu li:first-child {
margin: 0;
}
.pankuzu li a {
margin: 0 10px 0 0;
} #pageTop {
position: fixed;
bottom: 200px;
right: 25px;
z-index: 9999;
} input {
vertical-align: middle;
}
.btnBox1 {
text-align: center;
}
.contact_cf .clearForm,.contact_cf .clearForm2 {
padding: 10px 5px;
}
.choose_list1 > li {
width: 200px;
margin: 0 0 0 10px;
float: left;
}
.choose_list1 > li:first-child {
margin: 0;
}
.choose_list1 {
width: 410px;
margin: 20px auto;
}
.contact_tb td span {
margin: 9px 0 0;
display: block;
}
.clearForm,
.clearForm2,
.toHome {
width: 200px;
padding: 15px 5px;
cursor: pointer;
outline: 0;
background: #555;
color: #fff !important;
font-size: 100%;
border: none;
font-weight: bold;
transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
}
.clearForm:hover,
.clearForm2:hover,
.toHome:hover {
background: #777;
color: #FFF;
}
.toHome {
margin: 50px auto 0 !important;
text-decoration: none;
display: block;
text-align: center;
}
#zip1, #zip2 {
width: 150px;
}
#city, #pref, #add {
width: 580px;
margin: 2px 0 0 10px;
}
#add {
margin: 2px 0 0 40px;
}
textarea {
padding: 10px 5px;
height: 250px;
}
input,
textarea,
button,
select,
option {
outline: none;
}
input[type="text"],
input[type="email"],
input[type="tel"],
select{
height: 60px;
padding: 5px;
width: 100%;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select,
option {
border: 1px solid #CCC;
}
button {
border: none;
outline: none;
background: none;
}
.form_notice1 {
font-size: 85.714%;
display: block;
margin: 5px 0 0;
}
.form_notice2 {
font-size: 87.5%;
}
.modification_wrap {
overflow: hidden;
}
.modification {
width: 221px;
float: left;
margin: 0 0 0 246px;
}
.send_bt {
width: 221px;
float: right;
margin: 0 245px 0 0;
}
.error_style {
color: #FF0000;
display: block;
margin: 8px 0 0;
}
.contact_tb {
width: 1000px;
margin: 0 auto;
}
.contact_tb th {
width: 250px;
text-align: left;
position: relative;
line-height: 1.4;
}
.contact_tb th, .contact_tb td {
padding: 13px 10px 10px 20px;
font-size: 15px;
border-bottom: 1px solid #ccc;
position: relative;
}
.contact_tb th em {
background: #F00;
color: #FFFFFF;
padding: 2px 5px;
margin-left: 5px;
right: 10px;
font-size: 85.714%;
} .scroll-pane {
width: 100% !important;
height: 300px; margin: 40px auto 0;
overflow-y: auto;
}
.scroll-pane:focus {
outline: none;
} #cover2{
height: 420px;
background: url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/article_mv.jpg)no-repeat right top;
background-size: cover;
display:flex;
justify-content:center;
}
.cov2-div{
max-width:1088px;
margin:0 auto;
color:#fff;
width: 95%;
display:flex;
padding-top: 176px;
}
.cov2-div .title{
color:#fff;
font-size: clamp(3rem,4vw,8rem);
font-weight:400;
line-height:1.25;
}
.cov2-div .title span{
display:block;
color:#CCCCCC;
font-size:1.4rem;
line-height:1.42857;
margin-bottom:8px;
padding-left:16px;
position:relative;
}
.cov2-div .title span:before{
position:absolute;
content:"";
width:8px;
height:1px;
background:#CCCCCC;
left:0;
top:0;
bottom:0;
margin:auto;
}
.part01{
margin: 80px auto 120px;
}
.part01_div{
background:#FFFFFF;
padding: 3.6767%;
font-size: clamp(1.6rem,2.4vw,1.8rem);
font-weight:500;
line-height:1.77778;
margin-bottom: 80px;
}
.article.partnership{
background:#F7F7F7;
}
.part01_list li{
margin-bottom: 80px;
}
.part01_list li:last-child{
margin-bottom: 40px;
}
.part01_list .title{
font-size: clamp(2rem,2.4vw,3.2rem);
padding-bottom:16px;
border-bottom:1px solid #CCCCCC;
margin-bottom:22px;
position:relative;
color:#1D3D86;
}
.part01_list .title:before{
position:absolute;
content:"";
width:104px;
height:1px;
background:#1D3D86;
bottom:-1px;
left:0;
}
.part01_list .text_area .text{
font-size: clamp(1.6rem,2.4vw,1.8rem);
font-weight:500;
line-height:1.77778;	
}
.part01_div2{
padding-top:40px;
font-size: clamp(1.6rem,2.4vw,1.8rem);
font-weight:500;
line-height:1.77778;
border-top:1px solid #CCCCCC;
} .pankuzu_area{
background:#111;
color:#fff;
}
.pankuzu_area a{
color:#fff;
}
.about01{
padding:160px 0 100px;
background:#111;
color:#fff;
}
.about01 .title_area{
padding-bottom:40px;
margin-bottom:40px;
position:relative;
}
.about01 .title_area:before{
position:absolute;
content:"";
width:24px;
height:1px;
background:#FFFFFF;
left:0;
right:0;
margin:auto;
bottom:0;
}
.about01 .title_area .title{
text-align:center;
font-size: clamp(2.4rem,3vw,5.6rem);
position:relative;
z-index:1;
line-height:1.44642;
color: #fff;
}
.about01 .title_area .title span{
font-size: clamp(6rem,12vw,12rem);
position:absolute;
left:0;
right:0;
margin:auto;
bottom:0;
color:#313131;
line-height:1.258333;
z-index:-1;
}
.about01 .title_area .text1{
margin-top:32px;
font-size: clamp(1.6rem,2.4vw,1.8rem);
line-height:1.444;
text-align: center;
}
.about01 .text2{
text-align:center;
font-size:clamp(1.25rem,1vw,1.8rem);
}
.about02{
padding: 100px 0 19.55%;
background:#111;
color:#fff;
position:relative;
z-index: 1;
margin-bottom: 7.8%;
}
.about02:before{
position:absolute;
content:"";
width:100%;
height:136px;
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/about/co2_tri.jpg)no-repeat bottom left;
background-size:cover;
bottom:0;
left:0;
z-index: -1;
}
.about02 .mainTit2{
z-index:1;
font-size:clamp(2.1rem,3vw,4rem);
}
.about02 .subTit2{
position:absolute;
right:0;
bottom: 6%;
z-index: -1;
}
.about02 .text2{
margin:56px auto 0px;
font-size: clamp(1.4rem,1vw,1.8rem);
}
.about02 .img{
position:absolute;
right:0;
width: 79%;
bottom: -13.9%;
}
.about03{
padding: 165px 0 100px;
}
.about3_list{
display:flex;
justify-content:space-between;
margin-top:108px;
}
.about3_list li{
width: 32.5%;
max-width:453px;
background:#FFFFFF;
position:relative;
padding: 88.5px 2.223% 30px;
}
.about3_list li .num{
font-size: 8rem;
line-height:1;
color:#CCCCCC;
left:0;
right:0;
margin:auto;
text-align:center;
top:-44px;
position: absolute;
}
.about3_list li .title{
font-size: clamp(1.8rem,1.8vw,2.4rem);
text-align:center;
min-height:78px;
display:flex;
align-items:center;
justify-content:center;
line-height:1.8;
margin-bottom:32px;
font-weight: 700;
}
.about3_list li .text{
font-weight:500;
}
.about04{
padding:60px 0 60px;
}
.about04 .text_area{
max-width: 468px;
width: 48%;
}
.about04 .img{
max-width:520px;
width: 50%;
}
.about04 .mainTit3{
text-align: left;
margin-bottom: 32px;
line-height: 1.25;
}
.about04 h3{
font-size: clamp(1.6rem,1.3vw,2.4rem);
margin-bottom: 6%;
letter-spacing:0.05em;
font-weight: 500;
}
.about04 .text1{
font-size:clamp(1.3rem,1.2vw,1.8rem);
}
.about04 .text2{
margin-top: 12%;
text-align:right;
font-size: clamp(1.6rem,1.6vw,2.4rem);
line-height:1.458333;
}
.about05{
padding: 60px 0 160px;
}
.about05_list{
margin-top:8px;
}
.about05_list li{
display:flex;
padding:40px 0;
position:relative;
border-bottom: 1px solid #CCCCCC;
}
.about05_list li:before{
position:absolute;
content:"";
background:#1D3D86;
width:104px;
bottom:-1px;
left:0;
height:1px;
}
.about05_list li .left{
width:20%;
color:#1D3D86;
line-height:1.6;
}
.about05_list li .right{
line-height:1.6;
width: 80%;
}
.about05_list li .right .map{
margin-top:24px;
width:100%;
height:300px;
}
.about05_list li .right .map iframe{
width:100%;
height:100%;
} .service01{
background:#111;
color:#fff;
padding:80px 0 0;
}
.ser_tit1{
font-size: clamp(2rem,2.4vw,3.2rem);
line-height: 1.4375;
font-weight:500;
color:#fff;
}
.service02_div1 .ser_tit1{
color:#111;
}
.service01 .text1{
margin:24px auto 120px;
}
.service01_list{
display:flex;
justify-content:space-between;
}
.service01_list li{
width:50%;
position:relative;
}
.service01_list li .ab_text{
position:absolute;
left:0;
bottom:0;
font-size: clamp(6rem,9vw,12rem);
line-height: 0.5;
color:#F7F7F7;
}
.service02{
background: #fff;
padding: 80px 0 60px;
}
.service03{
background:#fff;
}
.service02_div1 .text1{
margin-top:40px;
}
.service02_div2{
padding-top:140px;
position: relative;
}
.service02_div2 .ab_text{
position:absolute;
top:0;
right:0;
font-size: clamp(6rem,12vw,12rem);
line-height: 1.258333;
color:#F7F7F7;
}
.service02_list1{
display:flex;
}
.service02_list1 li{
display:flex;
justify-content:center;
align-items:center;
padding:8px 16px;
background:#1D3D86;
max-width:max-content;
width:100%;
color:#fff;
line-height:1.444;
margin-bottom:25px;
}
.service02_list1 li.bgwh{
margin-left:16px;
background:#fff;
color:#111111;
border:1px solid #111111;
}
.service02_div2 .flex .left{
max-width:472px;
width: 45%;
}
.service02_div2 .flex .right{
max-width:570px;
width: 53%;
}
.service02_div2 .flex .right .text1{
font-size: clamp(1.8rem,2vw,2.4rem);
line-height:1.458333;
display:flex;
align-items:center;
color:#1D3D86;
}
.service02_div2 .flex .right .text1 img{
margin-right:8px;
}
.service02_list2 li{
margin-top:16px;
display:flex;
align-items: flex-start;
padding: 20px 4.212%;
background:#F7F7F7;
font-size:1.6rem;
}
.service02_list2 li img{
margin-right:8px;
padding-top: 8px;
}
.service02_div2 .flex{
margin-bottom:64px;
}
.service03{
padding: 60px 0 0px;
}
.service03_list{
display: flex;
justify-content: space-between;
margin-bottom: 80px;
margin-top: 40px;
}
.service03_list li{
width: 32%;
max-width: 336px;
}
.service03_list li .title{
margin:24px auto 16px;
text-align:center;
font-size: clamp(1.8rem,2vw,2.4rem);
line-height: 1.625;
}
.service03 .ab_img{
margin-top:120px;
width:100%;
}
.service03 .ab_img img{
width:100%;
}
.service03.service05{
padding:60px 0 80px;
}
.service06{
padding:80px 0 150px;
margin-top:136px;
position:relative;
background:#F7F7F7;
}
.service06:before{
position:absolute;
content:"";
width:100%;
height:136px;
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/service/co6_tri.jpg)no-repeat;
left:0;
top:-136px;
z-index: 1;
}
.service06 .title_text{
text-align:center;
margin-bottom:40px;
line-height:1.6;
}
.ser06_div1{
padding: 35px 2%;
display:flex;
align-items:center;
justify-content:center;
background:#FFFFFF;
}
.service06_list li{
display:flex;
margin-top:80px;
justify-content:space-between;
}
.service06_list li:nth-child(2n){
flex-direction:row-reverse;
}
.service06_list li .img{
max-width:472px;
width: 48%;
}
.service06_list li .text_area{
max-width:544px;
width:50%;
}
.service06_list li .text_area .text1{
color: #1D3D86;
border: 1px solid;
max-width: max-content;
padding: 8px 16px;
background: #fff;
line-height: 1.6;
}
.service06_list li .text_area .title{
font-size: clamp(2rem,2.4vw,3.2rem);
line-height: 1.4375;
font-weight:500;
margin-top:16px;
}
.service06_list li .text_area .text2{
margin-top:16px;
font-size:1.6rem;
line-height:1.8;
}
.service06_list li  .btn2{
margin-top:32px;
margin-left:auto;
border-bottom: 1px solid #111111;
}
.gaibu1{
position:relative;
}
.gaibu1:before{
position:absolute;
content:"";
width:11px;
height:11px;
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/service/gaibu.svg)no-repeat;
background-size:contain;
right:0;
top: 3px;
}
.ser_add1{
margin-top:116px;
background:#F7F7F7;
position:relative;
padding: 13% 0 10%;
margin-bottom: 120px;
}
.ser_add1 .title{
position:absolute;
left:0;
right:0;
margin:auto;
text-align:center;
font-size: 8rem;
color:#1D3D86!important;
font-weight:400;
line-height:1.25;
top:-52px;
}
.ser_add1_list{
max-width:880px;
width:95%;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.ser_add1_list li{
background:#FFFFFF;
position:relative;
max-width:266px;
width: 31%;
padding:96px 0 32px;
text-align:center;
}
.ser_add1_list li:before,
.ser_add1_list li:after{
position:absolute;
content:"";
height:2px;
width:56px;
background:#1D3D86;
top:0;
bottom:0;
right:-18.5%;
margin:auto;
z-index:1;
}
.ser_add1_list li:after{
transform:rotateZ(90deg);
}
.ser_add1_list li:last-child:before,
.ser_add1_list li:last-child:after{
display:none;
}
.ser_add1_list li .img{
position:absolute;
top:-40px;
left:0;
right:0;
margin:auto;
text-align:center;
}
.ser_add1_list li .title1{
font-size: clamp(2rem,3vw,3.2rem);
line-height: 1.25;
color:#111111!important;
min-height:88px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:24px;
}
.ser_add1_list li .text{
font-size:1.6rem;
line-height:2;
font-weight:500;
}   @media screen and (min-width: 1921px) {   }    @media screen and (max-width: 1200px) {  .link_cont:after{
width: 50px;
height: 50px;
}
.about04 .mainTit3 {
margin-bottom: 16px;
}
.about04 h3{
margin-bottom: 14px;
}
.about04 .text2{
margin-top: 24px;
} }    @media screen and (max-width: 1100px) {  .website .inner,
.about.article .inner{
width: 95%;
}
.website .inner2,
.about.article .inner2{
width: 95%;
}
.co2_list li .title{
font-size: clamp(1.6rem,1.3vw,2.4rem);
}
.co2_list li .text{
font-size: clamp(1.5rem,1.2vw,1.8rem);
}
.about01 .text2{
font-size: clamp(1.5rem,1.6vw,1.8rem);
}
.about04 .mainTit3 {
margin-bottom: 32px;
}
.about04 h3{
font-size: clamp(1.8rem,1.3vw,2.4rem);
margin-bottom: 6%;
}
.about04 .text1{
font-size: clamp(1.5rem,1.2vw,1.8rem);
}
.about04 .text2{
margin-top: 12%;
font-size: clamp(1.6rem,1.6vw,2.4rem);
} }    @media screen and (max-width: 1000px) {   img {
width: auto;
max-width: 100%;
height: auto;
} .headerAdd {
width: 45%;
margin: 0 0 0 1%;
font-size: 90%;
}
.headerTel {
height: auto;
margin: 0 0 0 0%;
} .leadTxt {
padding: 20px 2%;
font-size: 100%;
}
.privacy dt {
padding: 0 1%;
}
.privacy dd {
margin: 10px 2%;
}
.company table {
width: 100%;
}
.company th {
width: 30%;
padding: 10px 2%;
border-bottom: 1px solid #fff;
}
.company td {
padding: 10px 2%;
border-bottom: 1px solid #fff;
}
.company iframe {
width: 100%;
}
.listUl {
width: 100%;
margin: 30px auto 0;
}
.listUl li {
width: 31.3%;
margin: 0 1%;
} .clearForm,
.clearForm2 {
width: 96%;
padding: 15px 2%;
}
.contact_tb {
width: 98%;
}
.contact_tb th {
width: 30%;
padding: 13px 2% 10px;
font-size: 80%;
}
.contact_tb td {
padding: 13px 2% 10px;
font-size: 80%;
}
.contact_cf .clearForm,.contact_cf .clearForm2 {
padding: 10px 5px;
}
.choose_list1 > li {
width: 48%;
margin: 0 0 0 2%;
}
.choose_list1 > li:first-child {
margin: 0;
}
.choose_list1 {
width: 60%;
margin: 20px auto;
}
#zip1, #zip2 {
width: 40%;
}
#city, #pref {
width: 86%;
margin: 2px 0 0 2%;
}
#add {
width: 86%;
margin: 2px 0 0 6.3%;
} .formError {
top: 20px !important;
left: 10% !important;
}
.zip2formError {
left: 54% !important;
}
.prefformError, .cityformError, .addformError {
top: 30px !important;
left: 10% !important;
}
.ui-dialog {
width: 80% !important;
}
.co2br1{
display:none;
}
.co2br2{
display:block;
}
.co3_list1 li .content .text_area{
flex-direction:column;
align-items: flex-start;
}
.co3_list1 li .content .text_area .right{
margin-top:8px;
}
.co3_list1 li .content .img {
margin: 0 auto 20px;
}
.co3_list1 li .bg_img{
height: 340px;
}
.video_list li{
width: 32%;
margin-right:2%;
}
.video_list li:nth-child(4n+4){
margin-right:2%;
}
.video_list li:nth-child(3n+3){
margin-right:0;
}
.video_list li .img{
height: 17vw;
}
.sld2 .img{
height: 42.1vw;
max-height: 323px;
}
.link_cont .text_area{
width: 95%;
left: 0;
right: 0;
margin: auto;
}
.link_cont:after{
width: 50px;
height: 50px;
top:auto;
bottom:20px;
right:16px;
}
.co3_list1 li .content .text_area .left{
width: 100%;
}
.about3_list li .num {
font-size: 6rem;
top: -30px;
}
.about3_list li{
padding: 60px 1% 30px;
} }    @media screen and (max-width: 768px) {  .pc {
display: none;
}
.sp {
display: block;
}
nav li a {
font-size: 1.5rem;
}
.contact_tb th {
font-size: 70%;
}
a[href*="tel:"] {
pointer-events: initial;
cursor: pointer;
text-decoration: none;
}
.hLogo{
width: 85%;
margin-left: 10px;
padding-top: 0;
max-width: 340px;
}
.hLogo h1{
margin:0;
}
.pc_hd{
display:none;
}
.menuBtn{
width:100%;
height:70px;
max-width:70px;
}
.gnav__menu{
padding: 20px 0;
}
.gnav{
right: -450px;
top: 69px;
max-width: 192px;
}
.gnav__wrap{
top: 69px;
}
nav .gnav__menu__item{
max-width:100px;
margin: 0 auto 12px;
}
#cover {
height: 50vw;
min-height: 600px;
}
.cov-div{
max-width:1264px;
width:95%;
color:#fff;
min-width: initial;
}
.cov-div .title{
margin-bottom:24px;
}
.cov-div .text{
padding-left: 20px;
margin-bottom: 24px;
}
.cov-div .text:before{
width: 16px;
}
.btn_flex{
flex-direction:column;
}
.btn_flex .btn1{
width:100%;
margin:16px auto 0;
}
.content01 .title_area {
margin-bottom: 24px;
}
.content01 .title_area .sub_text:before, .content01 .title_area .sub_text:after{
width: 13%;
}
.content01:before{
background: linear-gradient(to top, #111 0%, #111 86%,#1110 98%, #1110 100%);
}
.co1_list {
margin-top: 16px;
flex-direction:column;
}
.co1_list li{
width:100%;
max-width:400px;
padding:30px 2%;
font-size: clamp(1.8rem,2.4vw,2.4rem);
line-height:1.5;
margin:16px auto 0;
}
.content01 .text2{
font-size: clamp(1.6rem,4vw,1.8rem);
margin-top:24px;
}
.inner,
.inner2,
.inner3{
width: 95%;
}
.content01{
padding: 60px 0;
}
.content02{
padding: 60px 0 60px;
}
.co2_list{
flex-direction:column;
}
.co2_list li{
width:100%;
max-width: 453px;
margin:32px auto 0;
}
.co2_list li:nth-child(2){
margin:32px auto 0;
}
.co2_list li:nth-child(3){
margin:32px auto 0;
}
.co2_list li .title {
font-size: clamp(1.8rem, 4vw, 2.4rem);
margin-bottom: 16px;
}
.co2br1{
display:block;
}
.co2br2{
display:none;
}
.bg_movie_blank{
height:240px;
}
.co3_list1{
margin-top:0px;
flex-direction:column;
}
.co3_list1 li{
width:100%;
margin-top:32px;
}
.co3_list1 li .bg_img {
height: 70vw;
max-height: 420px;
min-height: 310px;
}
.co3_div2{
margin-top:60px;
}
.co3_div2 .text1{
margin:8px auto 24px;
}
.co3_list2 {
flex-direction:column;
margin-bottom: 32px;
}
.co3_list2 li{
width:100%;
max-width:453px;
margin:0 auto 32px;
}
.content03{
padding: 80px 0 60px;
}
.video_list{
justify-content:space-between;
}
.video_list li{
width: 49%;
margin-right:0%!important;
margin-bottom: 24px;
}
.video_list li .img{
height: 26vw;
}
.content04{
padding: 80px 0 60px;
}
.video_list li .cate{
margin-bottom:4px;
font-size: clamp(1.2rem,3vw,1.6rem);
padding:2px 4px;
}
.video_list li .title{
font-size:1.5rem;
}
.content05{
padding: 60px 0;
}
.top_title_area{
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
}
.top_title_area .text{
margin-left:0px;
margin-top:8px;
}
.content06{
padding: 80px 0 60px;
}
.slider2_area {
margin-bottom: 32px;
}
.media_list{
justify-content:center;
margin: 0 auto 20px;
flex-wrap:wrap;
}
.media_list li{
width: 32%;
max-width:initial;
margin-right:2%;
margin-bottom:48px;
}
.media_list li:nth-child(3n+3),
.media_list li:last-child{
margin-right:0;
}
.content07 {
padding: 60px 0 60px;
}
.link_area{
flex-direction:column;
}
.link_cont{
width:100%;
}
.link_cont .bg_img{
height:270px;
}
.link_cont .text_area{
top:30px;
}
footer {
padding: 40px 0 0px;
}
footer .inner {
padding: 0 0 40px;
}
.copyright{
padding:20px 0;
}
footer .add {
margin-top: 24px;
}
.co3_div1 .text1{
margin: 16px auto 0px;
text-align:left;
}
#cover2{
height: 320px;
}
.cov2-div{
padding-top: 0px;
align-items:center;
width: 95%;
}
.part01_list li{
margin-bottom: 40px;
}
.part01_list li:last-child{
margin-bottom: 20px;
}
.part01_div2 {
padding-top: 20px;
}
.part01{
margin: 60px auto 80px;
}
.about01{
padding:100px 0 60px;
}
.about01 .title_area{
padding-bottom:20px;
margin-bottom:20px;
}
.about01 .title_area .text1{
margin-top:26px;
}
.about02{
padding: 60px 0 30%;
}
.about02 .subTit2{
bottom: 30px;
}
.about02 .text2{
margin:24px auto 0px;
}
.about02 .img{
width: 90%;
bottom: -2%;
}
.about3_list{
margin-top:30px;
flex-direction:column;
}
.about3_list li{
width: 100%;
max-width:initial;
padding: 40px 2% 30px;
margin:48px auto 0;
}
.about3_list li .title{
font-size: clamp(1.8rem,5vw,2.4rem);
min-height:initial;
margin-bottom:24px;
}
.about03{
padding: 100px 0 60px;
}
.about04 .flex{
flex-direction:column;
}
.about04 .text_area{
max-width: initial;
width: 100%;
}
.about04 .img{
max-width:320px;
width: 100%;
margin:32px auto 0;
}
.about04 .text2 {
margin-top: 30px;
}
.about05{
padding: 60px 0 120px;
}
.about05_list li{
flex-direction:column;
padding:24px 0;
}
.about05_list li .left{
width:100%;
margin:0 auto 8px;
}
.about05_list li .right{
width:100%;
}
.service01_list{
flex-direction:column;
}
.service01_list li{
width:100%;
}
.service01_list li .ab_text {
font-size: clamp(6rem, 12vw, 12rem);
}
.service01 .text1 {
margin: 24px auto 60px;
}
.service02_div1 .text1 {
margin-top: 24px;
}
.service02_div2 {
padding-top: 80px;
}
.service02_div2 .flex{
flex-direction:column;
margin-bottom: 32px;
}
.service02_div2 .flex .left{
max-width:initial;
width: 100%;
margin:0px auto 32px;
}
.service02_div2 .flex .right{
max-width:initial;
width: 100%;
}
.service03_list{
margin-bottom: 40px;
margin-top: 0px;
flex-direction:column;
}
.service03_list li{
width: 100%;
max-width:400px;
margin:48px auto 0;
}
.service03_list li .img{
width:100%;
}
.service03_list li .title{
font-size: clamp(1.8rem,5vw,2.4rem);
}
.service06{
padding:40px 0 120px;
margin-top:60px;
}
.service06:before{
height:60px;
top:-60px;
}
.service06_list li{
margin-top:40px;
flex-direction:column;
}
.service06_list li:nth-child(2n){
flex-direction:column;
}
.service06_list li .img{
max-width:472px;
width: 100%;
margin:0 auto 24px;
}
.service06_list li .text_area{
max-width:initial;
width:100%;
}
.service01{
padding:60px 0 0;
}
.media_list li .img{
height: 20vw;
}
.ser_add1 .title{
font-size:4rem;
top:-30px;
}
.ser_add1 {
margin-top: 60px;
padding: 80px 0 40px;
margin-bottom: 60px;
}	
.ser_add1_list{
flex-direction:column;
}
.ser_add1_list li{
max-width:initial;
width: 100%;
padding:70px 0 24px;
margin:0 auto 120px;
}
.ser_add1_list li:last-child{
margin-bottom:0;
}
.ser_add1_list li:before,
.ser_add1_list li:after{
right: 0;
left: 0;
top: auto;
bottom: -40px;
width: 32px;
}
.ser_add1_list li .title1{
min-height:initial;
margin-bottom: 16px;
}
.co3_list1 li .content .text_area .left .title {
font-size: clamp(2rem, 3vw, 3.2rem);
}
.sld2 .img {
height: 38.11vw;
max-height: 323px;
} }    @media screen and (max-width: 591px) {  .pc2, .pcTel {
display: none;
}
.sp2 {
display: block;
}
.spTel  {
display: inline;
} table {
width: 100%;
}
th, td {
width: 96% !important;
display: block;
} #pageTop {
display: none !important;
} .sp nav {
margin: 0 auto;
background: #329026;
}
.contact_tb th {
font-size: 100%;
}
.choose_list1 {
width: 80%;
}
#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
width: 96%;
}
#zip1, #zip2 {
width: 40%;
}
#city, #pref, #add {
width: 96%;
margin: 2px 0 0;
}
.sld2 .img{
height: 76.05vw;
}
.media_list{
justify-content:space-between;
}
.media_list li{
width: 100%;
margin-right:0%!important;
margin-bottom:32px;
}
.media_list li .date{
font-size:1.4rem;
}
.media_list li .title{
font-size:1.8rem;
}
.link_cont .text_area .title span{
margin-right:24px;
}
footer .inner > .flex{
flex-direction:column;
}
footer .flex .left{
width:100%;
margin:0 auto;
}
footer .flex .right{
width:100%;
margin:24px auto 0;
max-width: 350px;
}
.ft_list{
width:49%;
}
.sns_list{
max-width:223px;
margin:10px auto 0;
}
.about01 .text2{
font-size: clamp(1.4rem,3.6vw,1.5rem);
}
.about01 .title_area .title span{
font-size: clamp(6rem,12vw,12rem);
bottom: 40px;
}
.service02_list1 li.bgwh {
margin-left: 8px;
}
.media_list li .img{
height: 40vw;
} }    @media screen and (max-width: 414px) {   }    @media screen and (max-width: 320px) {   }
 .slick-loading .slick-list
{ } @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://funusual.co.jp/wp-content/themes/herion/assets2/css/fonts/slick.eot);
src: url(https://funusual.co.jp/wp-content/themes/herion/assets2/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//funusual.co.jp/wp-content/themes/herion/assets2/fonts/slick.woff) format('woff'), url(//funusual.co.jp/wp-content/themes/herion/assets2/fonts/slick.ttf) format('truetype'), url(https://funusual.co.jp/wp-content/themes/herion/assets2/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 51px;
height: 66px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '';
background: url(//funusual.co.jp/wp-content/themes/herion/assets2/img/right_arrow.png)no-repeat;
display: block;
height: 65px;
width: 44px;
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '';
background: url(//funusual.co.jp/wp-content/themes/herion/assets2/img/right_arrow.png)no-repeat;
display: block;
height: 65px;
width: 44px;
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}

.works01{
padding: 80px 0 0;
}
.works02{
padding:80px 0;
}
.works01 .works_main{
max-width:655.5px;
width: 64%;
}
.side_works{
max-width:329px;
width: 34%;
}
.works_main .title_area{
padding-bottom:40px;
border-bottom:1px solid #CCCCCC;
margin-bottom:40px;
position:relative;
}
.works_main .title_area:before{
position:absolute;
content:"";
width:104px;
height:1px;
background:#1D3D86;
bottom:-1px;
left:0;
}
.works_date{
font-size:1.6rem;
font-weight:500;
margin-bottom:56px;
}
.works_title{
font-size: clamp(2rem,2.4vw,3.2rem);
line-height: 1.4375;
font-weight:500;
color:#1D3D86;
}
.works_price{
display:flex;
align-items:center;
margin-top:16px;
}
.works_price .text1{
background:#1D3D86;
color:#fff;
font-size:1.6rem;
padding: 0px 8px;
}
.works_price .text2{
margin-left:16px;
font-size:1.6rem;
font-weight:500;
}
.works_price .text2 span{
font-size:1.2rem;
}
.works_main .detail_area{
}
.works_main .detail_area p{
font-size: clamp(1.6rem, 1.8vw, 1.8rem);
margin-bottom: 1.88em;
line-height: 1.77778;
}
.works_main .detail_area h3{
font-size: clamp(1.8rem,2vw,2.4rem);
line-height:1.458333;
margin-bottom:24px;
color:#1D3D86!important;
font-weight:500;
letter-spacing:0.05em;
}
.works_main .detail_area h3:before{
display:none;
}
.works_main .detail_area p iframe{
width:100%;
height: 70vw;
max-height: 488px;
}
.works_div2{
margin:160px 0 186px;
}
.works_btn_area{
margin-top:80px;
padding-top:80px;
border-top:1px solid #CCCCCC;
}
.widget-title{
margin-bottom:32px;
padding-bottom:24px;
font-size:clamp(1.6rem,1.8vw,1.8rem);
font-weight:500;
border-bottom:1px solid #CCCCCC;
}
.rpwe-block ul.rpwe-ul li{
display:flex;
position: relative;
justify-content: space-between;
padding-bottom:20px;
border:none;
margin-bottom: 40px;
}
.rpwe-block ul.rpwe-ul li > a{
display: flex!important;
align-items:center;
justify-content:center;
width: 42%; height:20vw;
max-height:76px;
}
.rpwe-block ul.rpwe-ul li a img{
width:100%;
height:100%;
object-fit:cover;
border: none!important;
padding: 0!important;
margin: 0!important;
display: flex;
float: none;
max-width: initial;
}
.rpwe-block ul.rpwe-ul li .rpwe-title{ width: 54%;
}
.rpwe-block ul.rpwe-ul li .rpwe-time{
position:absolute;
bottom:0;
right:0;
font-size: 1.2rem;
font-weight: 500;
color: #CCCCCC;
line-height: 1;
}
#videos-index{
display:flex;
justify-content:flex-start;
flex-wrap: wrap;
width: 100%;
margin: 0;   }
#videos-index:before,
#videos-index:after{
display:none;
}
#videos-index article{ width: 32%;    }
#videos-index article:nth-child(3n+3){
margin-right:0;
}
#videos-index article .entry-box{
padding:0;
overflow: initial;
height: auto;
}
#videos-index article .entry-outer{
position: initial;
}
#videos-index article .entry-container{
overflow: initial;
padding: 0;
}
#videos-index article .img-bg{ }
#videos-index article .video-summary{
position: initial;
}
#videos-index article .entry-box2{
position:relative;
padding:0 0 48px;
height: 100%;
}
.entry-container2 .img{
position:relative;
width:100%;
max-height:195px;
height: 18vw;
margin-bottom:16px;
overflow: hidden;
}
.works01 .filter-link{
font-size:1.6rem;
line-height:2;
border:1px solid #CCCCCC;
background:#fff;
padding:0 8px;
display:flex;
align-items:center;
justify-content:center;
font-weight:500!important;
}
.works01 .filter-link.active{
background:#1D3D86;
color:#fff;
}
.works01 .category-filter ul{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
.works01 .category-filter ul li{
display:flex;
align-items:center;
margin:0;
margin-right:16px;
margin-bottom: 16px;
}
#videos-index article .entry-box2 .works_price{
position:absolute;
bottom:0;
left:0;
}
#videos-index article .entry-box2 .entry-title2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.works01.media01 .inner2{
max-width:1296px;
}
.works01.media01 .works_main{
max-width:862px;
width: 67%;
}
.side_works{
max-width:329px;
width: 31%;
}
.works01.media01 .entry-meta{
margin-bottom:24px;
}
.works01.media01 .entry-date{
font-size:1.6rem;
font-weight:500;
}
.detail_area .head_title_block{
display:flex;
color: #1D3D86;
font-size: clamp(1.8rem,2vw,2.4rem);
line-height: 1;
}
.detail_area .wvc-row-wrapper{
width: 100%;
}
.detail_area .wpb_button,
.detail_area .wpb_content_element,
.detail_area ul.wpb_thumbnails-fluid>li{
margin-bottom: 0;
}
.wpb_raw_code.wpb_content_element.wpb_raw_html{
padding: 40px 0!important;
border-top:1px solid #1D3D86;
border-bottom:1px solid #1D3D86;
margin-bottom: 40px;
}
.creators .wpb_raw_code.wpb_content_element.wpb_raw_html,
.creator_cnt .wpb_raw_code.wpb_content_element.wpb_raw_html,
.contact01 .wpb_raw_code.wpb_content_element.wpb_raw_html,
.recruit01 .wpb_raw_code.wpb_content_element.wpb_raw_html{
padding: 0px 0!important;
border-top:none;
border-bottom:none;
margin-bottom: 0px;
}
.detail_area #head_title_page{
font-size:1.6rem;
line-height: 1.5;
margin-left: 6%;
}
.detail_area #head_title_page li{
margin-bottom: 16px;
position: relative;
padding-left:16px;
}
.detail_area #head_title_page li:before{
position:absolute;
content:"";
width: 0;
height: 0;
border-style: solid;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 4px solid #1D3D86;
border-right: 0;
left:0;
top:10px;
}
.detail_area h2:before,
.detail_area h2:after{
display:none;
}
.detail_area h2{
padding:0 0 16px;
margin-bottom:24px;
border-bottom:1px solid #CCCCCC;
color: #1D3D86!important;
font-size: clamp(1.8rem, 2vw, 2.4rem)!important;
}
.detail_area .checkbox{
background:#F7F7F7;
padding: 2.8%;
}
.detail_area .checkbox p{
font-size: clamp(1.6rem,1.8vw,1.8rem);
margin-bottom: 22px;
}
.detail_area .checkbox .checktext{
}
.detail_area .checkbox .checktext li{
padding-left:12px;
position:relative;
font-size: clamp(1.5rem,1.6vw,1.6rem);
}
.detail_area .checkbox .checktext li:before{
position:absolute;
content:"";
width: 0;
height: 0;
border-style: solid;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 4px solid #1D3D86;
border-right: 0;
left:0;
top:16px;
}
.works_main .wvc-yt{
height:40vw;
width:100%;
max-height:482px;
margin-bottom: 40px!important;
padding: 0!important;
}
.works_main .wvc-yt iframe{
width:100%;
height:100%;
}
.works_main .detail_area .post  h3{
padding: 16px;
border-left: none;
font-size: clamp(1.8rem, 2vw, 2.4rem)!important;
margin-bottom: 24px!important;
background: #F7F7F7;
}
.works_main .single-post-bottom-line{
display:none;
}
.media02 .wvc-row-wrapper-width-standard,
.creator02 .wvc-row-wrapper-width-standard{
width:100%;
}
.media02 .wvc-row-wrapper-width-standard .wvc-row-content,
.creator02 .wvc-row-wrapper-width-standard .wvc-row-content{
display:block;
}
.media02 .wvc-row-wrapper-width-standard .wvc-columns-container,
.creator02 .wvc-row-wrapper-width-standard .wvc-columns-container{
display:block;
}
.media02 .wvc-row{
padding: 0;
justify-content: flex-start;
}
.media02.Creator02 #index-22214 article{
width: 18.2%;
margin-right: 2.25%;
}
.media02.Creator02 #index-22214 article:nth-child(3n+3){
margin-right: 2.25%;
}
.media02.Creator02 #index-22214 article:nth-child(5n+5){
margin-right: 0%;
}
.media02.Creator02 .entry-meta{
display:none;
}
.media02.Creator02 #index-22214 article .entry-summary{
padding: 16px 0 0;
}
.media02 #index-22214{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
margin: 0 auto;
}
.media02 #index-22214 article{
width: 30.883%;
padding: 0;
margin-bottom: 64px;
margin-right: 3.6755%;
}
.media02 #index-22214 article:nth-child(3n+3){
margin-right:0;
}
.media02 #index-22214 article .entry-summary{
position: relative;
width: 100%;
top: 0;
left: 0;
padding: 44px 0 0;
}
.media02 #index-22214 article .entry-summary-inner{
padding:0;
}
.media02 #index-22214 article .entry-meta{
padding: 0;
position: absolute;
top: 16px;
left: 0;
width: 100%;
}
.media02 #index-22214 article .category-label{
pointer-events: none;
display: none;
}
.media02 #index-22214 article .entry-image{
padding: 0;
}
.media02 #index-22214 article .entry-title:before,
.media02 #index-22214 article .entry-title:after{
display:none;
}
.media02 #index-22214 article .entry-date{
font-size: 1.4rem;
font-weight:500;
}
.media02 #index-22214 article .wvc-button{
padding: 5px 24px 5px 0!important;
position:relative;
}
.media02 #index-22214 article .wvc-button:before{
position:absolute;
content:"";
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_bla.svg)no-repeat center;
background-size:contain;
top:0%;
bottom:0;
margin:auto;
right:0px;
width:14px;
height:14px;
}
.pagination .nav-links{
display:flex;
justify-content:center;
}
.comments-pagination .nav-links a, .page-links a, .page-links>span:not(.page-links-title), a.page-numbers, span.page-numbers{
margin:0;
display: flex;
align-items:center;
justify-content:center;
width:62px;
height:62px;
background:#fff;
border:1px solid #CCCCCC;
font-size:1.6rem;
font-weight:500;
margin:0 0.2%;
}
.prev.page-numbers{
margin-right: 2%;
}
.next.page-numbers{
margin-left: 2%;
}
.page-numbers.dots{
border:none;
}
a.page-numbers:hover,
.page-numbers.current{
color:#fff!important;
background:#1D3D86;
opacity:1;
font-weight:500!important;;
}
.creator02 .wvc-row{
padding: 0;
justify-content: flex-start;
}
.creator02 #index-22214{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
margin: 0 auto;
}
.creator02 #index-22214 article{
width: 18.199%;
padding: 0;
margin-bottom: 64px;
margin-right: 2.25125%;
}
.creator02 #index-22214 article:nth-child(5n+5){
margin-right:0;
}
.creator02 #index-22214 article .entry-summary{
position: relative;
width: 100%;
top: 0;
left: 0;
padding: 16px 0 0;
}
.creator02 #index-22214 article .entry-summary-inner{
padding:0;
}
.creator02 #index-22214 article .entry-meta{
display:none;
}
.creator02 #index-22214 article .category-label{
pointer-events: none;
display: none;
}
.creator02 #index-22214 article .entry-image{
padding: 0;
}
.creator02 #index-22214 article .entry-title:before,
.creator02 #index-22214 article .entry-title:after{
display:none;
}
.creator02 #index-22214 article .entry-date{
font-size: 1.4rem;
font-weight:500;
}
.creator02 #index-22214 article .wvc-button{
padding: 5px 24px 5px 0!important;
position:relative;
}
.creator02 #index-22214 article .wvc-button:before{
position:absolute;
content:"";
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_bla.svg)no-repeat center;
background-size:contain;
top:0%;
bottom:0;
margin:auto;
right:0px;
width:14px;
height:14px;
}
.creator02 .entry-title{
font-size: clamp(1.6rem,1.8vw,1.8rem);
margin-bottom:24px;
} .mv_video{
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index:-1;
height:420px;
}
.mv_video iframe {
box-sizing: border-box;
height: 57.25vw!important;
left: 50%!important;
min-height: 101%;
min-width: 100%;
position: absolute;
top: 50%!important;
transform: translate(-50%, -50%);
width: 177.777778vh!important;
border: none!important;
max-width: initial;
}
#cover2.creators_mv{
background:transparent;
}
.creators #main{
background:#fff;
}
.creators .pankuzu_area{
background:#fff;
color:#111;
}
.creators .pankuzu_area a{
color:#111;
}
.creators02{
padding: 120px 0 180px;
}
.creators02_div1{
margin-bottom: 120px;
}
.creators02_div11{
display:flex;
justify-content:space-between;
}
.creators02_div11 .text_area{
max-width:520px;
width:49%;
}
.creators02_div11 .img_area{
max-width:520px;
width:49%;
height:40vw;
max-height:414px;
}
.creators02_div11 .text_area .title_area{
position:relative;
padding-bottom:32px;
margin-bottom:32px;
border-bottom:1px solid #CCCCCC;
}
.creators02_div11 .text_area .title_area:before{
position:absolute;
content:"";
width:104px;
height:1px;
background:#1D3D86;
bottom:-1px;
}
.creators02_div11 .text_area .job{
background:#fff;
border:1px solid #ccc;
padding:4px 8px;
font-size:1.6rem;
line-height:1.5;
max-width:max-content;
margin-bottom:8px;
}
.creators02_div11 .text_area .name{
font-size: clamp(1.8rem, 2vw, 2.4rem);
font-weight:500;
line-height:1.458333;
display:flex;
align-items:center;
}
.creators02_div11 .text_area .name .eng{
margin-left:16px;
color:#CCCCCC;
font-size:1.4rem;
}
.creators02_div11 .img_area img{
width:100%;
height:100%;
object-fit:cover;
}
.creators02_div12{
margin-top:56px;
display:flex;
justify-content:space-between;
}
.creators02_div121{
display:flex;
align-items:center;
padding:2%;
background:#F7F7F7;
width:49%;
max-width:520px;
}
.creators02_div121 .left{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
color:#1D3D86;
flex-shrink:0;
margin-right:24px;
}
.creators02_div121 .left p{
margin-top:8px;
line-height: 1;
}
.creators02_div121 .right{
width:100%;
font-size:1.6rem;
line-height:1.5;
}
.creators02_div2 .top_title_area{
border-bottom:1px solid #cccccc;
padding-bottom: 16px;
margin-bottom: 56px;
}
.creators02_div2{
margin-bottom:120px;
}
.creators_mov_list{
display:flex;
justify-content:space-between;
}
.creators_mov_list li{
width:32%;
margin-right: 2%;
}
.creators_mov_list li:nth-child(3n+3){
margin-right:0;
}
.creators_mov_list .cre_mov{
width:100%;
margin-bottom:16px;
height: 20vw;
max-height: 195px;
}
.creators_mov_list .cre_mov iframe{
width:100%;
height:100%;
}
.creators02_div3{
margin-bottom:120px;
}
.fun_banner1{
display:flex;
background: url(//funusual.co.jp/wp-content/themes/herion/assets2/img/creators/co22.jpg) center no-repeat;
background-size:cover;
height:194px;
max-width:880px;
width:100%;
margin:0 auto;
color:#fff;
z-index:1;
align-items: center;
padding: 0 3%;
}
.fun_banner1.mount{
background: url(//funusual.co.jp/wp-content/themes/herion/assets2/img/creators/co21.jpg) center no-repeat;
background-size:cover;
}
.fun_banner1:before{
position:absolute;
content:"";
width:100%;
height:100%;
top:0;
left:0;
background:#1D3D86;
opacity:0.85;
z-index:-1;
transition:.4s;
}
.fun_banner1.mount:before{
background:#111111;
opacity:0.5;
}
.creators02_div3 .fun_banner1.mount{
margin-bottom:56px;
}
.fun_banner1 .content{
}
.fun_banner1 .title{
margin-bottom:8px;
display:flex;
align-items:center;
}
.fun_banner1.mount .title{
max-width:310px;
width: 75%;
}
.fun_banner1 .title span{
margin-right:24px;
line-height: 1.25;
font-weight: 500;
font-size: clamp(3.2rem,4vw,6.4rem);
}
.fun_banner1 .text{
line-height:1.444;
}
.fun_banner1:after{
position:absolute;
content:"";
width:72px;
height:72px;
background:url(//funusual.co.jp/wp-content/themes/herion/assets2/img/common/arrow_wh_big.svg)no-repeat;
background-size:contain;
right: 4.204%;
top:0;
bottom:0;
margin:auto;
}
.fun_banner1:hover:before{
opacity:0!important;
}
.share_area{
display:flex;
align-items:center;
justify-content:flex-start;
padding-bottom: 56px;
margin-bottom: 56px;
border-bottom: 1px solid #ccc;
}
.share_area p{
flex-shrink:0;
margin-right:16px;
}
.share_area .sns_list{
max-width:208px;
width:100%;
justify-content:space-between;
margin: 0;
}
.creators01{
padding: 80px 0 160px;
}
.creator_list{
display:flex;
flex-wrap: wrap;
}
.creator_list li{
width: 18.199%;
margin-right: 2.25125%;
margin-bottom:64px;
position: relative;
}
.creator_list li:nth-child(5n+5){
margin-right: 0;
}
.creator_list li:hover{
opacity:0.7;
}
.creator_list li .img{
max-height:198px;
margin-bottom:16px;
width:100%;
height:40vw;
}
.creator_list li .img img{
width:100%;
height:100%;
object-fit:cover;
}
.creator_list li .date{
font-size:1.6rem;
line-height:1.8;
margin-bottom:16px;
}
.creator_list li .title{
font-size: clamp(1.8rem, 2vw, 2.4rem);
font-weight:500;
line-height:1.2;
margin-bottom:24px;
}
.pagination-list{
display:flex;
margin: 64px auto 0;
justify-content: center;
width: 100%;
}
.pagination-list .page-numbers{
display: flex;
align-items: center;
justify-content: center;
font-size: 1.6rem;
width: 62px;
height: 62px;
background: #fff;
border: 1px solid #E3E3E3;
margin: 0 0.2%;
transition:.4s;
font-weight: 500;
text-decoration: none;
color: #333333;
}
.pagination-list .page-numbers.prev{
background:#fff;
margin: 0px 3% 0 0;
position:relative;
}
.pagination-list .page-numbers.next{
background:#fff;
margin: 0px 0% 0 3%;
position:relative;
}
.pagination-list .page-numbers.current,
.pagination-list .page-numbers:hover{
background: #1D3D86;
color:#fff;
opacity:1;
border: 1px solid #1D3D86;
}
.contact01{
padding:165px 0  0;
}
.contact01 .mainTit1 span{
color:#F7F7F7;
font-size: clamp(5rem, 8vw, 16rem);
}
.contact01 .text1{
margin-top:40px;
display:flex;
align-items:center;
justify-content:center;
}
.contact01 .wvc-row{
padding:16px 0 0px;
} .works01.recruit01{
padding:0;
}
.recruit01 .entry-content.clearfix .section:nth-child(1){
background:#111111;
padding:80px 0 0;
}
.recruit01 .entry-content.clearfix .section:nth-child(1) .vc_empty_space{
display:none;
}
.recruit01 .entry-content.clearfix .section:nth-child(1) .wvc-row-wrapper-width-full,
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-row-wrapper-width-full,
.recruit01 .entry-content.clearfix .section:nth-child(3) .wvc-row-wrapper-width-full{
max-width:1088px;
width: 95%;
margin: 0 auto;
}
.recruit01 .entry-content.clearfix .section:nth-child(1) .wvc-element{
margin: 0 auto!important;
}
.recruit01 .entry-content.clearfix .section:nth-child(1) .wvc-element h1{
text-align:left!important;
display:none;
}
.recruit01 .entry-content.clearfix .section:nth-child(1) .wvc-element .subtitle{
text-align:left!important;
font-size: clamp(2.4rem, 2.4vw, 3.2rem);
font-weight:500;
line-height:1.4375;
padding-bottom: 24px;
border-bottom: 1px solid #CCCCCC;
}
.recruit01 .entry-content.clearfix .section:nth-child(2){
background:#111111;
color:#fff!important;
padding: 40px 0 0;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-column{
width: 100%;
margin: 0 auto;
padding-bottom: 80px;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-col-2{
display:none;
}
.recruit01 .wvc-row-wrapper.wvc-row-wrapper-width-standard{
max-width:1088px;
width:95%;
margin:0 auto;
}
.recruit01 .wvc-row-layout-column .wvc-row-content{
width:100%;
margin: 0 auto!important;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) h2{
color:#fff;
margin:0;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) h2:before,
.recruit01 .entry-content.clearfix .section:nth-child(2) h2:after{
display:none;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-column-wrapper{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-column-wrapper .wvc-custom-heading{
width: 19%;
margin: 0!important;
padding: 40px 0!important;
border-bottom:1px solid #CCCCCC;
line-height:1.6;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-column-wrapper .wvc-custom-heading h2{
font-size: clamp(1.5rem, 1.6vw, 1.8rem)!important;
line-height:1.6;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-column-wrapper .wvc-text-block{
width: 81%;
margin: 0!important;
padding: 40px 0 40px 10px!important;
zoom: 0;
border-bottom:1px solid #CCCCCC;
font-size: clamp(1.5rem, 1.6vw, 1.8rem);
line-height:1.6;
}
.recruit01 .entry-content.clearfix .section:nth-child(3) .wvc-col-2{
display:none;
}
.recruit01 .entry-content.clearfix .section:nth-child(3) .wvc-columns-container .wvc-column{
width:100%;
margin: 0 auto 160px;
}
.recruit01 .entry-content.clearfix .section:nth-child(3) .wbp_wrapper p{
text-align:center;
} .recruit01 .single-post-content-container .post-extra-meta{
display:none;
}
.recruit01 .wolf-share-buttons-container{
display:none;
}
.recruit01 .single-post-bottom-line{
display:none;
}
.works_main .share_area {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.blog_side_bar_list{
}
.blog_side_bar_list li{
display:flex;
position:relative;
justify-content:space-between;
margin-bottom:32px;
}
.blog_side_bar_list li:hover{
opacity:0.7;
}
.blog_side_bar_list li .img{
width: 42%;
}
.blog_side_bar_list li .text_area{
width: 54%;
}
.blog_side_bar_list li .text_area .text{
font-size: clamp(1.2rem, 1.4vw, 1.4rem);
line-height:1.8;
margin: 0 0 14px;
}
.blog_side_bar_list li .text_area .title{
font-size: clamp(1.8rem, 2vw, 2.4rem);
line-height:1.05;
margin: 0;
}    @media screen and (min-width: 1921px) {   }    @media screen and (max-width: 1200px) {   }    @media screen and (max-width: 1000px) {   }    @media screen and (max-width: 768px) {  .works01 .flex{
flex-direction:column;
}
.works01 .works_main{
max-width:initial;
width: 100%;
}
.side_works{
width: 100%;
margin: 0 auto;
}
.works_div2{
margin:60px 0;
}
.works_btn_area{
margin-top:40px;
padding-top:40px;
}
#videos-index{
justify-content:space-between;
}
#videos-index article{
width: 48%;
margin-right: 0%;
margin-bottom: 32px;
}
.entry-container2 .img {
max-height: 195px;
height: 27vw;
}
.works01.media01 .works_main{
max-width:initial;
width: 100%;
}
.side_works{
max-width: 500px;
width: 100%;
margin:0 auto;
}
.rpwe-block ul.rpwe-ul li{
max-width:500px;
margin: 0 auto 8px!important;
width:100%;
}
.rpwe-block ul.rpwe-ul li > a{
max-height: initial;
}
.works_main .wvc-yt{
height: 53vw;
}
.detail_area .head_title_block{
flex-direction:column;
padding:0px 8px;
}
.detail_area #head_title_page{
margin-left:0;
margin-top:16px;
}
.media02 #index-22214{
justify-content:space-between;
}
.media02 #index-22214 article{
width: 48%;
margin-bottom: 32px;
margin-right: 0%;
}
.creator02 #index-22214{
justify-content: space-between;
}
.creator02 #index-22214 article{
width: 48%;
margin-bottom: 32px;
margin-right: 0%;
}
.creator02 #index-22214 article:nth-child(5n+5){
margin-right:0;
}
.mv_video{
height:320px;
}
.creators02 {
padding: 60px 0 80px;
}
.creators02_div11{
flex-direction:column;
}
.creators02_div11 .text_area{
width:100%;
margin:0 auto 24px;
max-width:initial;
}
.creators02_div11 .img_area{
margin:0 auto;
width:100%;
max-width:350px;
}
.creators02_div12{
margin-top:0px;
flex-direction:column;
}
.creators02_div121{
width:100%;
max-width:initial;
margin-top:24px;
font-size:1.4rem;
}
.creators02_div121 .right{
font-size:1.4rem;
}
.creators02_div1{
margin-bottom:60px;
}
.creators02_div2 .top_title_area{
margin-bottom:24px;
}
.creators_mov_list{
flex-direction:column;
}
.creators_mov_list li{
width:100%;
margin-bottom: 32px;
margin-right:0;
}
.creators_mov_list li:last-child{
margin-bottom: 0px;
}
.creators_mov_list .cre_mov {
height: 54vw;
max-height: initial;
margin-bottom: 8px;
}
.creators02_div2 {
margin-bottom: 60px;
}
.fun_banner1:after{
width:42px;
height:42px;
right: 2%;
top: auto;
bottom: 8px;
}
.fun_banner1 .text{
font-size:1.5rem;
}
.creators02_div3 .fun_banner1.mount {
margin-bottom: 32px;
}
.creators02_div3 {
margin-bottom: 60px;
}
.creator_list{
justify-content:space-between;
}
.creator_list li{
width: 48%;
margin-right: 0%;
margin-bottom:32px;
}
.creator_list li .img{
max-height:320px;
}
.creators01{
padding: 60px 0 60px;
}
.contact01 .mainTit1 span{
bottom:10px;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-column-wrapper{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-column-wrapper .wvc-custom-heading{
width: 100%;
margin: 0!important;
padding: 24px 0 8px!important;
border:none;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-column-wrapper .wvc-custom-heading h2{
font-size:1.8rem!important;
}
.recruit01 .entry-content.clearfix .section:nth-child(2) .wvc-column-wrapper .wvc-text-block{
width: 100%;
padding: 0px 0 24px 0px!important;
}
.recruit01 .entry-content.clearfix .section:nth-child(3) .wvc-columns-container .wvc-column{
width:100%;
margin: 0 auto 80px;
}
.media02.Creator02 #index-22214 article{
width: 24%;
margin-right: 1.3333%;
}
.media02.Creator02 #index-22214 article:nth-child(3n+3){
margin-right: 1.33333%;
}
.media02.Creator02 #index-22214 article:nth-child(5n+5){
margin-right: 1.3333%;
}
.media02.Creator02 #index-22214 article:nth-child(4n+4){
margin-right: 0%;
}
.blog_side_bar_list li .text_area .text{
font-size: clamp(1.2rem, 4vw, 1.4rem);
}
.blog_side_bar_list li .text_area .title{
font-size: clamp(1.8rem, 5vw, 2.4rem);
} }    @media screen and (max-width: 591px) {  #videos-index article{
width: 100%;
}
.entry-container2 .img {
max-height: 195px;
height: 50vw;
}
.media02 #index-22214 article{
width: 100%;
margin-bottom: 32px;
}
.creator02 #index-22214 article{
width: 100%;
}
.creator_list li{
width: 100%;
margin-bottom:24px;
}
.creator_list li .img{
height:70vw;
max-height:initial;
}
.media02.Creator02 #index-22214{
justify-content:space-between;
}
.media02.Creator02 #index-22214 article{
width: 48%;
margin-right: 0%;
}
.media02.Creator02 #index-22214 article:nth-child(3n+3){
margin-right: 0%;
}
.media02.Creator02 #index-22214 article:nth-child(5n+5){
margin-right: 0%;
}
.media02.Creator02 #index-22214 article:nth-child(4n+4){
margin-right: 0%;
} }    @media screen and (max-width: 414px) {   }    @media screen and (max-width: 320px) {   }

.creator_cnt .post  h2:before {
border-bottom: 2px solid #1D3D86!important;
}
.creator_cnt .post .contactleft.wvc-col-4 h2:before {
border-bottom: 2px solid #df4545!important;
}
.creator_cnt .post h3 {
border-left: 2px solid #1D3D86!important;
}
.pri_div{
width: 100%;
padding: 3%;
height: 285px;
overflow-y:scroll;
margin: 80px auto;
border: 1px solid #CCCCCC;
}
.pri_div .text1{
font-size:1.4rem;
line-height: 1.7857;
margin-bottom:24px;
}
.pri_div .title{
font-size: clamp(1.8rem,2vw,2.4rem);
font-weight:700;
line-height: 1.333;
letter-spacing: 0.01em;
padding: 0;
border: none;
}
.pri_div dt{
font-size:1.4rem;
line-height: 2;
border:none;
text-decoration:none;
font-weight:500;
}
.pri_div dd{
font-size:1.4rem;
line-height: 2;
margin-bottom:24px;
font-weight:500;
}
.pri_div dd p{line-height:2;font-size:1.4rem;margin: 24px 0 0!important;padding: 0;border: none;}
.privacy_area{
display:flex;
align-items:center;
margin-bottom: 25px;
}
.privacy_area label{
display:flex;
align-items: center;
font-size: clamp(1.6rem,1.4vw,1.8rem);
font-weight: 500;
line-height: 1.6;
width: 100%;
justify-content: center;
}
.privacy_area label .wpcf7-list-item-label span{
color:#E30F14;
}
.privacy_area input{
width: 24px;
height: 24px;
border: 1px solid #ccc;
border-radius: 0;
accent-color: #ccc;
margin-right: 10px;
}
.wpcf7-inline-wrapper{
flex-direction: column;
}
.wpcf7-inline-wrapper .wpcf7-inline-field{
width:100%;
align-items: center;
margin: 0 auto!important;
padding: 40px 0;
border-bottom: 1px solid #ccc;
}
.wpcf7-inline-field br{
display:none;
}
.wpcf7-inline-field{
display:flex;
justify-content:space-between;
}
.wpcf7-inline-field .wpcf7-form-control-wrap,
.wpcf7-form .wpcf7-form-control-wrap,
.wpcf7-form .cont_div{
width: 78%;
max-width:848px;
margin-left:2%;
flex-shrink: 0;
}
.wpcf7-form .cont_div .wpcf7-form-control-wrap{
margin:0;
width:100%;
max-width:initial;
}
.wpcf7-form .wpcf7-field,
.wpcf7-form p,
.wpcf7-wrapper .wpcf7-field,
.wpcf7-wrapper p{
margin: 0 auto!important;
display: flex;
justify-content: space-between;
padding:40px 0;
border-bottom: 1px solid #ccc;
font-size: 1.6rem;
}
.wpcf7-form .wpcf7-field.col_p{
flex-direction:column;
}
.wpcf7-form .wpcf7-field.col_p span{
margin:0;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
option {
background:#F7F7F7!important;
}
select{
max-width:320px!important;
}
textarea{
height:170px;
width:100%;
}
.wpcf7-field font{
display:block;
font-size: 1.6rem;
}
input[name=other_text]{
margin-top:8px;
}
.privacy_area .wpcf7-form-control-wrap{
margin:0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.wpcf7-form-control.has-spinner.wpcf7-submit.wpcf7-button-fullwidth{
background:#111;
border:1px solid #111;
max-width: 342px;
width: 100%!important;
margin: 0 auto!important;
}
.wpcf7-form-control.has-spinner.wpcf7-submit.wpcf7-button-fullwidth:hover{
background:#fff!important;
color:#111!important;
}
.contact01 .wvc-row-wrapper-width-standard{
max-width:1088px;
}
input[type="file"]{
max-width:initial!important;
}   @media screen and (min-width: 1921px) {   }    @media screen and (max-width: 1200px) {   }    @media screen and (max-width: 1000px) {   }    @media screen and (max-width: 768px) {  .wpcf7-form .wpcf7-field,
.wpcf7-form p,
.wpcf7-wrapper .wpcf7-field,
.wpcf7-wrapper p{
padding:24px 0;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
}
.wpcf7-inline-field .wpcf7-form-control-wrap,
.wpcf7-form .wpcf7-form-control-wrap,
.wpcf7-form .cont_div{
width: 100%;
max-width:initial;
margin-left:0%;
margin-top:8px;
}
.wpcf7-field br{
display:none;
}
.wpcf7-inline-wrapper .wpcf7-inline-field{
text-align:left;
align-items:flex-start;
} }    @media screen and (max-width: 591px) {   }    @media screen and (max-width: 414px) {   }    @media screen and (max-width: 320px) {   }