/*
Theme Name:OUR VALUE CORPORATE SITE
Theme URL:https://ourvalue.jp/
Description:OUR VALUE CORPORATE SITE test.
Author:Eri.G
Version:1.0
*/


@font-face{font-family:"BebasNeue-Regular";font-style:normal;font-weight:400;src:url("fonts/BebasNeue-Regular.eot");src:url("fonts/BebasNeue-Regular.woff") format("woff")}


html {line-height:1.15;-webkit-text-size-adjust:100%}
body {margin:0;}
main {display:block}
h1 {font-size:2em;margin:.67em 0}
hr {-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}
pre {white-space:pre-wrap;font-family:'Noto Serif JP',"Playfair Display", serif;font-style:nomal;line-height:2.2;font-size:100%;}
a {background-color:transparent}
abbr[title] {border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong {font-weight:bolder}
code,kbd,samp {font-size:1em}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub {bottom:-.25em}
sup {top:-.5em}
img {border-style:none}
button,input,optgroup,select,textarea {font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input {overflow:visible}
button,select {text-transform:none}
[type=button],[type=reset],[type=submit],button {-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline:1px dotted ButtonText}
fieldset {padding:.35em .75em .625em}
legend {-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress {vertical-align:baseline}
textarea {overflow:auto}
[type=checkbox],[type=radio] {-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;transform:scale(1.5);}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration {-webkit-appearance:none}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
details {display:block}
summary {display:list-item}
[hidden],template {display:none}

*,:after,:before {-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:inherit;backface-visibility:inherit}

html {position:relative;overflow-x:hidden;color:#000;font-size:1.023vw;
/* font-family:dnp-shuei-gothic-gin-std, Helvetica, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif; */
font-family:Crossten,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
line-height:2;letter-spacing:.06em;text-align:left;word-wrap:break-word;background:#fff;}


@media screen and (min-width:1980px) {
html {position:relative;overflow-x:hidden;color:#000;font-size:1.8vw;}
}

@media screen and (min-width:1600px) {
html {position:relative;overflow-x:hidden;color:#000;font-size:0.8vw;}
}
/* 
@media screen and (min-width:1200px) {
html {position:relative;overflow-x:hidden;color:#000;font-size:1.2vw;}
}
@media screen and (min-width:1000px) {
html {position:relative;overflow-x:hidden;color:#000;font-size:1.6vw;}
}
       */ 
@media screen and (max-width:768px) {
html {font-size:1.6vw;}
}

body {position:relative;width:100%;overflow-x:hidden}
html:has(dialog[open]) {overflow: hidden;}

h1,h2,h3,h4,h5,h6,hr,p,pre {margin-top:0;margin-bottom:0}
blockquote {margin:0}
ol,ul {margin-top:0;margin-bottom:0;padding-left:0}
li {list-style-type:none}
dl {margin-top:0;margin-bottom:0}
dd {margin-left:0}
figure {margin:0}
address,cite,dfn,em,i,var {font-style:inherit}
audio,canvas,embed,iframe,img,object,svg,video {vertical-align:bottom}
iframe,img,input,select,textarea,video {max-width:100%;height:auto}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#aaa}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:#aaa}
input:-ms-input-placeholder,input::placeholder,textarea:-ms-input-placeholder,textarea::placeholder {color:#aaa}
svg {fill:currentcolor}
table {border-collapse:collapse;border-spacing:0}
td,th {padding:0}
th {text-align:inherit}
button,input,select,textarea {padding:0;color:#121212;font:inherit;background-color:transparent;border:0}
select {border-radius:0;}
::-ms-expand {display:none}
fieldset {min-width:0;margin:0;padding:0;border:0}
[hidden][hidden] {display:none !important}
input:focus, select:focus, textarea:focus {}
img {width:100%;height:auto;-webkit-backface-visibility:hidden;}* {box-sizing:border-box;}



a {color:#111;text-decoration:none;-webkit-transition:.3s;transition:.3s;}
a:visited {}
a:hover {text-decoration:none;}
a:active {}
a:focus {}
.center{text-align:center !important; margin:auto !important;}
.pc {display:inline-block !important;}
.sp {display:none !important;}
@media screen and (max-width:767px) {
.pc {display:none !important;}
.sp {display:inline-block !important;}
}


/*TX/////////////////////*/
.all_title{display:block;color:#1a2c62;padding:30px 0 10px;font-family:"Playfair Display", serif;font-size:50px;letter-spacing:0.25em;font-weight:normal;}
.tx1 {font-family:'Noto Serif JP', serif;font-weight:400;margin:10px 0 20px;font-size:110%;color:#363821;}

@media only screen and (min-width:1600px) {
.all_title{font-size:4rem; }
.tx1 {font-size:1.6rem;}

}
@media only screen and (max-width:767px) {
.all_title{font-size:10vw; text-align:center;}
.tx1 {font-size:4vw;}
}





/* HELLO
----------------------------------------- */

.shutter {-webkit-animation:byeShutter 2.6s forwards;animation:byeShutter 2.6s forwards;}
.shutter{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999;animation:byeShutter 2.6s forwards;}
.shutter::before,
.shutter::after{content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;}
.shutter::before{background-color:#efefef;width:0;height:1px;animation:shutterOpen1 2.6s forwards;}
.shutter::after{width:120%;height:0;margin-left:-10%;background-color:#f3f3f3;animation:shutterOpen2 2.6s forwards;}


@keyframes byeShutter{
70%{opacity:1;}
100%{opacity:0;display:none;z-index:-1;}
}

@keyframes shutterOpen1{
0%{width:0;height:1px;}
50%{width:100%;height:1px;}
90%{width:100%;height:100%;}
100%{width:100%;height:100%;}
}

@keyframes shutterOpen2{
60%{width:120%;height:0;transform:rotate(5deg);}
90%{width:120%;height:100%;transform:rotate(-5deg);}
100%{width:120%;height:100%;transform:rotate(-5deg);}
}

@keyframes contentScale{
70%{transform:perspective(800px) scale(0.9) rotateX(15deg);}
100%{transform:perspective(800px) scale(1) rotateX(0);}
}

/* PC nav *//*/////////////////////*//*/////////////////////*//*/////////////////////*/
.head_nav {display:block;position:fixed;left:0;width:100%;background-color:rgba(255, 255, 255, 0.95);z-index:10000;box-shadow:0px 0px 5px -3px #999;transition:all .3s;
font-family:"Playfair Display", serif;}

.head_nav-inner{padding:0px 5%;display:flex;justify-content:flex-end}
.head_nav-inner>div{padding:5px;}

.head_logo {width:180px;height:auto;vertical-align:top;margin-bottom:10px;}
.head_logo a {transition:all .3s;}
.head_logo a:hover {opacity:0.6;}


.navbtn {position:relative;display:block;float:right;width:100px;height:35px;line-height:30px;text-decoration:none;overflow:hidden;cursor:pointer;}
.btn__text,.btn__text2 {position:absolute;left:0;display:block;font-family:"Playfair Display", serif;height:100%;width:100%; color:#111;font-size:100%;font-weight:normal;text-align:center;transition:all 0.4s;}
.btn__text {top:10px;}
.btn__text2{top:100%;font-size:80%;}
.navbtn:hover .btn__text{top:-100%;}
.navbtn:hover .btn__text2{top:10px;}

.nav_menu {width:100%;padding:0 0 90px;z-index:9000;display:flex;justify-content:flex-end}
.nav_menu.open {visibility:visible;opacity:1;transition:0.7s;}


@media only screen and (max-width:767px) {
.head_logo {display:none;}
.head_nav-inner>div{padding:50px 0 0;}

.nav_menu {box-sizing:border-box;width:100%;position:fixed;left:0;top:0;padding:100px 0 90px;background-color:rgba(13,32,77,0.97);
z-index:9000;opacity:0;visibility:hidden;transition:all .3s;color:#fff;display:block;height:-webkit-fill-available;}


.navbtn {position:relative;display:block;float:none;width:100%;height:100px;padding:2vh 0 0;}
.navbtn:hover {background-color:rgba(255, 255, 255, .5);color:#333;cursor:pointer;transition:.3s;padding-top:30px;}
.navbtn:hover .btn__text{top:20px;}
.navbtn:hover .btn__text2{top:50px;}

.btn__text {width:100%;color:#fff;font-size:5vw;transition:all 0.4s;top:20px;}
.btn__text2{width:100%;color:#fff;font-size:3vw ;transition:all 0.4s;top:50px;}
/*//
.btn__text:nth-child(1) {top:10px;}
.btn__text:nth-child(2) {top:100%;font-size:80%;}
.co_head-nav {width:calc(100% - 36px);padding-left:2%;text-align:right;padding-top:10px;}
//*/

}



.hamburger {position:fixed;top:5%;right:5%;width:25px;height:70px;padding:0;z-index:10000;}
.menu-trigger,
.menu-trigger span {display:inline-block;transition:all .3s;box-sizing:border-box;}
.menu-trigger {position:relative;width:25px;height:28px;}
.menu-trigger span {position:absolute;left:0;width:100%;height:2px;background-color:#d3b847;}
.menu-trigger span:nth-of-type(1) {top:10px;}
.menu-trigger span:nth-of-type(2) {bottom:11px;}
.menu-trigger span:nth-of-type(3) {bottom:5px;}
.active .menu-trigger span:nth-of-type(1) {-webkit-transform:translateY(3px) rotate(-45deg);transform:translateY(3px) rotate(-45deg);background-color:#d3b847;}
.active .menu-trigger span:nth-of-type(2) {-webkit-transform:translateY(-3px) rotate(45deg);transform:translateY(-3px) rotate(45deg);background-color:#d3b847;}
.active .menu-trigger span:nth-of-type(3) {display:none;}



/*----------------------------------------- */
/* header
----------------------------------------- */
#header {}
.page-id-9 #header{display:none;}
.header_in{position:relative;max-width:1920px;margin:0 auto;background:url("img/bg_tr.svg") bottom right / cover no-repeat;}
.fixed-background {max-width:1920px;background-attachment:fixed;background-size:cover;background-position:center; margin:auto;}
.background-1 {background-image:url("img/photo_1000.jpg");}
.webp .background-1 {background-image:url("img/photo_1000.webp");}
.header-nav-sp {overflow-y:scroll;}
.header-logo {position:absolute;top:50px;left:100px;width:230px;max-width:230px;height:auto;z-index:1000;}
.wave{position:relative;}
.wave canvas{position:absolute;bottom:0;left:0;width:100%;}


@media only screen and (min-width:1000px) {
.background-1 {background-image:url("img/photo_1600.jpg");}
.webp .background-1 {background-image:url("img/photo_1600.webp");}

}

@media only screen and (min-width:1600px) {
.background-1 {background-image:url("img/photo.jpg");}
.webp .background-1 {background-image:url("img/photo.webp");}

}

@media only screen and (max-width:767px) {
.header_in{position:relative;max-width:1920px;margin:0 auto;background:url("img/bg_tr_sp.svg") top right / cover no-repeat;height:100vh;}
.header-logo {position:absolute;top:8%;left:4%;width:40%;max-width:180px;height:auto;}
.home .header-logo {top:5%;}
.background-1,.webp .background-1 {background-image:none;} 
.background-1::before {content:"";display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background-repeat:no-repeat;
background-position:50% 100%;background-image:url("img/photo_sp.jpg");background-size:cover;}
.webp .background-1::before {background-image:url("img/photo_sp.webp");}
.wave canvas{bottom:-40vh;}
}





/*HELLO///////////////////////////////////////////////////*/

.mv_area {position:relative;margin-top:0;}
.mv_area::before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:1000px;z-index:-10;background-size:cover;}
.mv_copy {position:relative;display:flex;align-items:center;justify-content:center;width:60%;height:100vh;padding-top: 30px;
padding-left:10px;color:#0d1e5f;z-index:100;margin-bottom:0px;}

.mv_copy .eng {font-family:'Playfair Display', serif;font-weight:400;margin-top:25%;
font-size:24px;
transform:translateY(25px);opacity:0;transition-property:opacity, transform;transition-duration:1.4s;transition-timing-function:cubic-bezier(.14,.44,.42,1);transition-delay:.7s;}
.mv_copy .jpn {font-family:'Noto Serif JP', serif;font-weight:400;margin:1% 0 80px;
font-size:35px;letter-spacing:0.08em;line-height:1.6;
transform:translateY(25px);opacity:0;transition-property:opacity, transform;transition-duration:1.4s;transition-timing-function:cubic-bezier(.14,.44,.42,1);}

.mv_copy .eng {transform:translateY(0);opacity:1;}
.mv_copy .jpn {transform:translateY(0);opacity:1;}

.mv_copy .jpn span{filter:blur(100px);animation:blur-anim2 1.5s ease-in-out forwards;}
.mv_copy .jpn span:nth-child(1) {animation-delay:0.1s;-webkit-animation-delay:0.1s;}
.mv_copy .jpn span:nth-child(3) {animation-delay:0.3s;-webkit-animation-delay:0.2s;}
.mv_copy .jpn span:nth-child(5) {animation-delay:0.5s;-webkit-animation-delay:0.3s;}

.mv_copy .eng{animation:blur-anim2 1s}

@keyframes blur-anim2 {
0% {transform:scale(1) translateX(100px);filter:blur(100px);-moz-transform:scale(1);-webkit-transform:scale(1);}
100% {transform:scale(1) translateX(0px);filter:blur(0);-moz-transform:scale(1);-webkit-transform:scale(1);}
}

@media only screen and (min-width:1600px) {
.mv_copy .eng {font-size:2rem;}
.mv_copy .jpn {font-size:3rem;}
}


@media only screen and (max-width:767px) {
.mv_area {position:relative;margin-top:0;}
.mv_area::before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:550px;z-index:-10;}
.mv_copy {text-align:left;}
.mv_copy .jpn {margin:2vh 0 8vh;font-size:6.0vw;letter-spacing:0;line-height:1.7;}
.mv_copy .eng {margin:0;font-size:5.2vw;letter-spacing:0.10em;line-height:1.5;}
}

        
    

/*//////////////////////////////////////////////////////////////*/
/* Service */
/*//////////////////////////////////////////////////////////////*/

.bg01{background-color:rgba(20,20,45,0.5);-webkit-transform:skew(0deg, -5deg);margin:5% 0 5%;color:#fff; }
#Service{-webkit-transform:skew(0deg, 5deg);padding:100px 0 0;}
#Service h2{color:#fff;}
#Service .tx1{color:#fff;margin:0px 0 50px;width:600px;}
.ser-inner {position:relative;max-width:1300px;width:100%;margin:100px auto;}
.l-ser {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.l-ser li {position:relative;width:49%;height:360px;background-color:#fff;-webkit-box-shadow:11px 13px 27px 6px rgba(0, 0, 0, 0.08);box-shadow:11px 13px 27px 6px rgba(0, 0, 0, 0.08);overflow:hidden;margin-bottom:60px;}

.l-ser li:after {content:"";background:url("img/ser_01.jpg") no-repeat;position:absolute;left:0;top:0;background-size:100%;
width:400px;height:100%;-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
transition:-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;transition:transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
transition:transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;}
.webp .l-ser li:after{background-image:url("img/about_bg.webp") no-repeat;}

.l-ser li a {color:#111;text-decoration:none;display:block;width:100%;height:100%;overflow:hidden;}
.l-ser li a:after {content:"";width:170px;height:30px;background-size:100%;position:absolute;z-index:50;bottom:10px;right:10px;
background:#2c3856 url("img/blank2.svg") no-repeat;background-size:contain;background-position:center;}
.l-ser li a:hover::after {content:"";width:170px;height:30px;background-size:100%;position:absolute;z-index:50;bottom:10px;right:10px;
background:#556ba6 url("img/blank2.svg") no-repeat;background-size:contain;background-position:center;}
.crm_btn {width: 170px;height: 30px;font-size: 12.5px;font-weight: 600;line-height: 16.90px;word-wrap: break-word;text-align: center;background-color:#E3E3E3;color:#B8B8B8;padding-top: 7px;position:absolute;z-index:50;bottom:10px;right:10px;font-family: Encode Sans Condensed;}

/*//ロゴ大きさ////////*/
.ser_title{width:45%; margin:0px 0 0 10px;}
.ser_title img {width:80%;margin:80px 0 40px;}
.ser_tx{font-size:90%; font-weight:bold; margin:10px 0 0 10px;color: #000000;}
.ser_tx2{font-size:90%; font-weight:normal;margin:10px 20px 0 10px; line-height:1.7;width:263px;word-break:break-word;color: #000000;}

/*//絵を変える/////////*/
.l-ser li.ser01:after {background:url("img/ser_01.jpg") no-repeat;background-size:100%;left:250px;}
.l-ser li.ser02:after {background:url("img/ser_02.jpg") no-repeat;background-size:100%;left:250px;}
.l-ser li.ser03:after {background:url("img/ser_03.jpg") no-repeat;background-size:100%;left:250px;}
.l-ser li.ser04:after {background:url("img/ser_04.jpg") no-repeat;background-size:100%;left:250px;}
.l-ser li.ser05:after {background:url("img/new_ser_05.jpg") no-repeat;background-size:100%;left:250px;}

.webp .l-ser li.ser01:after{background:url("img/ser_01.webp") no-repeat;background-size:100%;left:250px;}
.webp .l-ser li.ser02:after{background:url("img/ser_02.webp") no-repeat;background-size:100%;left:250px;}
.webp .l-ser li.ser03:after{background:url("img/ser_03.webp") no-repeat;background-size:100%;left:250px;}
.webp .l-ser li.ser04:after{background:url("img/ser_04.webp") no-repeat;background-size:100%;left:250px;}
.webp .l-ser li.ser05:after{background:url("img/new_ser_05.webp") no-repeat;background-size:100%;left:250px;}

@media only screen and (max-width:768px) {
    .webp .l-ser li.ser01:after{display: none;}
    .webp .l-ser li.ser02:after{display: none;}
    .webp .l-ser li.ser03:after{display: none;}
    .webp .l-ser li.ser04:after{display: none;}
    .webp .l-ser li.ser05:after{display: none;}
    
}




/*//中をナナメ////////////////*/
@keyframes pagePaper {
0% {-webkit-transform:rotate(74deg) translateY(0);transform:rotate(74deg) translateY(0);}
50% {-webkit-transform:rotate(75deg) translateY(-10px);transform:rotate(75deg) translateY(-10px);}
100% {-webkit-transform:rotate(75deg) translateY(0);transform:rotate(75deg) translateY(0);}
}
.l-ser li:before {content:"";background-color:#fff;width:550px;height:120%;z-index:10;position:absolute;left:-180px;top:20px;
-webkit-transform:rotate(75deg) translateX(0);transform:rotate(75deg) translateX(0);
-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.475, 0.425, 0, 0.995) 0.4s;
transition:-webkit-transform 0.3s cubic-bezier(0.475, 0.425, 0, 0.995) 0.4s;
transition:transform 0.3s cubic-bezier(0.475, 0.425, 0, 0.995) 0.4s;
transition:transform 0.3s cubic-bezier(0.475, 0.425, 0, 0.995) 0.4s,
-webkit-transform 0.3s cubic-bezier(0.475, 0.425, 0, 0.995) 0.4s;}

/*//ナナメ全体/////////////////*/
.l-ser li:nth-child(2n) {margin-bottom:0;}
.l-ser li:nth-child(5n) {visibility:hidden;}
.l-ser li:nth-child(even) {margin-top:-250px;}
.l-ser li:hover:after {-webkit-transform:scale(1.1);transform:scale(1.1);}
.l-ser li:hover a:after {-webkit-transform:none;transform:none;}
.l-ser li:hover:before {-webkit-animation:pagePaper .3s ease-out 0s;animation:pagePaper .3s ease-out 0s;}

.l-ser .white-box {position:relative;height:100%;padding-left:10px;z-index:50;}
.l-ser .text-mini {font-size:12px;font-weight:bold;padding:38px 0 30px 32px;}
.l-ser .text-detail {width:240px;font-size:14px;padding-top:28px;line-height:28px;}






@media only screen and (min-width:1600px) {
    .ser-inner {position:relative;max-width:1580px;width:100%;margin:100px auto;}
    .l-ser li:before {width:550px;height:120%;left:-100px;top:20px;}

.l-ser li {height:440px;}
.l-ser li.ser01:after,.l-ser li.ser02:after,.l-ser li.ser03:after,.l-ser li.ser04:after,.l-ser li.ser05:after,
.webp .l-ser li.ser01:after,.webp .l-ser li.ser02:after,.webp .l-ser li.ser03:after,.webp .l-ser li.ser04:after,.webp .l-ser li.ser05:after {left:375px;}
.ser_tx{font-size:1.3rem; font-weight:bold; margin:10px 0 0 10px;}
.ser_tx2{font-size:1.3rem; font-weight:normal;margin:10px 20px 0 10px; line-height:1.7;width:350px;word-break:break-word;}
.l-ser .white-box {padding-left:30px;}

}







@media screen and (max-width:767px) {
.section1{margin:5% 0 5% 0;padding:2%;}
#Service{margin:50px 0;-webkit-transform:skew(0deg, 5deg);padding:20px 2% 40px;}
.ser-inner {position:relative;max-width:1300px;width:100%;margin:0px auto;}
#Service .tx1{color:#fff;margin:0px 0 50px;width:100%;text-align:center;}
#Service h2{margin-top:120px;}

.l-ser {display:initial}
.l-ser li {position:relative;width:100%;height:230px;margin-bottom:0px;}
.l-ser li:before {display:none;}
.l-ser li:after {position:absolute;left:0;top:0;background-size:100%;width:180px;height:100%;}
.l-ser li.ser01:after,.l-ser li.ser02:after,.l-ser li.ser03:after,.l-ser li.ser04:after,.l-ser li.ser05:after {background:none;}
.l-ser li.ser06{display:none;}

.l-ser li:nth-child(n) {margin-top:20px;}

.l-ser .white-box {position:relative;height:78%;padding-left:1%;z-index:50; background-position:right;background-size:contain;background-repeat:no-repeat;}
.l-ser li.ser01 .white-box{background-image:url("img/ser_01_sp.jpg");}
.l-ser li.ser02 .white-box{background-image:url("img/ser_02_sp.jpg");}
.l-ser li.ser03 .white-box{background-image:url("img/ser_03_sp.jpg");}
.l-ser li.ser04 .white-box{background-image:url("img/ser_04_sp.jpg");}
.l-ser li.ser05 .white-box{background-image:url("img/new_ser_05_sp.jpg");}

.webp .l-ser li.ser01 .white-box{background-image:url("img/ser_01_sp.webp");}
.webp .l-ser li.ser02 .white-box{background-image:url("img/ser_02_sp.webp");}
.webp .l-ser li.ser03 .white-box{background-image:url("img/ser_03_sp.webp");}
.webp .l-ser li.ser04 .white-box{background-image:url("img/ser_04_sp.webp");}
.webp .l-ser li.ser05 .white-box{background-image:url("img/new_ser_05_sp.webp");}

.ser_tx{width:54%;line-height:1.5;margin-bottom:3%;}
.ser_tx2{margin:5px 0px 0 10px; width:60%;font-size:90%; }
.ser_title img {width:84%;margin:3vh 0 1vh;}
.l-ser li a:after {width:42%;height:30px;}
.crm_btn {width: 42%;height: 30px;}
.ser_tx{font-size:3vw; }
.ser_tx2{font-size:3vw;}

}

@media only screen and (max-width:380px) {
 .mv_copy .eng {margin-top: 155px !important;}
 #Service h2 {margin-top:190px;}
}




/*//////////////////////////////////////////////////////////////*/
/* recruit */
/*//////////////////////////////////////////////////////////////*/
.bg02{background-color:rgba(0,0,0,0.9);-webkit-transform:skew(0deg, 30deg);padding:1% 0 1% 0;}

#Recruit {position:relative;margin:100px 0;-webkit-transform:skew(0deg, -30deg); background-color:rgba(255,255,255,1.0);}
.recruit .section-inner {padding:100px 0;overflow:hidden;position:relative;width:1200px;margin:-200px auto 0;}
.recruit .pict01 {position:absolute;left:0;top:-40px;width:563px;}
.recruit .pict01 img {width:100%;}
.recruit .pict02 {position:absolute;right:0;bottom:-120px;width:609px;}
.recruit .pict02 img {width:100%;}
.recruit .title-area {text-align:center;}
.recruit h2 {position:relative;margin-bottom:35px;}



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



@media screen and (max-width:767px) {
.bg02{background-color:rgba(0,0,0,0.9);-webkit-transform:skew(0deg, 10deg);padding:1% 0 1% 0;}
#Recruit {margin:10px 0;-webkit-transform:skew(0deg, -10deg); }
.recruit .section-inner {padding:50px 0 30px;position:relative;width:90%;margin:0 auto;}
.recruit {position:relative;margin:100px 0;}
.recruit h2 {position:relative;margin-bottom:5%;}

}






/*//////////////////////////////////////////////////////////////*/
/* News */
/*//////////////////////////////////////////////////////////////*/
.news {padding:120px 20px 100px;background-color:#fff;position:relative;}
.news .inner {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;max-width:1200px;margin:auto;}
.news .tl_wrap {width:300px;}
.news .tl_wrap h4{display:none !important;}
.news .all_title {padding:0 ;}
#News .viemore0{margin-top:80px;width:80%;}
.news .tl_wrap a.btn {position:relative;display:inline-block;margin:48px 0 0;font-family:"Playfair Display", serif;font-size:13px;letter-spacing:0.15em;}
.news .tl_wrap a.btn::after {content:"";position:absolute;top:7px;right:60px;background:#000;width:43px;height:1px;-webkit-transition:.3s;transition:.3s;}
.news .tl_wrap a.btn:hover::after {right:-70px;}

.news ul {width:calc(100% - 250px);}
.news ul li {border-bottom:1px solid #e4e4e4;}
.news ul li:last-child {border-bottom:none;}
.news ul li a {position:relative;display:block;font-family:'Noto Serif JP',"Playfair Display", serif;font-style:normal;padding:19px 20px 17px 143px;font-size:15px;line-height:23px;}
.news ul li a span {position:absolute;left:0;display:inline-block;padding:0 44px 0 12px;font-family:'Noto Serif JP', serif;font-weight:500;letter-spacing:0.1em;}
.news ul li a:hover {color:#999;}

@media screen and (max-width:767px) {
@-webkit-keyframes scroll-bound {0% {bottom:60px;}100% {bottom:50px;}}
@keyframes scroll-bound {0% {bottom:60px;}100% {bottom:50px;}}

.news {padding:50px 20px 50px;background-color:#fff;position:relative;}
.news .inner {display:block;padding:2%;}
.news {text-align:center;width:100%;margin:5vh auto 0;}
.news .tl_wrap {width:100%;}
#News .viemore0{margin-top:0px; margin-bottom:20px;width:80%;margin:10px auto;}

.news ul {width:100%;}
.news ul li a {position:relative;display:block;padding:12px 0;line-height:23px;text-align:left;font-size:3.3vw;line-height:1.8;}
.news ul li a span {position:relative;display:block;padding:0 0 5px;font-weight:500;letter-spacing:0.1em;}
.news ul li a p {display:block;padding:30px 0 5px;}
.news a.btn {position:relative;display:inline-block;margin:25px 0 0;font-weight:normal;letter-spacing:0.15em;}
.news a.btn::after {content:"";position:absolute;top:7px;right:-30px;background:#000;width:22px;height:1px;}
}

@media only screen and (min-width:1600px) {
.news .inner {max-width:1580px;}
.news ul li a {padding:30px 20px 30px 170px;font-size:1.3rem;line-height:2.0;}
.news .tl_wrap {width:400px;}

}
        


/*//////////////////////////////////////////////////////////////*/
/* btbtbtbt */
/*//////////////////////////////////////////////////////////////*/
.viemore0{font-family:"BebasNeue-Regular";
position:relative;background:#2e3238;padding:5px 100px 5px 30px;display:inline-block;text-align:center;transition:all .2s linear;
color:#fff !important;text-decoration:none;border:transparent 2px solid;outline:none;}
.viemore0:hover{background:#fff;color:#2e3238 !important;border-color:#2e3238;}
.viemore0:before{content:"";position:absolute;top:50%;right:20px;width:20px;height:1px;background:#fff;}
.viemore0::after {content:'';position:absolute;top:42%;right:12px;
border:4px solid transparent;border-top-width:4px;border-bottom-width:4px;border-left-color:#fff;transition:all .2s linear;}
.viemore0:hover::before{background:#2e3238;right:25px;}
.viemore0:hover::after{border-left-color:#2e3238;right:20px;}

.viewmore{font-family:"BebasNeue-Regular";margin:40px auto;background:#2e3238;padding:20px 80px 20px 80px;text-align:center;color:#fff;width:300px;border:1px solid #333;}
.viewmore:hover{color:#2e3238;border:1px solid #333;background-color:#fff; transition:all .2s linear;}
.viewmore2 {font-family:"BebasNeue-Regular";margin:40px auto;padding:0;background:#2e3238;text-align:center;color:#fff;width:300px;border:1px solid #333;}
.viewmore2 a{display:block;padding:10px 60px;color:#fff;}
.viewmore2 a:hover{color:#2e3238;background-color:#fff; transition:all .2s linear;}


@media only screen and (min-width:1600px) {
    .mv_copy .eng {font-size:2rem;}
    .mv_copy .jpn {font-size:3rem;}
    .viemore0,.viewmore,.viewmore2{font-size: 1.5rem;}
    .viewmore{margin:60px auto;padding:10px 80px;}
    .viewmore2{margin:60px auto;}
}
        
 

@media only screen and (max-width:767px) {
    .viemore0,.viewmore{font-size:initial;}
}   





/*//////////////////////////////////////////////////////////////*/
/* footer */
/*//////////////////////////////////////////////////////////////*/

#page-top {position:fixed;bottom:20px;right:20px;font-size:14px;line-height:1;z-index:99;background-color:rgba(5,5,5,0.8);}
#page-top a {position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;width:60px;height:70px;padding-top:40px;font-family:"Playfair Display", serif;font-size:10px;text-align:center;}
#page-top a:hover {text-decoration:none;opacity:.5;}
#page-top a::before {content:"";position:absolute;top:20px;left:25px;
width:10px;height:10px;border:1px solid;border-color:#fff #fff transparent transparent;transform:rotate(-45deg);}
#page-top a:hover::before {height:10px;}

.pageTop a {transition:background-color 0.7s ease;position:relative;display:block;height:40px;text-indent:100%;background-color:#aaa;overflow:hidden;}
.pageTop a:hover {background-color:#666;}
.pageTop a:after {-webkit-transform:rotate(-45deg);transition:border-color 1s ease;transform:rotate(-45deg);content:"";display:block;position:absolute;width:1.14em;height:1.14em;top:25%;bottom:0;left:0;right:0;margin:auto;border-top:1px solid #111;border-right:1px solid #111;}
.pageTop a:hover:after {border-color:#FFF;}




#footer {position:relative;}
#footer * {color:#fff;}
#footer .f-inner{background-color:#06204d;color:#fff;}

/* primary //////////////////////////////////////////////////////////*/
#footer .primary {padding:60px 0px;max-width:1300px;width:100%; margin:auto;}
#footer .primary .flex {display:flex;}
#footer .primary .flex .left {width:45%;}
#footer .primary .flex .right {display:flex;width:60%;justify-content:flex-end;right:0;}



#footer .primary .right .f-nav {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
#footer .primary .right .f-nav li a{color:#fff;}
#footer .primary .right .f-nav li a:hover,.f-nav-child a span:hover,.f-nav-child2 a span:hover,.f-nav_main_title a p:hover {opacity:1;color:#ecda91 !important;}
#footer .primary .right .f-nav li {min-width:120px;margin-right:40px; }
#footer .primary .right .f-nav li p{border-bottom:1px solid #fff;margin-bottom:5px;margin-top:30px;}
#footer .primary .right .txsm{font-size:70%; padding-left:10px;}

#footer .primary .right .f-nav .f-nav_main{font-size:120%; font-family:"Playfair Display", serif;}
#footer .primary .right .f-nav .f-nav-child,.f-nav .f-nav-child2{font-size:80%; padding:7px 0;}
#footer .primary .right .f-nav .f-nav-child:before { content:" - " ;margin-left:5px;}
#footer .primary .right .f-nav .f-nav-child2:before { content:url("img/blank.svg");margin-left:5px;vertical-align:top;}
#footer .primary .right .f-nav-child li{font-size:30% !important;}

#footer .primary .left .logo {position:relative;padding:0;margin:50px 0 0 0;width:100%;}
#footer .primary .left .logo img{width:250px;}
#footer .primary .left .address {margin:20px 0 0 10px;text-align:left;font-size:80%;line-height:1.8;letter-spacing:2px;}
#footer .primary .left .address a.tel {-webkit-box-sizing:border-box;box-sizing:border-box;width:300px;padding:25px 0px 20px;font-family:'Noto Serif JP', serif;font-weight:500;font-size:15px;text-align:center;letter-spacing:0.15em;}
#footer .primary .left .address a.tel span {font-size:23px;}

#footer .primary .left .mail {margin:20px 0 0 15px;font-family:'Noto Serif JP', serif;position:relative;border:1px solid #fff;padding:10px 10px; display:inline-block;text-decoration:none;outline:none;transition:all 0.3s ease-in-out;width:280px;background-color:#efefef;text-align:center;font-size:90%;letter-spacing:3px;color:#111 !important;}
#footer .primary .left .mail a{color:#111 !important;}
#footer .primary .left .mail:hover{color:#fff !important;border-color:transparent;background-color:rgba(222,222,222,0.5);}

#footer .primary .left .mail::before,
#footer .primary .left .mail::after {content:'';position:absolute;border:solid #ffe697;width:10px;height:10px;transition:all 0.3s ease-in-out;}
#footer .primary .left .mail::before{top:-6px;left:-6px;border-width:1px 0 0 1px;}
#footer .primary .left .mail::after{bottom:-6px;right:-6px;border-width:0 1px 1px 0;}
#footer .primary .left .mail:hover::before,
#footer .primary .left .mail:hover::after{width:calc(100% + 11px);height:calc(100% + 11px);}
#footer .primary .left .mail img{width:24px;vertical-align:middle; margin-right:10px;}

#footer .primary .left .partner {width:280px;color:#111;background-color:#efefef;margin:15px 15px 40px;text-align:center;font-size:1.4rem;padding:10px;}

#footer .primary .left .sns-navi {margin:20px 0 0;padding:0;}
#footer .primary .left .sns-navi li {display:inline-block;margin:0 20px 0 0;padding:0;font-size:20px;}
#footer .primary .left .sns-navi li:last-child {margin-right:0;}


/* secondary //////////////////////////////////////////////////////////*/
#footer .secondary {padding:10px 0px 80px;background-color:#111;}
#footer .secondary .l-footer {margin:5px auto;display:flex; justify-content:flex-end;max-width:1200px;width:100%;padding:10px 0px;}
#footer .secondary .l-footer .list {letter-spacing:4px;margin:0;width:50%;margin:0;padding:0;list-style:none;}
#footer .secondary .l-footer .list:last-child{margin-left:auto;}
#footer .secondary .l-footer .list a {color:#a8aab5;font-size:13px;letter-spacing:1px;transition:color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)}
#footer .secondary .l-footer .list li {display:inline-block;margin:0 0 0 20px;padding:0;letter-spacing:0}
#footer .secondary .l-footer .list li a:hover{color:#fff !important;}
#footer .secondary .l-footer .list li:first-child {margin-left:0; }
#footer .secondary .l-footer .copyright {width:50%;margin:0;padding:0;text-align:right;font-size:90%;}


@media screen and (min-width:1600px) {
#footer .primary .left .logo img{width:350px;}
#footer .primary .left .mail {width:500px;margin:20px 0 0 15px;padding:20px 10px; font-size:1.4rem;letter-spacing:3px;}
#footer .primary .left .partner {width:500px;}
#footer .primary {padding:60px 0px;max-width:1580px;width:100%; margin:auto;}
#footer .primary .right .f-nav li {min-width:160px;margin-right:40px; }
#footer .primary .right .f-nav .f-nav_main{font-size:2rem; }
#footer .primary .left .address {margin:30px 0 10px 10px;font-size:1.2rem;line-height:1.8;letter-spacing:2px;}
#footer .primary .right .f-nav .f-nav-child,.f-nav .f-nav-child2{font-size:1.0rem; padding:10px 0;}
#footer .secondary .l-footer {max-width:1580px;}
#footer .secondary .l-footer .list a,#footer .secondary .l-footer .copyright {font-size:1.0rem;}

}

@media screen and (max-width:767px) {
#page-top {right:5px;background-color:rgba(5,5,5,0.8);}
#page-top a {width:40px;height:50px;padding-top:30px;font-size:10px;}
#page-top a::before {left:20px;}

#footer .primary {padding:30px 20px;}
#footer .primary .flex {display:block;}
#footer .primary .flex .left {width:100%;}
#footer .primary .flex .right {width:100%;display:block;}
#footer .primary .right .f-nav {display:block;}
#footer .primary .right .f-nav li p{margin-bottom:10px;font-size:5vw;}

#footer .primary .logo {font-size:16px;}
#footer .primary .left .sns-navi {margin:20px 0 40px;padding:0;text-align:center;}
#footer .primary .left .sns-navi li {margin:0 20px 0 0;padding:0}

#footer .primary .left .logo {position:relative;padding:0;margin:10px 0 0 0;width:100%;}
#footer .primary .left .logo img{width:240px;}
#footer .primary .left .address {margin:20px 0 0 10px;text-align:left;font-size:3.5vw;line-height:1.8;letter-spacing:2px;}
#footer .primary .left .mail {text-align:center;padding:15px;width:100%;;max-width:620px;font-size:3.6vw;margin:20px auto;}

#footer .primary .left .partner {width:100%;margin:0;color:#111;background-color:#efefef;padding:15px;text-align:center;font-size:3.6vw;max-width:620px;}

#footer .secondary .l-footer {display:block;padding:10px 0px;}
#footer .secondary .l-footer .list li {margin:5px 0;}
#footer .secondary .l-footer .list a {font-size:3vw;}
#footer .secondary .l-footer .copyright {width:100%;margin:30px 0 0;padding:0;text-align:right;font-size:3vw;}

#footer .secondary {display:block;padding:20px 20px;}
#footer .sitenavi {width:100%;text-align:center;font-size:12px;}
#footer .copyright {width:100%;margin:20px 0 0;text-align:center;font-size:12px;}


.f-nav {display:block;}
.f-nav li {width:100%;}
.f-nav .f-nav_main{font-size:110%;}
.f-nav li a {display:inline;padding:12px 0px;background-size:6px auto;}
.f-nav-child li{font-size:30% !important;}
#footer .primary .right .f-nav .f-nav-child,.f-nav .f-nav-child2{font-size:3.5vw; padding:5px 0;}
}



/*//////////////////////////////////////////////////////////////*/
/* ABOUT */
/*//////////////////////////////////////////////////////////////*/

#header_about {}
#header_about .header_in{position:relative;max-width:1920px;margin:0 auto;background:url("img/bg_second_mv.svg") top center / cover no-repeat;padding-top:400px}
#header_about .header_in .s-m-ti {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%}
#header_about .header_in .s-m-ti .en {display:block;}
#header_about .header_in .s-m-ti .en img{width:280px;}
#post-654 #header_about .header_in .s-m-ti .en img{width:380px;}
#header_about .header_in .s-m-ti .ja {font-size:18px;line-height:1.5;display:block;margin-top:10px;}

#about .background-1 {background-image:url("img/about_bg.jpg");}
.obj01 {width:400px;height:600px;position:absolute;right:0;}
.obj02 {width:400px;height:600px;position:absolute;margin-left:-150px;}
.obj03 {width:400px;height:600px;right:-2%;bottom:5%; position:absolute;}

.sub_title .white .bar-wrap .bar {background:#fff}
.sub_title .blue .bar-wrap .bar {background:#253eee}

.sub_title {display:-ms-flexbox;display:flex;margin-bottom:120px;}
.sub_title .bar-wrap {width:4.296875%;position:relative;}
.sub_title .bar-wrap .bar {content:"";position:absolute;top:50%;left:0;margin-top:-1px;height:1px;background:#5f531d;width:3.5vw}
.sub_title .s-en {font-size:200%;font-family:'Noto Serif JP', serif;width:100%;color:#5f531d;text-align:left;}
.sub_title .s-en span {font-size:45%;margin-left:10px;font-family:'Noto Serif JP', serif;}



@media only screen and (max-width:767px) {
#header_about {height:55vh;}
#header_about .header_in{position:relative;max-width:1920px;margin:0 auto;background:url("img/bg_second_mv_sp.svg") top right / cover no-repeat;height:60vh;}
#about .background-1,#contact .background-1,#recruit .background-1 {background-image:none;}
#about .background-1::before,#contact .background-1::before,#recruit .background-1::before {content:"";display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background-repeat:no-repeat;
background-position:50% 100%;background:url("img/about_bg_sp.jpg") top center / contain no-repeat;}
#post-654 #header_about .header_in .s-m-ti .en img{width:300px;}
	
#header_about .header_in .s-m-ti {width:100%;height:60vh}
#header_about .header_in .s-m-ti .en img{width:180px;}
.obj01 {width:400px;height:600px;position:absolute;right:0;margin-right:-40vw;}
.obj02 {width:400px;height:600px;position:absolute;margin-left:-60vw;}
.obj03 {width:400px;height:600px;right:-30%;bottom:30%; position:absolute;}

.second_mv .second_mv-wrapper {padding-top:104%;height:100vh;background:url("img/hero_bg@sp.jpg") 50%/cover no-repeat}
.sub_title {margin-bottom:50px;}
.sub_title .s-en {font-size:5vw;}
.sub_title .s-en span {font-size:3vw;margin-left:5px;}

}




/*/////* mvv //////////////////////////////////////////////////////*/

#mvv {position:relative;;width:100%; }
#mvv .pict01 {position:absolute;left:0;bottom:-120px;width:563px;}
#mvv .pict01 img {width:100%;}
#mvv .pict02 {position:absolute;right:0;top:-120px;width:609px;}
#mvv .pict02 img {width:100%;}
#mvv .about-inner {position:relative;width:100%;padding-bottom:200px;padding-top:100px;text-align:center;
background:url("img/bg_mvv.svg") top center / cover no-repeat}

#mvv {padding:0px 0;position:relative;}
#mvv .all_title{font-family:'Cormorant Unicase', 'Noto Serif JP', serif !important;padding:0;line-height:1.2;font-size:50px;}
#mvv .all_title span{opacity:1;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0);-webkit-transition:none;transition:none;
display:block;font-size:13px;line-height:0;letter-spacing:0.2em;margin:0px -230px -5px 0;}
#mvv h3{font-size:120%;font-family:'Cormorant Unicase', 'Noto Serif JP', serif !important;letter-spacing:20px;color:#1a2c62;margin:0 0 40px;}
#mvv .tx1 {font-family:'Noto Serif JP', serif;font-weight:400;margin:10px 0 20px;font-size:150%;color:#363821;line-height:2.0;margin-bottom:40px;}

#mvv .value_box {display:flex;justify-content:space-between;flex-wrap:wrap;width:94%;margin:20px 3%;}
#mvv .value_box_in {padding:30px;width:32%;background-color:#fff;border:solid #ccc 1px;z-index:1000;}
#mvv .value_tx{display:block;font-size:15px;}

#mvv .value_box_in{transform:skewX(-15deg);font-size:20px;padding:40px 0px;}
#mvv .value_box_in .value_title,.value_box_in .value_title_jp,.value_box_in .value_tx{transform:skewX(15deg);text-align:center; padding:2% 0;}
#mvv .value_box_in .value_title{font-size:20px;letter-spacing:2px;color:#958d2d;padding-right:20px;}
#mvv .value_box_in .value_title_jp{font-size:27px;}
#mvv .value_box_in .value_tx{font-size:15px;padding:20px 8% 0 16%;line-height:1.8;text-align:left;}

/*/////* ceo_message //////////////////////////////////////////////////////*/
#ceo_message {position:relative;;width:100%;padding-top:0px; }
#ceo_message .about-inner {position:relative;width:100%;padding:200px 0;padding-top:100px;text-align:left;background:url("img/bg_mvv.svg") top center / cover no-repeat}
#ceo_message .all_title{padding:10px 0 0;line-height:1.2;font-size:80%;}
#ceo_message .all_title span{opacity:1;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0);-webkit-transition:none;transition:none;
display:block;font-size:13px;line-height:0;letter-spacing:0.2em;margin:0px -230px -5px 0;}

#ceo_message .tx1 {font-family:'Noto Serif JP', serif;font-weight:400;margin:10px 0 20px;font-size:160%;letter-spacing:3px;line-height:2.0; margin-bottom:50px;}
.ta_right{text-align:right;}
#ceo_message .tx2{font-size:100%;margin:20px 0 20px;}

#ceo_message .tx1 span:nth-of-type(1) {display:block;font-size:60%;}
#ceo_message .tx1 span:nth-of-type(2) {display:block;font-size:120%;}
#ceo_message .tx1 span:nth-of-type(3) {display:block;font-size:40%;color:#999;}

#ceo_message .flexbox2{width:98%;justify-content:space-between;z-index:10000000000000000000;margin:100px 0 0 2% ;display:-webkit-flex;display:flex;}
#ceo_message .main2 { margin-bottom:10px;width:60%;padding:30px 50px 30px 130px;margin:0 10px 0 0;}
#ceo_message .side2 {width:40%;}


@media screen and (max-width:767px) {
    #ceo_message .all_title{font-size:8vw;position: absolute;z-index: 1;text-align: left;margin: 140px 0;}
    #ceo_message .tx2{font-size:4vw;}
    #ceo_message .main2 .ceo_img{position: relative;width: 80%;margin-left: 20%;}
    #ceo_message .about-inner{padding:50px 0;padding-top:80px;}
}

/*/////* company_info //////////////////////////////////////////////////////*/
#company_info{position:relative;;width:100%;padding:0px 0; }
#company_info .about-inner {position:relative;width:100%;padding:200px 0;padding-top:100px;text-align:left;background:url("img/bg_mvv.svg") top center / cover no-repeat}
#company_info .all_title{padding:10px 0 0;line-height:1.2;font-size:80%;}
#company_info .all_title span{opacity:1;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0);-webkit-transition:none;transition:none;
display:block;font-size:13px;line-height:0;letter-spacing:0.2em;margin:0px -230px -5px 0;}
#company_info .tx1 {font-family:'Noto Serif JP', serif;font-weight:400;margin:10px 0 20px;font-size:160%;letter-spacing:3px;line-height:2.0; margin-bottom:50px;}
#company_info .tx2{font-size:100%;margin:20px 0 20px;}

#company_info .flexbox3{width:96%;justify-content:space-between;z-index:10000000000000000000;margin:100px 2% 0 0;display:-webkit-flex;display:flex;}
#company_info .main3 { margin-bottom:10px;width:47%;padding:30;margin:0 2% 0 0;}
#company_info .side3 {width:50%;}

#company_info dl {display:flex;flex-flow:row wrap;width:100%;width:90%;}
#company_info dt {flex-basis:25%;padding:10px;border-bottom:1px solid #ccc;}
#company_info dd {flex-basis:75%;padding:10px;border-bottom:1px solid #ccc;}

#company_info .pict01 {position:absolute;right:100px !important;bottom:-120px;width:800px;z-index:100;}
#company_info .pict01 img {width:100%;}
iframe{width:100%; height:400px;right:0 !important;}


@media screen and (max-width:767px) {
#company_info .about-inner {padding:50px 0 100px;padding-top:80px;}

}




@media screen and (max-width:767px) {
#mvv .value_box {display:block;width:94%;margin:20px 3%;}
#mvv .value_box_in {padding:20px 0 30px;width:100%;}
#mvv .all_title{font-size:9vw;}
#mvv h3{font-size:3.8vw;letter-spacing:10px;color:#1a2c62;margin:0 0 10px;}
#mvv .tx1 {margin:10px 4% 10vh;font-size:4.8vw; line-height:1.8;}
#mvv .value_box_in .value_title_jp{font-size:4.8vw;}
#mvv .value_box_in .value_title{font-size:4vw;}
#mvv .value_box_in .value_tx{font-size:3vw;padding:10px 2% 0 10%;line-height:1.8;text-align:left;}
#mvv .value_box_in:not(:last-child) {margin-bottom:5px;}

#ceo_message .flexbox2{width:98%;margin:-40px 0 0 2% ;display:block;}
#ceo_message .main2 { margin-bottom:10px;width:100%;padding:30px 2% 30px;margin:0 10px 0 0;}
#ceo_message .side2 {width:100%;}
#ceo_message .side2 img{width:98%;margin: 0 2% 0 0;}
#ceo_message .tx1 {margin:10px 0 30px;font-size:5.2vw;line-height:1.8;}

#company_info .flexbox3{width:96%;margin:100px 2% 0;display:block;}
#company_info .main3 { margin-bottom:10px;width:100%;padding:30;margin:0 2% 0 0;}
#company_info .side3 {width:100%;}
#company_info .company dl {flex-flow:column;width:100%;}

#company_info dt {padding:20px 0 0 0px;border-bottom:0px solid #ccc; font-weight: bold;font-size:4vw;}
#company_info dd {padding:10px 0 10px 0;border-bottom:1px solid #ccc;font-size: 4vw;}

}






#News_main{}
#News_main .background-1 {background-image:url("img/about_bg.jpg");}
.news_main_in{background-color:#fff;padding:50px 10%;width:100%;max-width:1920px;margin:0 auto;}
#mainbar2{width:70% !important;float:left;overflow-wrap:break-all !important;font-family:'Noto Serif JP',"Playfair Display", serif;}
#sidebar2{width:25%;float:right;}
#mainbar2 .blog-detail__title{font-size:30px;line-height:1.6;margin:50px 0 20px;}
#mainbar2 img{width:100%;max-width:100%;margin:30px 0;max-width:1000px;border:1px solid #efefef;}
#mainbar2 .time{font-size:16px;font-family:'Noto Serif JP',"Playfair Display", serif;}
.fa-clock-o{color:#888;font-weight:nomal;padding:0 5px 0 0;}

#sidebar2 {font-family:'Noto Serif JP',"Playfair Display", serif;color:#444;}
#sidebar2 h2.sidebar_ti1{font-size:100%;color:#b0a54f;margin-top:25px;}

#sidebar2 .wp-block-latest-posts__list li{font-size:90%;display:block;margin:10px 0; border-bottom:1px solid #efefef;padding:5px 0 10px;}
#sidebar2 .cat-item,
#sidebar2 .wp-block-archives-list{font-size:90%;display:block;margin:0; padding:5px 0 10px;}
#sidebar2 .wp-block-latest-posts__list li a,
#sidebar2 .cat-item a,#sidebar2 .wp-block-archives-list a{display:block;}
#sidebar2 .wp-block-latest-posts__list li a:hover,
#sidebar2 .cat-item a:hover,#sidebar2 .wp-block-archives-list a:hover{background-color:#fffce6;text-decoration:underline;}


#mainbar2 .post__pagination{margin:50px 0;overflow:hidden;color:#111; border-top:1px solid #999;padding-top:20px;}
#mainbar2 .post__pagination__left,#mainbar2 .post__pagination__right{width:46%;}
#mainbar2 .post__pagination__left{float:left;text-align:left;}
#mainbar2 .post__pagination__right{float:right;text-align:right;}

#mainbar2 .post__pagination__left > a,#mainbar2 .post__pagination__right > a{display:block;position:relative;}
#mainbar2 .post__pagination__left > a:hover,#mainbar2 .post__pagination__right > a:hover{text-decoration:underline;}

#mainbar2 .post__pagination__left__text,
#mainbar2 .post__pagination__right__text{position:relative;z-index:999;font-size:14px;}
#mainbar2 .post__pagination__left__text{left:0px;}
#mainbar2 .post__pagination__right__text{right:0px;}

.blog-content {}
.blog-content h4{margin-top: 30px;}
.blog-content .wp-block-table{margin: 30px 0;}
.blog-content .wp-block-table tr{padding: 7px 14px;border: 1px solid #efefef;}
.blog-content .wp-block-table td{padding: 7px 14px;border: 1px solid #efefef;}
.blog-content ul{margin-left: 20px;}
.blog-content li{text-indent: -0.75rem;margin:0 0 10px 0;list-style:none;padding: 0;}
.blog-content li:before {content:""; width:3px;height:3px;display:inline-block;background-color: #333;border-radius:50%; margin: 5px 5px 5px 0;}




@media only screen and (max-width:767px) {
#mainbar2{width:100% !important;float:none;}
#sidebar2{width:100%;float:none;}
#mainbar2 .blog-detail__title{font-size:5.6vw;line-height:1.8;margin:30px 0 20px;}
#mainbar2 .blog-content p{font-size:4.3vw;line-height:1.8;margin:10px 0 0px;}
.news_main_in{padding:50px 4%;width:100%;margin:20px auto;}
#mainbar2 .post__pagination__left,#mainbar2 .post__pagination__right{width:100%;float:none;text-align:left;font-size:3.5vw;margin-top:10px;}

#sidebar2 .wp-block-latest-posts__list li{font-size:3.5vw;display:block;margin:10px 0; border-bottom:1px solid #efefef;padding:5px 0 10px;}
#sidebar2 h2.sidebar_ti1{font-size:5vw;}

.blog-content h4{font-size: 4.4vw;font-weight: bold;margin-top: 0;}
.blog-content li{font-size: 4vw;margin:20px 0 10px 0;}

}

/*/////* contact //////////////////////////////////////////////////////*/

#contact .background-1 {background-image:url("img/about_bg.jpg");}
.webp #contact .background-1 {background-image:url("img/about_bg.webp");}

#c_form {position:relative;;width:100%;background-color:#fff; }
#c_form .c_form-inner {width:100%;max-width:1200px; margin:auto;padding:50px 0;}
#c_form .all_title{font-family:'Cormorant Unicase', 'Noto Serif JP', serif !important;padding:0;line-height:1.8;font-size:40px;text-align:center;margin-top:60px;}
#c_form .tx1 {font-family:'Noto Serif JP', serif;font-weight:400;margin:10px 0 50px;font-size:16px;color:#363821;line-height:2.0;text-align:center;}

/* Contact Form7 */
.contact7 input,.contact7 textarea{padding:10px 20px;font-size:18px;background-color:#efefef;border:1px solid #ccc;border-radius:5px;width:500px;}
.wpcf7{max-width:600px; margin:auto;}
.wpcf7 p{text-align:center;}
.screen-reader-response,.wpcf7-response-output{color:#ff0000;text-align:center;}
.wpcf7-form-control-wrap{text-align:right;}
.contact7 {max-width:800px;box-sizing:border-box; margin:auto;}
.contact7 dd {padding:10px;margin-left:35%;}
.contact7 dt {padding:20px 0;float:left;clear:left;width:35%;font-size:18px;}
#acceptance {text-align:center;}
#accept_privacy {cursor:pointer;display:inline;}
@media screen and (max-width:767px) {
    #wpcf7-f5934-p5946-o1 > form > div.wpcf7-response-output{font-size:4vw;}
    #accept_privacy {font-size:4vw;}
    #wpcf7-f5934-p5946-o1 > form > p:nth-child(4) > a {font-size:3vw;}
}

.wpcf7-not-valid-tip{display:block;text-align:left;color:#ff0000;}

/* 必須マーク */
.contact7 .must {background:#b10707;}
/* 任意マーク */
.contact7 .optional {background:#aaa;}

.contact7 .must,
.contact7 .optional {color:#FFF;border-radius:3px;font-size:10px;margin-left:10px;padding:5px 10px;letter-spacing:2px;}
.btn_contact7 {text-align:center;}
.btn_contact7 input {width:60%;background-color:#e26322;color:#FFF;font-size:1.1em;font-weight:bold;letter-spacing:0.2em;border-radius:5px;
margin:0; -webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;padding:8px 0;
border:1px solid #ed911f;cursor:pointer}
.btn_contact7 input:hover {opacity: 0.9;}

@media screen and (max-width:767px) {
.contact7 input,.contact7 textarea{padding:10px 20px;font-size:4vw;background-color:#efefef;border:1px solid #ccc;border-radius:5px;width:500px;}
#c_form .c_form-inner{width:94%;padding:30px 3%;}
#c_form .all_title{padding:0;line-height:1.8;font-size:5.2vw;margin-top:60px;}
#c_form .tx1 {margin:10px 0 50px;font-size:4vw;line-height:2.0;}
.contact7 dt {float:none;width:100%;font-size:4vw;padding:10px 0 5px;}
.contact7 dd {padding:10px;margin-left:0;}
.btn_contact7 input {width:90%;}
.wpcf7 p{font-size: 4vw;}
}

/* Contact Form8 */
.contact8 input,.contact8 textarea{padding:10px 20px;font-size:16px;background-color:#efefef;border:1px solid #ccc;border-radius:5px;width:500px;}

.wpcf7{max-width:600px; margin:auto;}
.wpcf7 p{text-align:center;}
.screen-reader-response,.wpcf7-response-output{color:#ff0000;text-align:center;}
.wpcf7-form-control-wrap{text-align:right;}
.contact8 dd {padding:0px;text-align:left;}
.contact8 dt {padding-left:5px;float:left;clear:left;font-size:18px;text-align: left;}

.wpcf7-not-valid-tip{display:block;text-align:left;color:#ff0000;}

/* 必須マーク */
.contact8 .must {background:#e70514;}
/* 任意マーク */
.contact8 .optional {background:#aaa;}

.contact8 .must,
.contact8 .optional {color:#FFF;border-radius:3px;font-size:10px;margin-right:10px;padding:5px 10px;letter-spacing:2px;position:relative;bottom:3px;}
.contact8 {text-align:center; display: grid; grid-template-columns: 1fr 1fr; gap: 12px;max-width:800px;box-sizing:border-box; margin:auto;}
.contact8 input {width:60%;background-color:#ed911f;font-size:1.1em;font-weight:normal;letter-spacing:0.2em;border-radius:5px;
margin:10px 0; -webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;padding:20px 0;
border:1px solid #ed911f;}
.contact8 input:hover {background-color:#fff;color:#ed911f;}

@media screen and (max-width:767px) {
.contact8 input,.contact8 textarea{padding:10px 20px;font-size:4vw;background-color:#efefef;border:1px solid #ccc;border-radius:5px;width:500px;}
#c_form .c_form-inner{width:94%;padding:30px 3%;}
#c_form .all_title{padding:0;line-height:1.8;font-size:5.2vw;margin-top:60px;}
#c_form .tx1 {margin:10px 0 50px;font-size:4vw;line-height:2.0;}
.contact8 dt {padding-left:5px;float:none;width: 104%;font-size:4vw;padding:0;}
.contact8 dd {padding:0;margin-left:0;}
.contact8 input {width:90%;}
.wpcf7 p{font-size: 4vw;}
}

.contact8 input{padding:10px 20px;font-size:16px;background-color:#efefef;border:1px solid #ccc;border-radius:5px;width:100%;margin:0;}
.area_rec4 input{width: 20px;padding: 10px;margin: 10px 0;font-size: 15px;background-color: #efefef;color: #555;text-align: left;}
.area_rec4 span{width: 100px;border-radius: 5px;padding:0px;margin: 5px 0;font-size: 15px;color: #555;}
.area_rec4 label{display: table;}


/*/////* recruit //////////////////////////////////////////////////////*/
#recruit .background-1 {background-image:url("img/about_bg.jpg");}

#job-description {position:relative;;width:100%;background-color:#fff; }
#job-description .job-inner {padding:50px 0;width: 100%;text-align: center;}
#job-description .job-inner .job-inner_in{text-align: left;max-width:1000px;margin:auto;}
#job-description .all_title{font-family:'Cormorant Unicase', 'Noto Serif JP', serif !important;padding:0;line-height:1.8;font-size:40px;text-align:center;margin-top:60px;}
#job-description .tx1 {font-family:'Noto Serif JP', serif;font-weight:400;margin:10px 0 50px;font-size:16px;color:#363821;line-height:2.0;text-align:center;}
#job-description h3{margin-top: 20px;font-size:20px;}
#job-description h4{margin: 20px 0 30px;font-size:34px;}

.acd-check{display:none;}
.acd-label a{background:#305289;color:#fff;display:block;margin-bottom:1px;padding:15px 10px;cursor: pointer;}
.acd-label a:hover{background-color:#3878cd;}

.acd-content{border:1px solid #999;height:0;opacity:0;padding:0 20px;transition:.5s;visibility:hidden;}
.acd-check:checked + .acd-label + .acd-content{height:auto;opacity:1;padding:20px;visibility:visible;margin-bottom: 10px;}
#job-description .job-inner .job-inner_in .fa-long-arrow-down{padding: 0 10px 0;}

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

#recruit .all_title{padding:0;line-height:1.8;font-size:5.2vw;margin-top:60px;}
#recruit .tx1 {margin:10px 0 50px;font-size:4vw;line-height:2.0;}
#job-description .job-inner {padding:40px 3%;}

#job-description h3{margin-top: 20px;font-size:4vw;}
.acd-label,.acd-content{font-size: 4vw;}

}


.btn_entry {text-align:center;width:90%;background-color:#ed911f;color:#FFF;font-size:1.1em;font-weight:bold;letter-spacing:0.2em;border-radius:5px;
margin:40px auto 20px ; -webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;padding:20px 0;
border:1px solid #ed911f;}
.btn_entry:hover {background-color:#fff;color:#ed911f;}
.btn_entry img{width: 25px; display: inline;vertical-align: middle;}

@media screen and (max-width:767px) {
.btn_entry {width:90%;}
.btn_entry {font-size: 4vw;}

}



/*/////* recruit //////////////////////////////////////////////////////*/

#pp .background-1 {background-image:url("img/about_bg.jpg");font-size:15px;}
#pp_inner {position:relative;;width:100%;background-color:#fff; }
#pp_inner .pp_in {width:100%;max-width:1000px; margin:auto;padding:50px 0;}
#pp_inner .all_title{font-size: 26px;}
.mb30{margin: 0 0 30px 0;}

#pp_inner ul{margin-left: 10px;text-indent: -1em;padding-left: 1em;}
#pp_inner li{list-style-type: decimal;text-indent:0;padding-left:0;}
#pp_inner ul .secondli{list-style-type: lower-roman;text-indent:0;padding-left:0;}
#pp_inner ul .thirdli{list-style-type: lower-greek;text-indent:0;padding-left:0;}

#pp_inner h3{margin-top: 20px;}

.category,.area_rec,.age{width: 100%;border-radius: 5px;border: 1px solid#ccc; padding: 10px 20px;margin:0;font-size: 16px;background-color: #efefef;}
.area_rec2{width: 100%;border-radius: 5px;border: 1px solid#ccc; padding: 7px 10px;margin: 5px 0;font-size: 12.5px;color: #555;line-height: 1.5;}
.area_rec3{width: 100%;border-radius: 5px;border: 1px solid#ccc; padding: 7px 10px;margin: 5px 0;font-size: 12.5px;color: #111;line-height: 1.5;height: 100px;text-align: left !important;overflow-y: scroll;}

#error_category,#error_work,#error_age,#error_name,#error_tel,#error_email,#error_accept{
    padding-left: 5px;
    color: #cc0505;
    font-size: 14px;
    font-weight: bold;
}
#error_accept{
    text-align:center;
}

.btn_contact7 input {
    background-color:#ed911f;
    border: 1px solid #ed911f;
}
.wpcf7-list-item {
    margin: 0;
    text-align: center;
}
.wpcf7-response-output, .wpcf7-spinner{
    display: none !important;
}
dialog[open] {
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 14px #000;
    width: 600px;
    height: 350px;
}
dialog[open] #form_result_title {
    font-size: 32px;
    text-align: center;
    margin: 20px 0;
    color: #0f3880;
}
#form_result {
    margin: 50px 0;
    font-size: 24px;
}
#dialog_close {
    font-size: 20px;
    margin-top: 30px;
    display:none;
    cursor: pointer;
}
.loader {
    width: 65px;
    margin: 70px auto;
    aspect-ratio: 1;
    --_c: no-repeat radial-gradient(farthest-side, #000 92%, #0000);
    background:
        var(--_c) top,
        var(--_c) left,
        var(--_c) right,
        var(--_c) bottom;
    background-size: 15px 15px;
    animation: l7 1s infinite;
}
@keyframes l7 {
    to {
        transform: rotate(.5turn)
    }
}



@media only screen and (max-width:767px) {
#pp_inner .pp_in {width:100%;max-width:1000px; margin:auto;padding:40px 3%;}
#pp .background-1 {background-image:url("img/about_bg.jpg");font-size:4vw;}
#pp_inner .all_title{font-size: 6vw;}
}

@media only screen and (max-width:767px) {
#about .background-1,#contact .background-1,#recruit .background-1,#pp .background-1{background-image:none;}
#about .background-1::before,#contact .background-1::before,#recruit .background-1::before,#pp .background-1::before
 {content:"";display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background-repeat:no-repeat;
background-position:50% 100%;background:url("img/about_bg_sp.jpg") top center / contain no-repeat;}
#error_category,#error_work,#error_age,#error_name,#error_tel,#error_email{font-size:4vw;}
}



/*/////* member //////////////////////////////////////////////////////*/

#member{width: 100%;max-width: 1200px;margin: auto;box-sizing:content-box}
@media screen and (min-width: 1200px) {
    #member{width: 90%;max-width: 2000px;margin: auto;padding:0 5%;}

}

[class^="member_area"] {display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex-child{ margin-bottom: 10px;background-color: #faf8f5;}
.flex-child img{width: 100%;}
.f-cont{padding: 30px;line-height: 1.5;}
.member_area{margin: 30px 0;}
.member_area::before,.member_area::after,
.member_area .flex-child{ width: calc( (100% - 30px) / 3 ); }
.member_area::before,
.member_area::after { content: ""; }
.member_area::before { order: 1; }

.member_area h3{font-size: 12px !important;margin:10px 0 0;color: #222;text-align: left !important;}
.member_area .name{font-size: 16px;font-weight: bold;margin:2px 0 10px;text-align: left !important;}
.member_area .mtx{font-size: 12px;line-height: 1.5;letter-spacing: 1px;text-align: left !important;}

@media screen and (max-width: 768px) {
    .member_area .flex-child{ width: calc( (100% - 10px) / 2 ); }
}
@media screen and (max-width: 575px) {
    .member_area .flex-child { width: 100%; }
}






/*/////* recruit_article //////////////////////////////////////////////////////*/
.recruit_article{padding: 20px 0 30px;border-bottom: 1px dotted #ccc;}
.recruit_article h3{font-size: 18px;font-weight: bold;color: #092d68;}

.btn_entry_rec {text-align:center;width:70%;background-color:#ed911f;color:#FFF;font-size:1.1em;font-weight:bold;letter-spacing:0.2em;border-radius:5px;
margin:20px auto 20px ; -webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;padding:20px 0;
border:1px solid #ed911f;}

.btn_entry_rec:hover {background-color:#fff;color:#ed911f;}
.btn_entry_rec img{width: 25px !important; display: inline;vertical-align: middle;border: none !important;margin: 5px 0 !important;}
    
@media screen and (max-width:767px) {
.btn_entry_rec {width:90%;}
.btn_entry_rec {font-size: 4vw;}

}
    

.recruit_article h4{font-size: 14px;font-weight: normal;padding: 0;margin-top:5px !important;letter-spacing: 0.5px;}
@media screen and (max-width: 640px) {
    .recruit_article h3{font-size: 4.0vw;}
    .recruit_article h4{font-size: 3.5vw;}

}

/*/////* businessplicy //////////////////////////////////////////////////////*/
#businessplicy img{margin: auto;width: 80%;max-width:1000px; margin:20px auto;}
.task1{border: 1px solid #ccc;max-width: 960px;width:100%;margin:10px auto;padding: 10px 0;text-align: left;}
.task1 span {background-color: #8EC5FC; padding:5px 10px;margin-right: 10px;font-size: 90%;background-image: linear-gradient(76deg, #8EC5FC 0%, #E0C3FC 50%, #ffffff 100%);}
#job-description .bus-inner {padding:50px 0;width: 100%;text-align: center;}

@media only screen and (max-width:767px) {
	#businessplicy {padding:0 4%;}
    #businessplicy .tx1{text-align: left;font-size:4.2vw !important;text-align:justify;text-align-last:justify;text-justify: inter-ideograph}
	#businessplicy h2{font-size:6.5vw !important;;line-height:1.8}
    #businessplicy img{margin: auto;width:100%;max-width:1000px; margin:10px auto;}
    .task1{padding:10px;font-size: 90%;line-height:1.8;font-size:4.2vw;}
    .task1 span {background-color: #8EC5FC; padding:0px 0px;margin:-15px 0 10px;font-size: 90%;display: block;text-align: center;}
#job-description .bus-inner {padding:100px 0;}
}



/*/////* business_plicy //////////////////////////////////////////////////////*/
#business_plicy_top {position:relative;;width:100%;padding-top:0px;}
#business_plicy_top .about-inner {position:relative;width:100%;padding:80px 2%;background:#ffffff}
#business_plicy_top .all_title{padding:10px 0 0;line-height:1.8;font-size:200%;}
#business_plicy_top .all_title span{padding:30px 0 0;line-height:1.8;font-size:70%;display:block}
#business_plicy_top .sub_title {margin-left:-2% !important;}

@media screen and (max-width:767px) {
    #business_plicy_top .all_title{font-size:8vw;z-index: 1;margin:80px 0 0;}
	#business_plicy_top .all_title span{font-size:4vw;z-index: 1;margin:0px 0 0;}
}




/*/////* business_plicy //////////////////////////////////////////////////////*/
#business_plicy {position:relative;;width:100%;padding-top:0px;}
#business_plicy .about-inner {position:relative;width:100%;padding:80px 2%;background:#ffffff}
#business_plicy .all_title{padding:10px 0 0;line-height:1.8;font-size:200%;}
#business_plicy .all_title span{padding:30px 0 0;line-height:1.8;font-size:70%;display:block}
#business_plicy .sub_title {margin-left:-2% !important;}

@media screen and (max-width:767px) {
    #business_plicy .all_title{font-size:8vw;z-index: 1;margin:80px 0 0;}
	#business_plicy .all_title span{font-size:4vw;z-index: 1;margin:0px 0 0;}
}



/*/////* sns //////////////////////////////////////////////////////*/

.flowbtn10{display:inline-block;font-size:20px;text-decoration:none;transition:.5s;color:#444;	}
.flowbtn10 .fa-instagram{font-size:23px;padding-top:7px;}
.flowbtn10 .fa-tiktok{font-size:20px;padding-top:7px;}
.flowbtn10 .fa-twitter{font-size:23px;padding-top:6px;}
.flowbtn10 .fa-youtube{font-size:23px;padding-top:7px;}
.flowbtn10 .fa-twitter:hover{color:#1DA1F2 !important;}
.flowbtn10 .fa-instagram:hover{color:#CF2E92 !important;}
.flowbtn10 .fa-youtube:hover{color:#DA1725 !important;}
.flowbtn10 .fa-tiktok:hover{color:#727171 !important;}
ul.snsbtniti{padding:0!important;}
.snsbtniti{display:flex;flex-flow:row wrap;justify-content:space-between;width: 145px;margin: 20px 0 0 10px;}
.snsbtniti li{flex:0 0 5%;text-align:center!important;}

.wrap a{display: block;position: relative;width: 30px;height: 30px;padding: 5px;transition: .3s;}
.wrap a span{position: absolute;opacity: 0;top: -27px;left: -20px;width:220px;padding: 10px 0;border-radius: 2px;background:#ceb655;color: #111 !important;font-size: 11px;line-height: 1;transition: .3s;font-weight:bold}
.wrap a span:after{position: absolute;top: 100%;left: 34px;height: 0;width: 0;border: 6px solid transparent;border-top: 6px solid #ceb655;content: "";}
.wrap a:hover span{opacity: 1;top: -23px;}
.fa-twitter:before {
    content: '𝕏' !important;
    font-family: unset;
    font-weight: bold;
	margin-left:2.5px;
}

.snsbtniti2{display:none}

@media only screen and (max-width:767px) {
.snsbtniti{display:none}
.snsbtniti2 .fab{line-height: 2;}
.snsbtniti2{display:flex;flex-direction:row;justify-content:center;gap:20px;font-size: 3vw !important;margin-top: 40px;border-top: 1px dotted #fff;padding: 20px 0 ;padding-right: 175px;}
.snsbtniti2 li{margin-bottom:0px;list-style:none;}
.snsbtniti2 span{padding:10px;line-height: 20px;vertical-align: super;}
.fa-instagram,.fa-youtube{font-size:21px;margin: auto; width:20px;}
.fa-twitter{font-size:24px;position: relative; bottom: 4px;}
.fa-tiktok{font-size:20px;padding-left:3px;}
}   


/*/////* mvv2023 //////////////////////////////////////////////////////*/

#mvv{font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-family:'Cormorant Unicase', 'Noto Serif JP', serif !important;background:#f1f1f1;color:#111;font-weight:300;font-style:normal;line-height:1.4em;}
#mvv {position:relative;width:100%;padding:100px 0 200px;background-color:#fff;}
#mvv .business_in {max-width:900px;width:100%;margin:auto;text-align:center;}
#mvv h2{font-family:'Cormorant Unicase', 'Noto Serif JP', serif !important;padding:0;line-height:1.2;font-size:40px;
display:block;color:#1a2c62;padding:30px 0 10px;letter-spacing:0.25em;}
#mvv h2 span{opacity:1;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0);-webkit-transition:none;transition:none;
display:block;font-size:13px;line-height:0;letter-spacing:0.2em;margin:0px -230px -5px 0;}
#mvv h3{font-size:90%;font-family:'Cormorant Unicase', 'Noto Serif JP', serif !important;letter-spacing:5px;color:#1a2c62;margin:0 0 20px;}
#mvv h4{font-size:26px;line-height:2.0;margin-bottom:200px;font-family:'Noto Serif JP', serif;font-weight:400;margin:0px 0 60px;color:#363821;}
#mvv .tx2{max-width:800px;width:100%;margin:auto;font-size:15px;line-height:1.8;text-align:left;letter-spacing: 2px;}
#mvv .imgsize img{max-width:1000px;width:100%;margin:20px auto 50px;}

#mvv .business_in2 {max-width:1400px;width:100%;margin:auto;text-align:center;}
#mvv .value_box {display:flex;justify-content:space-between;flex-wrap:wrap;width:94%;margin:20px 3%;}
#mvv .value_box2 {display:flex;justify-content:space-between;flex-wrap:wrap;width:74%;margin:20px 13%;}
#mvv .value_box_in {padding:30px;width:24%;background-color:#fff;border:solid #ccc 1px;z-index:1;transform:skewX(-15deg);font-size:20px;padding:30px 0px;}
#mvv .w1 {width:24%}
#mvv .w2 {width:32%}
#mvv .value_tx{display:block;font-size:15px;}
#mvv .value_box_in .value_title,.value_box_in .value_title_jp,.value_box_in .value_tx{transform:skewX(15deg);text-align:center; padding:2% 0;}
#mvv .value_box_in .value_title{font-size:18px;letter-spacing:1px;color:#958d2d;line-height:1.2;}
#mvv .value_box_in .value_title_jp{font-size:20px;}
#mvv .value_box_in .value_tx{font-size:12px;padding:7px 8% 0 10%;line-height:1.7;text-align:center;}

@media only screen and (min-width:1600px) {
#mvv h2 {font-size:4rem; }
#mvv h4{font-size:1.6rem;}
}

@media only screen and (max-width:767px) {
#mvv .about-inner {background:none/*url("img/bg_mvv.svg") top center / cover no-repeat*/;padding-bottom:20px;padding-top:10px;}
#mvv .sub_title {margin-left: -5% !important;}
#mvv {position:relative;width:100%;padding:50px 5% 20px;background-image: url(https://ourvalue.jp/wp-content/themes/ourvalue/ourvalue/img/recruit/sp_back_mvv.png);background-position: center center;background-repeat: no-repeat;}
#mvv .value_box,#mvv .value_box2 {margin:0px 3%;width:94%;}
#mvv .value_box_in {padding:30px;max-width:80vw;margin:0 auto 1%;width:100%;background-color:#fff;border:solid #ccc 1px;z-index:1;transform:skewX(-15deg);font-size:20px;padding:20px 0px;}
#mvv .value_box_in .value_tx{font-size:3.5vw;padding:10px 6% 0 10%;line-height:1.7;text-align:center;}
#mvv h2 {font-size:9vw; text-align:center;padding:20px 0 0;margin-bottom: 0 !important;}
#mvv h2 span{margin-bottom: 3px;}
#mvv h3{font-size:3vw;margin: 10px 0 20px;}
#mvv h4{font-size:5.4vw;line-height:1.8;margin:0px 0 30px;}
#mvv .tx2{font-size:4.0vw;line-height:1.8;}
#mvv .value_box_in .value_title{font-size:5vw;padding-bottom: 20px;}
}