@charset "UTF-8";
/*
Theme Name: GV-Create Base
Theme URI:
Description: GV-Createベーステーマ
Author: GV-Create
Author URI:
Version: 1
Text Domain: GV-Create
*/
/* all display
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&display=swap');
html,
body {margin: 0px;font-size: 15px;color: #000000;
font-family: "Noto Sans JP";text-align: justify;line-height: 1.8;-webkit-font-smoothing: antialiased;background: #FFF;}
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {display: block;margin: 0px;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
body{min-width: 1000px;}
table , td, th {border-collapse: collapse;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;text-decoration: none;}
a{transition: 0.5s;text-decoration: none;}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.wmain{max-width: 1156px;margin: 0 auto;}
.pc{display: inline-block;}
.sp{display: none;}
h1{line-height: 1.6em;font-size: 2rem;font-weight: 500;}
h2{line-height: 1.6em;font-size: 2.8rem;font-weight: 500;}
h2.sub{font-size: 10rem;line-height: 1.4;font-weight: 800;letter-spacing: 6px;position: absolute;top: -20px;}
h3{line-height: 1.6em;font-size: 2rem;font-weight: 700;position: relative;text-align: center;margin: 0 0 15px;padding: 0 0 15px;z-index: 2;}
h3:after{content: "";position: absolute;width: 65px;height: 3px;background: #f39800;margin: 0 auto;left: 0;right: 0;bottom: 0px;}
p{margin: 0 0 18px;}
section{padding: 80px 0;position: relative;overflow: hidden;}
table,th,td{border: none;}
.btn{text-align: center;}
.btn a{display: inline-block;color: #fff;background: #f39800;padding: 10px 40px;border-radius: 100px;}
.btn a:hover{background: #79B929;}
.img{position: relative;overflow: hidden;}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;bottom: 0;left: 0;right: 0;margin: auto;}
.slick-slide {padding-left: 1px;padding-right: 1px;}
.sld{width: 100%;margin: 0 auto;}
.sld img {width: 100%;display: block;overflow: hidden;text-align: center;height: auto;}

/*header
*********************/
.header{margin: 0 auto;padding: 10px 0px;background: #ffffff;}
.header a{color: #333;}
.header a:hover{color: #999;}
.header .wmain{padding: 5px 0 10px;display: flex;justify-content: space-between;align-items: center;width: 90%;max-width: 90%;}
.header .logo{width: 45%;}
.header .logo img{width: 35%;}
/*topnav*/
.topnav{width: 50%;}
.topnav .nav {margin: 0 auto;padding:0;display: flex;justify-content: flex-end;align-items: center;}
.topnav .nav li a{font-size: 120%;margin: 0 25px 0 0;font-weight: bold;}
.topnav .nav .dropdown .btn{font-size: 90%;color: #fff;}
.topnav .nav .dropdown a{color: #333;font-size: 80%;margin: 0;}
.topnav .nav .pc{display: none;}
.menu-trigger{display: none;}
#header.fixed{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}

/*fv
*********************/
.fv{;position: relative;text-align: center;}
.fv:before{content: "";width: 100%;height: 100%; left: 0;top: 0; position: absolute; background: #f39800; clip-path: polygon(100% 0, 0 0, 0 100%);}
.fv .mainfv{position: relative;z-index: 2;padding: 4% 0 0 10%;}
.fv .ti h1{text-align: right;font-family: "Shippori Mincho", serif;font-weight: 500;font-style: normal;font-size: 4.5rem;line-height: 1.4; padding: 0 6% 0 0;position: absolute;bottom: 10%;right: 0;}
.fv .ti span{background: rgb(255 255 255 / 0.9);padding: 0 20px;display: inline-block;text-align: center;vertical-align: middle;}
.fv .ti span img{width: 220px;vertical-align: baseline;display: inline-block;}
.fv .img{height: 700px;}

/*news
*********************/
.news h2.sub{right: -10px;top: -50px; color: #f6f6f6;}
.news .inner{max-width: 70%;margin: 0 auto;display: flex;justify-content: space-between;align-items: baseline;}
.news .ti{font-weight: 500;font-size: 1.7rem;width: 12%;line-height: 1;letter-spacing: 1px;}
.news .ti span{border-bottom: 3px solid #f39800;}
.news .newstx{width: 83%;display: flex;align-items: center;}
.news .newstx li{margin: 0 0 5px 0;}
.news .newstx span{border: 1px solid #000;padding: 0 15px;margin: 0 20px 0 0;display: inline-block;}
.news .newstx a{color: #000;}
.news .newstx a:hover{color: #f39800;}
.news_contents .inner{width: 80%;margin: 0 auto;}
.news_contents .brd{margin: 0 0 15px;}
.news_contents .brd ul{display: flex; justify-content: flex-start;}
.news_contents .brd li {margin: 0 5px 0 0;color: #999;}
.news_contents .brd li a{color: #000;}
.news_contents .brd li a:after {content: '〉';margin: 0 0 0 10px;color: #333;opacity: 1;}
.news_contents .ttl{margin: 0 0 20px;}
.news_contents h2{font-size: 1.4rem;}
.news_contents img{height: auto;}
.news_contents .newsall{margin: 30px auto 0;}
.pagination{text-align: center;margin: 30px auto 0;}
.pagination a{padding: 0 5px;color: #f39800;}

/*business
*********************/
.business{background: #f2f7ec;}
.business h2.sub{left: -10px;color: #ffffff;}
.business .tsub{text-align: center;margin: 30px 0;padding: 30px 0;}
.business ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap:30px;}
.business li{width: 48.5%;background: #fff;}
.business .txt{padding: 25px;}
.business .txt p{margin: 0;}
.business .txt .ti{text-align: center;font-weight: 700;font-size: 1.6rem;color: #f39800;line-height: 1.6;}
.business .img{height: 270px;}
.business .img img{width: 120%;height: 100%;}

/*advantage
*********************/
.advantage h2.sub{right: -10px;color: #f6f6f6;}
.advantage ul{margin: 80px auto 0;max-width: 85%;}
.advantage li{margin: 50px auto;display: flex;justify-content: space-between;}
.advantage li:nth-child(odd){flex-direction: row-reverse;}
.advantage .img{width: 40%;text-align: center;}
.advantage .img img{object-fit: contain;}
.advantage .txt{width: 58%;}
.advantage .ti{display: flex;justify-content: space-between;margin: 0 0 25px;align-items: center;}
.advantage .nmr{font-weight: 700;font-size: 8.5rem;color: #f39800;line-height: .7;width: 30%;}
.advantage .tis{font-weight: 700;font-size: 2.2rem;width: 65%;line-height: 1.2;}

/*message
*********************/
.message{background:url(img/message-bg.jpg) center no-repeat #505050;background-size: cover; color: #fff;}
.message h2.sub{left: -10px;color: #606060;}
.message .ctn{display: flex;justify-content: space-between;padding: 0 80px;margin: 80px auto 0;}
.message .txt{width: 100%;}

/*about
*********************/
.about h2.sub{right: -10px;color: #f6f6f6;}
.about ul{margin: 80px auto;display: flex;justify-content: space-between;gap:25px;flex-wrap: wrap;}
.about li{width: 48%;}
.about .img{width: 100%;height:360px;}
.company table{width: 70%;margin: 50px auto 30px;}
.company th,.company td{border-bottom: 1px solid #eee;padding: 10px 20px;font-weight: normal;}
.company th{width: 35%;}
.company td{width: 65%;}

/*flow
*********************/
.flow{background: #f2f7ec;}
.flow h2.sub{left: -10px;color: #ffffff;}
/* Slick*/
.slick-track {display: flex;}
.slick-slide {height: auto;}
.flow__container {overflow: hidden;}
.flow-slick {width: 100%;max-width: 1156px;padding: 30px 10px;margin: 15px auto;position: relative;@include breakpoint(500px) {margin: 5% auto;}}
.slick-slide {margin:0 10px;background: #fff;padding: 30px;}
.flow-slick button.arrow_name {width: 30px;height: 30px;border-radius: 100%;background: #f39800;position: absolute;bottom: -10px;cursor: pointer;z-index: 5;}
.flow-slick button.arrow_name:hover{background: #79B929;}
.flow-slick button.arrow_name::before {content: "";width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;position: absolute;top: 50%;}
.flow-slick button.prev_arrow {right: 50px;}
.flow-slick button.next_arrow {right: 0;}
.flow-slick button.prev_arrow::before {left: 52%;transform: translate(-50%,-50%)  rotate(225deg);}
.flow-slick button.next_arrow::before {left: 48%;transform: translate(-50%,-50%)  rotate(45deg);}
.flow-slick button {-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;padding: 0;border: none;background-color: transparent;}
.slick-slider button:focus {outline: none;}
.slick-list{overflow: visible;}
.flow .inr{display: flex;justify-content: space-between;}
.flow .img{width: 30%;}
.flow .txt{width: 65%;}
.flow .txt a{text-decoration: underline;}
.flow .txt p{margin: 0;}
.flow .img img {height: inherit;width: 100%;position: relative;object-fit:inherit;}
.flow .ti{font-weight: 800;font-size: 1.4rem;line-height: 1.4;margin: 0 0 10px;}
.flow .nmr{color: #f39800;}

/*faq
*********************/
.faq h2.sub{right: -10px;color: #f6f6f6;}
.qa{width: 85%;margin: 50px auto 0;}
.qa li{background: #fff;margin: 10px 0;background: #f6f6f6; }
.qa-q {padding: 15px 45px 15px 20px;transition: background .3s ease;cursor: pointer;position: relative;border-bottom: 1px solid var(--bggry-color);}
.qa-q::before,
.qa-q::after{position:absolute;content:'';top:1px;right:20px;bottom:0;width:12px;height:1px;margin:auto;background:#001f4f;}
.qa-q::after{transform:rotate(-90deg);transition:transform 0.3s;}
.qa-q.active::after{transform:rotate(0deg);}
.qa-a {background:  var(--white-color);padding: 12px 20px 10px;}
.qa-q p,.qa-a p{padding: 0 35px;position: relative;margin: 0;}
.qa-q .ico,.qa-a .ico{position: relative;font-weight: bold;}
.qa-q .ico::before,.qa-a .ico::before{text-align: center;font-size: 180%;line-height: 1;}
.qa-q .ico::before{position: absolute;content:"Q";top: 0px;left: 0;}
.qa-a .ico::before{position: absolute;content:"A";top: 0px;left: 0;color: #f39800;}
.qa-q:hover,.qa-q.active {background: #fffaf1;}
.qa-a {display: none;}

/*contact
*********************/
.contact{background: #f2f7ec;}
.contact h2.sub{left: -10px;color: #ffffff;}
.contact .inner{max-width: 70%;margin: 50px auto 0;}
.contact table{width: 100%;margin: 0 auto 20px;}
.contact th,.contact td{padding: 5px 0;position: relative;}
.contact th{width: 30%;font-weight: normal;}
.contact td{width: 70%;}
.contact table select {width: 100%;border: 1px solid #eae9e9;border-radius: 5px;height: 50px;}
.contact p{margin: 0;}
.contact .form-req{background: #ffe1e2;color: #c35656;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);padding: 4px 3px;border-radius: 3px;font-size: 80%;line-height: 1;font-weight: 400;}
.contact .wpcf7-radio .wpcf7-list-item{display: block;}
.submit-btn{text-align: center;margin: 20px auto 0;}
.submit-btn input{font-size: 105%;font-family: "Noto Sans JP";cursor: pointer;}
.submit{border: none;margin: 5px 0;color: #fff;padding: 10px 100px;background: #f39800;border-radius: 100px;transition: .5s;}
.submit:hover,.toback:hover{background: #000;color: #fff; transition: .5s;}
.submit-btn{text-align: center;margin: 20px auto 0;}
.submit-btn p {display: flex;justify-content: center;}
.submit-btn input{font-size: 105%;font-family: "Noto Sans JP";cursor: pointer;margin: 0 3px;}
.toback{border: none;margin: 5px 0;border-radius: 100px;padding: 10px 100px;background:#ddd;}
.form-text,.form-textarea{width: 100%; border: 1px solid #eae9e9;background: #f6f6f6;border-radius: 5px;background: #fff;}
.form-text{height: 50px;}
.form-textarea{height: 140px;}
.contact .wrn{text-align: center;color: red;}

.linebtn{position: fixed;bottom: 20%;right: 0;z-index: 9;max-width: 150px;display: none;}


/*footer
*********************/
.footer{text-align: center;padding: 50px 0;font-size: 75%;}
.footer .logo{width: 150px;margin: 0 auto 10px;}

/*animation
*********************/
.movetext{opacity:0;}
.movetext span{opacity:0;}

.fadeIn {opacity: 0;}
.fadeIn.is-show {animation: fadeIn forwards 0.8s 1 ease 0.2s normal;}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}

.fade_main{transform: translate3d(0, 109%, 0);opacity: 0;}
.fade_main.is-show{animation: fade_mainAnime forwards 0.6s 1 ease 0s normal;}
@keyframes fade_mainAnime {0% {opacity: 0;transform: translate3d(0, 109%, 0);}30% {opacity: 0;}100% {opacity: 1;transform: translate3d(0, 0, 0);}}

.ph .is-show .img {animation: bgColors forwards 1s 1 ease 1.5s normal;}
.ph .img::before {content: '';display: inline-block;width: 0;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: #f39800;}
.ph .is-show .img::before {animation: barAnime forwards 1s 1 ease 0.1s normal;}
.ph  img {opacity: 0;transform: scale(1.1);}
.ph .is-show img {animation: photoAnime forwards 1s 1 ease 0.5s normal;}
.ph .mmbPhoto{transition: all 0.3s ease;}
@keyframes bgColors {0% {background-color: transparent;}100% {background-color: #f39800;}}
@keyframes barAnime {0% {left: 0;width: 0;}50% {left: 0;width: 100%;}51% {left: 0;width: 100%;}68% {left: 0;width: 100%;}100% {left: 100%;width: 0;}}
@keyframes photoAnime {0% {opacity: 0;transform: scale(1.1);}50% {opacity: 0;transform: scale(1.1);}100% {opacity: 1;transform: scale(1);}}